/* Layout "trio" (/4/): packages as a 2×2 block beside the product photo, then a three-column checkout —
   shipping | payment | order summary side by side. */
.fn-l-trio .fn-wrap{max-width:1320px}
.fn-l-trio .fn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;grid-template-areas:"packs packs show" "details pay side";gap:18px 20px;align-items:start}
.fn-l-trio .fn-showcase{position:static}
.fn-l-trio .fn-show-title{font-size:1.25rem}
.fn-l-trio .fn-show-points{display:none}
.fn-l-trio .fn-packs{grid-template-columns:repeat(2,minmax(0,1fr))}
.fn-l-trio .fn-side{position:sticky;top:16px}
.fn-l-trio .fn-details .fn-row.three{grid-template-columns:1fr 1fr}
.fn-l-trio .fn-details .fn-row.three>.fn-field:first-child{grid-column:span 2}
@media (max-width:1100px){
  .fn-l-trio .fn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"packs show" "details pay" "side side"}
  .fn-l-trio .fn-side{position:static}
}
@media (max-width:900px){
  .fn-l-trio .fn-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"show" "packs" "side" "details" "pay"}
  .fn-l-trio .fn-packs{grid-template-columns:minmax(0,1fr)}
}

/* ---- thank-you page: a three-column dashboard — order details | addresses | overview — under a black banner
   with hazard stripes and a big uppercase headline */
.fn-l-trio .fn-ty2>.fn-alert{grid-area:alert}.fn-l-trio .fn-ty-warn{grid-area:warn}.fn-l-trio .fn-ty-ship{grid-area:ship}.fn-l-trio .fn-ty2>section:nth-of-type(1){grid-area:det}.fn-l-trio .fn-ty-addrs{grid-area:addr}.fn-l-trio .fn-ty-form{grid-area:form}.fn-l-trio .fn-ty2>section:nth-of-type(2){grid-area:over}.fn-l-trio .fn-ty-print{grid-area:print}.fn-l-trio .fn-ty-help{grid-area:help}
.fn-l-trio .fn-ty-banner{background:repeating-linear-gradient(-45deg,#f26b1d 0 14px,#111 14px 28px) top/100% 10px no-repeat,#111;padding:50px 0 86px}
.fn-l-trio .fn-ty-banner-in{max-width:1240px;align-items:center}
.fn-l-trio .fn-ty-check{border-radius:8px;background:#f26b1d;color:#fff;box-shadow:none}
.fn-l-trio .fn-ty-banner h1{font:900 clamp(1.6rem,3.4vw,2.6rem) Archivo,sans-serif;text-transform:uppercase;color:#fff}
.fn-l-trio .fn-ty-num{border-radius:4px;background:#f26b1d;border:0}
.fn-l-trio .fn-ty2{display:grid;max-width:1240px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"alert alert alert" "warn warn ship" "det addr over" "form form over" "help help print";gap:16px;align-items:start}
.fn-l-trio .fn-ty-addrs{grid-template-columns:minmax(0,1fr)}
.fn-l-trio :is(.fn-ty-card,.fn-ty-addr,.fn-ty-help,.fn-ty-ship,.fn-ty-warn){border-radius:10px;border:2px solid #111;box-shadow:4px 4px 0 #111}
.fn-l-trio .fn-ty-h{font-family:Archivo,sans-serif!important;color:#f26b1d!important}
.fn-l-trio .fn-ty-total{background:#111;border-radius:6px}.fn-l-trio .fn-ty-total dt{color:#fff}.fn-l-trio .fn-ty-total dd{color:#f26b1d!important}
.fn-l-trio .fn-ty-help{background:#fff6f0}
@media (max-width:980px){.fn-l-trio .fn-ty2{grid-template-columns:minmax(0,1fr);grid-template-areas:"alert" "warn" "ship" "det" "addr" "form" "over" "help" "print"}}