/* Gadgix – Pakistan home & kitchen gadgets shop. Layout tweaks from Kidupia; COLOURS + FONT changed 2026-11-05 (owner: the
   Kidupia pastel looked like a kids shop → "best colour" for gadgets, eye-catching): deep navy ink (trust, premium), vivid
   orange for buttons / prices / highlights (deals, energy – the colour Pakistani shoppers link with sales), sunny yellow
   badges, teal for small "good news" accents, clean white + light grey sections. Font = Dukaan's Plus Jakarta Sans (modern),
   less rounded shapes. */
body{--ink:#0f1b2d;--txt:#4a5568;--mut:#718096;--hl:#ff6a00;--gx-or:#ff6a00;--gx-or-d:#e65c00;--gx-or-t:#fff3ea;--gx-navy:#0f1b2d;--gx-navy-2:#1b2b44;--gx-sun:#ffc72c;--gx-teal:#0ea5a0;--gx-teal-t:#e7f7f6;--gx-bg:#f5f7fa;--gx-line:#e6eaf0;color:var(--txt);background:#fff}
h1,h2,h3,h4{font-weight:800;color:var(--ink);letter-spacing:-.01em}
.eyb,.hs__eyb{color:var(--gx-or)}

/* Buttons: main = orange; dark buttons (Add to cart) = navy */
.btn{border-radius:10px;font-weight:700}
.btn--red{box-shadow:0 8px 20px rgba(255,106,0,.28)}
.btn--red:hover{box-shadow:0 10px 24px rgba(255,106,0,.36);transform:translateY(-1px)}
.btn--dark{background:var(--gx-navy);color:#fff!important}
.btn--dark:hover{background:var(--gx-navy-2)}
.tabs button,.tabs a{border-radius:10px}

/* Cards: white, slightly rounded, lift on hover */
.pc,.cc{border-radius:14px;overflow:hidden;background:#fff;border-color:var(--gx-line);transition:box-shadow .2s,transform .2s}
.pc__img,.cc__img,.pc__img img,.cc__img img{border-radius:14px 14px 0 0}
.pc{box-shadow:0 4px 16px rgba(15,27,45,.06)}
.cc{box-shadow:0 6px 20px rgba(15,27,45,.07)}
@media (hover:hover){.pc:hover,.cc:hover{box-shadow:0 14px 32px rgba(15,27,45,.12);transform:translateY(-3px)}}
.cc__ic{background:var(--gx-or);color:#fff;border-radius:10px}
.pc__off,.pc__hot{border-radius:6px;padding-left:8px;padding-right:8px;background:var(--gx-sun);color:var(--ink);font-weight:800}

/* Top bar navy, header white */
.tb2{background:var(--gx-navy)!important;color:#fff}
.tb2 a,.tb2__msg,.tb2__r{color:#e8edf5!important}
.tb2__msg b{color:var(--gx-sun)!important}

/* Dark sections: navy band with orange highlight, light help box */
body.pal-charcoal .band,body.pal-charcoal .cta{background:var(--gx-navy);color:#d7deea}
body .band h2{color:#fff}
body .band h2 em,body.pal-charcoal .band h2 em{color:var(--gx-or);text-decoration:none}
body .band .eyb{color:var(--gx-sun)}
body .band::before{display:none} /* Dukaan's band photo is a ZeroSpace image */
body .band p{color:#c5cfdd}
body.pal-charcoal .help{background:#fff;color:var(--txt)}
body .help .wrap{background:var(--gx-or-t);border:0;box-shadow:none;color:var(--txt)}
body .help .wrap::before,body .help .wrap::after{display:none}
body .help h2,body .help h3,body .help b{color:var(--ink)!important}
body .help p{color:var(--txt)!important}
body .help .help__eyb{color:var(--gx-or)}
body .help .help__call{border-color:var(--ink);color:var(--ink)!important}
body .help .help__call:hover{background:var(--ink);color:#fff!important}
body .ft{background:var(--gx-navy);color:#c5cfdd}
body .ft__b{background:#0a1422}
.faqw .faq{background:#fff;border-radius:12px}

/* Hero slider: covers are light (warm cream rooms) → navy text, orange highlight, no dark fade */
.hs__s::after,.hs__s--top::after,.hs__s--center::after{background:none!important}
.hs__h{color:var(--ink)!important;font-weight:800;letter-spacing:-.02em}
.hs__h .ac{color:var(--gx-or)!important}
.hs__t p{color:var(--txt)}
.hs__chip{background:#fff;border-color:var(--gx-line);color:var(--ink);box-shadow:0 4px 14px rgba(15,27,45,.08)}
.hs__eyb{font-weight:800}
.hs__cta .btn:not(.btn--red){border-color:var(--ink);color:var(--ink)!important;background:rgba(255,255,255,.7)}
.hs__arr{background:#fff;border-color:var(--gx-line);color:var(--ink)}
.hs__dots button{background:rgba(15,27,45,.18)}
.hs__dots i{background:var(--gx-or)}

/* Hero slider size = the cover files: desktop 1920x860, mobile 800x900 (no stretching; object-fit cover) */
@media (min-width:768px){
	.hs__track{aspect-ratio:1920/860;max-height:calc(100vh - 120px);min-height:480px}
	.hs__h{font-size:clamp(38px,3.6vw,56px);line-height:1.08}
	/* soft white fade behind the text side so the heading stays readable on busy covers */
	.hs__s::after,.hs__s--top::after{background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.55) 32%,rgba(255,255,255,0) 52%)!important}
}
@media (max-width:767px){
	.hs__track{aspect-ratio:8/9;max-height:none;min-height:0}
}

/* Logo – Click ON Cart bag + 2-line wordmark (owner 2026-11-13; was the wide 'gadgix' text logo) */
html body .hd2__logo img{height:56px!important;width:auto!important} /* Dukaan sets 54px!important (60px ≥1500px) */
html body .hd2.scr .hd2__logo img{height:46px!important}
@media (min-width:1500px){html body .hd2__logo img{height:60px!important}}
@media (max-width:991px){html body .hd2__logo img,html body .hd2.scr .hd2__logo img{height:44px!important}}
.ft .ft__logo img{height:60px;width:auto}
.tb2__soc:empty{display:none}
.tb2__r a{padding:0 2px;font-weight:600}

/* Mobile: hero text centred over the photo's empty top, small label pill; tabs scroll without scrollbar */
@media (max-width:767px){
	.hs__s--top .hs__in{padding-top:30px}
	.hs__s--top .hs__t{text-align:center;margin:0 auto;max-width:340px}
	.hs__s--top .hs__eyb{display:inline-block!important;margin:0 0 8px;padding:5px 12px;font-size:10.5px;letter-spacing:.14em;background:var(--gx-navy);color:#fff;border-radius:6px;box-shadow:0 3px 10px rgba(15,27,45,.15)}
	.hs__s--top .hs__chip{display:none}
	.hs__h{font-size:29px;line-height:1.14;margin:0 0 14px}
	.hs__s--top .hs__cta{justify-content:center;margin-top:0}
	.tabs{scrollbar-width:none;-ms-overflow-style:none}
	.tabs::-webkit-scrollbar{display:none}
}

/* Product page: big orange price; sale % badge stands out */
.pi__p b{font-size:40px;color:var(--gx-or)}
.pi__p del{font-size:19px}
@media (max-width:767px){
	.pi__p b{font-size:34px}
	.rbadge{font-size:12.5px}
	.rbadge>span em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
}

/* Checkout "Returning customer? login" = one small centred line */
.woocommerce-form-login-toggle .woocommerce-info{display:block!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 4px!important;font-size:12.5px!important;color:var(--mut);text-align:center}
.woocommerce-form-login-toggle .woocommerce-info::before{display:none!important}
.woocommerce-form-login-toggle .showlogin{color:var(--gx-or);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* Home categories: 3 (owner 2026-11-05) → 3 equal columns on desktop (Dukaan grid has 4) */
@media (min-width:768px){.cats{grid-template-columns:repeat(3,1fr)}}

/* Offer banners (owner 2026-11-05: looked plain – photo only filled the top, black block below): Elementor's
   `.elementor img{height:auto}` beat Dukaan's `.ban img{height:100%}` → photo now fills the whole card; navy fade, bigger
   orange "Shop Now" button, square cards */
.zsw .ban img{height:100%!important;max-width:none}
.zsw .ban{background:var(--gx-navy);border-radius:16px;min-height:420px}
.zsw .ban::after{background:linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.55) 62%,rgba(15,27,45,.92))}
.zsw .ban__t small{color:var(--gx-sun);font-size:13px}
.zsw .ban__t h3{font-size:clamp(26px,2.4vw,36px);font-weight:800}
.zsw .ban__t span{border:0;background:var(--gx-or);color:#fff;padding:11px 20px;border-radius:10px;box-shadow:0 8px 20px rgba(255,106,0,.35)}
.zsw .ban:hover .ban__t span{background:var(--gx-or-d)}
/* Bundle box next to the offers: navy card like the banners, orange "popular" row */
.zsw .bundle{background:linear-gradient(160deg,var(--gx-navy),var(--gx-navy-2));border:0;border-radius:16px;color:#c5cfdd}
.zsw .bundle h3,.zsw .bundle h2{color:#fff}
.zsw .bundle .ac{color:var(--gx-or)}
.zsw .bundle .eyb{color:var(--gx-sun)}
.zsw .bundle p{color:#c5cfdd}
.zsw .bundle .tiers>*{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;border-radius:10px}
.zsw .bundle .tiers>*.on{border-color:var(--gx-or);background:rgba(255,106,0,.14)}
.zsw .bundle .tiers>* *{color:#fff!important;opacity:1}
.zsw .bundle .tiers>* :last-child{color:var(--gx-sun)!important;font-weight:700}

/* Social icons (owner 2026-11-05: FB / IG / TikTok added) – top bar icons were white-on-white; footer icons too faint */
.tb2 .tb2__soc a{background:rgba(255,255,255,.14)!important;color:#fff!important;border:0!important;transition:background .2s}
.tb2 .tb2__soc a:hover{background:var(--gx-or)!important}
.tb2 .tb2__soc svg{color:#fff}
.ft .soc a{width:36px;height:36px;background:rgba(255,255,255,.1);border:0;color:#fff;transition:background .2s,transform .2s}
.ft .soc a:hover{background:var(--gx-or);transform:translateY(-2px)}
.ft .soc svg{width:17px;height:17px}

/* Product story without its own photo (owner 2026-11-07: no repeated photos lower on the page) – text block centred,
   full width, readable line length; same for the Perfect-For / specs row */
.ps__hero:not(:has(.ps__img)){grid-template-columns:1fr}
.ps__hero:not(:has(.ps__img)) .ps__txt{max-width:820px;margin:0 auto;text-align:center;padding:44px 32px}
.ps__hero:not(:has(.ps__img)) .ps__txt .eyb{justify-content:center}
.ps__row:not(:has(.ps__img)){grid-template-columns:1fr;max-width:900px;margin-left:auto;margin-right:auto}