/* KDF mobile polish v2 — 2026-11-12. Loaded after kdf-core-bundle.css.
   Remove the <link> in kdf/layout.blade.php to revert everything here. */

/* Accessibility helper used by the category toolbar ("Sort by" label) */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Category page: sub-category product counts must not escape their card (caused sideways scroll) */
.nv-sub{position:relative}
.nv-sub__body .count{position:static!important;top:auto!important;right:auto!important}

/* Struck-through prices: readable contrast */
.deal-prices s{color:#64748B!important}

@media (max-width: 600px){
  /* ---------- Deal of the Day: compact, product-first ---------- */
  #deals.nv-dotd-premium{margin:18px -12px 6px!important;width:calc(100% + 24px)!important;max-width:none!important}
  #deals .nv-dotd-premium__glow,
  #deals .nv-dotd-premium__trust,
  #deals .nv-dotd-premium__stage,
  #deals .nv-dotd-premium__burst{display:none!important}
  #deals .nv-dotd-premium__inner{padding:14px 0 12px!important}
  #deals .nv-dotd-premium__head{padding:0 12px!important;margin-bottom:10px!important}
  #deals .nv-dotd-premium__title-copy p{display:none!important}
  #deals .nv-dotd-premium__title-copy h2{font-size:20px!important;line-height:1.2!important;margin:6px 0 0!important}
  #deals .nv-dotd-premium__urgency{margin-top:8px!important}
  #deals .nv-dotd-premium__clock{display:flex!important;align-items:center;gap:8px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
  #deals .nv-dotd-premium__clock::before,#deals .nv-dotd-premium__clock::after{display:none!important}
  #deals .nv-dotd-premium__clock-top{display:flex!important;margin:0!important;padding:0!important;background:none!important}
  #deals .nv-dotd-premium__clock-top .nv-deal__clock-label{font-size:12px!important;font-weight:700;color:#0f3d2e;white-space:nowrap}
  #deals .nv-dotd-premium__hurry{display:none!important}
  #deals .nv-dotd-premium__units{display:flex!important;gap:4px!important;margin:0!important}
  #deals .nv-dotd-premium__sep{display:none!important}
  #deals .nv-dotd-premium__unit{display:flex;align-items:baseline;gap:2px;width:auto!important;min-width:0!important;height:28px!important;padding:0 7px!important;border-radius:8px!important;background:#0f3d2e!important;box-shadow:none!important}
  #deals .nv-dotd-premium__unit b{font-size:14px!important;line-height:28px!important;color:#fff!important}
  #deals .nv-dotd-premium__unit span{font-size:10px!important;color:rgba(255,255,255,.75)!important;letter-spacing:0!important}

  /* rail: show 2.3 cards so shoppers see there is more */
  #deals .nv-dotd-carousel{padding:0!important}
  #deals .nv-dotd-carousel__track{padding:2px 12px 4px!important;gap:10px!important;scroll-padding-left:12px;scroll-snap-type:x mandatory}
  #deals .nv-dotd-carousel__slide{flex:0 0 44%!important;max-width:44%!important;scroll-snap-align:start}

  /* card */
  #deals .nv-deal-card__stock{display:none!important}
  #deals .nv-deal-card h3{font-size:13px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  #deals .deal-prices{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 6px;background:none!important;border:0!important;padding:4px 0!important}
  #deals .deal-prices strong{font-size:16px!important}
  #deals .deal-prices s{font-size:12px!important}
  #deals .deal-prices .nv-deal-card__off{font-size:11px!important}

  /* dots under the rail (added by inline script in the DOTD partial) */
  .kdf-rail-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .kdf-rail-dots i{width:6px;height:6px;border-radius:99px;background:rgba(15,61,46,.22);transition:width .2s,background .2s}
  .kdf-rail-dots i.on{width:18px;background:#0f3d2e}

  /* ---------- Bigger tap targets on buy controls ---------- */
  .nv-add-cart,.nv-deal-atc{min-height:40px!important}
  .nv-qty-btn{min-width:34px!important;min-height:34px!important}
  .nv-wishlist-btn,.nv-deal-wish{width:36px!important;height:36px!important}

  /* ---------- Floating buttons: stop WhatsApp and AI overlapping ---------- */
  #hexaAiLauncher{bottom:84px!important}

  /* ---------- Hero: get products on screen sooner ---------- */
  .slider.has-art .hero-benefits,
  .slider.has-art .hero-actions .cta.ghost{display:none!important}
  .slider.has-art .cap p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

@media (max-width: 600px){
  /* compact single-colour countdown chips: 18d 16h 40m 12s */
  #deals .nv-dotd-premium__unit{flex:0 0 auto!important;align-items:center!important;justify-content:center}
  #deals .nv-dotd-premium__unit[data-unit] b{background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;min-width:0!important;border-radius:0!important;display:inline!important;font-size:14px!important;line-height:1!important}
  #deals .nv-dotd-premium__unit span{display:none!important}
  #deals .nv-dotd-premium__unit[data-unit="days"] b::after{content:"d"}
  #deals .nv-dotd-premium__unit[data-unit="hours"] b::after{content:"h"}
  #deals .nv-dotd-premium__unit[data-unit="mins"] b::after{content:"m"}
  #deals .nv-dotd-premium__unit[data-unit="secs"] b::after{content:"s"}
  #deals .nv-dotd-premium__unit b::after{font-size:11px;font-weight:600;margin-left:1px;opacity:.8}
  #deals .nv-dotd-premium__units{flex-wrap:nowrap!important;width:auto!important}
  #deals .nv-dotd-premium__clock{flex-wrap:wrap}
}

/* Category toolbar "N Products found" was absolutely positioned against the page edge (sideways scroll on phones) */
.nv-toolbar .count{position:static!important;top:auto!important;right:auto!important}
/* ...and must not inherit the round orange cart-badge look */
.nv-toolbar .count,.nv-sub__body .count{background:none!important;color:#5a6b62!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:inline-block!important;text-align:left!important;white-space:nowrap}

/* v5 2026-11-12: Deal of the Day runs edge-to-edge on phones */
@media (max-width: 600px){
  #deals .nv-dotd-premium__inner{border-radius:0!important;border-left:0!important;border-right:0!important;
    background:linear-gradient(180deg,#eef7f0 0%,#f7fbf8 55%,#ffffff 100%)!important;
    box-shadow:inset 0 1px 0 rgba(15,61,46,.08),inset 0 -1px 0 rgba(15,61,46,.06)!important;padding:18px 0 16px!important}
  #deals .nv-dotd-premium__head{padding:0 16px!important}
  #deals .nv-dotd-carousel__track{padding:4px 16px 8px!important;scroll-padding-left:16px}
  #deals .nv-dotd-carousel__slide{flex:0 0 43%!important;max-width:43%!important}
  #deals .nv-deal-card{border-radius:18px!important;box-shadow:0 6px 18px rgba(15,61,46,.08)!important;border:1px solid rgba(15,61,46,.07)!important;background:#fff!important}
  #deals .nv-dotd-premium__title-copy h2{font-size:22px!important}
}