@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";.shop-by-note-section{padding:4rem 2rem;background-color:#fff;text-align:center;font-family:var(--font-body--family),sans-serif}.shop-by-note-header{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.shop-by-note-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid #D4B483;border-radius:50px;color:#d4b483;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.shop-by-note-badge:before{content:"";display:inline-block;width:6px;height:6px;background-color:#d4b483;border-radius:50%;margin-right:8px}.shop-by-note-title{font-size:2.5rem;font-weight:800;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;color:#000}.shop-by-note-subtitle{font-size:1rem;color:#666;max-width:600px;margin:0 auto}.shop-by-note-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media(min-width:600px){.shop-by-note-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.shop-by-note-grid{grid-template-columns:repeat(5,1fr)}}.shop-by-note-card{display:flex;flex-direction:column;background-color:#f6f3ee;border-radius:16px;overflow:hidden;text-align:left;transition:transform .3s ease}.shop-by-note-card:hover{transform:translateY(-5px)}.shop-by-note-card-image-wrap{position:relative;height:250px;overflow:hidden;background-color:#fff;border-radius:16px 16px 0 0}.shop-by-note-card-image{width:100%;height:100%;object-fit:cover;object-position:center bottom}.shop-by-note-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1rem;background:linear-gradient(to top,#000c,#0000);color:#fff}h3.shop-by-note-card-title{font-family:Inter,sans-serif!important;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.shop-by-note-card-subtitle{font-size:.85rem;margin:0;opacity:.9;min-height:2.5em;display:flex;align-items:flex-start}.shop-by-note-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.shop-by-note-card-desc{font-size:.9rem;color:#555;line-height:1.5;margin:0 0 1.5rem;flex-grow:1}.shop-by-note-card-link{display:inline-flex;align-items:center;color:#d4b483;font-weight:600;font-size:.9rem;text-decoration:none;transition:color .3s ease}.shop-by-note-card-link:hover{color:#b89b70}.shop-by-note-card-link svg{width:16px;height:16px;margin-left:8px;fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-shop-by-note.css.map */