/* v2.0 - the Super Sale look on the whole site (4 October 2026).
   Night background, dark product cards with AI cut-outs, lime for prices and actions, and each
   department's own colour on its pages and products. The white header stays; text-heavy panels
   (cart, checkout, account, policies) stay as light cards so forms and terms are easy to read. */
:root{--n-bg:#0c0a22;--n-card:#17153d;--n-line:rgba(255,255,255,.1);--n-muted:#b3b0d3;--n-lime:#c6f24e;--n-pink:#ff3d9a;--n-blue:#4b1fe0;--c1:#2a0f6b;--c2:#c6f24e}
/* the colour worlds (homepage panels, department pages, their products) */
.c-pc,body.dept-pc{--c1:#03205e;--c2:#22d3ee}.c-laptops,body.dept-laptops{--c1:#073b3a;--c2:#2dd4bf}.c-phones,body.dept-phones{--c1:#5b0a4d;--c2:#f472b6}
.c-audio,body.dept-audio{--c1:#6b1d0a;--c2:#fb923c}.c-gaming,body.dept-gaming{--c1:#2a0f6b;--c2:#a3e635}.c-wifi,body.dept-wifi{--c1:#0b3a6b;--c2:#60a5fa}
.c-cctv,body.dept-cctv{--c1:#0f3d1e;--c2:#4ade80}.c-power,body.dept-power{--c1:#5a3a00;--c2:#facc15}.c-print,body.dept-print{--c1:#5c0b16;--c2:#f87171}
.c-storage,body.dept-storage{--c1:#2e1065;--c2:#c084fc}.c-acc,body.dept-acc{--c1:#0c3d4a;--c2:#67e8f9}.c-cable,body.dept-cable{--c1:#1e293b;--c2:#94a3b8}
.c-smart,body.dept-smart{--c1:#064e3b;--c2:#34d399}.c-voip,body.dept-voip{--c1:#1e1b4b;--c2:#818cf8}.c-soft,body.dept-soft{--c1:#3b0764;--c2:#d8b4fe}.c-pos,body.dept-pos{--c1:#7c2d12;--c2:#fdba74}

body.sabd-site{background:var(--n-bg)}
body.sabd-site main,body.sabd-site .sabd-wc,body.sabd-site .sabd-page{color:#fff}
body.sabd-site .woocommerce-breadcrumb,body.sabd-site .woocommerce-breadcrumb a{color:var(--n-muted)!important}

/* ---------- product cards, everywhere ---------- */
body.sabd-site .pc{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;color:#fff;overflow:hidden;box-shadow:none}
body.sabd-site .pc:hover{border-color:color-mix(in srgb,var(--c2) 60%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.35)}
body.sabd-site .pc .im{background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.16),rgba(255,255,255,.02) 70%);margin:10px 10px 0;border-radius:14px}
body.sabd-site .pc .im img{object-fit:contain}
body.sabd-site .pc .im img:not(.cut){background:#fff;border-radius:12px;padding:6%}
body.sabd-site .pc .im img.cut{filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}
body.sabd-site .pc .br{color:var(--c2)}
body.sabd-site .pc .nm,body.sabd-site .pc .nm:visited{color:#fff}
body.sabd-site .pc .pz,body.sabd-site .pc .pz .woocommerce-Price-amount{color:#fff}
body.sabd-site .pc .pz del,body.sabd-site .pc .pz del .woocommerce-Price-amount{color:var(--n-muted)}
body.sabd-site .pc .sabd-save{color:var(--n-lime)}
body.sabd-site .pc .dl,body.sabd-site .pc .dl.slow{color:var(--n-muted)}body.sabd-site .pc .freedl{color:#5fd38d}
body.sabd-site .pc .act .btn,body.sabd-site .pc .act .button{background:var(--n-blue);color:#fff;border-radius:10px}
body.sabd-site .pc .act .btn:hover{background:#5b33f0}
body.sabd-site .pc .act .added_to_cart{color:var(--n-lime)}

/* ---------- department and search pages ---------- */
body.sabd-site .catban{background:radial-gradient(520px 300px at 85% 30%,color-mix(in srgb,var(--c2) 50%,transparent),transparent 65%),linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,var(--c2)))!important;color:#fff;border-radius:22px}
body.sabd-site .catban .bn-k{color:var(--c2)}body.sabd-site .catban .bn-pic{background:#fff;border-radius:14px}
body.sabd-site .plphead,body.sabd-site .plphead h1,body.sabd-site .plphead .n{color:#fff}
body.sabd-site .facets{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;color:#fff}
body.sabd-site .facets *{border-color:var(--n-line)}
body.sabd-site .facets h3,body.sabd-site .facets h4,body.sabd-site .facets legend,body.sabd-site .facets b{color:#fff}
body.sabd-site .facets label,body.sabd-site .facets a{color:#d9d7ef}body.sabd-site .facets .ct,body.sabd-site .facets small,body.sabd-site .facets span{color:var(--n-muted)}
body.sabd-site .facets input[type=number],body.sabd-site .facets input[type=text],body.sabd-site .woocommerce-ordering select{background:#0f0d2e;color:#fff;border:1px solid var(--n-line);border-radius:8px}
body.sabd-site .chips a,body.sabd-site .fchips a{background:rgba(255,255,255,.08);color:#fff;border-color:var(--n-line)}
body.sabd-site .ffbtn{background:var(--n-card);color:#fff;border-color:var(--n-line)}
body.sabd-site .noresults{background:var(--n-card);border-radius:18px;padding:20px;color:#fff}body.sabd-site .noresults a{color:var(--n-lime)}
body.sabd-site .catdesc{color:var(--n-muted)}body.sabd-site .catdesc a{color:var(--n-lime)}
body.sabd-site .sabd-more-n{color:var(--n-muted)}body.sabd-site .sabd-more .btn{background:var(--c2,var(--n-lime));color:#111}
body.sabd-site nav.woocommerce-pagination ul li a,body.sabd-site nav.woocommerce-pagination ul li span{background:var(--n-card)!important;color:#fff!important;border-color:var(--n-line)!important}
body.sabd-site nav.woocommerce-pagination ul li span.current{background:var(--c2)!important;color:#111!important}

/* ---------- product page ---------- */
body.sabd-site.single-product div.product{color:#fff}
body.sabd-site.single-product div.product .product_title{color:#fff}
body.sabd-site.single-product .woocommerce-product-gallery{background:#fff;border-radius:22px;padding:12px}
body.sabd-site.single-product div.product p.price,body.sabd-site.single-product div.product span.price,body.sabd-site.single-product .pz{color:var(--n-lime)!important}
body.sabd-site.single-product div.product .summary,body.sabd-site.single-product div.product .summary p,body.sabd-site.single-product div.product .summary li{color:#e6e4f5}
body.sabd-site.single-product div.product .summary a:not(.button):not(.btn){color:var(--c2)}
body.sabd-site.single-product .buybox{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;color:#fff}
body.sabd-site.single-product .buybox *{border-color:var(--n-line)}
body.sabd-site.single-product div.product form.cart .button,body.sabd-site.single-product .single_add_to_cart_button{background:var(--n-lime)!important;color:#111!important;border-radius:10px;font-weight:800}
body.sabd-site.single-product div.product form.cart .qty{background:#0f0d2e;color:#fff;border:1px solid var(--n-line);border-radius:8px}
body.sabd-site.single-product .pnote{border-radius:8px}
body.sabd-site.single-product .woocommerce-tabs{background:var(--n-card);border:1px solid var(--n-line);border-radius:20px;padding:16px 20px;color:#e6e4f5}
body.sabd-site.single-product .woocommerce-tabs ul.tabs li{background:transparent!important;border-color:var(--n-line)!important}
body.sabd-site.single-product .woocommerce-tabs ul.tabs li a{color:var(--n-muted)!important}
body.sabd-site.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
body.sabd-site.single-product .woocommerce-tabs ul.tabs::before,body.sabd-site.single-product .woocommerce-tabs ul.tabs li::before,body.sabd-site.single-product .woocommerce-tabs ul.tabs li::after{display:none}
body.sabd-site.single-product .woocommerce-tabs h2,body.sabd-site.single-product .woocommerce-tabs h3,body.sabd-site.single-product .woocommerce-tabs th{color:#fff}
body.sabd-site.single-product .woocommerce-tabs table,body.sabd-site.single-product .woocommerce-tabs td,body.sabd-site.single-product .woocommerce-tabs th{border-color:var(--n-line)!important;background:transparent!important}
body.sabd-site.single-product .woocommerce-tabs a{color:var(--c2)}
body.sabd-site .related>h2,body.sabd-site .upsells>h2,body.sabd-site .sechead h2,body.sabd-site .sechead a{color:#fff}
body.sabd-site .sechead a{color:var(--n-lime)}
body.sabd-site .stickybuy{background:#0f0d2e;border-top:1px solid var(--n-line);color:#fff}

/* ---------- information, cart, checkout, account: light reading cards on the night page ---------- */
body.sabd-site .pagecard{background:#fff;color:#0e1726;border-radius:22px}
body.sabd-site .pageband{border-radius:0 0 26px 26px}
body.sabd-site .helpbox{border-radius:18px}
body.sabd-site .deptiles .dt{background:var(--n-card);border:1px solid var(--n-line);color:#fff;border-radius:18px}
body.sabd-site .deptiles .dt span{color:var(--n-muted)}body.sabd-site .deptiles .dt img{background:#fff;border-radius:50%;padding:8%}
body.sabd-site .woocommerce-notices-wrapper .woocommerce-message,body.sabd-site .woocommerce-notices-wrapper .woocommerce-info{background:#fff;color:#0e1726;border-radius:12px}

/* ---------- brands strip and specials tiles on dark ---------- */
body.sabd-site .brandband .sechead h2{color:#fff}
body.sabd-site .brandchips a{background:var(--n-card)!important;border-color:var(--n-line)!important;color:#fff!important;border-radius:14px}
body.sabd-site .brandchips a span{color:var(--n-muted)!important}
body.sabd-site .dealtile{border-radius:22px}

/* filters, sort bar and stock line on the night background */
body.sabd-site .facets .fhead b,body.sabd-site .facets h4{color:var(--n-muted)}
body.sabd-site .facets .fo,body.sabd-site .facets .flink{color:#e6e4f5!important;border-color:var(--n-line)!important}
body.sabd-site .facets .fo:hover,body.sabd-site .facets .flink:hover{color:var(--c2)!important}
body.sabd-site .facets .fo em{color:var(--n-muted)!important;font-style:normal}
body.sabd-site .facets .fclose{color:#fff}
body.sabd-site .plphead{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff}
body.sabd-site.single-product div.product p.stock,body.sabd-site.single-product div.product .stock{background:transparent!important;color:#5fd38d!important;border:0!important;padding-left:0}
body.sabd-site.single-product div.product p.stock.out-of-stock{color:#fbbf24!important}

/* v2.0.2 readability: links on the white info boxes use a dark shade of the department colour;
   category and brand links under the product are underlined, not told apart by colour alone */
body.sabd-site.single-product .buybox a,body.sabd-site.single-product .pagecard a,body.sabd-site .pagecard a{color:color-mix(in srgb,var(--c2) 35%,#0b1220)!important}
body.sabd-site.single-product .product_meta a{text-decoration:underline;text-underline-offset:2px}
body.sabd-site .facets summary,body.sabd-site .facets .fmore{color:var(--c2)}

/* v2.0.4 polish (5 October 2026)
   - "Need help?" box: its heading and ticks were white on white (it took the page's white text)
   - account, lost-password, cart and checkout: the white card had no inner padding, text sat on the edge
   - white products vanished on a white image box: the box is now a soft grey and photos are
     multiplied into it, so a white background turns grey and the white product keeps its edge */
body.sabd-site .helpbox{background:#fff;color:#0e1726;border:0;padding:24px}
body.sabd-site .helpbox h2,body.sabd-site .helpbox li,body.sabd-site .helpbox .hb-tel a{color:#0e1726}
body.sabd-site .helpbox p a{color:#3b1fd0}
body.sabd-site.woocommerce-account .pagecard,body.sabd-site.woocommerce-cart .pagecard,body.sabd-site.woocommerce-checkout .pagecard{padding:clamp(20px,3vw,34px)}
body.sabd-site .pagecard input[type=text],body.sabd-site .pagecard input[type=email],body.sabd-site .pagecard input[type=password],body.sabd-site .pagecard input[type=tel],body.sabd-site .pagecard select,body.sabd-site .pagecard textarea{max-width:520px}
body.sabd-site .pc .im{background:#eef0f4}
body.sabd-site .pc .im img,body.sabd-site .pc .im img:not(.cut){background:transparent;border-radius:0}
body.sabd-site .pc .im img:not(.cut){mix-blend-mode:multiply}
body.sabd-site .pc .im img.cut{filter:drop-shadow(0 8px 10px rgba(15,20,40,.22))}
body.sabd-site.single-product .woocommerce-product-gallery,body.sabd-site.single-product .woocommerce-product-gallery__image{background:#eef0f4}
body.sabd-site.single-product .woocommerce-product-gallery__image img{mix-blend-mode:multiply}
body.sabd-site .catban .bn-pic,body.sabd-site .deptiles .dt img{background:#eef0f4}

/* v2.0.6 WhatsApp button and social links */
.sabd-wa{position:fixed;right:16px;bottom:16px;z-index:790;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;
  border-radius:999px;padding:12px 18px 12px 14px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.sabd-wa:hover{background:#1ebe5a}
@media(max-width:700px){.sabd-wa{padding:13px;bottom:14px;right:14px}.sabd-wa span{display:none}.single-product .sabd-wa{bottom:84px}}
.foot .social{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.foot .social a{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:#fff;text-decoration:none}
.foot .social a:hover{border-color:#c6f24e;color:#c6f24e}
body.sabd-site .helpbox .hb-wa{color:#128c4a!important;font-weight:700}

/* v2.0.8 phone layout and checkout buttons */
/* buttons inside white page cards keep white text (the .pagecard link colour was turning "Proceed to Checkout" dark green on navy) */
body.sabd-site .pagecard a.button,body.sabd-site .pagecard a.wc-block-components-button,body.sabd-site .pagecard a.wc-block-components-button *,
body.sabd-site .pagecard .wc-block-components-button,body.sabd-site .pagecard .wc-block-components-button *{color:#fff!important}
/* checkout actions: dark, high-contrast and big enough for a thumb */
body.sabd-site .wc-block-cart__submit-button,body.sabd-site .woocommerce .button.checkout,body.sabd-site .wc-block-components-checkout-place-order-button,body.sabd-site #place_order{
  background:#0b1220!important;color:#fff!important;border-radius:12px!important;min-height:54px;font-size:17px!important;font-weight:800!important;letter-spacing:.01em;box-shadow:0 6px 18px rgba(11,18,32,.28)}
body.sabd-site .wc-block-cart__submit-button:hover,body.sabd-site .woocommerce .button.checkout:hover,body.sabd-site .wc-block-components-checkout-place-order-button:hover,body.sabd-site #place_order:hover{background:#1d2bd8!important}
body.sabd-site .wc-block-cart__submit-button .wc-block-components-button__text::after,body.sabd-site .wc-block-components-checkout-place-order-button .wc-block-components-button__text::after{content:" \2192";color:#c6f24e}
/* product notes ("Price-checked ...", "Free delivery on this item") wrap on small screens instead of running off the edge */
body.sabd-site .pnote{white-space:normal!important;max-width:100%;min-width:0;line-height:1.35}
body.sabd-site .pnote.checked{background:#E8F0FF;color:#1a2a9c}
body.sabd-site .pnote small{font-weight:500;opacity:.85}
/* prices with a recommended-retail price and % badge wrap neatly instead of running off the card */
body.sabd-site .pc .pz{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:3px}
body.sabd-site .pc .pz>*{white-space:nowrap;margin-left:0!important;margin-right:0!important}
@media(max-width:620px){
  /* department banners: picture on top, words underneath (they used to sit on top of each other) */
  body.sabd-site .neon .show .panel{min-height:0;justify-content:flex-start;padding-top:56px}
  body.sabd-site .neon .show .hero{position:relative;inset:auto;left:auto;right:auto;top:auto;width:100%;height:170px;margin:0 0 14px;order:-1}
  body.sabd-site .neon .show .hero img{width:auto;height:100%;max-height:170px;max-width:100%}
  /* product tabs fit on one line */
  body.sabd-site.single-product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0!important;margin:0 0 12px!important;gap:4px}
  body.sabd-site.single-product .woocommerce-tabs ul.tabs li{flex:0 0 auto;margin:0!important;padding:0!important}
  body.sabd-site.single-product .woocommerce-tabs{padding:12px}
  body.sabd-site.single-product .woocommerce-tabs ul.tabs li a{font-size:14px;padding:8px 9px!important}
  /* smaller WhatsApp bubble so it covers less */
  .sabd-wa{padding:11px;bottom:12px;right:12px}.sabd-wa svg{width:22px;height:22px}
}

/* v2.0.9 stock counts and "Ask on WhatsApp" for out-of-stock items */
body.sabd-site .sabd-stk{display:flex;align-items:center;gap:6px;font-weight:700}
body.sabd-site .sabd-stk::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
body.sabd-site .sabd-stk.in{color:#4ade80!important}
body.sabd-site .sabd-stk.low{color:#ffb547!important}
body.sabd-site .sabd-stk.out{color:#b3b0d3!important}
body.sabd-site .pc .badge.outb{background:rgba(18,24,28,.82);color:#fff}
body.sabd-site .pc.sabd-out .im img{opacity:.45;filter:grayscale(.6)}
body.sabd-site .sabd-ask{display:flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
body.sabd-site .sabd-ask svg{flex:none}
body.sabd-site .sabd-or{font-size:12.5px;text-align:center;margin-top:6px;color:#b3b0d3}
body.sabd-site .sabd-or a{color:#c6f24e!important;font-weight:700}
body.sabd-site .sabd-askbox{display:grid;gap:10px;margin:6px 0 4px}
body.sabd-site .sabd-askbox p{margin:0}
body.sabd-site .sabd-askbox .sabd-or{text-align:left}
body.sabd-site .sabd-askbox .sabd-ask{width:100%;gap:8px}
@media(max-width:600px){body.sabd-site .pc .sabd-ask{font-size:13px!important;padding-left:6px!important;padding-right:6px!important;gap:5px}}