.fragrance-notes-section{position:relative;width:100%;color:var(--color-foreground, #111827);background-color:var(--color-background, #ffffff)}.fragrance-notes-container{max-width:var(--notes-max-width, 1160px);margin:0 auto;width:100%}.notes-header{margin-bottom:32px}.notes-header.text-center{text-align:center}.notes-header.text-left{text-align:left}.notes-eyebrow{font-family:var(--font-body--family);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:6px;display:block}.notes-heading{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 700);font-size:var(--notes-heading-size, 24px);color:var(--color-foreground, #0F172A);margin:0;text-transform:uppercase;letter-spacing:var(--notes-heading-letter-spacing, .8px);line-height:1.25}.notes-sub{font-family:var(--font-body--family);font-size:.88rem;color:var(--color-foreground, #475569);opacity:.85;margin:6px 0 0;line-height:1.5}.notes-grid{display:grid;grid-template-columns:repeat(var(--notes-cols-desktop, 4),1fr);gap:var(--notes-gap-desktop, 28px) calc(var(--notes-gap-desktop, 28px) * .75);justify-items:center;width:100%}.notes-grid--desktop-3{grid-template-columns:repeat(3,1fr)}.notes-grid--desktop-4{grid-template-columns:repeat(4,1fr)}.notes-grid--desktop-5{grid-template-columns:repeat(5,1fr)}.notes-grid--desktop-6{grid-template-columns:repeat(6,1fr)}.notes-grid--desktop-8{grid-template-columns:repeat(8,1fr)}.note-card-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-foreground, #0F172A);cursor:pointer;width:100%;max-width:calc(var(--notes-disc-size, 140px) + 30px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.note-card-item:hover{transform:translateY(-4px)}.note-disc{position:relative;width:var(--notes-disc-size, 140px);height:var(--notes-disc-size, 140px);background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.note-disc--circle{border-radius:50%;padding:10px}.note-disc--portrait{width:var(--notes-disc-size, 140px);height:calc(var(--notes-disc-size, 140px) * 1.3);border-radius:10px;padding:0}.note-disc--square{width:var(--notes-disc-size, 140px);height:var(--notes-disc-size, 140px);border-radius:12px;padding:10px}.note-disc--border-minimal{border:1px solid rgba(15,23,42,.08);box-shadow:0 2px 8px #00000005}.note-card-item:hover .note-disc--border-minimal{border-color:#0f172a38;box-shadow:0 8px 20px #0000000f}.note-disc--border-none{border:none;background:transparent}.note-card-item:hover .note-disc--border-none{background:#0f172a08}.note-disc--border-shadow{border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 24px #0000000f,0 2px 6px #00000005}.note-card-item:hover .note-disc--border-shadow{box-shadow:0 16px 32px #0000001a,0 4px 10px #00000008}.note-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.note-disc--circle .note-img{border-radius:50%}.note-disc--portrait .note-img{object-fit:cover;border-radius:10px}.note-disc--square .note-img{border-radius:8px}.note-card-item:hover .note-img{transform:scale(1.06)}.note-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.note-disc--circle .note-placeholder{border-radius:50%}.note-disc--portrait .note-placeholder{border-radius:10px}.note-disc--square .note-placeholder{border-radius:8px}.note-placeholder-letter{font-family:var(--font-heading--family);font-size:1.6rem;font-weight:700;color:#0f172a;opacity:.6}.note-title{margin-top:12px;font-family:var(--font-heading--family);font-size:var(--notes-title-size, 13px);font-weight:var(--notes-title-weight, 600);color:var(--color-foreground, #0F172A);text-transform:var(--notes-title-transform, uppercase);letter-spacing:var(--notes-title-letter-spacing, .5px);text-align:center;line-height:1.35;transition:color .25s ease}.note-card-item:hover .note-title{color:#0f172a;opacity:.8}@media(max-width:900px){.notes-grid{grid-template-columns:repeat(4,1fr);gap:20px 14px}.note-disc{width:calc(var(--notes-disc-size, 140px) * .85);height:calc(var(--notes-disc-size, 140px) * .85)}.note-disc--portrait{height:calc(var(--notes-disc-size, 140px) * .85 * 1.3)}}@media(max-width:600px){.notes-header{margin-bottom:20px}.notes-heading{font-size:calc(var(--notes-heading-size, 24px) * .85)}.notes-grid--mobile-2{grid-template-columns:repeat(2,1fr)!important;gap:var(--notes-gap-mobile, 14px) 10px!important}.notes-grid--mobile-2 .note-disc{width:var(--notes-disc-size-mobile, 105px);height:var(--notes-disc-size-mobile, 105px);padding:6px}.notes-grid--mobile-2 .note-disc--portrait{height:calc(var(--notes-disc-size-mobile, 105px) * 1.3)}.notes-grid--mobile-2 .note-title{font-size:var(--notes-title-size-mobile, 11px);margin-top:8px;letter-spacing:var(--notes-title-letter-spacing, .5px)}.notes-grid--mobile-4{grid-template-columns:repeat(4,1fr)!important;gap:12px 6px!important}.notes-grid--mobile-4 .note-disc{width:calc(var(--notes-disc-size-mobile, 105px) * .72);height:calc(var(--notes-disc-size-mobile, 105px) * .72);padding:4px}.notes-grid--mobile-4 .note-disc--portrait{height:calc(var(--notes-disc-size-mobile, 105px) * .72 * 1.3)}.notes-grid--mobile-4 .note-title{font-size:.65rem;margin-top:6px;letter-spacing:.2px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/custom-fragrance-families.css.map */