/* cf-vault-core module "header" 1.0.2 (B12a): the code site header. Island: own tokens and fonts, every rule under #cfsh
   (ID specificity, so kit / theme / vault element rules cannot reach it) except section 12 (zero-specificity anchor offset). Look and geometry = Elementor header 40435 with
   its cf-header-vault skin as measured on 2026-09-27. Fonts: the site's own Manrope (latin, variable) and Poppins 400
   (latin), OFL, under their own family names so the header never uses a font Elementor serves. */
@font-face{font-family:"CFSH Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CFSH Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CFSH Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CFSH Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CFSH Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CFSH Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 1. Root: the sticky model and the four variables other vault CSS reads ---------- */
#cfsh{--cf-brand-row:88px;--cf-nav-row:48px;--cf-gutter:24px;--cf-admin-offset:0px;
 position:sticky;top:calc(var(--cf-admin-offset) - var(--cf-brand-row));z-index:1000;display:block;width:100%;margin:0;padding:0;overflow:visible;
 background:linear-gradient(to bottom,#000 0,#000 var(--cf-brand-row),#171a22 var(--cf-brand-row),#171a22 calc(var(--cf-brand-row) + 1px),#070a13 calc(var(--cf-brand-row) + 1px),#070a13 100%);
 border:0;border-bottom:1px solid rgba(240,195,90,.22);box-shadow:0 8px 24px -16px rgba(0,0,0,.5);
 font-family:"CFSH Manrope",sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#f5f2ea;text-align:left;letter-spacing:normal;text-transform:none}
body.admin-bar #cfsh{--cf-admin-offset:32px}
#cfsh,#cfsh *,#cfsh *::before,#cfsh *::after{box-sizing:border-box}
#cfsh .cfsh-vh{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#cfsh ul,#cfsh li{list-style:none;margin:0;padding:0}
#cfsh a{text-decoration:none}
#cfsh button{margin:0;font:inherit;letter-spacing:inherit;text-transform:none;text-shadow:none;-webkit-appearance:none;appearance:none}
#cfsh svg{display:block}
#cfsh :is(a,button,input,summary):focus-visible{outline:3px solid #f4ce68;outline-offset:3px}

/* ---------- 2. Grid ---------- */
#cfsh .cfsh-grid{display:grid;grid-template-columns:270px minmax(240px,340px) minmax(300px,1fr) 48px;grid-template-areas:"logo search promo cart" "nav nav nav nav";
 grid-template-rows:var(--cf-brand-row) var(--cf-nav-row);gap:0 24px;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:0 var(--cf-gutter);position:relative;overflow:visible;align-items:center}
#cfsh .cfsh-grid>*{min-width:0;max-width:100%;margin:0}
#cfsh .cfsh-logo{grid-area:logo}
#cfsh .cfsh-search{grid-area:search;width:100%}
#cfsh .cfsh-promo{grid-area:promo;text-align:center}
#cfsh .cfsh-cart{grid-area:cart;width:48px;justify-self:end}
#cfsh .cfsh-nav{grid-area:nav;width:100%;align-self:stretch}

/* ---------- 3. Logo: the dollar-shield artwork cropped by its link (as 40435's logo widget) ---------- */
#cfsh .cfsh-logo__a{position:relative;display:block;width:270px;max-width:100%;aspect-ratio:1878/401;overflow:hidden;border:0;background:none;transition:none}
#cfsh .cfsh-logo__img{position:absolute;left:-7.774228%;top:-36.159601%;display:block;width:115.654952%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center}
#cfsh .cfsh-logo__txt{display:flex;align-items:center;height:100%;color:#fff;font-weight:800;font-size:20px}
#cfsh .cfsh-logo__a:focus-visible{outline-offset:2px}

/* ---------- 4. Search ---------- */
#cfsh .cfsh-search__form{display:flex;align-items:stretch;width:100%;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:8px;background:#0b1020;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
#cfsh .cfsh-search__form:focus-within{outline:2px solid rgba(244,206,104,.55);outline-offset:1px}
#cfsh .cfsh-search__input{flex:1 1 auto;display:block;min-width:0;width:100%;height:44px;min-height:0;margin:0;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;
 color:#f5f2ea;caret-color:#f4ce68;font-family:"CFSH Poppins",sans-serif;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;-webkit-appearance:none;appearance:none}
#cfsh .cfsh-search__input:focus{outline:0;box-shadow:none;background:transparent;color:#f5f2ea}
#cfsh .cfsh-search__input::placeholder{color:#9aa3b5;opacity:1}
#cfsh .cfsh-search__input::-webkit-search-decoration,#cfsh .cfsh-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
#cfsh .cfsh-search__btn{flex:none;display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;
 background:linear-gradient(180deg,#ffe49a,#f0bf4f 55%,#d99a2b);color:#1c1204;box-shadow:none;cursor:pointer}
#cfsh .cfsh-search__btn:is(:hover,:focus){background:linear-gradient(180deg,#fff0c0,#f6cb62 50%,#e3a73a);color:#1c1204}
#cfsh .cfsh-search__btn svg{width:20px;height:20px;fill:currentColor}
#cfsh .cfsh-search__btn:focus-visible{outline:3px solid #1c1204;outline-offset:-6px}

/* ---------- 5. DowGold pill ---------- */
#cfsh .cfsh-promo__a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:320px;max-width:100%;padding:12px 22px;
 border:1px solid #ad8737;border-radius:10px;background:linear-gradient(135deg,#211a0c,#090909);color:#f4ce68;box-shadow:0 0 20px rgba(212,175,55,.12);
 font-family:"CFSH Manrope",sans-serif;font-size:16px;font-weight:800;line-height:1.3;letter-spacing:normal;white-space:nowrap;text-transform:none;text-decoration:none;
 transition:color .3s,background .3s,border-color .3s,box-shadow .3s}
#cfsh .cfsh-promo__a::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#f4ce68;box-shadow:0 0 0 4px rgba(244,206,104,.1);margin-right:12px}
#cfsh .cfsh-promo__a:is(:hover,:focus-visible){border-color:#f4ce68;background:linear-gradient(135deg,#302510,#141009);color:#ffe39a;box-shadow:0 0 24px rgba(212,175,55,.2)}

/* ---------- 6. Cart button + count bubble (hidden until WooCommerce's fragments arrive: cached HTML) ---------- */
#cfsh .cfsh-cart__a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:44px;min-width:48px;min-height:44px;padding:0;
 border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06);color:#f5f2ea;box-shadow:none;transition:color .3s,background .3s,border-color .3s}
#cfsh .cfsh-cart__a:is(:hover,:focus-visible){border-color:rgba(240,195,90,.55);background:rgba(240,195,90,.12);color:#ffd76a}
#cfsh .cfsh-cart__ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
#cfsh .cfsh-cart__ic svg{width:22px;height:22px;fill:#69727d}
#cfsh .cfsh-count{position:absolute;top:-7px;right:-7px;display:block;min-width:16px;height:16px;padding:0;border-radius:100%;
 background:linear-gradient(180deg,#ffe49a,#f0bf4f);box-shadow:0 0 0 2px #000;color:#1c1204;font-family:"CFSH Manrope",sans-serif;font-size:10px;font-weight:700;line-height:15px;text-align:center}
#cfsh .cfsh-count[data-count="0"]{display:none}
#cfsh.cfsh-js:not(.is-cart-ready) .cfsh-count{visibility:hidden}

/* ---------- 7. Menu, desktop (1025px and up) ---------- */
#cfsh .cfsh-toggle{display:none}
#cfsh .cfsh-panel{position:relative;display:flex;justify-content:center;align-items:stretch;width:100%;height:100%}
/* 8px between items (4px gap + 2px each side), and the row sits 2px left of centre, as 40435's nav menu did */
#cfsh .cfsh-menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:4px;margin-right:4px}
#cfsh .cfsh-li{position:relative}
#cfsh .cfsh-menu>.cfsh-li:not(:first-child){margin-left:2px}
#cfsh .cfsh-menu>.cfsh-li:not(:last-child){margin-right:2px}
#cfsh .cfsh-link{display:flex;align-items:center;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;text-align:left;white-space:nowrap;text-decoration:none;font-family:"CFSH Manrope",sans-serif;letter-spacing:.1px;transition:color .15s,background-color .15s}
#cfsh .cfsh-menu>.cfsh-li>.cfsh-link{min-height:48px;padding:0 14px;border-radius:8px;color:#e9ecf3;font-size:15px;font-weight:650;line-height:1.3}
#cfsh .cfsh-menu>.cfsh-li>.cfsh-link:is(:hover,:focus-visible),#cfsh .cfsh-menu>.cfsh-li.is-open>.cfsh-link{color:#ffd76a;background:rgba(240,195,90,.09)}
#cfsh .cfsh-menu>.cfsh-li>.cfsh-link[aria-current="page"]{color:#ffd76a;background:transparent;box-shadow:inset 0 -2px 0 #f0c35a;border-radius:0}
#cfsh .cfsh-caret{display:flex;align-items:center;padding-left:8px}
#cfsh .cfsh-caret svg{width:11px;height:11px;fill:currentColor;opacity:.8}
#cfsh .cfsh-sub{display:none;position:absolute;top:100%;left:0;z-index:10;width:max-content;min-width:130px;max-width:1000px;margin:0;padding:0;
 background:#0b1020;color:#dfe4ee;border:1px solid rgba(240,195,90,.28);border-radius:12px;box-shadow:0 26px 50px -14px rgba(0,0,0,.9)}
#cfsh .cfsh-sub .cfsh-sub{top:0;left:100%}
#cfsh .cfsh-menu>.cfsh-li>.cfsh-sub.is-flip{left:auto;right:0}
#cfsh .cfsh-sub .cfsh-sub.is-flip{left:auto;right:100%}
#cfsh .cfsh-li.is-open>.cfsh-sub{display:block}
#cfsh:not(.cfsh-js) .cfsh-li:is(:hover,:focus-within)>.cfsh-sub{display:block}
#cfsh .cfsh-sub .cfsh-li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.07)}
#cfsh .cfsh-sub .cfsh-link{width:100%;min-height:44px;padding:12px 16px 12px 24px;border-radius:0;color:#dfe4ee;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:normal}
#cfsh .cfsh-sub .cfsh-sub .cfsh-link{padding-left:32px}
#cfsh .cfsh-sub .cfsh-li+.cfsh-li>.cfsh-link{border-top:1px solid rgba(255,255,255,.07)}
#cfsh .cfsh-sub>.cfsh-li:first-child>.cfsh-link{border-radius:11px 11px 0 0}
#cfsh .cfsh-sub>.cfsh-li:last-child>.cfsh-link{border-radius:0 0 11px 11px}
#cfsh .cfsh-sub>.cfsh-li:only-child>.cfsh-link{border-radius:11px}
#cfsh .cfsh-sub .cfsh-link:is(:hover,:focus-visible,[aria-current="page"]),#cfsh .cfsh-sub .cfsh-li.is-open>.cfsh-link{color:#ffd76a;background:rgba(240,195,90,.09)}
#cfsh .cfsh-sub .cfsh-caret svg{transform:rotate(-90deg)}
#cfsh .cfsh-sub .cfsh-link:focus-visible,#cfsh .cfsh-sub .cfsh-subbtn:focus-visible{outline-offset:-3px}
#cfsh .cfsh-row{display:flex;align-items:stretch}
#cfsh .cfsh-subbtn{display:flex;align-items:center;justify-content:center;min-width:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
#cfsh .cfsh-menu>.cfsh-li>.cfsh-row>.cfsh-link{min-height:48px;padding:0 0 0 14px;border-radius:8px 0 0 8px;color:#e9ecf3;font-size:15px;font-weight:650;line-height:1.3}

/* ---------- 8. Trustpilot signal: right end of the nav row (desktop), last row of the menu panel (phones) ---------- */
#cfsh .cfsh-tp{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;padding:0 2px;
 color:#b8bfcd;font-family:"CFSH Manrope",sans-serif;font-size:11.5px;font-weight:600;line-height:1.25;letter-spacing:.1px;white-space:nowrap;text-decoration:none;border-radius:8px;transition:color .15s}
#cfsh .cfsh-tp__l1{display:flex;align-items:center;gap:6px}
#cfsh .cfsh-tp__stars{width:65px;height:13px;flex:none}
#cfsh .cfsh-tp__n{color:#fff;font-size:12.5px;font-weight:800}
#cfsh .cfsh-tp__l2{display:block}
#cfsh .cfsh-tp:is(:hover,:focus-visible) .cfsh-tp__l2{color:#ffd76a}
#cfsh .cfsh-tp:focus-visible{outline-offset:2px}
@media(min-width:1025px){#cfsh .cfsh-tp.is-off{display:none}}

/* ---------- 9. 1025-1160px: compact row ---------- */
@media(min-width:1025px) and (max-width:1160px){
 #cfsh .cfsh-grid{grid-template-columns:240px minmax(220px,280px) minmax(260px,1fr) 48px;column-gap:18px}
 #cfsh .cfsh-logo__a{width:240px}
 #cfsh .cfsh-promo__a{min-width:0;font-size:14px;padding:12px 16px}
 #cfsh .cfsh-menu>.cfsh-li>.cfsh-link{padding:0 12px}
 #cfsh .cfsh-tp__x{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
 #cfsh .cfsh-tp__stars{width:55px;height:11px}
}

/* ---------- 10. 1024px and below: two rows (logo + cart; menu button + search), the menu opens as a panel ---------- */
@media(max-width:1024px){
 #cfsh{--cf-brand-row:80px;--cf-nav-row:56px;--cf-gutter:20px}
 #cfsh .cfsh-grid{grid-template-columns:44px minmax(0,1fr) 48px;grid-template-areas:"logo logo cart" "nav search search";column-gap:12px}
 #cfsh .cfsh-promo{display:none}
 #cfsh .cfsh-nav{position:static;align-self:center}
 #cfsh .cfsh-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:11px;
  border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);color:#f5f2ea;box-shadow:none;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}
 #cfsh .cfsh-toggle:is(:hover,[aria-expanded="true"]){background:rgba(240,195,90,.12);border-color:rgba(240,195,90,.5);color:#ffd76a}
 #cfsh .cfsh-toggle svg{width:22px;height:22px;fill:currentColor}
 #cfsh .cfsh-toggle .cfsh-ic--close,#cfsh .cfsh-toggle[aria-expanded="true"] .cfsh-ic--burger{display:none}
 #cfsh .cfsh-toggle[aria-expanded="true"] .cfsh-ic--close{display:block}
 #cfsh .cfsh-panel{position:absolute;top:100%;left:var(--cf-gutter);right:var(--cf-gutter);z-index:20;display:block;width:auto;height:auto;
  max-height:calc(100dvh - var(--cf-brand-row) - var(--cf-nav-row) - var(--cf-admin-offset) - 20px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  background:#0b1020;color:#dfe4ee;border:1px solid rgba(240,195,90,.28);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 26px 50px -14px rgba(0,0,0,.9);
  transform-origin:top center;transform:scaleY(0);visibility:hidden;transition:transform .3s,visibility 0s linear .3s}
 #cfsh .cfsh-nav.is-open .cfsh-panel{transform:none;visibility:visible;transition:transform .3s}
 #cfsh:not(.cfsh-js) .cfsh-nav:focus-within .cfsh-panel{transform:none;visibility:visible}
 #cfsh .cfsh-menu{display:block;margin:0}
 #cfsh .cfsh-menu>.cfsh-li:is(:not(:first-child),:not(:last-child)){margin:0}
 #cfsh .cfsh-menu .cfsh-li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.07)}
 #cfsh .cfsh-menu .cfsh-li+.cfsh-li>.cfsh-link,#cfsh .cfsh-menu .cfsh-li+.cfsh-li>.cfsh-row{border-top:1px solid rgba(255,255,255,.07)}
 #cfsh .cfsh-menu .cfsh-link{width:100%;min-height:44px;padding:12px 16px;border-radius:0;box-shadow:none;white-space:normal;color:#dfe4ee;font-size:14px;font-weight:400;line-height:1.4}
 #cfsh .cfsh-menu>.cfsh-li>.cfsh-link{min-height:0;padding:12px 16px;border-radius:0;color:#dfe4ee;font-size:15px;font-weight:600;line-height:1.4}
 #cfsh .cfsh-menu .cfsh-link:is(:hover,:focus-visible,[aria-current="page"]),#cfsh .cfsh-menu .cfsh-li.is-open>.cfsh-link,
 #cfsh .cfsh-menu>.cfsh-li>.cfsh-link[aria-current="page"]{color:#ffd76a;background:rgba(240,195,90,.09);box-shadow:none;border-radius:0}
 #cfsh .cfsh-menu .cfsh-link:focus-visible{outline-offset:-3px}
 #cfsh .cfsh-sub,#cfsh .cfsh-sub .cfsh-sub{position:static;display:none;width:auto;min-width:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:transparent}
 #cfsh .cfsh-li.is-open>.cfsh-sub{display:block}
 #cfsh .cfsh-sub .cfsh-link,#cfsh .cfsh-sub>.cfsh-li:is(:first-child,:last-child,:only-child)>.cfsh-link{padding-left:36px;border-radius:0}
 #cfsh .cfsh-sub .cfsh-sub .cfsh-link,#cfsh .cfsh-sub .cfsh-sub>.cfsh-li:is(:first-child,:last-child,:only-child)>.cfsh-link{padding-left:56px}
 #cfsh .cfsh-sub .cfsh-caret svg{transform:none}
 #cfsh .cfsh-tp{position:static;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:46px;padding:12px 16px;
  border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 11px 11px;background:rgba(240,195,90,.04);font-size:13px;white-space:normal}
 #cfsh .cfsh-tp__stars{width:70px;height:14px}
 #cfsh .cfsh-tp__n{font-size:14px}
 #cfsh .cfsh-tp__l2{color:#dfe4ee}
 #cfsh .cfsh-tp:focus-visible{outline-offset:-3px}
 /* the home hero's own search box stays hidden here: the header search sits right above it (was cf-header-vault tidy) */
 html body .cfhA .cfhA-hsrch form.cfhA-search{display:none}
 html body .cfhA .cfhA-hsrch .cfhA-ctas{margin-top:0}
}
@media(max-width:782px) and (min-width:601px){body.admin-bar #cfsh{--cf-admin-offset:46px}}
@media(max-width:600px){
 #cfsh{--cf-brand-row:74px;--cf-gutter:14px}
 body.admin-bar #cfsh{--cf-admin-offset:0px}
 #cfsh .cfsh-logo__a{width:240px}
 #cfsh .cfsh-search__input{padding:0 12px}
}

/* ---------- 11. Checkout and order-pay (checkout vault): one black row, logo + "Secure checkout" + cart ---------- */
body.cf-cv-checkout #cfsh,body.cf-cv-orderpay #cfsh{background:#000}
body.cf-cv-checkout #cfsh :is(.cfsh-search,.cfsh-promo,.cfsh-nav),body.cf-cv-orderpay #cfsh :is(.cfsh-search,.cfsh-promo,.cfsh-nav){display:none}
body.cf-cv-checkout #cfsh .cfsh-grid,body.cf-cv-orderpay #cfsh .cfsh-grid{grid-template-columns:auto minmax(0,1fr) auto 48px;grid-template-areas:"logo . secure cart";grid-template-rows:var(--cf-brand-row);column-gap:16px}
body.cf-cv-checkout #cfsh .cfsh-grid::after,body.cf-cv-orderpay #cfsh .cfsh-grid::after{content:"Secure checkout";grid-area:secure;display:flex;align-items:center;min-height:24px;padding-left:26px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0c35a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") left center/18px 18px no-repeat;
 color:#d9dde6;font:600 14px/1.3 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap}
@media(max-width:1024px){body.cf-cv-checkout #cfsh .cfsh-grid,body.cf-cv-orderpay #cfsh .cfsh-grid{column-gap:12px}}
@media(max-width:430px){
 body.cf-cv-checkout #cfsh .cfsh-logo__a,body.cf-cv-orderpay #cfsh .cfsh-logo__a{width:206px}
 body.cf-cv-checkout #cfsh .cfsh-grid::after,body.cf-cv-orderpay #cfsh .cfsh-grid::after{content:"Secure"}
}
@media(max-width:359px){
 body.cf-cv-checkout #cfsh .cfsh-logo__a,body.cf-cv-orderpay #cfsh .cfsh-logo__a{width:170px}
 body.cf-cv-checkout #cfsh .cfsh-grid::after,body.cf-cv-orderpay #cfsh .cfsh-grid::after{content:"";width:18px;padding-left:18px}
}
/* a cart brought to $0 by a coupon without a reload (the cart vault's .cvc-mode marker): no Trustpilot, as on a $0 cart */
body.cf-cv-cart:has(.cart_totals .cvc-mode:is([data-mode="free"],[data-mode="zero"])) #cfsh .cfsh-tp{display:none}
/* hover colors on the checkout-vault pages, as under 40435 (cv.css section 3): slate search button; cream cart button
   where cf-cart-drawer does not set its own (thank-you, order-pay) */
body.cf-cv #cfsh .cfsh-search__btn:hover{background:#34495d;color:#fff}
body.cf-cv:not(.cf-cd-cp) #cfsh .cfsh-cart__a:hover{border-color:#f4ce68;background:#fff8e6;color:#243442}
/* checkout vault switched off: cf-checkout-polish's checkout header (logo + cart only) */
body.cf-checkout-polish:not(.cf-cv) #cfsh :is(.cfsh-search,.cfsh-promo,.cfsh-nav){display:none}
body.cf-checkout-polish:not(.cf-cv) #cfsh .cfsh-grid{grid-template-rows:var(--cf-brand-row)}

/* ---------- 12. In-page anchors land below the stuck nav row (1.0.1, QA 2026-09-27) ----------
   The only rule outside #cfsh. Post TOCs (Rank Math) and the EA guide pages link to headings / blocks that had no
   scroll-margin, so a jump hid the heading under the stuck nav row (already so under 40435). Default offset for any
   :target and any heading with an id: nav row + 16px (48+16 = 64px, 56+16 = 72px at 1024px and below, + the fixed admin
   bar), the same values as legal.css --cfl-top. Zero specificity (:where), so a module's own scroll-margin-top (legal,
   trust, product guides, contact) still wins. Not on checkout / order-pay, where the whole header scrolls away. */
:where(body:not(.cf-cv-checkout,.cf-cv-orderpay,.cf-checkout-polish)) :where(:target,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]){scroll-margin-top:64px}
@media(max-width:1024px){:where(body:not(.cf-cv-checkout,.cf-cv-orderpay,.cf-checkout-polish)) :where(:target,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]){scroll-margin-top:72px}}
@media(min-width:783px){:where(body.admin-bar:not(.cf-cv-checkout,.cf-cv-orderpay,.cf-checkout-polish)) :where(:target,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]){scroll-margin-top:96px}}
@media(min-width:783px) and (max-width:1024px){:where(body.admin-bar:not(.cf-cv-checkout,.cf-cv-orderpay,.cf-checkout-polish)) :where(:target,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]){scroll-margin-top:104px}}
@media(min-width:601px) and (max-width:782px){:where(body.admin-bar:not(.cf-cv-checkout,.cf-cv-orderpay,.cf-checkout-polish)) :where(:target,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]){scroll-margin-top:118px}}

@media(prefers-reduced-motion:reduce){#cfsh *,#cfsh *::before,#cfsh *::after{transition:none!important}}