/* ============================================================
   PSN SOUQ — v2.1.0  "PS-Style"  (PlayStation.com-inspired)
   RTL-first (Arabic default) · EN toggle flips [dir].
   Our own brand/identity — no Sony assets.
   Fonts enqueued in functions.php.
   ============================================================ */

:root{
  --bg:#0b0e13; --bg2:#0f141c; --panel:#141b26; --panel2:#182231;
  --blue:#0070f3; --blue-h:#1a82ff; --blue-l:#5aa9ff;
  --fg:#ffffff; --mut:#a9b5c7; --mut2:#7d8aa0;
  --line:rgba(255,255,255,.11); --line2:rgba(255,255,255,.07);
  --gold:#ffc24d; --mint:#2fe3b6;
  --nav-h:60px; --util-h:34px; --maxw:1280px; --rad:14px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:'IBM Plex Sans Arabic','Rubik',system-ui,Segoe UI,Arial,sans-serif;
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Cairo','Sora',system-ui,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1.08;margin:0;text-wrap:balance}
html[dir="ltr"] h1,html[dir="ltr"] h2,html[dir="ltr"] h3{font-family:'Sora','Cairo',sans-serif;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}
.ic{flex:none;vertical-align:middle}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.en{display:none}
html[dir="ltr"] .ar{display:none}
html[dir="ltr"] .en{display:inline}
html[dir="ltr"] .en.b{display:block}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:700;font-size:15px;
  padding:12px 24px;cursor:pointer;border:1.5px solid transparent;transition:.17s;white-space:nowrap}
.btn-p,.btn-gold{background:var(--blue);color:#fff}
.btn-p:hover,.btn-gold:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 10px 26px -10px var(--blue)}
.btn-o,.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-o:hover,.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-sm{padding:9px 18px;font-size:13.5px}

/* ===== two-tier header ===== */
.hdr{position:sticky;top:0;z-index:60}
.util{background:#06080c;border-bottom:1px solid var(--line2);font-size:12.5px;color:var(--mut2);transition:.25s;overflow:hidden}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--util-h)}
.util a{color:var(--mut2)}.util a:hover{color:#fff}
.util .r{display:flex;gap:18px;align-items:center}
.bar{background:rgba(11,14,19,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.25s}
.bar .wrap{display:flex;align-items:center;gap:8px;height:var(--nav-h)}
.brand{display:inline-flex;align-items:center;gap:9px;direction:ltr;font-family:'Sora',sans-serif;font-weight:800;font-size:19px;letter-spacing:.4px;margin-inline-end:10px}
.brand .mk{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:13px;background:linear-gradient(135deg,var(--blue),#0040a8);box-shadow:0 5px 16px -6px var(--blue)}
.brand .p{color:var(--blue-l)}
.mnav{display:flex;align-items:stretch;height:100%;margin:0;padding:0}
.mnav>li{list-style:none;position:relative;display:flex;align-items:center}
.mnav>li>a{display:inline-flex;align-items:center;gap:5px;height:100%;padding:0 14px;font-size:14.5px;font-weight:500;color:#dfe6f2;cursor:pointer}
.mnav>li>a:hover,.mnav>li.open>a{color:#fff}
.mnav>li>a .car{transition:.2s;opacity:.6}
.mnav>li.open>a .car{transform:rotate(180deg)}
.mega{position:fixed;inset-inline:0;top:calc(var(--nav-h) + var(--util-h));background:rgba(13,17,24,.98);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:55;box-shadow:0 30px 60px -30px #000}
.mnav>li.open .mega{opacity:1;visibility:visible;transform:none}
.mega .inner{max-width:var(--maxw);margin-inline:auto;padding:30px 22px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.mcol h5{font-family:'Sora';font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-l);margin:0 0 12px}
.mcol a{display:block;padding:6px 0;font-size:14px;color:var(--mut);transition:.15s}
.mcol a:hover{color:#fff;transform:translateX(3px)}
html[dir="rtl"] .mcol a:hover{transform:translateX(-3px)}
.mcard{border-radius:12px;overflow:hidden;position:relative;min-height:150px;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(160deg,#16305c,#0b1730);border:1px solid var(--line)}
.mcard b{font-family:'Sora';font-size:15px}.mcard span{font-size:12px;color:var(--mut)}
.nav-sp{flex:1}
.acts{display:flex;align-items:center;gap:4px}
.ib{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#dfe6f2;background:none;border:1px solid transparent;cursor:pointer;transition:.15s;position:relative}
.ib:hover{background:rgba(255,255,255,.1);color:#fff}
.ib .cart-count{position:absolute;top:2px;inset-inline-end:2px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 3px}
.lang{height:38px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:#dfe6f2;font-weight:700;font-size:12.5px;background:none;cursor:pointer}
.lang:hover{border-color:var(--blue-l);color:#fff}
.burger{display:none}
.nav-search{display:flex;align-items:center}
.nav-search input[type=search]{display:none}

/* ===== hero carousel ===== */
.hero{position:relative;height:min(80vh,620px);overflow:hidden;background:#06080c}
.slides{height:100%;position:relative}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:flex;align-items:flex-end}
.slide.on{opacity:1}
.slide .bg{position:absolute;inset:0}
.s1 .bg{background:radial-gradient(90% 90% at 80% 10%,#1b4fa6,#081026 70%),linear-gradient(120deg,#0a1b3d,#07101f)}
.s2 .bg{background:radial-gradient(90% 90% at 75% 15%,#5a2a8c,#140a2c 70%),linear-gradient(120deg,#1d0f3a,#0a0718)}
.s3 .bg{background:radial-gradient(90% 90% at 78% 12%,#0c6b5e,#06201d 70%),linear-gradient(120deg,#07272a,#050f12)}
.s4 .bg{background:radial-gradient(90% 90% at 80% 10%,#b5651d,#2a1205 70%),linear-gradient(120deg,#301706,#120a05)}
.slide .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,14,.9) 0%,rgba(5,8,14,.55) 40%,transparent 75%)}
html[dir="rtl"] .slide .bg::after{background:linear-gradient(270deg,rgba(5,8,14,.9) 0%,rgba(5,8,14,.55) 40%,transparent 75%)}
.slide .c{position:relative;z-index:2;padding:0 0 70px;max-width:620px}
.slide .tagline{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l);margin-bottom:14px}
.slide h2{font-size:clamp(34px,5.2vw,58px);margin-bottom:14px}
.slide p{color:#d3dcea;font-size:clamp(15px,1.8vw,18px);max-width:46ch;margin:0 0 24px}
.hero .arrows{position:absolute;inset-block-end:28px;inset-inline-end:28px;z-index:4;display:flex;gap:10px}
.harr{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(10,14,20,.6);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:.15s}
.harr:hover{background:var(--blue);border-color:var(--blue)}
.hero .dots{position:absolute;inset-block-end:30px;inset-inline-start:22px;z-index:4;display:flex;gap:9px}
.hdot{width:30px;height:4px;border-radius:3px;background:rgba(255,255,255,.28);cursor:pointer;transition:.2s;border:none;padding:0}
.hdot.on{background:var(--blue-l);width:44px}

/* ===== sections ===== */
section.block{padding-block:58px}
section.block.tight{padding-top:0}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.shead h2{font-size:clamp(23px,3vw,34px)}
.shead .sub{color:var(--mut);font-size:14.5px;margin-top:6px}
.seeall{color:var(--blue-l);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.seeall:hover{color:#fff}

/* rails */
.railwrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.rail.g4{grid-auto-columns:minmax(220px,1fr)}
.rail>*{scroll-snap-align:start}
.rail::-webkit-scrollbar{height:7px}.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.rnav{position:absolute;top:36%;width:42px;height:42px;border-radius:50%;z-index:5;cursor:pointer;background:rgba(13,17,24,.92);border:1px solid var(--line);color:#fff;display:grid;place-items:center;transition:.15s}
.rnav:hover{background:var(--blue);border-color:var(--blue)}
.rnav.prev{inset-inline-start:-14px}.rnav.next{inset-inline-end:-14px}

/* region card */
.rcard{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:var(--panel);transition:.2s;cursor:pointer}
.rcard:hover{transform:translateY(-4px);border-color:var(--blue-l)}
.rcard .top{height:112px;position:relative;display:grid;place-items:center;background:linear-gradient(150deg,var(--panel2),#0c1322)}
.rcard .fl{font-size:44px;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.rcard .bd{padding:14px 15px}
.rcard .nm{font-weight:600;font-size:15px}
.rcard .mt{font-size:12.5px;color:var(--mut);margin-top:3px}
.rcard .buy{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.rcard .buy b{font-family:'Sora';color:var(--gold);font-size:14px}

/* game card (.prod kept for WooCommerce compatibility) */
.gcard,.prod{position:relative;border-radius:var(--rad);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:.2s;cursor:pointer;display:flex;flex-direction:column;color:inherit}
.gcard:hover,.prod:hover{transform:translateY(-5px);border-color:var(--blue-l);box-shadow:0 22px 44px -26px var(--blue)}
.gcard .art,.prod .art{aspect-ratio:3/4;position:relative;display:grid;place-items:center;overflow:hidden}
.gcard .art img,.prod .art img{width:100%;height:100%;object-fit:cover}
.a1{background:linear-gradient(150deg,#1d3f73,#0a1d40)}
.a2{background:linear-gradient(150deg,#42205f,#1a0b34)}
.a3{background:linear-gradient(150deg,#0e3f49,#07202a)}
.a4{background:linear-gradient(150deg,#50301d,#2a140b)}
.a5{background:linear-gradient(150deg,#123a5e,#071826)}
.a6{background:linear-gradient(150deg,#3a1f2e,#1c0d16)}
.gcard .gp{opacity:.2;color:#fff}
.prod .art-name{padding:12px;text-align:center;font-weight:700;color:#cdd9ef;font-size:15px}
.gcard .tag,.prod .tag{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--gold);color:#201400;font-weight:800;font-size:11px;padding:3px 8px;border-radius:7px;z-index:2}
.gcard .plat,.prod .con{position:absolute;inset-block-start:10px;inset-inline-end:10px;background:rgba(0,0,0,.55);color:#dce8ff;font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:6px;backdrop-filter:blur(4px);z-index:2}
.gcard .inst,.prod .instant{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--mint);font-weight:600}
.prod .instant{position:absolute;inset-block-end:10px;inset-inline-start:10px;background:rgba(5,8,14,.6);padding:3px 8px;border-radius:6px;backdrop-filter:blur(4px)}
.gcard .bd,.prod .info{padding:13px 14px 15px;display:flex;flex-direction:column;gap:5px;flex:1}
.gcard .nm,.prod .info h4{font-weight:600;font-size:14.5px;line-height:1.3;margin:0}
.gcard .pr,.prod .prow{margin-top:auto;display:flex;align-items:baseline;gap:7px}
.gcard .pr b{font-family:'Sora';color:var(--gold);font-size:17px}
.gcard .pr em{font-size:11px;color:var(--mut);font-style:normal}
.gcard .pr s{color:var(--mut2);font-size:12.5px}
.prod .price,.prod .price .amount{font-family:'Sora';color:var(--gold);font-size:16px;font-weight:700}
.prod .price del,.prod .price del .amount{color:var(--mut2);font-size:12.5px;font-weight:400}
.prod .price ins{text-decoration:none}
.prod .plus{color:var(--blue-l);font-size:18px;margin-inline-start:auto;font-weight:700}
.empty{color:var(--mut);padding:30px 0}

/* PS Plus tiers */
.plus{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pt{border:1px solid var(--line);border-radius:18px;padding:26px 22px;background:linear-gradient(170deg,var(--panel),#0c1322);display:flex;flex-direction:column;gap:12px;position:relative}
.pt.feat{border-color:var(--blue);box-shadow:0 22px 52px -26px var(--blue);background:linear-gradient(170deg,#12274c,#0b1630)}
.pt .pop{position:absolute;inset-block-start:-11px;inset-inline-start:22px;background:var(--blue);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:999px}
.pt .lv{font-family:'Sora';font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-l)}
.pt h3{font-size:22px}
.pt .price{font-family:'Sora';font-size:28px}
.pt .price span{font-size:12.5px;color:var(--mut);font-weight:400;font-family:'Rubik'}
.pt ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.pt li{display:flex;gap:8px;font-size:13.5px;color:#cdd9ef}
.pt li .ck{color:var(--mint);flex:none;margin-top:2px}
.pt .btn{justify-content:center;margin-top:4px}

/* editorial trio */
.ed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ecard{border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:.2s;cursor:pointer}
.ecard:hover{transform:translateY(-4px);border-color:var(--blue-l)}
.ecard .th{height:150px;background:linear-gradient(150deg,#14233e,#0b1322);display:grid;place-items:center;color:rgba(255,255,255,.18)}
.ecard .bd{padding:16px 18px 20px}
.ecard .lbl{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.ecard h3{font-size:18px;margin:6px 0 7px}
.ecard p{font-size:13.5px;color:var(--mut);margin:0}

/* promo */
.promo{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(700px 360px at 85% 15%,rgba(0,112,243,.42),transparent 60%),linear-gradient(120deg,#0f2143,#0b1427);padding:44px 42px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.promo h2{font-size:clamp(23px,3vw,36px);margin-bottom:9px;max-width:18ch}
.promo p{color:#cdd9ef;max-width:44ch;margin:0}

/* trust */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tr{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}
.tr .ti{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(0,112,243,.16);color:var(--blue-l);flex:none}
.tr b{display:block;font-family:'Sora';font-size:14.5px;margin-bottom:2px}
.tr span{font-size:12.5px;color:var(--mut)}

/* disclaimer */
.disc{background:rgba(255,194,77,.08);border:1px solid rgba(255,194,77,.22);border-radius:12px;padding:13px 17px;font-size:12.5px;color:#ffe2a8;margin-top:22px;display:flex;gap:9px}

/* footer */
footer{background:#06080c;border-top:1px solid var(--line);padding-block:48px 30px;color:var(--mut);margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:28px}
.fgrid h5,.fcol h5{font-family:'Sora';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#dfe6f2;margin:0 0 12px}
.fgrid a{display:block;font-size:13.5px;color:var(--mut);padding:4px 0}.fgrid a:hover{color:#fff}
.fabout{font-size:13px;max-width:32ch;margin:11px 0 15px}
.social{display:flex;gap:9px}
.social a{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);color:#dfe6f2}
.social a:hover{border-color:var(--blue-l);color:#fff}
.pay,.pays{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pay span,.pays .chip{border:1px solid var(--line);border-radius:7px;padding:5px 11px;font-size:11.5px;font-weight:700;color:#dfe6f2}
.fcol-contact a,.fcol-contact span{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--mut);padding:4px 0}
.fbot{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}

/* floating */
.wa-float{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:45;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(37,211,102,.7)}
.scroll-top{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:45;width:46px;height:46px;border-radius:50%;background:var(--panel);color:#fff;border:1px solid var(--line);cursor:pointer;display:none;place-items:center;transform:rotate(90deg)}
.scroll-top.show{display:grid}

/* mobile drawer */
.scrim{position:fixed;inset:0;background:rgba(3,5,9,.6);z-index:70;opacity:0;visibility:hidden;transition:.2s}
.scrim.on{opacity:1;visibility:visible}
.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(84vw,340px);background:var(--bg2);z-index:71;transform:translateX(-110%);visibility:hidden;transition:transform .26s,visibility .26s;overflow-y:auto;border-inline-end:1px solid var(--line);padding:18px}
html[dir="rtl"] .drawer{transform:translateX(110%)}
.drawer.on,html[dir="rtl"] .drawer.on{transform:none;visibility:visible}
.drawer .dhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.drawer a{display:block;padding:13px 10px;font-size:15.5px;font-weight:500;border-bottom:1px solid var(--line2);color:#dfe6f2}

.reveal{opacity:0;transform:translateY(22px);transition:.6s}
.reveal.in{opacity:1;transform:none}

/* ===== WooCommerce shop / single product ===== */
/* Shop renders via theme woocommerce.php -> .psnsouq-container; give it the same frame as .wrap */
.psnsouq-woocommerce-main,.psnsouq-archive-main{padding-block:40px}
.psnsouq-container{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.psnsouq-section-header h1,.site-main .shop-title,.woocommerce-products-header__title{font-family:'Cairo','Sora';font-size:clamp(24px,3vw,34px);margin-bottom:20px}
.psnsouq-shop-header{margin-bottom:22px}
.psnsouq-category-pills{display:flex;gap:10px;flex-wrap:wrap}
.psnsouq-pill{border:1px solid var(--line);background:var(--panel);color:#dfe6f2;border-radius:999px;padding:9px 18px;font-weight:600;font-size:13.5px;cursor:pointer;font-family:inherit;transition:.15s}
.psnsouq-pill:hover{border-color:var(--blue-l)}
.psnsouq-pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}
/* Force a real responsive grid over WooCommerce's float widths (fixes squashed, clipped cards) */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;list-style:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;clear:none!important;text-align:start;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;padding:0 0 14px;transition:.2s}
.woocommerce ul.products li.product .woocommerce-loop-product__title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
.woocommerce ul.products li.product .price{white-space:normal}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:var(--blue-l)}
.woocommerce ul.products li.product a img{border-radius:var(--rad) var(--rad) 0 0;margin-bottom:10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14.5px;font-weight:600;padding:12px 14px 4px}
.woocommerce ul.products li.product .price{display:block;padding:0 14px;font-family:'Sora';color:var(--gold)!important;font-size:16px}
.woocommerce ul.products li.product .price del{color:var(--mut2)!important;font-size:12.5px}
.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce .single_add_to_cart_button{background:var(--blue)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;padding:10px 20px!important;border:none!important;margin:10px 14px 0!important;transition:.15s;cursor:pointer}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .single_add_to_cart_button:hover{background:var(--blue-h)!important}
.woocommerce span.onsale{background:var(--gold)!important;color:#201400!important;border-radius:8px;min-height:auto;line-height:1;padding:6px 10px;font-weight:800}
.woocommerce div.product .product_title{font-family:'Cairo','Sora';font-size:clamp(22px,3vw,32px)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold)!important;font-family:'Sora';font-size:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel);border-color:var(--line)}
.woocommerce .star-rating span{color:var(--gold)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--blue)!important;background:var(--panel)!important;color:var(--fg)!important}

@media(min-width:1025px){ .drawer,.scrim{display:none!important} }
@media(max-width:1024px){
  .mnav,.util{display:none}
  .burger{display:grid}
  .fgrid{grid-template-columns:1fr 1fr 1fr}
  .mega{display:none!important}
}
@media(max-width:860px){
  .plus{grid-template-columns:1fr}
  .ed{grid-template-columns:1fr}
  .trust{grid-template-columns:1fr 1fr}
  .promo{padding:30px 24px}
}
@media(max-width:560px){
  .fgrid{grid-template-columns:1fr 1fr}
  .slide .c{padding-bottom:84px}
  .hero{height:min(78vh,540px)}
  .woocommerce ul.products{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none!important;display:none!important}