.fragrance-notes-section{max-width:1400px;margin:0 auto}.fragrance-notes-section,.fragrance-notes-section *{font-family:Poppins,sans-serif}.fragrance-notes-heading{font-weight:700;font-size:2rem;letter-spacing:.02em;margin:0 0 32px;text-transform:uppercase}.fragrance-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.fragrance-notes-grid{grid-template-columns:1fr}}.fragrance-note-card{display:flex;flex-direction:column;background-color:#f1f1ee;border-radius:20px;overflow:hidden;flex:0 0 auto;transition:transform .25s ease,box-shadow .25s ease}.fragrance-note-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.fragrance-note-image{width:100%;aspect-ratio:1 / 1;overflow:hidden}@media(min-width:769px){.fragrance-note-image{aspect-ratio:5 / 4}}.fragrance-note-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.fragrance-note-card:hover .fragrance-note-image img{transform:scale(1.04)}.fragrance-note-image-placeholder{width:100%;height:100%;background-color:#e5e5e2}.fragrance-note-text{padding:24px 24px 32px}.fragrance-note-title{font-weight:700;font-size:1.4rem;letter-spacing:.02em;margin:0 0 10px}.fragrance-note-description{font-weight:400;font-size:1rem;color:#1a1a1a;margin:0;line-height:1.5}@media(max-width:768px){.fragrance-notes-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fragrance-notes-grid::-webkit-scrollbar{display:none}.fragrance-note-card{scroll-snap-align:start;width:85%;flex:0 0 85%}.fragrance-note-card:hover{transform:none;box-shadow:none}}.fragrance-notes-nav{display:none;gap:12px;margin-top:16px}@media(max-width:768px){.fragrance-notes-nav{display:flex}}.fragrance-notes-nav button{width:40px;height:40px;border-radius:50%;border:none;background-color:#f1f1ee;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.fragrance-notes-nav button svg{width:18px;height:18px}.fragrance-notes-nav button:active{background-color:#e0e0dc}
/*# sourceMappingURL=/cdn/shop/t/29/assets/scent-notes-carousel.css.map */