/* Layout "tabs" (/7/): product card and package tiles across the top; below, shipping and payment are two tabs
   (assets/layout.js) next to the order summary. */
.fn-off{display:none!important}
.fn-l-tabs .fn-grid{grid-template-areas:"show show" "packs packs" "tabs side" "details side" "pay side";align-items:start}
.fn-l-tabs .fn-side{grid-row:3 / span 3}
.fn-tabs{grid-area:tabs;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0b1026;border-radius:16px;padding:6px}
.fn-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:transparent;color:#8f9bc4;font:600 1rem "Space Grotesk",sans-serif;padding:14px 10px;cursor:pointer}
.fn-tabs b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#141a3a;font-size:.85rem}
.fn-tabs button.on{background:linear-gradient(90deg,#3b6cff,#7a4dff 55%,#ff7a2f);color:#fff}
.fn-tabs button.on b{background:rgba(255,255,255,.2)}
.fn-l-tabs :is(.fn-details,.fn-pay-card)>h2{display:none}
.fn-tab-nav{display:flex;justify-content:flex-end;margin-top:16px}
.fn-tab-next{border:0;border-radius:14px;background:linear-gradient(90deg,#3b6cff,#7a4dff 55%,#ff7a2f);color:#fff;font:700 1rem "Space Grotesk",sans-serif;padding:14px 26px;cursor:pointer}
@media (max-width:900px){
  .fn-l-tabs .fn-grid{grid-template-areas:"show" "packs" "side" "tabs" "details" "pay"}
  .fn-l-tabs .fn-side{grid-row:auto}
  .fn-tab-next{width:100%}
}

/* ---- thank-you page: dark "ticket" — a midnight banner with a glowing gradient check, order details as four dark
   tiles and every card in dark mode */
.fn-l-tabs .fn-ty2>.fn-alert{grid-area:alert}.fn-l-tabs .fn-ty-warn{grid-area:warn}.fn-l-tabs .fn-ty-ship{grid-area:ship}.fn-l-tabs .fn-ty2>section:nth-of-type(1){grid-area:det}.fn-l-tabs .fn-ty-addrs{grid-area:addr}.fn-l-tabs .fn-ty-form{grid-area:form}.fn-l-tabs .fn-ty2>section:nth-of-type(2){grid-area:over}.fn-l-tabs .fn-ty-print{grid-area:print}.fn-l-tabs .fn-ty-help{grid-area:help}
.fn-l-tabs .fn-ty-banner{background:radial-gradient(circle at 15% 100%,rgba(59,108,255,.5),transparent 45%),radial-gradient(circle at 85% 100%,rgba(255,122,47,.4),transparent 45%),#0b1026;padding:48px 0 90px;text-align:center}
.fn-l-tabs .fn-ty-banner-in{flex-direction:column;align-items:center;margin:0 auto}
.fn-l-tabs .fn-ty-check{width:80px;height:80px;flex-basis:80px;background:linear-gradient(135deg,#3b6cff,#ff7a2f);color:#fff;box-shadow:0 0 50px rgba(59,108,255,.6)}
.fn-l-tabs .fn-ty-banner h1{font:700 clamp(1.7rem,3.4vw,2.5rem) "Space Grotesk",sans-serif;color:#fff}
.fn-l-tabs .fn-ty2{display:grid;max-width:1000px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"alert alert" "warn warn" "det det" "addr over" "form over" "ship help" "print print";gap:16px;align-items:start}
.fn-l-tabs .fn-ty-addrs{grid-template-columns:minmax(0,1fr)}
.fn-l-tabs :is(.fn-ty-card,.fn-ty-addr,.fn-ty-help,.fn-ty-ship){background:#0b1026;border-color:#283058;color:#c9d1ef}
.fn-l-tabs .fn-ty-h,.fn-l-tabs .fn-ty-addr h3{color:#8f9bc4!important}
.fn-l-tabs .fn-ty-table div{border-color:#283058}
.fn-l-tabs .fn-ty-table dt,.fn-l-tabs .fn-ty-help h3{color:#fff}
.fn-l-tabs .fn-ty-table dd,.fn-l-tabs .fn-ty-addr p,.fn-l-tabs .fn-ty-help p,.fn-l-tabs .fn-ty-ship p{color:#aab4d8}
.fn-l-tabs .fn-ty-items dd{color:#fff}
.fn-l-tabs .fn-ty-thumb,.fn-l-tabs .fn-ty-ship-ico{background:#fff;border-color:#283058}
.fn-l-tabs .fn-ty-total{background:linear-gradient(90deg,#3b6cff,#ff7a2f)}.fn-l-tabs .fn-ty-total dt,.fn-l-tabs .fn-ty-total dd{color:#fff!important}
.fn-l-tabs .fn-ty2>section:nth-of-type(1) .fn-ty-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fn-l-tabs .fn-ty2>section:nth-of-type(1) .fn-ty-table div{flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #283058;background:#141a3a;border-radius:14px;padding:14px 16px}
.fn-l-tabs .fn-ty2>section:nth-of-type(1) .fn-ty-table dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#8f9bc4}
.fn-l-tabs .fn-ty2>section:nth-of-type(1) .fn-ty-table dd{text-align:left;color:#fff;font-weight:700}
.fn-l-tabs .fn-ty-help a:not(.fn-ty-mail){color:#ff9a5a}
@media (max-width:760px){.fn-l-tabs .fn-ty2{grid-template-columns:minmax(0,1fr);grid-template-areas:"alert" "warn" "det" "addr" "form" "over" "ship" "help" "print"}.fn-l-tabs .fn-ty2>section:nth-of-type(1) .fn-ty-table{grid-template-columns:1fr 1fr}}
/* ==== bigger product photo ==== */
.fn-t-beam .fn-showcase{grid-template-columns:320px minmax(0,1fr)}
.fn-t-beam .fn-show-img{width:320px;height:320px}
.fn-t-beam .fn-g-thumbs button{width:72px;height:72px}
@media (max-width:600px){.fn-t-beam .fn-showcase{grid-template-columns:minmax(0,1fr)}.fn-t-beam .fn-showcase>*{grid-column:1/-1;grid-row:auto}.fn-t-beam .fn-show-img{width:100%;max-width:440px;height:auto;aspect-ratio:1;margin:0 auto 12px}.fn-t-beam .fn-g-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.fn-t-beam .fn-g-thumbs button{width:auto;height:auto;aspect-ratio:1}}