/* FatPrint global: tokens, fonts, buttons, promo strip, header, mega menus, mobile drawer, mega footer, cookie bar, and
   the palette carried onto the parent theme's shop pages. Loaded on every page (after the parent sheet on shop pages).
   Everything is fp- prefixed; element resets are `:where(scope) :is(el)` = element specificity (0,0,1): they beat
   the parent's bare element rules by load order and lose to every fp- class rule.
   Palette "British" (2026-09-29): fatprint/design/tokens.css + BRAND.md. */
@font-face{font-family:"Gabarito";src:url("../fonts/gabarito-latin.woff2?v=1") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/figtree-latin.woff2?v=1") format("woff2");font-weight:300 900;font-display:swap}
:root{
  --fp-navy:#012169;--fp-navy-deep:#000F3D;--fp-navy-2:#0B2F86;--fp-navy-3:#2A4A9E;
  --fp-red:#C8102E;--fp-red-deep:#8E0B20;--fp-white:#fff;--fp-paper:#F6F7FB;--fp-ink:#0B1026;
  --fp-mustard:#F2B705;--fp-mustard-deep:#B88A00;--fp-sky:#1E4FD8;--fp-sky-soft:#E7EDFB;--fp-mist:#EEF1F8;
  --fp-card:#fff;--fp-line:#DDE2EE;--fp-line-strong:#C3CBDF;--fp-muted:#4A5270;--fp-on-dark:#fff;--fp-on-dark-muted:#C9D3F0;
  --fp-f-display:"Gabarito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fp-f-body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fp-r:16px;--fp-r-sm:12px;--fp-r-blob:58% 42% 55% 45% / 52% 58% 42% 48%;
  --fp-container:1240px;--fp-gutter:24px;--fp-gap:24px;--fp-header-h:72px;
  --fp-ease:cubic-bezier(.3,.7,.2,1);--fp-dur:.18s;
  --fp-shadow:0 12px 32px -18px rgba(1,33,105,.35);
  --fp-mascot-shadow:drop-shadow(0 14px 14px rgba(0,0,0,.28));
  /* the parent theme's own tokens, re-pointed so shop pages carry the FatPrint palette and fonts */
  --paper:#F6F7FB;--tint:#EEF1F8;--ink:#0B1026;--ink-soft:#2B3350;--muted:#4A5270;--line:#DDE2EE;--line-strong:#C3CBDF;
  --brand:#C8102E;--brand-dark:#8E0B20;--brand-soft:#FBE7EA;--marker:#F2B705;
  --f-display:"Gabarito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Gabarito",ui-sans-serif,system-ui,sans-serif;
}
@media (max-width:759px){:root{--fp-gutter:16px;--fp-gap:16px;--fp-header-h:64px}}
body.fp-site:not(.fp-front) .mono,body.fp-site:not(.fp-front) .price,body.fp-site:not(.fp-front) .amount{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:0}

/* scoped resets (promo strip, header, drawer, footer, cookie bar and the home main) */
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :where(*,*::before,*::after){box-sizing:border-box}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(h1,h2,h3,p,ul,ol,li,figure,form,details,summary){margin:0;padding:0}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(ul,ol){list-style:none}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(a){color:inherit;text-decoration:none}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(img,svg){display:block;max-width:100%;height:auto}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(button,input){font:inherit;color:inherit;margin:0}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(button){background:none;border:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;border-radius:0;min-height:0;width:auto}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(h1,h2,h3){font-family:var(--fp-f-display);font-weight:800;letter-spacing:-.02em;line-height:1.08;color:inherit;text-transform:none}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :is(b,strong){color:inherit}
.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie{font-family:var(--fp-f-body);line-height:1.5;-webkit-font-smoothing:antialiased}
body.fp-front{margin:0;font-family:var(--fp-f-body);font-size:1rem;line-height:1.55;color:var(--fp-ink);background:var(--fp-paper);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}
.fp-wrap{max-width:var(--fp-container);margin:0 auto;padding:0 var(--fp-gutter);width:100%}
.fp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fp-ui{width:20px;height:20px;flex:none}
.fp-pic{width:56px;height:56px;flex:none}
.fp-pic .acc{fill:var(--acc,var(--fp-sky-soft))}
.fp-skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--fp-white);color:var(--fp-navy);padding:10px 16px;border-radius:var(--fp-r-sm);font-weight:700}
.fp-skip:focus{top:12px}
:where(.fp-promo,.fp-hd,.fp-drawer,.fp-ft,.fp-cookie,.fp-front main) :focus-visible{outline:3px solid var(--fp-mustard);outline-offset:2px;border-radius:6px}

/* buttons */
.fp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 1rem/1 var(--fp-f-display);letter-spacing:0;padding:16px 24px;border-radius:12px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform var(--fp-dur) var(--fp-ease),box-shadow var(--fp-dur) var(--fp-ease),background-color var(--fp-dur);text-decoration:none}
.fp-btn .fp-ui{width:18px;height:18px}
.fp-btn--red{background:var(--fp-red);color:#fff;box-shadow:0 4px 0 var(--fp-red-deep)}
.fp-btn--red:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--fp-red-deep);color:#fff}
.fp-btn--navy{background:var(--fp-navy);color:#fff;box-shadow:0 4px 0 var(--fp-navy-deep)}
.fp-btn--navy:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--fp-navy-deep);color:#fff}
.fp-btn--white{background:#fff;color:var(--fp-red);box-shadow:0 4px 0 rgba(0,0,0,.25)}
.fp-btn--white:hover{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.25);color:var(--fp-red-deep)}
.fp-btn--ghost{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.fp-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.fp-btn--line{color:inherit;border-color:currentColor;background:transparent}
.fp-btn--sm{padding:12px 16px;font-size:.94rem}
.fp-btn--lg{padding:18px 28px;font-size:1.1rem}
.fp-btn--block{width:100%}
.fp-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--fp-sky);white-space:nowrap}
.fp-link .fp-ui{width:18px;height:18px;transition:transform var(--fp-dur) var(--fp-ease)}
.fp-link:hover .fp-ui{transform:translateX(3px)}

/* ---------------------------------------------------------------- top bar (owner 2026-09-30: one compact line)
   Slim red bar, one promo at a time. While a free-delivery campaign runs it turns mustard and the campaign line
   (claim, conditions, end time, countdown) leads; the other promos take short turns (fp.js). The basket's
   free-delivery progress lives on the header basket button. */
.fp-promo{background:var(--fp-red);color:#fff;font-size:.8rem;line-height:1.2;position:relative;overflow:hidden}
.fp-promo-rot{display:grid;align-items:center;min-height:28px}
.fp-promo-i{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:4px 14px;min-width:0;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .35s var(--fp-ease),transform .35s var(--fp-ease),visibility 0s .35s}
.fp-promo-i.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--fp-ease),transform .35s var(--fp-ease),visibility 0s}
.fp-promo-i>a,.fp-promo-i>span{overflow:hidden;text-overflow:ellipsis}
.fp-promo a:hover{text-decoration:underline;text-underline-offset:3px}
.fp-promo b{font-weight:800}
@keyframes fp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fp-promo--fs{background:var(--fp-red);color:#fff}
.fp-promo--fs .fp-promo-rot{min-height:32px}
.fp-promo--fs b{font-weight:900}
.fp-promo-end{font-weight:600}
.fp-promo .fp-fs-t{margin-left:-6px;padding:4px 7px;border-radius:6px;background:var(--fp-ink);color:var(--fp-mustard);font:800 .76rem/1 var(--fp-f-display);font-variant-numeric:tabular-nums}
.fp-promo .fp-fs-t:empty{display:none}
.fp-promo-fs small{font-size:.72rem;opacity:.82}
/* free-delivery progress on the basket button: thin line inside it + a short note under it (desktop) */
.fp-act .fp-bask{position:relative}
.fp-bask-bar{position:absolute;left:10px;right:10px;bottom:5px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.fp-bask-bar i{display:block;height:100%;width:0;border-radius:2px;background:#fff;transition:width .6s var(--fp-ease)}
.fp-bask.is-free .fp-bask-bar i{background:var(--fp-mustard)}
.fp-bask-note{position:absolute;right:2px;top:calc(100% + 3px);font:700 .68rem/1 var(--fp-f-body);color:var(--fp-on-dark-muted);white-space:nowrap;pointer-events:none}
.fp-bask.is-free .fp-bask-note{color:var(--fp-mustard)}
.fp-bask-bar[hidden],.fp-bask-note[hidden]{display:none}
@media (max-width:1023px){.fp-promo-lbl,.fp-promo-end{display:none}}
@media (max-width:759px){
  .fp-promo{font-size:.76rem}
  .fp-promo--fs .fp-promo-i:not(.fp-promo-fs){display:none} /* phones in a campaign: its line only */
  .fp-promo-fs{flex-wrap:wrap;white-space:normal;gap:3px 8px;padding-block:5px}
  .fp-promo-fs small{flex-basis:100%;font-size:.68rem}
  .fp-bask-note{display:none}
  .fp-bask-bar{left:8px;right:8px;bottom:4px}
}

/* ---------------------------------------------------------------- header (navy, blurred Union Flag behind) */
.fp-hd{background:var(--fp-navy);color:#fff;position:relative;z-index:50}
.fp-hd-flag{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:url("../img/union-flag-blur.webp") right 18% center/auto 260% no-repeat;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%)}
.fp-hd-main,.fp-msearch,.fp-nav{position:relative}
.fp-hd-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:var(--fp-header-h)}
.fp-logo{display:block;line-height:0}
.fp-logo img{height:calc(var(--h,130) * .276px);width:auto}
.fp-hd-search{justify-self:center;width:100%;max-width:600px}
.fp-search{display:flex;align-items:center;background:#fff;border-radius:12px;padding:4px 4px 4px 16px;color:var(--fp-ink);border:2px solid transparent;box-shadow:0 8px 24px -12px rgba(0,0,0,.5)}
.fp-search:focus-within{border-color:var(--fp-mustard)}
.fp-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:10px 8px;font-size:1rem;color:var(--fp-ink);box-shadow:none;height:auto}
.fp-search input::placeholder{color:#5A6380;opacity:1}
.fp-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.fp-search button{flex:none;background:var(--fp-red);color:#fff;width:44px;height:40px;border-radius:9px;display:grid;place-items:center}
.fp-search button:hover{background:var(--fp-red-deep)}
.fp-act{display:flex;align-items:center;gap:4px}
.fp-act a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-weight:600;font-size:.95rem;color:#fff}
.fp-act a:hover{background:rgba(255,255,255,.1)}
.fp-act .fp-bask{background:var(--fp-red)}
.fp-act .fp-bask:hover{background:var(--fp-red-deep)}
.fp-count{background:#fff;color:var(--fp-red);font:800 .75rem/20px var(--fp-f-display);min-width:20px;height:20px;border-radius:10px;padding:0 6px;text-align:center}
.fp-count:empty,.fp-count[data-n="0"]{display:none}
.fp-burger{display:none;color:#fff;padding:8px;margin-left:-8px}
.fp-burger .fp-ui{width:26px;height:26px}
.fp-msearch{display:none}
.fp-nav{border-top:1px solid rgba(255,255,255,.14)}
.fp-nav-in{display:flex;align-items:center;gap:8px;height:56px}
.fp-drop{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font:800 .98rem/1 var(--fp-f-display);background:rgba(255,255,255,.1);color:#fff}
.fp-drop:hover{background:rgba(255,255,255,.18)}
.fp-drop .fp-ui{width:16px;height:16px;transition:transform var(--fp-dur)}
.fp-drop[aria-expanded="true"]{background:#fff;color:var(--fp-navy)}
.fp-drop[aria-expanded="true"] .fp-ui{transform:rotate(180deg)}
.fp-quick{display:flex;margin-left:8px}
.fp-quick a{display:block;padding:10px 12px;border-radius:10px;font-weight:600;font-size:.94rem;color:#E4E9F7}
.fp-quick a:hover{color:#fff;background:rgba(255,255,255,.1)}
.fp-navoffer{margin-left:auto;display:flex;align-items:center;gap:8px;font:800 .95rem/1 var(--fp-f-display);color:var(--fp-navy);background:var(--fp-mustard);padding:10px 14px;border-radius:10px}
.fp-navoffer:hover{background:#FFC928}
.fp-quote{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;padding:10px 12px;border-radius:10px}
.fp-navoffer+.fp-quote{margin-left:4px}
.fp-quote:only-of-type,.fp-quick+.fp-quote{margin-left:auto}
.fp-quote:hover{background:rgba(255,255,255,.1)}

/* mega panels */
.fp-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--fp-ink);border-radius:0 0 var(--fp-r) var(--fp-r);box-shadow:0 32px 64px -32px rgba(1,15,61,.55);border-top:4px solid var(--fp-red)}
.fp-mega[hidden]{display:none}
.fp-mega-jobs{display:grid;grid-template-columns:repeat(5,1fr) 1.1fr;gap:24px;padding-block:24px 32px}
.fp-mcol-h{display:flex;align-items:center;gap:10px;font:800 1.05rem/1.15 var(--fp-f-display);color:var(--fp-navy);margin-bottom:8px;min-height:52px}
.fp-mcol-h:hover span{color:var(--fp-sky)}
.fp-mcol-av{width:44px;height:52px;object-fit:cover;object-position:top;border-radius:12px;background:var(--fp-sky-soft);flex:none}
.fp-mcol li a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--fp-line);font-size:.9rem;line-height:1.3}
.fp-mthumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--fp-mist)}
.fp-mcol li a:hover span{color:var(--fp-sky)}
.fp-mcol em{font-style:normal;font-weight:800;color:var(--fp-red);white-space:nowrap;font-variant-numeric:tabular-nums;font-family:var(--fp-f-display)}
.fp-mcol em small,.fp-mtype small,.fp-drawer small{font-weight:600;color:var(--fp-muted);font-size:.8rem;font-family:var(--fp-f-body)}
.fp-mcol .fp-link{margin-top:12px;font-size:.9rem}
.fp-mhelp{background:var(--fp-navy);color:#fff;border-radius:var(--fp-r);padding:24px;display:flex;flex-direction:column;gap:8px;align-self:start}
.fp-mhelp-h{font:800 1.2rem/1.2 var(--fp-f-display)}
.fp-mhelp p:not(.fp-mhelp-h){color:var(--fp-on-dark-muted);font-size:.92rem}
.fp-mhelp .fp-btn{align-self:flex-start;margin-top:8px}
.fp-mtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px;padding-top:24px}
.fp-mtype{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--fp-r-sm);color:var(--fp-navy)}
.fp-mtype:hover{background:var(--fp-paper)}
.fp-mtype-img{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none;background:var(--fp-mist);display:grid;place-items:center}
.fp-mtype-img img{width:100%;height:100%;object-fit:cover}
.fp-mtype-img .fp-pic{width:40px;height:40px}
.fp-mtype b{display:block;font:800 1rem/1.2 var(--fp-f-display);color:var(--fp-ink)}
.fp-mtype small strong{color:var(--fp-red);font:800 .9rem var(--fp-f-display)}
.fp-mmore{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;border-top:1px solid var(--fp-line);margin-top:16px;padding:16px 10px 24px;font-size:.92rem}
.fp-mmore span{font-weight:700;color:var(--fp-muted)}
.fp-mmore a{font-weight:700;color:var(--fp-sky)}
.fp-mmore a:hover{text-decoration:underline}

/* mobile drawer */
.fp-drawer{position:fixed;inset:0;z-index:200;background:rgba(0,15,61,.55)}
.fp-drawer[hidden]{display:none}
.fp-drawer-in{position:absolute;left:0;top:0;bottom:0;width:min(420px,100%);background:#fff;color:var(--fp-ink);display:flex;flex-direction:column;box-shadow:24px 0 48px -24px rgba(0,0,0,.4);animation:fp-in .22s var(--fp-ease)}
@keyframes fp-in{from{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}
.fp-drawer-top{background:var(--fp-navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;min-height:var(--fp-header-h)}
.fp-drawer-top img{height:calc(var(--h,130) * .215px);width:auto}
.fp-drawer-x{color:#fff;padding:8px;margin-right:-8px}
.fp-drawer-x .fp-ui{width:26px;height:26px}
.fp-drawer-body{flex:1;overflow-y:auto;padding:12px 16px 16px;overscroll-behavior:contain}
.fp-drawer-offer{display:flex;align-items:center;gap:8px;background:var(--fp-mustard);color:var(--fp-navy);font:800 1rem var(--fp-f-display);padding:12px 16px;border-radius:12px}
.fp-drawer-h{font:700 .78rem/1 var(--fp-f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fp-muted);padding:16px 0 8px}
.fp-drawer-jobs a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--fp-line);font-weight:700;color:var(--fp-navy)}
.fp-drawer-jobs .fp-ui{color:var(--fp-red);width:18px;height:18px}
.fp-drawer-types{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.fp-drawer-types a{display:flex;align-items:center;gap:8px;background:var(--fp-paper);border-radius:var(--fp-r-sm);padding:8px 12px;font-weight:700;font-size:.88rem;line-height:1.2;min-height:56px;color:var(--fp-navy)}
.fp-drawer-types .fp-pic{width:32px;height:32px}
.fp-drawer-links{margin-top:16px;border-top:1px solid var(--fp-line)}
.fp-drawer-links a{display:flex;align-items:center;gap:12px;padding:14px 0;font-weight:600;border-bottom:1px solid var(--fp-line)}
.fp-drawer-foot{border-top:1px solid var(--fp-line);padding:16px}
html.fp-lock,html.fp-lock body{overflow:hidden}

/* ---------------------------------------------------------------- mega footer */
.fp-ft{background:var(--fp-navy);color:#fff;position:relative;margin-top:124px}
.fp-ft-pug{position:absolute;right:max(24px,calc(50% - 596px));top:auto;bottom:calc(100% - 10px);width:120px;height:auto;filter:var(--fp-mascot-shadow);z-index:1}
.fp-ft-trust{background:var(--fp-navy-deep);border-bottom:1px solid rgba(255,255,255,.1)}
.fp-ft-trust ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:24px}
.fp-ft-trust li{display:flex;align-items:center;gap:12px;font:800 1rem/1.25 var(--fp-f-display)}
.fp-ft-trust .fp-ui{width:28px;height:28px;color:var(--fp-mustard)}
.fp-ft h2{font-size:1rem;margin-bottom:12px;color:#fff;letter-spacing:0}
.fp-ft-prod{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;padding:48px 0 40px;border-bottom:1px solid rgba(255,255,255,.12)}
.fp-ft-prod h2{color:var(--fp-mustard)}
.fp-ft-col summary{list-style:none;display:block;cursor:default}
.fp-ft-col summary::-webkit-details-marker{display:none}
.fp-ft-col summary .fp-ui{display:none}
.fp-ft li a{display:inline-flex;align-items:center;gap:4px;padding:4px 0;color:var(--fp-on-dark-muted);font-size:.9rem;line-height:1.35}
.fp-ft li a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fp-ft-all a{color:#fff!important;font-weight:700}
.fp-ft-all .fp-ui{width:14px;height:14px}
.fp-ft-info{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding:40px 0}
.fp-ft-brand img{height:calc(var(--h,130) * .31px);width:auto;margin-bottom:16px}
.fp-ft-brand p{color:var(--fp-on-dark-muted);font-size:.94rem;max-width:34ch}
.fp-ft-brand .fp-ft-tag{font:900 1.35rem/1.15 var(--fp-f-display);color:#fff;margin-bottom:8px}
.fp-ft-del p{color:var(--fp-on-dark-muted);font-size:.9rem;margin-bottom:8px}
.fp-ft-del b{color:#fff}
.fp-ft-pay{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding:20px 0}
.fp-ft-secure{display:flex;align-items:center;gap:8px;font-weight:800;font-family:var(--fp-f-display)}
.fp-ft-secure .fp-ui{color:var(--fp-mustard)}
.fp-pays{display:flex;gap:8px;flex-wrap:wrap}
.fp-pays li{width:56px;height:36px;border-radius:8px;background:#fff;display:grid;place-items:center}
.fp-pays svg{width:34px;height:22px}
.fp-ft-base{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 24px;display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;font-size:.86rem;color:var(--fp-on-dark-muted)}
.fp-ft-legal{display:flex;align-items:baseline;gap:16px;margin-left:auto}
.fp-ft-legal li{display:block;line-height:1.5}
.fp-ft-legal a,.fp-ft-legal button{color:var(--fp-on-dark-muted);font:inherit;font-size:.86rem;line-height:1.5;padding:0;text-decoration:underline;text-underline-offset:3px}
.fp-ft-legal a:hover,.fp-ft-legal button:hover{color:#fff}

/* cookie bar */
.fp-cookie{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;color:var(--fp-ink);border-top:1px solid var(--fp-line);box-shadow:0 -16px 40px -24px rgba(1,15,61,.5)}
.fp-cookie[hidden]{display:none}
.fp-cookie-in{display:flex;align-items:center;gap:16px 24px;padding-block:16px;flex-wrap:wrap}
.fp-cookie-in p{flex:1 1 420px;font-size:.9rem;color:var(--fp-muted)}
.fp-cookie-in p a{color:var(--fp-sky);font-weight:700;text-decoration:underline}
.fp-cookie-btns{display:flex;gap:8px;flex-wrap:wrap}
.fp-cookie .fp-btn--line{color:var(--fp-navy)}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1199px){
  .fp-quick li:nth-child(n+4){display:none}
  .fp-mega-jobs{grid-template-columns:repeat(3,1fr)}
  .fp-mtypes{grid-template-columns:repeat(3,1fr)}
  .fp-ft-prod{grid-template-columns:repeat(4,1fr)}
  .fp-ft-info{grid-template-columns:repeat(4,1fr)}
  .fp-ft-brand{grid-column:1/-1}
  .fp-ft-trust ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1023px){
  .fp-hd-main{gap:16px}
  .fp-act .fp-act-help span,.fp-act .fp-act-acc span{display:none}
  .fp-quick{display:none}
  .fp-mega-jobs{grid-template-columns:repeat(2,1fr)}
  .fp-mtypes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:759px){
  .fp-hd-main{grid-template-columns:auto 1fr auto;gap:8px}
  .fp-burger{display:block}
  .fp-logo{justify-self:start}
  .fp-logo img{height:calc(var(--h,130) * .215px)}
  .fp-hd-search,.fp-act .fp-act-help,.fp-act .fp-act-acc,.fp-bask .fp-bask-l{display:none}
  .fp-hd-flag{background-size:auto 200%;background-position:right -40px center}
  .fp-nav{display:none}
  .fp-msearch{display:block;padding:0 var(--fp-gutter) 12px}
  .fp-search input{font-size:16px}
  .fp-ft{margin-top:88px}
  .fp-ft-pug{width:96px}
  .fp-ft-trust ul{grid-template-columns:1fr 1fr;gap:12px}
  .fp-ft-trust li{font-size:.9rem}
  .fp-ft-trust .fp-ui{width:22px;height:22px}
  .fp-ft-prod,.fp-ft-info{grid-template-columns:1fr;gap:0;padding:24px 0 8px}
  .fp-ft-brand{padding-bottom:24px}
  .fp-ft-del{padding-top:24px}
  .fp-ft-col{border-top:1px solid rgba(255,255,255,.14)}
  .fp-ft-col summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer}
  .fp-ft-col summary h2{margin:0}
  .fp-ft-col summary .fp-ui{display:block;color:#fff;transition:transform var(--fp-dur)}
  .fp-ft-col[open] summary .fp-ui{transform:rotate(180deg)}
  .fp-ft-col ul{padding-bottom:16px}
  .fp-ft-base{flex-direction:column;align-items:flex-start}
  .fp-ft-legal{margin-left:0}
  .fp-cookie-btns{width:100%}
  .fp-cookie-btns .fp-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .fp-hd *,.fp-drawer *,.fp-ft *,.fp-front main *{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}
.fp-navbund{background:#fff;box-shadow:inset 0 0 0 2px var(--fp-navy)}
.fp-navbund:hover{background:#eef2fb}
.fp-navbund+.fp-navoffer{margin-left:8px}
.fp-drawer-bund{background:#fff;box-shadow:inset 0 0 0 2px var(--fp-navy);margin-top:8px}
.fp-quick a,.fp-navoffer,.fp-quote{white-space:nowrap}
.fp-drop{white-space:nowrap}

/* Header flag: cover the whole bar and fade at both ends, so there is no hard edge on the right. */
.fp-hd-flag{background-position:center;background-size:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent 100%)}

/* ---------------------------------------------------------------- main menu v2 (owner 2026-09-29: Tradeprint-style
   product-type groups, one line 1024-1920; spacious panels: sub-types left, bestsellers middle, bundle right) */
.fp-nav-in{gap:2px;height:54px}
.fp-drop{gap:4px;padding:9px 10px;background:none;font:800 .95rem/1 var(--fp-f-display);border-radius:10px}
.fp-drop:hover{background:rgba(255,255,255,.12)}
.fp-drop .fp-ui{width:13px;height:13px;opacity:.75}
.fp-drop[aria-expanded="true"]{background:#fff;color:var(--fp-navy)}
.fp-nav-in>.fp-navoffer:first-of-type{margin-left:auto}
.fp-navoffer,.fp-quote{padding:9px 12px;gap:6px;font-size:.93rem}
.fp-navbund+.fp-navoffer{margin-left:6px}
.fp-mp{border-top:4px solid var(--fp-red)}
.fp-mp-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr) 260px;gap:40px;padding-block:28px 32px}
.fp-mp-in--ind{grid-template-columns:minmax(0,2.4fr) 260px}
.fp-mp-h a{display:inline-flex;align-items:center;gap:8px;font:900 1.35rem/1.1 var(--fp-f-display);color:var(--fp-navy);margin-bottom:14px}
.fp-mp-h a:hover{color:var(--fp-red)}
.fp-mp-h .fp-ui{width:18px;height:18px;color:var(--fp-red)}
.fp-mp-sub{font:800 .74rem/1 var(--fp-f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fp-muted);margin:0 0 10px}
.fp-mp-links{display:grid;grid-template-columns:1fr;column-gap:24px}
.fp-mp-links--2{grid-template-columns:1fr 1fr}
.fp-mp-in--ind .fp-mp-links{grid-template-columns:repeat(3,1fr)}
.fp-mp-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px;margin:0 -10px;border-radius:10px;font-weight:700;font-size:.97rem;color:var(--fp-ink);white-space:nowrap}
.fp-mp-links a span{overflow:hidden;text-overflow:ellipsis}
.fp-mp-links a:hover,.fp-mp-links a:focus-visible{background:var(--fp-sky-soft);color:var(--fp-navy)}
.fp-mp-links small{flex:none;font:800 .72rem/1 var(--fp-f-display);color:var(--fp-muted);background:var(--fp-mist);border-radius:6px;padding:4px 6px}
.fp-mp-all{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:800;color:var(--fp-sky)}
.fp-mp-all .fp-ui{width:16px;height:16px}
.fp-mp-all:hover{color:var(--fp-red)}
.fp-mp-jobs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}
.fp-mp-jobs a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 12px;border-radius:12px;background:var(--fp-paper);border:1px solid var(--fp-line);text-align:center;font:800 .9rem/1.2 var(--fp-f-display);color:var(--fp-navy)}
.fp-mp-jobs a:hover{border-color:var(--fp-navy);background:var(--fp-sky-soft)}
.fp-mp-av{height:72px;width:auto;max-width:100%;object-fit:contain}
.fp-mp-best ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fp-mp-best a{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid var(--fp-line);background:#fff;height:100%}
.fp-mp-best a:hover{border-color:var(--fp-navy);box-shadow:var(--fp-shadow)}
.fp-mp-img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--fp-mist)}
.fp-mp-best b{display:block;font:800 .95rem/1.2 var(--fp-f-display);color:var(--fp-navy)}
.fp-mp-best em{display:block;margin-top:6px;font:900 1.15rem/1 var(--fp-f-display);font-style:normal;color:var(--fp-red)}
.fp-mp-best em small{font:600 .72rem var(--fp-f-body);color:var(--fp-muted)}
.fp-mp-bund{display:flex;flex-direction:column;border-radius:var(--fp-r);overflow:hidden;background:var(--fp-navy);color:#fff;align-self:start}
.fp-mp-bund-art{display:flex;justify-content:center;align-items:flex-end;height:150px;background:radial-gradient(circle at 50% 80%,var(--fp-navy-2) 0 55%,var(--fp-navy) 56%)}
.fp-mp-bund-m{height:142px;width:auto;max-width:90%;object-fit:contain;filter:var(--fp-mascot-shadow)}
.fp-mp-bund-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.fp-mp-bund-b small{font:800 .72rem/1 var(--fp-f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fp-mustard)}
.fp-mp-bund-b b{font:900 1.2rem/1.15 var(--fp-f-display)}
.fp-mp-bund-p s{color:var(--fp-on-dark-muted);font-size:.9rem}
.fp-mp-bund-p strong{font:900 1.5rem/1 var(--fp-f-display);color:#fff}
.fp-mp-bund-b em{align-self:flex-start;font-style:normal;background:var(--fp-mustard);color:var(--fp-ink);font-weight:800;font-size:.8rem;padding:3px 8px;border-radius:6px;margin-top:4px}
.fp-mp-bund:hover .fp-mp-bund-b b{text-decoration:underline}
@media (max-width:1279px){
  .fp-drop{padding:9px 8px;font-size:.9rem}
  .fp-nav-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fp-navoffer,.fp-quote{padding:9px 10px}
  .fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px}
  .fp-mp-bund{display:none}
  .fp-mp-in--ind{grid-template-columns:1fr}
}
@media (max-width:1100px){.fp-drop .fp-ui{display:none}.fp-drop{padding:9px 9px}}
@media (min-width:760px) and (max-width:899px){.fp-drop{padding:9px 5px;font-size:.84rem}.fp-navoffer,.fp-quote{padding:9px 8px}} /* the Quote button was cut off at 760-850px */
/* drawer: Bundles / Offers / Quote pinned, then the 8 groups as an accordion */
.fp-drawer-pins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fp-drawer-pins .fp-drawer-offer{justify-content:center;padding:12px 8px;margin:0;font-size:.95rem}
.fp-drawer-q{background:var(--fp-red);color:#fff}
.fp-drawer-acc{margin-top:12px}
.fp-dacc{border-bottom:1px solid var(--fp-line)}
.fp-dacc summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font:800 1.05rem/1.2 var(--fp-f-display);color:var(--fp-navy);cursor:pointer;list-style:none}
.fp-dacc summary::-webkit-details-marker{display:none}
.fp-dacc summary .fp-ui{width:18px;height:18px;color:var(--fp-red);transition:transform var(--fp-dur)}
.fp-dacc[open] summary .fp-ui{transform:rotate(180deg)}
.fp-dacc ul{padding:0 0 12px}
.fp-dacc li a{display:block;padding:9px 12px;border-radius:8px;font-weight:600;color:var(--fp-ink)}
.fp-dacc li a:hover{background:var(--fp-paper)}
.fp-dacc-all a{display:flex!important;align-items:center;gap:6px;font-weight:800!important;color:var(--fp-sky)!important}
.fp-dacc-all .fp-ui{width:16px;height:16px}
.fp-mp-list,.fp-mp-best,.fp-mp-links li,.fp-mp-links a span{min-width:0}
.fp-mp-best b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1279px){.fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fp-mp-links a{font-size:.92rem}}
/* bestsellers as photo tiles (2 x 2): names get the full tile width, so they stay on one line */
.fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 240px;gap:36px}
.fp-mp-best a{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}
.fp-mp-best a>span{padding:10px 12px 12px}
.fp-mp-img{width:100%;height:auto;aspect-ratio:4/3;border-radius:0} /* image fit 2026-09-30: was a 2:1 strip of a square photo (half the product cut off); 4:3 as on IB's menu */
.fp-mp-best em{margin-top:4px}
@media (max-width:1279px){.fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* menu v3 (owner 2026-09-29): panels fill the container, bundle column runs the full panel height, nothing truncated,
   counts subtle, job tiles equal with one-line labels, no struck-through prices */
.fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 280px;gap:32px;align-items:stretch}
.fp-mp-in--ind{grid-template-columns:minmax(0,1fr) 280px}
.fp-mp-links a span{overflow:visible;text-overflow:clip}
.fp-mp-links small{background:none;padding:0;font:600 .8rem/1 var(--fp-f-body);color:var(--fp-muted)}
.fp-mp-in--ind .fp-mp-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-mp-jobs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fp-mp-jobs li{display:flex}
.fp-mp-jobs a{flex:1;padding:0 8px 12px;gap:8px;overflow:hidden;white-space:nowrap}
.fp-mp-avw{display:flex;align-items:flex-end;justify-content:center;width:calc(100% + 16px);margin:0 -8px;height:104px;background:var(--fp-navy)}
.fp-mp-jobs li:nth-child(even) .fp-mp-avw{background:var(--fp-red)}
.fp-mp-av{height:98px;max-width:90%}
.fp-mp-bund{align-self:stretch;display:flex;flex-direction:column}
.fp-mp-bund-art{height:auto;flex:1 1 130px;min-height:130px;max-height:190px;background:radial-gradient(circle at 50% 100%,var(--fp-navy-2) 0 60%,var(--fp-navy) 61%);padding-top:10px}
.fp-mp-bund-m{height:100%;max-height:180px}
.fp-mp-bund-b{gap:6px;padding:14px 18px 18px}
.fp-mp-bund-for{font-size:.85rem;line-height:1.35;color:var(--fp-on-dark-muted)}
.fp-mp-bund-now{font:900 1.9rem/1 var(--fp-f-display);color:#fff;margin-top:4px}
.fp-mp-bund-sep{font-size:.85rem;color:var(--fp-on-dark-muted)}
.fp-mp-bund-sep em{font-style:normal;font-weight:800;color:var(--fp-mustard)}
.fp-mp-bund-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:800;color:#fff}
.fp-mp-bund-go .fp-ui{width:16px;height:16px;color:var(--fp-mustard)}
@media (max-width:1279px){
  .fp-mp-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 28px}
  .fp-mp-in--ind{grid-template-columns:1fr}
  .fp-mp-bund{display:grid;grid-column:1/-1;grid-template-columns:150px minmax(0,1fr);align-items:stretch}
  .fp-mp-bund-art{max-height:none;min-height:0;height:auto}
  .fp-mp-bund-m{max-height:130px}
  .fp-mp-bund-b{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
  .fp-mp-bund-b small,.fp-mp-bund-b b,.fp-mp-bund-for{grid-column:1}
  .fp-mp-bund-now{grid-column:2;grid-row:1/3;font-size:2rem}
  .fp-mp-bund-sep,.fp-mp-bund-go{grid-column:2}
  .fp-mp-best a>span{padding:8px 10px 10px}
  /* narrower screens: a whole square photo beside the name keeps the panel short (a wide tile would crop it) */
  .fp-mp-best a{grid-template-columns:84px minmax(0,1fr);align-items:center;padding:6px}
  .fp-mp-best a>span{padding:0 4px}
  .fp-mp-img{width:84px;height:84px;aspect-ratio:auto;border-radius:8px}
}
.fp-mp-bund-sep em{background:none;padding:0;margin:0;border-radius:0;font-size:inherit;color:var(--fp-mustard);align-self:auto}
.fp-mp-links small{margin-left:10px}
@media (min-width:1280px){.fp-mp-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 260px}.fp-mp-in--ind{grid-template-columns:minmax(0,1fr) 280px}}