.offer-banner{margin:20px 0;overflow:hidden}.offer-banner.banner-contained{max-width:1360px;width:92%;margin:24px auto}.offer-banner picture{display:block}.offer-banner img{display:block;width:100%;height:auto}.offer-banner.height-small img{height:180px}.offer-banner.height-medium img{height:340px}.offer-banner.height-large img{height:550px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:45;background:#111;color:#fff;border:1px solid #777;box-shadow:0 8px 28px #0003;border-radius:30px;display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:14px;max-width:calc(100vw - 40px)}.whatsapp-float.float-left{right:auto;left:22px}.whatsapp-float svg{stroke:#fff;width:24px;height:24px}.whatsapp-float span{overflow-wrap:anywhere}body:has(dialog[open]) .whatsapp-float{display:none}@media(max-width:600px){.offer-banner.height-small img{height:130px}.offer-banner.height-medium img{height:230px}.offer-banner.height-large img{height:360px}.whatsapp-float{right:14px;bottom:14px;padding:12px 15px}.whatsapp-float.float-left{left:14px}}

.site-header .custom-logo{width:var(--logo-width,160px);max-width:280px;max-height:64px;height:auto;object-fit:contain}.footer-custom-logo{width:180px;max-width:100%;max-height:80px;object-fit:contain}.site-header .logo{flex-shrink:1;min-width:0}@media(max-width:600px){.site-header .custom-logo{width:var(--logo-mobile-width,125px);max-width:160px;max-height:48px}}

#headerCategories{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}#headerCategories button{flex-shrink:0;white-space:nowrap}

.concept-label{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:7px 0}.product-image img{content-visibility:auto}

body .hero-image>img[src$="hero-pakistan.webp"]{object-position:center 20%}

/* Scheduled offer carousel with image overlays and live countdown. */
.offer-slideshow{position:relative;max-width:100%;margin:18px auto 28px;overflow:hidden}.offer-slideshow:not(.single-offer){padding-bottom:36px}.offer-slides{display:grid;grid-template-columns:minmax(0,1fr)}.offer-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}.offer-slide.is-active{position:relative;z-index:1;opacity:1;visibility:visible;pointer-events:auto}.offer-banner{position:relative;margin:0;overflow:hidden;background:#171717}.offer-banner.banner-contained{max-width:1360px;width:92%;margin:0 auto}.offer-banner picture{display:block;position:relative}.offer-banner picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009 0%,#0002 58%,transparent 100%),linear-gradient(0deg,#0008,transparent 52%);pointer-events:none}.offer-banner img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.offer-banner.height-small img{height:210px}.offer-banner.height-medium img{height:390px}.offer-banner.height-large img{height:600px}.offer-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:clamp(18px,4vw,54px);color:#fff}.offer-overlay-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:min(68%,760px)}.offer-title{font-size:clamp(22px,3.5vw,50px);font-weight:700;line-height:1.05;letter-spacing:-.04em;text-shadow:0 2px 20px #0008}.offer-countdown{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #ffffff85;background:#0008;color:#fff;font-size:clamp(10px,1.15vw,13px);font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px)}.offer-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:0 22px;border:1px solid #000;background:#000!important;color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 8px 28px #0004;transition:background .2s,color .2s,transform .2s}.offer-cta:hover{background:#000!important;color:#fff!important;transform:translateY(-2px)}.offer-slide-controls{position:absolute;z-index:4;bottom:0;left:50%;display:flex;align-items:center;gap:16px;transform:translateX(-50%);min-height:34px}.offer-slide-controls>button{width:30px;height:30px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.offer-dots{display:flex;align-items:center;gap:8px}.offer-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--muted);opacity:.45;cursor:pointer}.offer-dots button[aria-pressed=true]{width:22px;border-radius:8px;background:var(--ink);opacity:1}.offer-slideshow.single-offer .offer-slide{opacity:1;visibility:visible;pointer-events:auto}.offer-banner a:focus-visible,.offer-slide-controls button:focus-visible{outline:3px solid #c5ff45;outline-offset:3px}
@media(max-width:640px){.offer-slideshow{margin:10px auto 20px}.offer-slideshow:not(.single-offer){padding-bottom:32px}.offer-banner.banner-contained{width:94%}.offer-banner.height-small img{height:170px}.offer-banner.height-medium img{height:240px}.offer-banner.height-large img{height:330px}.offer-overlay{align-items:flex-end;padding:16px;gap:10px}.offer-overlay-copy{max-width:70%;gap:8px}.offer-title{font-size:clamp(19px,6vw,30px)}.offer-countdown{min-height:30px;padding:6px 8px;font-size:9px;letter-spacing:.06em}.offer-cta{min-height:42px;padding:0 12px;gap:8px;font-size:10px;letter-spacing:.06em}.offer-slide-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.offer-slide{transition:none}.offer-cta{transition:none}}

/* Clear sale pricing on cards, product detail, recommendations and the admin list. */
.price-stack{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 9px;min-width:0}.price-current{color:var(--ink);font-weight:700}.price-was{color:var(--muted);font-size:.82em;text-decoration:line-through;text-decoration-thickness:1px}.sale-badge{display:inline-flex;align-items:center;padding:3px 6px;background:var(--ink);color:var(--paper);font-size:9px;font-weight:700;letter-spacing:.08em}.detail-price.on-sale .price-current{font-size:1.15em}.detail-price .price-stack{display:inline-flex}.card-bottom .price-stack{max-width:calc(100% - 90px)}.suggest-card .price-stack{display:inline-flex}.admin-product .card-title{flex-wrap:wrap}.admin-product .card-title del{font-size:12px;color:var(--muted)}

/* Admin-controlled offer button treatment. */
.offer-cta.offer-scheme-black{background:#000!important;color:#fff!important;border-color:#000!important}.offer-cta.offer-scheme-white{background:#fff!important;color:#111!important;border-color:#fff!important}.offer-cta.offer-scheme-red{background:#f20d35!important;color:#fff!important;border-color:#f20d35!important}.offer-cta.offer-scheme-custom{background:var(--offer-cta-bg,#000)!important;color:var(--offer-cta-color,#fff)!important;border-color:var(--offer-cta-bg,#000)!important}.offer-cta.offer-shape-square{border-radius:0}.offer-cta.offer-shape-rounded{border-radius:8px}.offer-cta.offer-shape-pill{border-radius:999px}.offer-cta.offer-shape-circle{width:58px;min-width:58px;height:58px;min-height:58px;padding:0;border-radius:50%;gap:0}.offer-cta.offer-shape-circle .offer-cta-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offer-cta.offer-font-modern{font-family:Arial,Helvetica,sans-serif}.offer-cta.offer-font-classic{font-family:Georgia,'Times New Roman',serif;letter-spacing:.04em}.offer-cta.offer-font-italic{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;transform:skewX(-4deg)}.offer-cta.offer-font-mono{font-family:'Courier New',monospace;letter-spacing:.06em}.offer-cta:hover{filter:brightness(.92)}

/* Keep offer links compact and centered, independent of banner layout rules. */
.offer-banner a.offer-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;flex:0 0 auto;box-sizing:border-box;width:auto;min-width:0;min-height:46px;height:auto;padding:14px 20px;gap:12px;line-height:1;text-align:center;vertical-align:middle;box-shadow:0 4px 14px #0002}
.offer-banner .offer-cta-label,.offer-banner .offer-cta-arrow{display:block;flex:0 0 auto;margin:0;line-height:1}
.offer-banner .offer-cta-arrow{font-family:Arial,Helvetica,sans-serif;font-size:17px;letter-spacing:0}
.offer-banner a.offer-cta.offer-shape-circle{width:48px;height:48px;min-height:48px;padding:0;gap:0}
@media(max-width:640px){.offer-banner a.offer-cta{min-height:42px;padding:13px 16px;gap:10px;font-size:11px}}
