.gt-frag{padding:80px 48px;background:var(--gt-cream)}.gt-frag__head{text-align:center;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.gt-frag__title{font-family:var(--gt-font-display);font-weight:400;font-size:clamp(3rem,4vw,4.4rem);line-height:1.05;color:var(--gt-ink);margin:8px 0 10px}.gt-frag__title em{font-style:italic;color:var(--gt-teal)}.gt-frag__sub{font-family:var(--gt-font-body);font-size:1.6rem;color:var(--gt-muted);line-height:1.55;margin:0}.gt-frag__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.gt-frag__card{background:var(--gt-cream-deep);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;gap:12px;transition:transform var(--gt-duration-state) var(--gt-ease),box-shadow var(--gt-duration-state) var(--gt-ease)}.gt-frag__card:hover{transform:translateY(-3px);box-shadow:var(--gt-shadow-card)}.gt-frag__card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gt-frag__swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gt-border)}.gt-frag__card-name{font-family:var(--gt-font-heading);font-size:1.6rem;font-weight:700;color:var(--gt-ink);flex:1}.gt-frag__mood{font-family:var(--gt-font-ui);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gt-teal);background:var(--gt-teal-soft);padding:3px 9px;border-radius:999px}.gt-frag__card-desc{font-family:var(--gt-font-body);font-size:1.4rem;line-height:1.6;color:var(--gt-muted);margin:0}.gt-frag__notes{display:flex;align-items:flex-start;gap:6px;font-family:var(--gt-font-ui);font-size:1.1rem;font-weight:600;color:var(--gt-subtle);letter-spacing:.02em;border-top:1px solid var(--gt-border);padding-top:10px;margin-top:2px}.gt-frag__notes svg{flex-shrink:0;margin-top:1px}.gt-frag__footnote{text-align:center;font-family:var(--gt-font-body);font-size:1.3rem;color:var(--gt-subtle);margin-top:40px}@media screen and (max-width:989px){.gt-frag{padding:64px 24px}.gt-frag__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.gt-frag{padding:48px 20px}.gt-frag__grid{grid-template-columns:1fr 1fr;gap:12px}.gt-frag__card{padding:20px 16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-gt-fragrance-notes.css.map */
