.fn-collection { max-width: 1180px; margin: 0 auto 3rem; padding-top: clamp(1.25rem, 3vw, 2rem); }
body.fn-discovery-collection #secondary { display: none; }
body.fn-discovery-collection #primary { width: 100%; float: none; }
.fn-collection__intro { max-width: 760px; margin-bottom: 2rem; }
.fn-collection__eyebrow { font: var(--sg-eyebrow, 600 .75rem/1.4 sans-serif); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1rem; }
.fn-collection__intro h1 { font: var(--sg-h1, 700 2.7rem/1.1 serif); margin: 0 0 1.25rem; }
.fn-collection__total { padding: 1.5rem; margin: 0 0 2rem; border-radius: var(--sg-radius-md, 0); background: var(--sg-mist, #eeeeee); }
.fn-collection__total p { margin: .5rem 0 0; font-size: .95rem; }
.fn-collection__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.fn-collection__card { min-width: 0; border: 1px solid var(--sg-border, rgba(34,40,49,.14)); border-radius: var(--sg-radius-md, 0); overflow: hidden; display: flex; flex-direction: column; }
.fn-collection__image { position: relative; display: grid; place-items: center; aspect-ratio: 1; padding: 0; background: #fff; }
.fn-collection__image img { width: 100%; height: 100%; object-fit: contain; }
.fn-collection__image .fragnatium-card-decant { position: absolute; z-index: 1; pointer-events: none; }
.fn-collection__image .fragnatium-card-decant img.fragnatium-card-decant__vial { position: absolute; top: 0; height: 100%; max-width: none; object-fit: fill; padding: 0; margin: 0; background: none; }
.fn-collection__body { padding: 1.5rem; display: flex; flex: 1; flex-direction: column; }
.fn-collection__brand { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.fn-collection h3 { margin: .4rem 0 1rem; font-size: 1.6rem; }
.fn-collection a { color: var(--sg-ink, #222831); text-underline-offset: .2em; }
.fn-collection__buy { margin-top: auto; padding-top: .7rem; font-weight: 600; text-underline-offset: .2em; }
.fn-collection__advice { max-width: 760px; margin: 3rem 0 0; }
.fn-collection-entry { margin: 0 0 1.25rem; font-size: .9rem; }
@media (max-width: 850px) { .fn-collection__grid { grid-template-columns: 1fr; } }