/* ═══════════════════════════════════════════════════════════
   UPSC Store Elite — Main CSS
   Exact port of Shopify live theme to WooCommerce
═══════════════════════════════════════════════════════════ */

/* ─── Variables ──────────────────────────────────────────── */
:root {
  --color-primary:    #14213D;
  --color-secondary:  #FFC53D;
  --color-accent:     #FFC53D;
  --color-background: #FFFFFF;
  --color-text:       #1A1A1A;
  --color-text-light: #555555;
  --brand-purple:     #14213D;
  --primary-purple:   #14213D;
  --accent-purple:    #fff1ea;
  --font-main:        'Outfit', sans-serif;
  --header-height:    80px;
  --border-color:     #F1F5F9;
  --text-dark:        #0F172A;
  --text-gray:        #64748B;
  --elite-shadow:     0 10px 40px -10px rgba(0,0,0,0.05);
}

/* ─── Reset ──────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { margin:0; padding:0; width:100%; max-width:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; scrollbar-gutter:stable; }
body {
  margin:0; padding:0; width:100%; max-width:100%;
  overflow-x:clip;
  font-family: var(--font-main);
  color: var(--color-text);
  background: var(--color-background);
  line-height:1.6;
}
body.loaded { opacity:1; }
a { color:inherit; }
img { max-width:100%; height:auto; display:block; }

/* ─── Skeleton (hidden by default — only shown if JS adds .is-active) ─── */
#EliteSkeleton {
  display:none; /* never block paint */
}
#EliteSkeleton.is-hidden { display:none; }
.sk-shimmer {
  width:100%; height:100%;
  background: linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);
  background-size:200% 100%;
  animation: skLoading 1.5s infinite;
}
@keyframes skLoading { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }
.sk-header { height:120px; border-bottom:1px solid #f1f5f9; background:#fff; padding:20px; display:flex; align-items:center; justify-content:space-between; }
.sk-logo { width:100px; height:35px; border-radius:8px; background:#f1f5f9; }
.sk-nav { width:60%; height:20px; border-radius:4px; background:#f1f5f9; }
.sk-hero { width:100%; height:400px; background:#f8fafc; position:relative; margin-bottom:40px; }
.sk-container { max-width:1200px; margin:0 auto; padding:0 20px; }
.sk-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.sk-card { height:280px; border-radius:16px; background:#f8fafc; }
@media(max-width:768px) {
  .sk-header { height:80px; padding:15px; }
  .sk-nav { display:none; }
  .sk-hero { height:200px; }
  .sk-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .sk-card { height:220px; }
}

/* ─── Container ──────────────────────────────────────────── */
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* ─── Layout helpers ─────────────────────────────────────── */
.mobile-only  { display:none !important; }
.desktop-only { display:block !important; }
@media(max-width:768px) {
  .desktop-only, .desktop-only-nav, .header-bottom-row { display:none !important; }
  .mobile-only { display:block !important; }
  body { padding-bottom:70px !important; }
  body.woocommerce-checkout,body.woocommerce-cart { padding-bottom:0 !important; }
}

/* ══════════════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════════════ */
.sticky-header-wrapper {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  transform:translateY(0) translateZ(0);
  transition:box-shadow 0.3s ease;
  will-change:transform;
  backface-visibility:hidden;
}
.sticky-header-wrapper.header-hidden { transform:translateY(-100%); }
.sticky-header-wrapper.header-compact .header-v3 {
  box-shadow:0 4px 20px rgba(0,0,0,0.1);
  background:rgba(255,255,255,0.98) !important;
}
/* Base: give collapsible elements transitions */
.announcement-bar-v3 {
  overflow:hidden;
  transition:max-height 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.25s ease, padding 0.28s cubic-bezier(0.4,0,0.2,1);
}
.category-nav-container {
  transition:max-height 0.28s cubic-bezier(0.4,0,0.2,1), opacity 0.22s ease;
}
/* Compact: collapse announcement bar */
.header-compact .announcement-bar-v3 {
  max-height:0 !important; overflow:hidden !important; opacity:0 !important;
  padding-top:0 !important; padding-bottom:0 !important; margin:0 !important;
  pointer-events:none !important;
}
/* Compact: collapse nav row on desktop */
.header-compact .category-nav-container {
  max-height:0 !important; overflow:hidden !important; opacity:0 !important;
  padding:0 !important; margin:0 !important; pointer-events:none !important;
}
/* Push page content below fixed header */
body:not(.woocommerce-checkout):not(.woocommerce-cart) .site-main,
body:not(.woocommerce-checkout):not(.woocommerce-cart) #MainContent { padding-top:0; }
.header-v3 {
  width:100%; z-index:1000;
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(16px) saturate(200%);
  -webkit-backdrop-filter:blur(16px) saturate(200%);
  border-bottom:1px solid rgba(226,232,240,0.6);
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
  transition:background 0.3s ease, box-shadow 0.3s ease;
}
/* Announcement bar: slide out on scroll */
.announcement-bar-v3 {
  overflow:hidden;
  max-height:40px; opacity:1;
  transition:max-height 0.35s ease, opacity 0.25s ease, padding 0.3s ease;
}
.announcement-bar-v3 {
  background:#0f172a; color:#e2e8f0; padding:8px 0;
  font-size:12px; font-weight:700; text-align:center;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.announcement-slider { position:relative; height:16px; overflow:hidden; }
.announcement-slide { position:absolute; width:100%; top:100%; left:0; opacity:0; transition:all 0.6s cubic-bezier(0.4,0,0.2,1); letter-spacing:0.02em; }
.announcement-slide.active { top:0; opacity:1; }

.header-flex-pw {
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:40px;
  padding:12px 0; flex-wrap:nowrap !important;
}
.header-logo-container { flex:0 0 auto; }
.header-search-container { flex:1; max-width:520px; }
.header-utility-container { flex:0 0 auto; display:flex; align-items:center; gap:25px; }
.header-top-row { padding:4px 0; transition:padding 0.3s ease; }

.header-logo-img { height:38px; width:auto; object-fit:contain; transition:height 0.3s ease; }
.brand-logo { display:inline-block; }
.brand-logo img { display:block; }

.search-form-v3 { position:relative; width:100%; }
.search-form-v3 input {
  width:100%; padding:10px 16px; padding-right:42px;
  background:#fff; border:1px solid #14213D; border-radius:8px;
  font-size:14px; font-weight:500; color:#1e293b; outline:none;
  transition:all 0.2s ease; font-family:var(--font-main);
}
.search-form-v3 input:focus { box-shadow:0 0 0 4px rgba(20,33,61,0.1); }
.search-form-v3 button {
  position:absolute; right:18px; top:50%; transform:translateY(-50%);
  background:none; border:none; cursor:pointer; color:#64748b; transition:color 0.2s;
}
.search-form-v3 button:hover { color:#14213D; }

.utility-item {
  text-decoration:none; display:flex; flex-direction:column;
  align-items:center; gap:6px; color:#475569; transition:all 0.2s ease;
  background:transparent; border:none; padding:0; cursor:pointer; font-family:inherit;
}
.utility-item:hover { color:#14213D; transform:translateY(-2px); }
.utility-icon { width:24px; height:24px; margin-bottom:4px; color:#444; transition:all 0.2s ease; }
.utility-item:hover .utility-icon { color:#14213D; transform:scale(1.1); }
.utility-item span { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; }
.btn-login-v3 {
  display:flex; flex-direction:column; align-items:center; gap:4px;
  background:linear-gradient(135deg,#14213D,#14213D);
  color:white !important; padding:7px 14px; border-radius:10px;
  text-decoration:none; font-weight:800; font-size:11px;
  text-transform:uppercase; letter-spacing:0.5px;
  transition:all 0.25s ease; box-shadow:0 3px 10px rgba(20,33,61,0.3);
  line-height:1;
}
.btn-login-v3 .btn-login-icon { width:20px; height:20px; display:flex; align-items:center; justify-content:center; }
.btn-login-v3:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(20,33,61,0.4); color:white !important; }

.cart-count-badge.elite-badge {
  position:absolute; top:-6px; right:-8px;
  background:#ef4444; color:white; font-size:9px; font-weight:800;
  width:16px; height:16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:2px solid white;
  animation:badge-pulse 2s infinite;
}
@keyframes badge-pulse {
  0%   { transform:scale(1); box-shadow:0 0 0 0 rgba(239,68,68,0.4); }
  70%  { transform:scale(1.1); box-shadow:0 0 0 6px rgba(239,68,68,0); }
  100% { transform:scale(1); box-shadow:0 0 0 0 rgba(239,68,68,0); }
}

/* ─── Category Nav ───────────────────────────────────────── */
.header-bottom-row { padding:0; border-top:1px solid #e2e8f0; margin-top:4px; }
.category-nav-container { display:flex; justify-content:center; position:relative; padding:0 40px; }
.category-nav ul {
  list-style:none; display:flex; justify-content:center;
  gap:32px; margin:0; padding:0; white-space:nowrap; overflow:visible;
}
.category-nav li { position:static !important; }
.category-nav li a {
  text-decoration:none; font-size:13px; font-weight:700; color:#334155;
  display:flex; align-items:center; gap:4px; padding:3px 0; position:relative;
  transition:color 0.3s ease;
}
.category-nav li a::after {
  content:''; position:absolute; bottom:0; left:0; width:0; height:2px;
  background:#14213D; transition:width 0.3s ease;
}
.category-nav li a:hover { color:#14213D; }
.category-nav li a:hover::after { width:100%; }
.icon-chevron-down { display:inline-block; opacity:0.6; width:10px; height:10px; margin-left:6px; vertical-align:middle; transition:transform 0.2s; }
.category-nav li:hover > a .icon-chevron-down { transform:rotate(180deg); opacity:1; }

/* Mega Menu */
.mega-menu {
  position:absolute !important; top:100% !important; left:50% !important;
  transform:translateX(-50%) translateY(15px);
  width:850px; max-width:95vw;
  background:rgba(255,255,255,0.98); backdrop-filter:blur(20px);
  border:1px solid rgba(20,33,61,0.15);
  box-shadow:0 20px 40px rgba(0,0,0,0.1);
  border-radius:16px; padding:40px;
  opacity:0 !important; visibility:hidden !important; display:none;
  transition:all 0.3s cubic-bezier(0.19,1,0.22,1); z-index:2000 !important;
}
.has-dropdown:hover > .mega-menu {
  opacity:1 !important; visibility:visible !important; display:block !important;
  transform:translateX(-50%) translateY(0);
}
.mega-menu::before { content:''; position:absolute; top:-20px; left:0; right:0; height:20px; }
.mega-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.mega-head {
  display:flex; align-items:center; justify-content:space-between;
  font-size:14px !important; text-transform:uppercase !important; color:#888 !important;
  letter-spacing:1px !important; font-weight:700 !important; margin-bottom:15px !important;
  border-bottom:1px solid #f0f0f0; padding-bottom:8px;
}
.mega-column a {
  display:block; padding:8px 12px; margin-bottom:4px;
  font-size:14px; font-weight:600; color:#333; text-decoration:none;
  border-radius:6px; transition:all 0.2s ease;
}
.mega-column a:hover { color:var(--brand-purple); background:#f4f4ff; padding-left:16px; }

/* ─── Mobile Header ──────────────────────────────────────── */
.pm-header-mobile { display:none !important; }
.pm-header-pw-mobile { display:none; background:white; padding:10px 15px 15px; border-bottom:1px solid #f1f5f9; }
@media(max-width:768px) {
  .pm-header-pw-mobile { display:block !important; }
  .pm-header-mobile { display:flex !important; align-items:center; justify-content:space-between; width:100%; height:60px; padding:12px 16px; background:white; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
  .pm-mobile-top-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
  .pm-menu-toggle-left { background:#f8fafc; border:1px solid #e2e8f0; padding:8px; border-radius:10px; color:#1e293b; display:flex; align-items:center; transition:all 0.2s ease; }
  .pm-mobile-logo-left { margin-left:10px; flex:1; }
  .pm-mobile-logo-left img { height:52px; width:auto; }
  .pm-mobile-utility-right { display:flex; gap:15px; align-items:center; }
  .pm-mobile-search-row { width:100%; }
}
.pm-minimal-icons { display:flex; align-items:center; gap:12px; }
.pm-menu-toggle, .pm-back-btn, .pm-search-btn { background:none; border:none; padding:0; cursor:pointer; color:#111; display:flex; align-items:center; }
.pm-title-container { flex:1; min-width:0; text-align:center; overflow:hidden; padding:0 10px; }
/* ── Product-page header ↔ search swap ─────────────────── */
.pm-header-swap-wrap {
  position: relative;
  overflow: hidden;
  height: 60px;          /* matches .pm-header-mobile height */
  will-change: transform;
}

/* Default header row: visible, slides LEFT on search open */
.pm-header-mobile {
  position: absolute !important;
  inset: 0;
  transform: translateX(0) translateZ(0);
  transition: transform 0.36s cubic-bezier(0.32,0.72,0,1),
              opacity   0.28s ease;
  opacity: 1;
  will-change: transform;
  backface-visibility: hidden;
}
.pm-search-active .pm-header-mobile {
  transform: translateX(-100%) translateZ(0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Search bar: hidden offscreen RIGHT, slides in */
.pm-search-bar {
  position: absolute;
  inset: 0;
  display: flex !important;   /* always in DOM — no display:none flicker */
  align-items: center;
  gap: 10px;
  padding: 0 12px 0 8px;
  background: white;
  transform: translateX(100%) translateZ(0);
  transition: transform 0.36s cubic-bezier(0.32,0.72,0,1),
              opacity   0.28s ease;
  opacity: 0;
  pointer-events: none;
  will-change: transform;
  backface-visibility: hidden;
  border-bottom: 1px solid rgba(20,33,61,0.12);
  box-shadow: 0 2px 16px rgba(20,33,61,0.08);
}
.pm-search-active .pm-search-bar {
  transform: translateX(0) translateZ(0);
  opacity: 1;
  pointer-events: auto;
}

/* Back arrow inside search bar */
.pm-sb-back {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: #14213D;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  transition: background 0.15s;
}
.pm-sb-back:hover { background: rgba(20,33,61,0.08); }

/* Input wrapper */
.pm-sb-form { flex: 1; min-width: 0; }
.pm-sb-input-wrap {
  display: flex;
  align-items: center;
  background: #f8f7ff;
  border: 1.5px solid #c7d2fe;
  border-radius: 10px;
  padding: 0 10px;
  height: 38px;
  gap: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.pm-sb-input-wrap:focus-within {
  border-color: #14213D;
  box-shadow: 0 0 0 3px rgba(20,33,61,0.12);
}
.pm-sb-icon { color: #14213D; flex-shrink: 0; }
.pm-sb-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  font-family: inherit;
  color: #0f172a;
  min-width: 0;
}
.pm-sb-input::placeholder { color: #94a3b8; font-size: 14px; }
.pm-sb-clear {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #94a3b8;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: color 0.15s;
}
.pm-sb-clear:hover { color: #14213D; }

/* ── Legacy selectors (kept for safety) ─── */
.pm-search-close, .pm-search-form, .pm-search-submit { display:none !important; }

/* ─── Mobile Drawer ──────────────────────────────────────── */
.mobile-nav-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:2999; opacity:0; visibility:hidden; transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1), visibility 0.3s; }
.mobile-nav-overlay.is-open { opacity:1; visibility:visible; }
.mobile-nav-drawer { position:fixed; top:0; left:0; bottom:0; width:min(320px,85vw); background:white; z-index:3000; transform:translateX(-100%) translateZ(0); transition:transform 0.32s cubic-bezier(0.32,0.72,0,1); display:flex; flex-direction:column; will-change:transform; backface-visibility:hidden; }
.mobile-nav-drawer.is-open { transform:translateX(0) translateZ(0); }
@media(max-width:768px) {
  .mobile-nav-drawer.glass-elite-nav {
    background:rgba(255,255,255,0.98);
    backdrop-filter:blur(25px) saturate(200%);
    border-right:1px solid rgba(0,0,0,0.08);
    border-radius:0 28px 28px 0;
    box-shadow:20px 0 60px rgba(0,0,0,0.15);
  }
}
.mobile-nav-header { display:flex; align-items:center; justify-content:space-between; padding:20px 20px; background:linear-gradient(135deg,#f5f8fc 0%,#eaf0f7 100%); border-bottom:1px solid rgba(20,33,61,0.12); }
.mobile-nav-close { background:#e9eef5; border:none; cursor:pointer; color:#14213D; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; transition:all 0.2s ease; }
.mobile-nav-close:hover { background:#dbe5f0; color:#1C2E52; }
.mobile-nav-body { padding:18px 16px; overflow-y:auto; flex:1; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.mobile-nav-search-wrap { padding:0 0 14px; }
.mobile-nav-search { display:flex; background:rgba(0,0,0,0.04); border-radius:12px; padding:2px 4px 2px 12px; align-items:center; }
.mobile-nav-search input { flex:1; border:none; background:transparent; height:44px; font-size:14px; color:#1e293b; outline:none; }
.mobile-nav-search button { background:#14213D; color:white; width:40px; height:40px; border-radius:8px; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.mobile-nav-section-title { font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:1.5px; color:#14213D; padding:18px 20px 8px; display:flex; align-items:center; gap:8px; }
.mobile-nav-section-title::before { content:""; display:inline-block; width:20px; height:2px; background:linear-gradient(90deg,#14213D,#7C93BE); border-radius:2px; }
.mobile-nav-links-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 20px; }
.mobile-nav-pill {
  background:linear-gradient(135deg,#f5f8fc 0%,#e9eef5 100%);
  border:1px solid rgba(20,33,61,0.18); border-radius:14px;
  padding:14px 8px; font-size:12px; font-weight:700; color:#1C2E52;
  text-decoration:none; text-align:center;
  box-shadow:0 3px 10px rgba(20,33,61,0.1);
  transition:all 0.2s ease;
}
.mobile-nav-pill:hover { background:linear-gradient(135deg,#e9eef5 0%,#dbe5f0 100%); transform:translateY(-1px); box-shadow:0 6px 16px rgba(20,33,61,0.18); }
.mobile-nav-pill:active { transform:scale(0.96); }
.mobile-nav-item-small {
  display:flex; align-items:center; justify-content:space-between; padding:12px 20px;
  font-size:14px; font-weight:600; color:#334155; text-decoration:none;
  transition:all 0.2s ease; border-bottom:1px solid rgba(0,0,0,0.03);
}
.mobile-nav-item-small::after { content:'›'; font-size:20px; color:#cbd5e1; font-weight:400; transition:transform 0.2s; }
.mobile-nav-item-small:active { background:#f1f5f9; }
.mobile-nav-footer-elite { padding:20px 20px; background:linear-gradient(180deg,#f5f8fc 0%,#fff 100%); border-top:1px solid rgba(20,33,61,0.1); margin-top:auto; }
.nav-support-pill { background:#f4f4ff; border:1px dashed var(--brand-purple); border-radius:16px; padding:16px; margin-bottom:16px; text-align:center; }
.nav-support-pill span { display:block; font-size:13px; color:#14213D; font-weight:600; margin-bottom:4px; }
.nav-support-pill a { font-size:15px; font-weight:800; color:#1C2E52; text-decoration:none; }
.mobile-login-btn-elite {
  display:block; width:100%;
  background:linear-gradient(135deg,#14213D 0%,#1C2E52 100%);
  color:white; padding:16px; border-radius:14px; text-decoration:none;
  font-weight:800; font-size:16px; text-align:center;
  box-shadow:0 8px 20px rgba(20,33,61,0.3); transition:all 0.2s ease;
}
.welcome-text { display:block; font-size:13px; color:#64748b; font-weight:700; margin-bottom:8px; text-transform:uppercase; letter-spacing:0.5px; }

/* ─── Mobile Bottom App Bar ──────────────────────────────── */
/* ===== KotaCart: mobile bottom app bar (branded redesign) ===== */
.mobile-bottom-app-bar { display:none; }
@media(max-width:768px) {
  .mobile-bottom-app-bar.glass-elite {
    display:flex !important; position:fixed; bottom:0; left:0; width:100%;
    align-items:center;
    background:#fff; border-top:none;
    border-radius:24px 24px 0 0; height:68px;
    padding:7px 6px; padding-bottom:max(env(safe-area-inset-bottom), 7px);
    box-shadow:0 -10px 34px rgba(15,36,64,0.14), 0 -1px 0 rgba(15,36,64,0.04);
    z-index:1000 !important;
    transform:translateY(0) translateZ(0); will-change:transform;
    transition:transform 0.32s cubic-bezier(0.32,0.72,0,1);
  }
  .mobile-bottom-app-bar.glass-elite.bar-hidden { transform:translateY(125%) translateZ(0); }
}
.app-bar-item { flex:1; display:flex; flex-direction:column; align-items:center; gap:5px; padding:5px 0; color:#94a3b8; text-decoration:none; transition:color 0.2s; background:none; border:none; cursor:pointer; position:relative; font-family:inherit; }
.app-bar-icon-wrap { width:46px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:13px; transition:background 0.25s ease, transform 0.25s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.25s ease; }
.app-bar-icon-wrap svg { transition:stroke 0.2s ease; }
.app-bar-item.is-active { color:#14213D; }
.app-bar-item.is-active .app-bar-icon-wrap { background:linear-gradient(135deg,#14213D,#101A33); box-shadow:0 7px 16px rgba(20,33,61,0.38); transform:translateY(-3px); }
.app-bar-item.is-active .app-bar-icon-wrap svg { stroke:#fff; }
.app-bar-item:active .app-bar-icon-wrap { transform:scale(0.9); }
.app-bar-item.is-active:active .app-bar-icon-wrap { transform:translateY(-3px) scale(0.92); }
.app-bar-item span { font-size:10.5px; font-weight:700; letter-spacing:0.2px; transition:color 0.2s; }
.app-bar-item.is-active span { color:#14213D; font-weight:800; }

/* ─── WhatsApp Float ──────────────────────────────────────── */
.whatsapp-float {
  position:fixed; bottom:85px; right:20px; width:56px; height:56px;
  background:linear-gradient(135deg,#25D366,#128C7E);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:white; box-shadow:0 8px 20px rgba(37,211,102,0.35);
  z-index:999; transition:all 0.3s; text-decoration:none;
}
.whatsapp-float:hover { transform:translateY(-4px) scale(1.05); box-shadow:0 12px 30px rgba(37,211,102,0.45); }
@media(max-width:768px) { .whatsapp-float { bottom:80px; right:15px; width:48px; height:48px; } }

/* ══════════════════════════════════════════════════════════
   HERO SLIDER
══════════════════════════════════════════════════════════ */
.pw-hero { position:relative; width:100%; height:370px; background:#020617; overflow:hidden; font-family:'Outfit',sans-serif; }
.pw-slider-track { position:relative; width:100%; height:100%; }
.pw-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:all 1s ease-in-out; z-index:1; }
.pw-slide.active { opacity:1; visibility:visible; z-index:2; }
.pw-mesh-bg {
  position:absolute; inset:-50px; opacity:0.7;
  background: radial-gradient(at 0% 0%,var(--c1) 0px,transparent 50%), radial-gradient(at 100% 0%,var(--c2) 0px,transparent 50%), radial-gradient(at 100% 100%,var(--c3) 0px,transparent 50%), radial-gradient(at 0% 100%,#1C2E52 0px,transparent 50%);
  filter:blur(80px); transition:2s ease;
}
.pw-slide.active .pw-mesh-bg { transform:scale(1.1) rotate(5deg); }
.pw-slide-inner { position:relative; z-index:5; max-width:1400px; margin:0 auto; height:100%; display:grid; grid-template-columns:280px 1fr 280px; align-items:center; padding:0 40px; gap:20px; }
.pw-glass-card-center {
  background:rgba(255,255,255,0.05); backdrop-filter:blur(20px);
  padding:30px; border-radius:32px; border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 30px 60px rgba(0,0,0,0.4); text-align:center;
  transform:scale(0.95); opacity:0; transition:all 0.7s cubic-bezier(0.175,0.885,0.32,1.275); transition-delay:0.2s;
}
.pw-slide.active .pw-glass-card-center { transform:scale(1); opacity:1; }
.pw-badge-hero { background:#fff; color:#020617; padding:6px 16px; border-radius:100px; font-weight:800; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; display:inline-block; margin-bottom:15px; }
.pw-heading-hero { color:#fff; font-size:44px; font-weight:900; line-height:1.05; margin-bottom:15px; letter-spacing:-0.03em; }
.pw-heading-hero strong { background:linear-gradient(to right,#fff,#cbd5e1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.pw-sub-hero { color:rgba(255,255,255,0.7); font-size:16px; margin-bottom:25px; line-height:1.4; max-width:480px; margin-left:auto; margin-right:auto; }
.pw-btns-hero { display:flex; gap:15px; justify-content:center; margin-top:5px; }
.pw-btn-filled { background:#fff; color:#020617; padding:14px 32px; border-radius:14px; text-decoration:none; font-weight:800; font-size:16px; transition:0.3s; }
.pw-btn-filled:hover { transform:translateY(-3px); box-shadow:0 10px 20px rgba(255,255,255,0.2); }
.pw-btn-glass { background:rgba(255,255,255,0.05); color:#fff; padding:13px 28px; border-radius:14px; text-decoration:none; font-weight:700; font-size:16px; border:1px solid rgba(255,255,255,0.2); transition:0.3s; }
.pw-btn-glass:hover { border-color:#fff; background:rgba(255,255,255,0.1); }
.pw-col-illu { display:flex; align-items:center; justify-content:center; position:relative; height:100%; transition:1s cubic-bezier(0.22,1,0.36,1); opacity:0; }
.pw-slide.active .pw-col-illu { opacity:1; transition-delay:0.4s; }
.pw-mascot-premium { width:180px; height:260px; filter:drop-shadow(0 20px 40px rgba(0,0,0,0.5)); animation:floatY 6s ease-in-out infinite; }
@keyframes floatY { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-20px);} }
.pw-book-v { width:90px; height:140px; background:var(--bg); border-radius:6px 10px 10px 6px; box-shadow:5px 10px 20px rgba(0,0,0,0.4); transform:rotate(var(--rot)) translateX(var(--dx)); display:flex; align-items:center; justify-content:center; border-left:2px solid rgba(255,255,255,0.2); position:absolute; top:calc(50% - 70px); }
.pw-book-v span { color:#fff; font-weight:800; font-size:12px; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); }
.pw-book-stack-premium { position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.pw-floating-glow { width:140px; height:140px; opacity:0.3; animation:floatY 8s ease-in-out infinite; }
.pw-nav-dir { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:#fff; border-radius:50%; cursor:pointer; backdrop-filter:blur(10px); z-index:20; font-size:18px; transition:0.3s; }
.pw-nav-dir:hover { background:#fff; color:#020617; }
.prev { left:20px; } .next { right:20px; }
.pw-dots-line { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:20; }
.pw-dot-line { width:10px; height:4px; background:rgba(255,255,255,0.2); border:none; border-radius:2px; cursor:pointer; transition:0.3s; }
.pw-dot-line.active { background:#fff; width:30px; }
@media(max-width:768px) {
  .pw-hero { height:370px; }
  .pw-slide-inner { grid-template-columns:1fr; padding:0 20px; }
  .pw-col-illu { display:none; }
  .pw-glass-card-center { padding:25px 20px; border-radius:24px; width:100%; margin-top:-20px; }
  .pw-heading-hero { font-size:30px; margin-bottom:12px; }
  .pw-sub-hero { font-size:14px; margin-bottom:15px; }
  .pw-btns-hero { flex-direction:column; gap:8px; margin-top:5px; }
  .pw-btn-filled, .pw-btn-glass { width:100%; padding:10px; font-size:15px; border-radius:10px; margin:0; }
  .pw-nav-dir { display:none; }
  .pw-dots-line { bottom:10px; }
}

/* ══════════════════════════════════════════════════════════
   HOMEPAGE SECTIONS
══════════════════════════════════════════════════════════ */
.section-title { text-align:center; margin:60px 0 40px; font-size:32px; color:var(--color-primary); font-family:'Outfit',sans-serif; font-weight:800; }
.btn-gold { background:var(--color-secondary); color:var(--color-primary); padding:15px 40px; border-radius:8px; text-decoration:none; font-weight:700; display:inline-block; transition:transform 0.2s; }
.btn-gold:hover { transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,0.1); }

/* Trust Bar — "floating glass strip": one frosted panel that overlaps the dark #kch hero's
   bottom edge instead of following it as a separate white band after a hard seam. The overlap
   amount (56px) matches the extra bottom padding added to .kch-in — it only ever eats into
   that reserved empty buffer, never into the hero's real content, at any width. */
.trust-bar { background:transparent; padding:0 0 34px; margin-top:-56px; position:relative; z-index:3; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  background:rgba(255,255,255,.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.7); border-radius:18px;
  box-shadow:0 24px 48px rgba(10,20,40,.20), 0 2px 8px rgba(10,20,40,.08); overflow:hidden; }
.trust-item { position:relative; display:flex; align-items:center; gap:12px;
  padding:20px 16px; border-right:1px solid rgba(20,33,61,.08); transition:background .2s ease; }
.trust-item:last-child { border-right:none; }
.trust-item:hover { background:rgba(20,33,61,.03); }
.trust-icon { width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; color:#fff; box-shadow:0 8px 18px var(--tig,rgba(20,33,61,.28));
  transition:transform .22s ease; }
.trust-item:hover .trust-icon { transform:scale(1.07) rotate(-3deg); }
.trust-icon svg { width:20px; height:20px; stroke:#fff; }
/* gradient tiles + matching glow per item */
.icon-verified { --ti:#10b981; background:linear-gradient(135deg,#34d399,#059669); }
.icon-delivery { --ti:#3b82f6; background:linear-gradient(135deg,#60a5fa,#2563eb); }
.icon-secure   { --ti:#14213D; background:linear-gradient(135deg,#7C93BE,#101A33); }
.icon-whatsapp { --ti:#25d366; background:linear-gradient(135deg,#34e07a,#1aa34a); }
.trust-item:has(.icon-verified){--tig:rgba(16,185,129,.30);}
.trust-item:has(.icon-delivery){--tig:rgba(59,130,246,.30);}
.trust-item:has(.icon-secure){--tig:rgba(20,33,61,.30);}
.trust-item:has(.icon-whatsapp){--tig:rgba(37,211,102,.30);}
.trust-text h3 { font-size:14.5px; margin:0; color:#101A33; font-weight:800; line-height:1.2; letter-spacing:-.2px; }
.trust-text p  { font-size:11.5px; margin:3px 0 0; color:#64748b; line-height:1.3; }
@media(max-width:768px){
  /* Still one row of 4 on mobile — never wraps to 2x2 — just smaller. Overlap capped at 40px:
     safely under both the 74px buffer (601-768px) and the 51px buffer (<=600px) below. */
  .trust-bar { margin-top:-40px; padding:0 0 20px; }
  .trust-grid { border-radius:13px; }
  .trust-item { flex-direction:column; align-items:center; gap:6px; padding:11px 4px; text-align:center; }
  .trust-icon { width:30px; height:30px; border-radius:9px; }
  .trust-icon svg { width:15px; height:15px; }
  .trust-text h3 { font-size:9.5px; line-height:1.2; letter-spacing:-.1px; }
  .trust-text p { display:none; }
}

/* Browse UPSC Collections — exact Shopify bento port */
.upsc-browse-categories { padding:30px 0 40px; background:#f8fafc; font-family:'Outfit',sans-serif; overflow:hidden; }
.section-header-premium { text-align:center; margin-bottom:30px; padding:0 20px; }
.section-title-premium { font-size:clamp(26px,5vw,36px); font-weight:900; color:#1e293b; letter-spacing:-0.02em; margin-bottom:8px; margin-top:0; }
.section-title-premium span { color:#14213D; }
.section-subtitle-premium { font-size:15px; color:#64748b; font-weight:500; }
.subject-bento-row { display:flex; justify-content:center; gap:30px; margin-bottom:40px; padding:10px; }
.subject-bento-card { display:flex; flex-direction:column; align-items:center; gap:12px; text-decoration:none; transition:all 0.3s ease; }
.subject-bento-icon { width:72px; height:72px; background:#ffffff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--accent); transition:0.3s; box-shadow:0 8px 20px rgba(0,0,0,0.04); border:1px solid rgba(0,0,0,0.02); }
.subject-bento-name { font-size:14px; font-weight:700; color:#334155; transition:0.3s; }
.subject-bento-card:hover .subject-bento-icon { transform:translateY(-5px); box-shadow:0 12px 25px rgba(0,0,0,0.1); border-color:var(--accent); }
.subject-bento-card:hover .subject-bento-name { color:var(--accent); }
.categories-bento-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; max-width:1400px; margin:0 auto; padding:0 20px; }
.bento-group { background:#ffffff; border-radius:20px; padding:30px 25px; box-shadow:0 4px 15px rgba(0,0,0,0.02); border:1px solid #f1f5f9; transition:all 0.3s; }
.bento-group:hover { box-shadow:0 12px 30px rgba(0,0,0,0.05); transform:translateY(-3px); }
.bento-group-title { font-size:20px; font-weight:800; color:#0f172a; margin-bottom:25px; display:flex; align-items:center; gap:12px; }
.bento-group-icon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; background:rgba(var(--group-accent),0.1); border-radius:10px; font-size:18px; }
.bento-links { list-style:none; padding:0; margin:0; }
.grid-2-forced { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bento-links a { color:#475569; text-decoration:none; font-size:14px; font-weight:600; padding:12px 10px; border-radius:10px; background:#f8fafc; transition:all 0.2s ease; display:block; text-align:center; border:1px solid transparent; }
.bento-links a:hover { background:#fff; color:rgb(var(--group-accent)); border-color:rgba(var(--group-accent),0.2); box-shadow:0 4px 10px rgba(0,0,0,0.03); }
.reveal-on-scroll { opacity:0; transform:translateY(20px); transition:all 0.6s ease-out; }
.reveal-active { opacity:1; transform:translateY(0); }
@media(max-width:768px){
  .upsc-browse-categories { padding:25px 0 30px; background:#ffffff; }
  .section-title-premium { font-size:24px; }
  .subject-bento-row { justify-content:flex-start; overflow-x:auto; margin-bottom:35px; padding:0 20px 5px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
  .subject-bento-row::-webkit-scrollbar { display:none; }
  .subject-bento-card { flex:0 0 auto; scroll-snap-align:start; gap:8px; }
  .subject-bento-icon { width:64px; height:64px; }
  .subject-bento-name { font-size:12px; color:#475569; }
  .categories-bento-grid { display:flex; overflow-x:auto; gap:15px; scroll-snap-type:x mandatory; padding:0 20px 20px; }
  .categories-bento-grid::-webkit-scrollbar { display:none; }
  .bento-group { flex:0 0 290px; scroll-snap-align:center; padding:0; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; }
  .bento-group-title { font-size:18px; margin:0; padding:16px 20px; background:#f8fafc; border-bottom:1px solid #e2e8f0; flex:0 0 auto; }
  .grid-2-forced { display:flex; flex-direction:column; gap:0; flex:1; }
  .grid-2-forced li { display:flex; flex:1; }
  .bento-links a { font-size:15px; padding:0 20px; border-radius:0; background:#ffffff; border:none; border-bottom:1px solid #f1f5f9; display:flex; justify-content:space-between; align-items:center; width:100%; }
  .bento-links li:last-child a { border-bottom:none; }
  .bento-links a::after { content:"›"; font-size:24px; color:#cbd5e1; font-weight:400; }
}

/* Institute Logos — marquee card layout (exact Shopify port) */
.institute-logos-section { padding:22px 0 0; background:#ffffff; overflow:hidden; }
.ep-container { max-width:1400px; margin:0 auto; padding:0 20px; }
.section-header-v4 { text-align:center; margin-bottom:16px; padding:0 20px; }
.section-title-v4 { font-size:25px; font-weight:800; color:#101A33; letter-spacing:-0.02em; margin:0; line-height:1.15; font-family:'Outfit',sans-serif; }
.section-subtitle-v4 { font-size:13.5px; color:#64748b; margin-top:5px; font-weight:500; }
.inst-marquee-container {
  position:relative; width:100%; overflow:hidden;
  mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  -webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}
.inst-marquee-inner {
  display:flex; overflow:hidden; padding:20px 0;
  cursor:grab; user-select:none; -webkit-user-select:none;
}
.inst-marquee-inner.is-dragging { cursor:grabbing; }
@keyframes inst-marquee-scroll {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}
.inst-track-v4 {
  display:flex; gap:25px; flex-shrink:0;
  animation:inst-marquee-scroll 35s linear infinite;
  will-change:transform;
}
.inst-track-v4.is-paused { animation-play-state:paused; }
.inst-card-v4 {
  position:relative; flex-shrink:0; width:118px; background:#fff; border-radius:16px; padding:14px 10px 12px;
  display:flex; flex-direction:column; align-items:center; gap:10px;
  text-decoration:none; border:1px solid #e6eef8;
  transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);
  box-shadow:0 4px 14px rgba(15,36,64,0.05);
}
.inst-logo-v4 {
  width:92px; height:54px; background:linear-gradient(180deg,#fbfcfe,#f4f8fd); border-radius:11px;
  display:flex; align-items:center; justify-content:center; padding:7px 10px;
  border:1px solid #eef3fa; box-shadow:inset 0 1px 3px rgba(15,36,64,.04); transition:0.3s;
}
.inst-logo-v4 img { max-width:100%; max-height:100%; object-fit:contain; display:block; }
.inst-label-v4 { font-size:12px; font-weight:700; color:#334155; text-align:center; transition:0.3s; font-family:'Outfit',sans-serif; line-height:1.3; }
.inst-card-v4:hover { background:#ffffff; transform:translateY(-6px) scale(1.03); border-color:#14213D; box-shadow:0 16px 32px rgba(20,33,61,0.14); }
.inst-card-v4:hover .inst-logo-v4 { transform:scale(1.06); }
.inst-card-v4:hover .inst-label-v4 { color:#14213D; }
/* header on top, logos full width */
.institute-logos-section{padding:30px 0 26px;}
.il-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.il-head .section-title-v4{text-align:left;font-size:24px;}
.il-head .section-subtitle-v4{text-align:left;margin-top:6px;font-size:13.5px;line-height:1.5;color:#64748b;}
.il-head-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:13px;font-weight:700;color:#14213D;text-decoration:none;padding:7px 15px;border:1px solid #d6e4f4;border-radius:999px;background:#fff;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
.il-head-link:hover{background:#14213D;color:#fff;border-color:#14213D;}
.il-head-link span{transition:transform .15s;}
.il-head-link:hover span{transform:translateX(3px);}
.inst-marquee-inner{padding:8px 0;}
@media(max-width:768px){
  .institute-logos-section{padding:18px 0;}
  .il-head{gap:10px;margin-bottom:9px;align-items:center;}
  .il-head .section-title-v4{font-size:16px;}
  .il-head .section-subtitle-v4{font-size:11px;margin-top:2px;}
  .il-head-link{font-size:11px;padding:5px 11px;}
  .institute-logos-section { padding:16px 0 0; }
  .section-header-v4 { margin-bottom:11px; }
  .section-title-v4 { font-size:19px; }
  .section-subtitle-v4 { font-size:12px; margin-top:3px; }
  .inst-marquee-inner { padding:8px 0; }
  .inst-track-v4 { gap:15px; }
  .inst-card-v4 { width:100px; padding:10px 8px; border-radius:14px; gap:8px; }
  .inst-logo-v4 { width:80px; height:44px; padding:6px 8px; border-radius:8px; }
  .inst-label-v4 { font-size:11px; }
  .inst-track-v4 { gap:10px; }
}

/* Products Grid */
.products-grid-upsc { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:40px; }
@media(max-width:1024px) { .products-grid-upsc { grid-template-columns:repeat(3,1fr); } }
@media(max-width:768px) { .products-grid-upsc { grid-template-columns:repeat(2,1fr); gap:10px; } }

/* Category Browse */
.category-browse-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:15px; }
@media(max-width:1024px) { .category-browse-grid { grid-template-columns:repeat(4,1fr); } }
@media(max-width:640px) { .category-browse-grid { grid-template-columns:repeat(3,1fr); gap:10px; } .cat-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } }
.category-card-elite {
  background:white; border:1.5px solid #f1f5f9; border-radius:16px;
  padding:20px 10px; text-align:center; text-decoration:none;
  transition:all 0.2s; display:flex; flex-direction:column; align-items:center; gap:8px;
}
.category-card-elite:hover { border-color:#14213D; box-shadow:0 8px 20px rgba(20,33,61,0.12); transform:translateY(-3px); }
.cat-icon { font-size:28px; }
.cat-name { font-size:12px; font-weight:700; color:#334155; font-family:'Outfit',sans-serif; }

/* Why Choose */
.why-choose-section { background:#f8fafc; padding:60px 0; margin-top:40px; }
@media(max-width:768px) { .why-choose-section { padding:32px 0; margin-top:0; } }
.why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
@media(max-width:768px) { .why-grid { grid-template-columns:repeat(2,1fr); gap:20px; } }
.why-card { background:white; border-radius:16px; padding:30px 20px; text-align:center; border:1.5px solid #f1f5f9; transition:all 0.2s; }
.why-card:hover { border-color:#14213D; box-shadow:0 10px 30px rgba(20,33,61,0.1); }
.why-icon { font-size:36px; margin-bottom:15px; }
.why-card h3 { font-size:18px; font-weight:800; color:#0f172a; margin:0 0 10px; font-family:'Outfit',sans-serif; }
.why-card p { font-size:14px; color:#64748b; margin:0; line-height:1.6; }

/* Featured + Browse sections */
.featured-products-section { padding:20px 0 60px; }
.browse-categories-section { padding:0 0 60px; }

/* ══════════════════════════════════════════════════════════
   PRODUCT CARD
══════════════════════════════════════════════════════════ */
.upsc-card-v4 { display:flex; flex-direction:column; background:#fff; border-radius:16px; border:1.5px solid #f1f5f9; position:relative; overflow:hidden; height:100%; transition:transform 0.2s, box-shadow 0.2s; }
.upsc-card-v4:hover { transform:translateY(-4px); border-color:#14213D; box-shadow:0 10px 25px rgba(20,33,61,0.1); }
.upsc-card-link { text-decoration:none; color:inherit; display:flex; flex-direction:column; height:100%; }
.upsc-img-box {
  background:#fff; aspect-ratio:1/1; width:100%;
  position:relative; border-bottom:1px solid #f1f5f9;
  box-sizing:border-box; overflow:hidden;
}
.upsc-img-v4 {
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain; padding:12px;
  box-sizing:border-box; pointer-events:none;
}
.upsc-badge { position:absolute; top:8px; left:8px; background:#14213D; color:#fff; font-size:11px; font-weight:800; padding:3px 8px; border-radius:4px; z-index:5; }
.upsc-info-v4 { padding:12px; flex-grow:1; display:flex; flex-direction:column; }
.upsc-title-v4 { font-size:14px; font-weight:700; line-height:1.4; color:#0f172a; margin:0 0 8px; height:38px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:'Outfit',sans-serif; }
.upsc-price-v4 { margin-top:auto; display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.upsc-curr-price { font-size:18px; font-weight:900; color:#020617; font-family:'Outfit',sans-serif; }
.upsc-disc-v4 { color:#10b981; font-size:10px; font-weight:800; }
.upsc-add-btn-wrap { padding:0 12px 12px; }
.upsc-add-btn-v4 { width:100%; padding:8px; background:#fff; border:1.5px solid #14213D; color:#14213D; font-size:11px; font-weight:800; border-radius:8px; transition:all 0.2s; cursor:pointer; font-family:'Outfit',sans-serif; }
.upsc-add-btn-v4:hover:not([disabled]) { background:#14213D; color:#fff; }
.upsc-add-btn-v4[disabled] { opacity:0.5; border-color:#cbd5e1; color:#94a3b8; cursor:not-allowed; }
@media(max-width:768px) {
  .upsc-card-v4, .upsc-card-v4:hover, .upsc-card-v4:active, .upsc-img-v4, .upsc-add-btn-v4, .upsc-add-btn-v4:hover { transform:none !important; transition:none !important; box-shadow:none !important; }
  .upsc-card-v4 { border-radius:12px; }
  .upsc-img-box { border-radius:8px; margin:4px; padding:5px; }
  .upsc-info-v4 { padding:8px 10px; }
  .upsc-title-v4 { font-size:13px; height:36px; margin-bottom:6px; }
  .upsc-curr-price { font-size:16px; }
  .upsc-add-btn-wrap { padding:0 8px 10px; }
  .upsc-add-btn-v4 { padding:6px; font-size:10px; border-radius:6px; }
}

/* ══════════════════════════════════════════════════════════
   COLLECTION PAGE
══════════════════════════════════════════════════════════ */
.collection-page-wrapper { padding-top:20px; padding-bottom:80px; }
.collection-hero { text-align:center; padding:30px 0 20px; }
.collection-title { font-size:32px; font-weight:900; color:#0f172a; font-family:'Outfit',sans-serif; margin:0 0 8px; }
.collection-desc { font-size:16px; color:#64748b; margin:0; }
.collection-filters-bar { display:flex; align-items:center; justify-content:space-between; padding:15px 0; border-bottom:1px solid #f1f5f9; margin-bottom:30px; }
.product-count { font-size:13px; color:#64748b; font-weight:600; }
.sort-select { border:1px solid #e2e8f0; border-radius:8px; padding:8px 12px; font-size:13px; font-weight:600; color:#334155; background:white; cursor:pointer; outline:none; font-family:inherit; }
.collection-pagination { display:flex; justify-content:center; gap:8px; margin-top:40px; flex-wrap:wrap; }
.collection-pagination .page-numbers { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; border:1.5px solid #e2e8f0; text-decoration:none; font-weight:700; color:#334155; transition:all 0.2s; }
.collection-pagination .page-numbers.current, .collection-pagination .page-numbers:hover { border-color:#14213D; background:#14213D; color:white; }
.no-products-found { text-align:center; padding:60px 20px; }
.no-products-found p { color:#64748b; font-size:18px; margin-bottom:30px; }

/* ══════════════════════════════════════════════════════════
   PRODUCT PAGE
══════════════════════════════════════════════════════════ */
.product-v3-wrapper { background:white; padding-bottom:60px; font-family:'DM Sans',sans-serif; overflow-x:hidden; }
.product-v3-wrapper .container { max-width:1320px; margin:0 auto; padding:0 20px; }
.breadcrumb-v3 { display:flex; align-items:center; justify-content:space-between; padding:12px 0; font-size:13px; color:var(--text-gray); }
.breadcrumb-left { display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.bc-link { color:var(--text-gray); text-decoration:none; font-weight:500; transition:color 0.2s; }
.bc-current { font-weight:700; color:var(--text-dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:300px; display:inline-block; font-family:'Outfit',sans-serif; }

.product-main-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; align-items:start; width:100%; }
.product-gallery-column { min-width:0; width:100%; }
.gallery-container-v3 { display:flex; width:100%; }
@media(min-width:769px) { .gallery-container-v3 { display:grid; grid-template-columns:68px 1fr; gap:20px; align-items:start; } }

.thumbnail-strip { display:flex; flex-direction:column; gap:12px; width:68px; flex-shrink:0; overflow-y:auto; scroll-behavior:smooth; max-height:500px; padding-right:4px; }
.thumb-item { border:1.5px solid var(--border-color); border-radius:10px; cursor:pointer; overflow:hidden; padding:4px; transition:all 0.2s; background:white; width:68px; height:68px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-sizing:border-box; }
.thumb-item.active { border-color:var(--primary-purple); box-shadow:0 0 0 1px var(--primary-purple); }
.thumb-item img { width:100%; height:100%; object-fit:contain; }

.main-image-wrapper { flex-grow:1; width:100%; min-width:0; position:relative; border:1.5px solid var(--border-color); border-radius:16px; background:#fff; overflow:hidden; aspect-ratio:1/1; display:flex; box-sizing:border-box; }
.mobile-scroll-container { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; width:100%; height:100%; }
.mobile-slide { flex:0 0 100%; scroll-snap-align:start; display:flex; align-items:center; justify-content:center; }
.mobile-gallery-img { width:100%; height:100%; object-fit:contain; }
.mobile-dots-v3 { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:10; background:rgba(255,255,255,0.7); padding:4px 8px; border-radius:12px; backdrop-filter:blur(4px); }
.dot { width:5px; height:5px; border-radius:50%; background:#CBD5E1; transition:all 0.3s ease; }
.dot.active { background:var(--brand-purple); width:16px; border-radius:4px; }
.gallery-nav-btn { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.05); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:100; color:#000; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.gallery-nav-btn.prev { left:15px; } .gallery-nav-btn.next { right:15px; }

/* Product Info */
.top-header-v5 { margin-bottom:25px; }
.sp-inst-logo{
  display:inline-flex; align-items:center; text-decoration:none; color:inherit;
  background:#fff; border:1px solid #E7E1D2; border-radius:7px; padding:5px 10px;
  margin-bottom:10px; box-shadow:0 1px 4px rgba(20,33,61,.08); transition:box-shadow .15s,border-color .15s;
}
a.sp-inst-logo:hover{ border-color:#14213D; box-shadow:0 3px 10px rgba(20,33,61,.16); }
.sp-inst-logo img{ height:16px; width:auto; max-width:110px; object-fit:contain; display:block; }
.sp-inst-logo.sp-inst-logo-sq img{ height:26px; }
.sp-inst-logo-txt{ font-size:12px; font-weight:900; color:#14213D; font-family:'Outfit',sans-serif; }
.title-main-v5 { font-size:clamp(24px,2.5vw + 14px,32px); font-weight:800; color:#0F172A; line-height:1.15; letter-spacing:-0.02em; margin-bottom:8px; font-family:'Outfit',sans-serif; }
.title-sub-v5 { font-size:clamp(16px,1.5vw + 10px,20px); font-weight:600; color:#94A3B8; line-height:1.3; margin-bottom:15px; font-family:'Outfit',sans-serif; letter-spacing:-0.01em; }

/* Highlights */
.key-highlights-v6 { margin:15px 0 18px; }
.kh-label-v6 { font-size:15px; font-weight:1000; color:#0F172A; margin-bottom:12px; display:block; font-family:'Outfit',sans-serif; text-transform:uppercase; letter-spacing:0.05em; }
.kh-grid-v6 { display:flex; flex-wrap:nowrap !important; gap:4px !important; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:5px; }
.kh-grid-v6::-webkit-scrollbar { display:none; }
.kh-pill-v6 { flex:0 0 auto; display:flex; align-items:center; background:rgba(255,255,255,0.4); backdrop-filter:blur(4px); border:1px solid rgba(226,232,240,0.8); border-radius:8px; padding:4px 10px; transition:0.2s; }
.kh-pill-v6:hover { background:white; border-color:#14213D; transform:translateY(-2px); }
.kh-icon-v6 { font-size:13px; margin-right:5px; display:flex; align-items:center; }
.kh-text-v6 { font-size:11px; font-weight:800; color:#475569; font-family:'DM Sans',sans-serif; white-space:nowrap; }
.kh-bold-v6 { color:#0F172A; font-weight:1000; margin-right:4px; font-family:'Outfit',sans-serif; }

/* Price */
.premium-price-row-v5 { display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; padding:8px 12px; }
.p-price-current { font-size:clamp(28px,3vw + 12px,36px); font-weight:900; color:#0F172A; font-family:'Outfit',sans-serif; line-height:1; }
.p-price-old { font-size:14px; color:#CBD5E1; text-decoration:line-through; font-weight:500; font-family:'Outfit',sans-serif; margin-top:4px; }
.p-savings-pill { background:#14213D; color:white; padding:4px 10px; border-radius:6px; font-size:11px; font-weight:800; font-family:'Outfit',sans-serif; text-transform:uppercase; letter-spacing:0.02em; display:inline-flex; align-items:center; gap:4px; }
.p-savings-bold { color:inherit; font-weight:1000; }
.p-discount-pct { background:rgba(255,255,255,0.2); padding:1px 6px; border-radius:4px; margin-left:4px; }

/* Variants */
.elite-variant-zone-v4 { margin:20px 0; }
.ez-label { font-size:11px; font-weight:800; color:#64748B; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:8px; display:block; font-family:'Outfit',sans-serif; }
.variant-grid-v6 { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:9px; margin-top:10px; margin-bottom:20px; padding:9px 2px 6px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.variant-grid-v6::-webkit-scrollbar { display:none; }
.v-card-v6 { position:relative; background:#fff; border:1.5px solid #F1F5F9; border-radius:12px; height:44px; display:flex; align-items:center; padding:0 14px; cursor:pointer; transition:all 0.2s cubic-bezier(0.4,0,0.2,1); min-width:140px; flex:0 1 auto; }
.v-card-v6:hover { border-color:var(--primary-purple); background:var(--accent-purple); transform:translateY(-1px); }
.v-card-v6.active { border-color:var(--primary-purple); background:#fff; box-shadow:0 4px 15px rgba(20,33,61,0.12); border-width:2px; }
.v-card-inner-v6 { display:flex; align-items:center; width:100%; gap:10px; }
.v-card-icon-v6 { font-size:16px; display:flex; align-items:center; }
.v-card-title-v6 { font-size:13px; font-weight:800; color:#1e293b; font-family:'Outfit',sans-serif; text-transform:uppercase; white-space:nowrap; }
.v-card-check-v6 { position:absolute; top:-7px; right:-7px; margin:0; width:21px; height:21px; background:var(--primary-purple); color:#fff; border:2px solid #fff; border-radius:50%; display:none; align-items:center; justify-content:center; font-size:11px; font-weight:700; box-shadow:0 2px 6px rgba(20,33,61,0.42); z-index:2; }
.v-card-v6.active .v-card-check-v6 { display:flex; }

/* Add to Cart Buttons */
.qty-control { display:inline-flex; align-items:center; background:white; border:2px solid var(--primary-purple); border-radius:16px; overflow:hidden; height:64px; box-sizing:border-box; transition:all 0.3s ease; }
.q-btn { background:none; border:none; width:44px; height:100%; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--primary-purple); transition:0.3s; }
.q-btn:hover { background:#f3e8ff; color:#4c1d95; }
.q-input { width:40px; height:100%; border:none; background:transparent; text-align:center; font-size:18px; font-weight:1000; font-family:'Outfit',sans-serif; color:var(--primary-purple); padding:0; margin:0; -moz-appearance:textfield; }
.q-input::-webkit-outer-spin-button, .q-input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.q-input:focus { outline:none; }

.action-btn-group { display:flex; gap:15px; margin-top:25px; align-items:stretch; flex-wrap:nowrap; }
.action-btn-group > * { flex:1; min-width:0; }
.action-btn-group .qty-control { flex:0 0 130px; }
.btn-primary-v3, .btn-secondary-v3, .m-btn-primary, .m-btn-secondary {
  height:59px; border-radius:12px; padding:0 25px; font-size:16px; font-weight:900;
  font-family:'Outfit',sans-serif; text-transform:uppercase; letter-spacing:0.05em;
  display:flex; align-items:center; justify-content:center; gap:12px;
  transition:all 0.4s cubic-bezier(0.4,0,0.2,1); cursor:pointer; border:none; width:100%; margin:0;
}
.btn-primary-v3, .m-btn-primary { background:#FFC53D; color:#14213D; box-shadow:0 8px 18px rgba(255,197,61,0.35); position:relative; overflow:hidden; }
.btn-secondary-v3, .m-btn-secondary { background:white; color:var(--primary-purple); border:2px solid #E2E8F0; box-shadow:0 4px 12px rgba(0,0,0,0.03); }
.btn-primary-v3:hover, .m-btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 25px rgba(255,197,61,0.45); background:#F0B429; }
.btn-secondary-v3:hover, .m-btn-secondary:hover { background:var(--accent-purple); border-color:var(--primary-purple); transform:translateY(-3px); }

/* Scarcity */
.scarcity-status-row { display:flex; align-items:center; gap:15px; margin-bottom:15px; flex-wrap:wrap; }
.sc-stock-badge { display:flex; align-items:center; gap:8px; background:rgba(236,253,245,0.6); border:1.5px solid rgba(209,250,229,0.8); color:#065F46; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:1000; font-family:'Outfit',sans-serif; }
.sc-pulse { width:10px; height:10px; background:#10B981; border-radius:50%; animation:sc-pulse-anim 2s infinite; }
@keyframes sc-pulse-anim { 0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7);} 70%{transform:scale(1);box-shadow:0 0 0 12px rgba(16,185,129,0);} 100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0);} }
.sc-sold-text { font-size:12px; color:#64748B; font-weight:700; font-family:'DM Sans',sans-serif; }

/* Coupons */
.compact-coupon-wrapper-v7 { background:#fff; border:1.5px solid #f1f5f9; border-radius:12px; margin-bottom:15px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.03); }
.coupon-row-v7 { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; transition:0.2s; }
.coupon-row-v7.upi { background:#f0fdf4; }
.cr-left { display:flex; align-items:center; gap:10px; }
.cr-badge { background:#14213D; color:white; padding:2px 8px; border-radius:6px; font-size:11px; font-weight:900; font-family:'Outfit',sans-serif; }
.cr-badge.green { background:#10B981; }
.cr-txt { font-size:13px; font-weight:600; color:#475569; font-family:'DM Sans',sans-serif; }
.cr-code { font-weight:800; color:#1e293b; }
.coupon-divider-v7 { height:1px; background:#f1f5f9; }
.cr-copy-btn { background:transparent; border:1.5px solid #e2e8f0; color:#64748b; padding:4px 12px; border-radius:6px; font-size:10px; font-weight:800; cursor:pointer; transition:0.2s; font-family:'Outfit',sans-serif; }
.cr-copy-btn:hover { border-color:#14213D; color:#14213D; background:#f5f8fc; }

/* Trust micro bar */
.unified-trust-container-v5 { margin-bottom:15px; }
.trust-micro-bar { display:flex; align-items:center; justify-content:center; gap:12px; background:rgba(248,250,252,0.4); border:1px solid rgba(226,232,240,0.6); border-radius:12px; padding:12px; flex-wrap:wrap; }
.trust-item-v5 { display:flex; align-items:center; gap:6px; line-height:1; }
.ti-icon { display:flex; align-items:center; justify-content:center; color:var(--primary-purple); opacity:0.9; }
.ti-icon svg { width:13px; height:13px; stroke-width:2.5; }
.ti-txt { font-size:10.5px; font-weight:700; color:#94A3B8; font-family:'Outfit',sans-serif; text-transform:uppercase; letter-spacing:0.06em; }

/* Description Box */
.elite-glass-box-v5 { background:rgba(255,255,255,0.7); border:1.5px solid #f1f5f9; border-radius:20px; overflow:hidden; margin-top:40px; }
.eg-header { display:flex; background:#f8fafc; border-bottom:1.5px solid #f1f5f9; padding:4px; gap:4px; }
.eg-tab { flex:1; padding:14px; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px; font-weight:1000 !important; font-size:13px !important; color:#64748b !important; border:none !important; background:none !important; cursor:pointer; transition:0.3s; border-radius:14px; font-family:'Outfit',sans-serif !important; }
.eg-tab.active { color:var(--primary-purple) !important; background:#fff !important; box-shadow:0 4px 15px rgba(0,0,0,0.04) !important; }
.eg-body { padding:0; min-height:200px; position:relative; }
.eg-pane { display:none; }
.eg-pane.active { display:block; }
.eg-features-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:30px; }
.eg-feature-card { display:flex; gap:15px; padding:20px; background:#fff; border:1.5px solid #f8fafc; border-radius:16px; transition:0.3s; }
.eg-feature-card:hover { border-color:var(--primary-purple); transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,0.04); }
.egf-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.egf-icon.blue { background:#eff6ff; color:#3b82f6; }
.egf-icon.green { background:#ecfdf5; color:#10b981; }
.egf-icon.orange { background:#fff7ed; color:#f97316; }
.egf-icon.purple { background:var(--accent-purple); color:var(--primary-purple); }
.egf-content strong { font-size:14px; font-weight:1000; color:#1e293b; display:block; margin-bottom:4px; font-family:'Outfit',sans-serif; }
.egf-content p { font-size:12px; color:#64748b; font-weight:600; margin:0; line-height:1.5; }
.eg-description-scroll { max-height:800px; overflow-y:auto; padding:30px; position:relative; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; }
.eg-prose { font-size:14px !important; color:#334155 !important; line-height:1.6 !important; font-weight:500 !important; font-family:'Inter',sans-serif !important; }
.eg-prose h1 { font-size:22px !important; border-bottom:2px solid var(--brand-purple) !important; padding-bottom:8px !important; }
.eg-prose h2 { font-size:18px !important; background:#f8fafc !important; padding:10px 14px !important; border-left:4px solid var(--brand-purple) !important; border-radius:0 8px 8px 0 !important; }
.eg-prose h3 { font-size:16px !important; color:var(--brand-purple) !important; }
.eg-prose p { margin-bottom:1.2em !important; color:#334155 !important; font-size:14px !important; }
.eg-prose ul { padding-left:20px !important; list-style:none !important; }
.eg-prose ul li { margin-bottom:0.8em !important; position:relative !important; padding-left:5px !important; }
.eg-prose ul li::before { content:"\2022" !important; color:var(--brand-purple) !important; font-weight:bold !important; display:inline-block !important; width:1em !important; margin-left:-1em !important; position:absolute !important; left:0 !important; }
.eg-prose strong { color:#0f172a !important; font-weight:700 !important; }

/* Mobile sticky actions */
.mobile-sticky-actions-v3 {
  position:fixed; bottom:0; left:0; right:0;
  background:rgba(255,255,255,0.9); backdrop-filter:blur(15px);
  border-top:1.5px solid rgba(226,232,240,0.8); padding:14px 18px;
  padding-bottom:calc(14px + env(safe-area-inset-bottom));
  box-shadow:0 -10px 40px rgba(0,0,0,0.08); z-index:2000; display:none;
}
.mobile-btn-group { display:grid; grid-template-columns:auto 1fr 1fr; gap:10px; align-items:stretch; width:100%; }
@media(max-width:768px) {
  .mobile-sticky-actions-v3 { display:block; }
  .product-main-grid { display:block; }
  .main-image-wrapper { margin-left:-15px; margin-right:-15px; width:calc(100% + 30px); border-radius:0; border:none; aspect-ratio:1/1 !important; }
  .mobile-btn-group { grid-template-columns:120px 56px 1fr !important; gap:8px !important; align-items:stretch !important; }
  .m-control { height:60px !important; border-radius:16px !important; min-width:0 !important; }
  .m-btn-text { display:none !important; }
  .m-btn-secondary { height:60px !important; width:56px !important; padding:0 !important; border-radius:16px !important; flex-shrink:0 !important; }
  .btn-secondary-v3, .btn-primary-v3, .m-btn-primary:not(.sr-buy-now) { padding:0 4px !important; font-size:13px !important; height:60px !important; }
  .m-btn-primary.sr-buy-now { height:60px !important; font-size:15px !important; }
  .m-control .q-btn { width:40px !important; flex-shrink:0; }
  .m-control .q-input { width:36px !important; font-size:15px; text-align:center; }
  .elite-glass-box-v5 { margin-top:25px; border-radius:16px; }
  .eg-tab { padding:10px !important; font-size:12px !important; }
  .eg-description-scroll { padding:15px; max-height:600px; }
  .eg-features-grid { grid-template-columns:1fr; gap:12px; padding:20px 15px; }
  .breadcrumb-v3 { padding:4px 0 8px; font-size:12px; }
  .breadcrumb-left { flex-wrap:nowrap; gap:2px 4px; align-items:center; min-width:0; overflow:hidden; width:100%; }
  .breadcrumb-left > svg { flex-shrink:0; width:10px; height:10px; opacity:0.6; }
  .bc-link { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; flex-shrink:1; min-width:0; font-size:12px; }
  .bc-home { display:inline-flex; align-items:center; flex-shrink:0; }
  .bc-home svg { width:14px; height:14px; }
  .bc-current { flex:1 1 auto; min-width:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:1.4; display:block; }
}
@media (max-width:380px) {
  .breadcrumb-v3 { font-size:11px; }
  .bc-link { max-width:70px; font-size:11px; }
  .bc-current { font-size:11px; }
  .breadcrumb-left { gap:1px 3px; }
  .key-highlights-v6 { margin:10px 0 15px; }
  .premium-price-row-v5 { padding:4px 0; margin-bottom:8px; gap:8px; }
  .p-price-current { font-size:24px !important; }
}

/* Related Products */
.related-products-section { margin-top:60px; }

/* ══════════════════════════════════════════════════════════
   CART DRAWER
══════════════════════════════════════════════════════════ */
.elite-glass-v5 { position:fixed; top:0; left:0; width:100%; height:100%; height:100dvh; z-index:2147483647; visibility:hidden; pointer-events:none; transition:visibility 0s linear 0.4s; font-family:'DM Sans',sans-serif; }
.elite-glass-v5.is-active { visibility:visible; pointer-events:auto; transition:visibility 0s linear 0s; }
.cart-drawer-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); opacity:0; transition:opacity 0.32s cubic-bezier(0.4,0,0.2,1); }
.elite-glass-v5.is-active .cart-drawer-overlay { opacity:1; }
.cart-drawer-panel { position:absolute; top:0; right:0; width:420px; max-width:100vw; height:100%; background:#fff; box-shadow:-8px 0 24px rgba(0,0,0,0.1); display:flex; flex-direction:column; transform:translateX(100%) translateZ(0); transition:transform 0.38s cubic-bezier(0.32,0.72,0,1); will-change:transform; backface-visibility:hidden; }
.elite-glass-v5.is-active .cart-drawer-panel { transform:translateX(0) translateZ(0); }
.cart-drawer-header { padding:16px 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e5e7eb; background:#fff; }
.header-title-group { display:flex; align-items:baseline; gap:6px; }
.cart-drawer-title { margin:0; font-size:16px; font-weight:700; color:#111827; }
.items-count-badge { font-size:14px; font-weight:500; color:#6b7280; }
.cart-drawer-close { background:transparent; border:none; cursor:pointer; color:#6b7280; width:44px; height:44px; border-radius:4px; display:flex; align-items:center; justify-content:center; transition:0.2s; }
.cart-drawer-close:hover { background:#f3f4f6; color:#111827; }
.free-shipping-container { padding:12px 20px; background:#f8fafc; border-bottom:1px solid #e5e7eb; }
.fsh-header { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.fsh-icon { font-size:14px; }
.fsh-message { font-size:13px; font-weight:600; color:#111827; font-family:'DM Sans',sans-serif; }
.fsh-message.unlocked { color:#059669; }
.fsh-progress-bg { width:100%; height:6px; background:#e5e7eb; border-radius:4px; overflow:hidden; }
.fsh-progress-bar { height:100%; background:#059669; transition:width 0.4s ease; border-radius:4px; }
.cart-drawer-items { flex:1; overflow-y:auto; scrollbar-width:thin; background:#fafafa; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.cart-drawer-item { display:flex; gap:16px; background:#fff; padding:20px; border-bottom:1px solid #e5e7eb; }
.cart-item-image { width:76px; height:76px; border-radius:8px; flex-shrink:0; border:1px solid #e5e7eb; overflow:hidden; background:#fff; }
.cart-item-image img { width:100%; height:100%; object-fit:contain; }
.cart-item-details { flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.cart-item-title { font-size:14px; font-weight:600; color:#111827; line-height:1.4; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cart-item-price-row { display:flex; justify-content:space-between; align-items:flex-end; margin-top:8px; }
.cart-item-price { font-size:15px; font-weight:700; color:#111827; }
.elite-qty-pill { display:flex; align-items:center; background:#fff; border-radius:6px; border:1px solid #d1d5db; height:40px; }
.qty-pill-btn { width:40px; height:100%; border:none; background:transparent; color:#111827; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:0.2s; }
.qty-pill-btn:hover { background:#f3f4f6; }
.qty-pill-val { font-size:14px; font-weight:600; color:#111827; min-width:32px; text-align:center; border-left:1px solid #e5e7eb; border-right:1px solid #e5e7eb; line-height:40px; }
.cart-drawer-footer { padding:20px; padding-bottom:max(20px, env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 -4px 12px rgba(0,0,0,0.03); z-index:10; }
.summary-line { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.summary-line span { font-size:13px; font-weight:600; color:#6b7280; }
.summary-line--sub span { font-size:13px; color:#9ca3af; font-weight:500; }
.summary-line--ship span { font-size:13px; color:#374151; font-weight:600; }
.summary-line--total { margin-top:2px; }
.summary-line--total span:first-child { font-size:14px; font-weight:700; color:#111827; }
.summary-line--total span:last-child { font-size:20px; font-weight:800; color:#111827; }
.summary-divider { border:none; border-top:1px solid #f1f5f9; margin:8px 0 10px; }
.elite-subtotal { font-size:20px !important; color:#111827 !important; font-weight:800 !important; }
.summary-tax-note { font-size:12px; color:#9ca3af; font-weight:500; margin:0 0 16px; }
.cart-drawer-checkout-btn { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; background:linear-gradient(135deg,#14213D 0%,#101A33 100%); color:#fff; text-decoration:none; padding:15px 22px; border-radius:13px; font-weight:800; font-size:15.5px; letter-spacing:.3px; box-shadow:0 8px 22px rgba(20,33,61,.32); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; width:100%; box-sizing:border-box; }
.cart-drawer-checkout-btn:hover { filter:brightness(1.06); transform:translateY(-2px); box-shadow:0 12px 28px rgba(20,33,61,.42); }
.cart-drawer-checkout-btn svg { width:18px; height:18px; transition:transform .18s ease; }
.cart-drawer-checkout-btn:hover svg { transform:translateX(3px); }

/* ── Shiprocket BUY NOW button — matches Shopify upscstore design ── */
.checkout-footer-v5 { display:flex; flex-direction:column; gap:10px; }
.cart-drawer-fastrr-btn {
  position:relative;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
  width:100%; box-sizing:border-box;
  padding:0 20px 6px;
  border:none; border-radius:16px !important; cursor:pointer;
  background:#FFC53D !important;
  color:#14213D; font-family:'Outfit',inherit;
  font-size:17px !important; font-weight:900 !important;
  text-transform:uppercase !important; letter-spacing:0.05em !important;
  transition:all 0.3s ease;
  box-shadow:0 6px 20px rgba(20,33,61,0.35) !important;
  animation:premiumPulseGlow 3s infinite ease-in-out !important;
  overflow:hidden;
  height:64px !important; min-height:64px;
}
.cart-drawer-fastrr-btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
.cart-drawer-fastrr-btn:active { transform:translateY(0); filter:brightness(0.95); }
.cart-drawer-fastrr-btn .btn-text { font-size:17px !important; font-weight:900 !important; color:#fff !important; text-transform:uppercase !important; letter-spacing:0.05em !important; }
.cart-drawer-fastrr-btn .upi-icon { height:22px; margin-left:8px; }
.cart-drawer-fastrr-btn .arrow-icon { display:none !important; }
.cart-drawer-fastrr-btn .powered-by { position:absolute !important; right:8px !important; bottom:4px !important; height:10px !important; opacity:.85; }
.cart-regular-checkout-link {
  display:block; text-align:center; font-size:12px; color:#6b7280;
  text-decoration:none; padding:4px 0; transition:color .15s;
  font-weight:500; letter-spacing:.2px;
}
.cart-regular-checkout-link:hover { color:#374151; }
.cart-drawer-empty { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px; padding:40px; }
.empty-elite-txt { font-weight:600; color:#6b7280; font-size:16px; line-height:1.5; }
@media(max-width:480px) { .cart-drawer-panel { width:100%; max-width:100%; } }



/* ══════════════════════════════════════════════════════════
   STORE FOOTER (sf-)
══════════════════════════════════════════════════════════ */
.sf-container { width:100%; max-width:1280px; margin:0 auto; padding:0 24px; }
.sf { background:#0b0f1a; color:#8b9eb8; font-family:"Outfit","Inter",sans-serif; font-size:14px; line-height:1.6; }
.sf-accent-line { height:3px; width:100%; background:linear-gradient(90deg,#14213D,#7C93BE,#FFC53D); }

/* ── Body & grid ── */
.sf-body { padding:60px 0 48px; }
.sf-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1.2fr; gap:52px; align-items:start; }
.sf-col { display:flex; flex-direction:column; }

/* ── Logo ── */
.sf-logo-link { display:inline-block; margin-bottom:14px; }
.sf-logo { height:44px; width:auto; display:block; filter:brightness(0) invert(1); }
.sf-tagline { font-size:13px; color:#5a6a84; line-height:1.75; margin:0 0 22px; max-width:280px; }

/* ── Contact ── */
.sf-contact-list { list-style:none; margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:10px; }
.sf-contact-item { display:flex; align-items:flex-start; gap:9px; }
.sf-contact-icon { display:flex; align-items:center; flex-shrink:0; color:#14213D; margin-top:1px; }
.sf-contact-link,.sf-contact-text { font-size:13px; color:#7a8fa8; text-decoration:none; transition:color .2s; line-height:1.5; }
.sf-contact-link:hover { color:#B9C6E8; }

/* ── Social ── */
.sf-social-row { display:flex; gap:8px; }
.sf-social-btn { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:#7a8fa8; text-decoration:none; transition:all .2s; }
.sf-social-btn:hover { background:#14213D; border-color:#14213D; color:#fff; transform:translateY(-2px); }

/* ── Column headings ── */
.sf-heading { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#fff; margin:0 0 16px; padding:0; border:none; position:relative; }
.sf-heading::after { content:""; display:block; width:24px; height:2px; background:#14213D; border-radius:2px; margin-top:6px; }
.sf-heading--spaced { margin-top:30px; }

/* ── Links ── */
.sf-link-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.sf-link-list li a { font-size:13px; color:#7a8fa8; text-decoration:none; transition:color .2s,padding-left .2s; display:inline-block; }
.sf-link-list li a:hover { color:#B9C6E8; padding-left:4px; }

/* ── Payment icons ── */
.sf-payment-icons { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.sf-pay-icon { height:28px; width:auto; background:#fff; border-radius:6px; padding:4px 8px; object-fit:contain; display:block; box-shadow:0 1px 4px rgba(0,0,0,.2); }

/* ── Trust badges ── */
.sf-trust-badges { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.sf-badge { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.sf-badge:last-child { border-bottom:none; }
.sf-badge-icon { display:flex; align-items:center; flex-shrink:0; color:#14213D; }
.sf-badge-text { font-size:13px; color:#5a6e8a; font-weight:500; }

/* ── Stats ── */
.sf-stats-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sf-stat { display:flex; flex-direction:column; gap:2px; background:rgba(20,33,61,.08); border:1px solid rgba(20,33,61,.15); border-radius:10px; padding:12px; text-align:center; }
.sf-stat-number { font-size:18px; font-weight:800; color:#fff; letter-spacing:-.02em; line-height:1.2; }
.sf-stat-label { font-size:11px; color:#5a6a84; }

/* ── WhatsApp strip ── */
.sf-wa-strip { background:#080d16; border-top:1px solid rgba(20,33,61,.15); border-bottom:1px solid rgba(20,33,61,.15); padding:22px 0; }
.sf-wa-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sf-wa-text { display:flex; flex-direction:column; gap:3px; }
.sf-wa-heading { margin:0; font-size:15px; color:#e2e8f0; }
.sf-wa-heading strong { color:#fff; font-weight:700; }
.sf-wa-sub { margin:0; font-size:13px; color:#4a5a72; }
.sf-wa-btn { display:inline-flex; align-items:center; gap:8px; background:#25d366; color:#fff; font-size:13px; font-weight:700; text-decoration:none; border-radius:100px; padding:11px 22px; white-space:nowrap; flex-shrink:0; transition:all .2s; box-shadow:0 4px 16px rgba(37,211,102,.2); font-family:"Outfit",sans-serif; }
.sf-wa-btn:hover { background:#20ba59; transform:translateY(-1px); box-shadow:0 6px 20px rgba(37,211,102,.3); color:#fff; }

/* ── SEO row ── */
.sf-seo-row { padding:12px 0; border-top:1px solid rgba(255,255,255,.04); }
.sf-seo-text { margin:0; font-size:11px; color:#2e3d52; line-height:2; }
.sf-seo-label { color:#3d5068; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:10px; margin-right:4px; }
.sf-seo-text a { color:#2e3d52; text-decoration:none; transition:color .15s; }
.sf-seo-text a:hover { color:#14213D; }

/* ── Bottom bar ── */
.sf-bottom-bar { padding:16px 0; border-top:1px solid rgba(255,255,255,.05); }
.sf-bottom-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.sf-copyright,.sf-made-with { margin:0; font-size:12px; color:#3d5068; }

/* ── Responsive ── */
@media(max-width:1024px){
  .sf-grid { grid-template-columns:1.4fr 1fr 1fr; gap:36px; }
  .sf-col--trust { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:start; }
  .sf-col--trust .sf-heading:first-child { grid-column:1/-1; }
}
@media(max-width:768px){
  .sf-body { padding:36px 0 28px; }
  .sf-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .sf-col--brand { grid-column:1/-1; }
  .sf-tagline { max-width:100%; }
  .sf-col--trust { grid-column:1/-1; display:flex; flex-direction:column; }
  .sf-wa-inner { flex-direction:column; align-items:flex-start; gap:14px; }
  .sf-wa-btn { align-self:flex-start; }
}
@media(max-width:480px){
  .sf-container { padding:0 16px; }
  .sf-body { padding:28px 0 20px; }
  .sf-grid { grid-template-columns:1fr; gap:24px; }
  .sf-col--brand,.sf-col--trust { grid-column:1; }
  .sf-link-list { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }
  .sf-trust-badges { display:flex; }
  .sf-bottom-inner { flex-direction:column; align-items:center; gap:4px; text-align:center; }
}

/* ─── Breadcrumb ─────────────────────────────────────────── */
.bc-home { display:flex; align-items:center; color:var(--text-gray); }
.bc-home:hover { color:#14213D; }

/* ─── Misc ───────────────────────────────────────────────── */
.page-content { font-size:16px; line-height:1.8; color:#334155; }
.page-content h1, .page-content h2, .page-content h3 { color:#0f172a; font-family:'Outfit',sans-serif; font-weight:800; margin-top:2em; }

/* ── Smart sticky: mobile specifics ─────────────────── */
@media(max-width:768px) {
  /* Faster hide/show on mobile */
  .sticky-header-wrapper {
    transition:transform 0.28s cubic-bezier(0.4,0,0.2,1) !important;
  }
  /* Compact: hide announcement bar only */
  .header-compact .announcement-bar-v3 {
    max-height:0 !important; opacity:0 !important; padding-top:0 !important; padding-bottom:0 !important;
  }
  /* Bottom app bar always on top */
  .mobile-bottom-app-bar { z-index:1100 !important; }
}

/* ── Mobile compact: show only search on scroll ─────── */
@media(max-width:768px) {
  /* Give top row a transition-ready baseline */
  .pm-mobile-top-row {
    max-height:64px;
    transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.22s cubic-bezier(0.4,0,0.2,1), margin 0.28s cubic-bezier(0.4,0,0.2,1);
  }
  /* Compact: collapse top row (logo + hamburger + cart), keep search */
  .header-compact .pm-mobile-top-row {
    max-height:0 !important;
    opacity:0 !important;
    margin-bottom:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
  }
  /* Tighten padding on the mobile header wrapper when compact */
  .header-compact .pm-header-pw-mobile {
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  /* Subtle shadow on search when compact */
  .header-compact .pm-mobile-search-row .search-form-v3 {
    box-shadow:0 2px 8px rgba(20,33,61,0.10);
    border-radius:12px;
  }
}

/* ════════════════════════════════════════════════════
   SEARCH RESULTS PAGE
════════════════════════════════════════════════════ */
.sr-page { min-height:60vh; }

/* Hero bar */
.sr-hero {
  background:linear-gradient(135deg,#f5f8fc 0%,#e9eef5 100%);
  border-bottom:1px solid rgba(20,33,61,0.12);
  padding:32px 0 28px;
}
.sr-hero-inner {
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
}
.sr-query-label {
  font-size:15px; color:#475569; flex-shrink:0; white-space:nowrap;
}
.sr-count {
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#14213D,#7C93BE);
  color:white; font-size:13px; font-weight:800;
  padding:2px 10px; border-radius:99px; margin-right:4px;
}
.sr-query-text { color:#1C2E52; font-size:16px; }

/* Re-search form */
.sr-search-form { flex:1; min-width:240px; max-width:560px; }
.sr-search-inner {
  display:flex; align-items:center;
  background:white; border:1.5px solid rgba(20,33,61,0.25);
  border-radius:12px; overflow:hidden;
  box-shadow:0 2px 8px rgba(20,33,61,0.08);
  transition:border-color 0.2s, box-shadow 0.2s;
}
.sr-search-inner:focus-within {
  border-color:#14213D;
  box-shadow:0 0 0 3px rgba(20,33,61,0.12);
}
.sr-search-icon { flex-shrink:0; margin:0 10px 0 14px; color:#94a3b8; pointer-events:none; }
.sr-search-input {
  flex:1; border:none; outline:none; background:transparent;
  font-size:14px; font-family:inherit; color:#0f172a; height:44px;
  -webkit-appearance:none;
}
.sr-search-input::placeholder { color:#94a3b8; }
.sr-search-btn {
  background:linear-gradient(135deg,#14213D,#14213D);
  color:white; border:none; font-size:13px; font-weight:700;
  padding:0 20px; height:44px; cursor:pointer; font-family:inherit;
  transition:filter 0.2s; white-space:nowrap; flex-shrink:0;
}
.sr-search-btn:hover { filter:brightness(1.1); }

/* Toolbar */
.sr-body { padding-top:28px; padding-bottom:80px; }
.sr-toolbar {
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px; margin-bottom:24px;
  padding-bottom:16px; border-bottom:1px solid #f1f5f9;
}
.sr-toolbar-count { font-size:13px; color:#64748b; font-weight:600; }
.sr-sort { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.sr-sort-label { font-size:12px; color:#94a3b8; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
.sr-sort-btn {
  font-size:12px; font-weight:700; color:#64748b; text-decoration:none;
  padding:5px 12px; border-radius:99px; border:1.5px solid #e2e8f0;
  transition:all 0.18s; white-space:nowrap;
}
.sr-sort-btn:hover { border-color:#14213D; color:#14213D; }
.sr-sort-btn.is-active {
  background:#14213D; border-color:#14213D; color:white;
}

/* Empty state */
.sr-empty {
  text-align:center; padding:60px 20px 40px;
  max-width:480px; margin:0 auto;
}
.sr-empty-icon {
  width:88px; height:88px; background:#f5f8fc;
  border-radius:50%; display:flex; align-items:center;
  justify-content:center; margin:0 auto 24px;
}
.sr-empty-title {
  font-size:22px; font-weight:800; color:#1C2E52;
  margin:0 0 8px; line-height:1.3;
}
.sr-empty-title em { font-style:normal; color:#14213D; }
.sr-empty-sub { font-size:14px; color:#64748b; margin:0 0 32px; }
.sr-popular { margin-bottom:32px; }
.sr-popular-label {
  font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:1px; color:#94a3b8; margin-bottom:12px;
}
.sr-popular-pills { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.sr-pill {
  font-size:13px; font-weight:600; color:#1C2E52; text-decoration:none;
  background:#e9eef5; padding:6px 14px; border-radius:99px;
  border:1px solid transparent;
  transition:all 0.18s;
}
.sr-pill:hover { background:#dbe5f0; border-color:#7C93BE; }
.sr-browse-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,#14213D,#14213D);
  color:white; text-decoration:none; font-weight:700; font-size:14px;
  padding:14px 28px; border-radius:12px;
  box-shadow:0 4px 14px rgba(20,33,61,0.3);
  transition:all 0.2s;
}
.sr-browse-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(20,33,61,0.35); }

/* Mobile tweaks */
@media(max-width:768px) {
  .sr-hero { padding:20px 0 18px; }
  .sr-hero-inner { flex-direction:column; align-items:stretch; gap:14px; }
  .sr-query-label { font-size:13px; }
  .sr-query-text { font-size:14px; }
  .sr-search-form { max-width:100%; }
  .sr-search-input { font-size:16px; } /* prevent iOS zoom */
  .sr-toolbar { flex-direction:column; align-items:flex-start; gap:10px; }
  .sr-sort { gap:5px; }
  .sr-sort-btn { font-size:11px; padding:4px 10px; }
  .sr-empty-title { font-size:18px; }
  .sr-grid { grid-template-columns:repeat(2,1fr) !important; }
}


/* ── Product page Buy Now button — matches Shopify live theme exactly ── */
@keyframes premiumPulseGlow {
  0%   { box-shadow: 0 4px 15px rgba(255,197,61,.4); filter: brightness(1); }
  50%  { box-shadow: 0 4px 25px rgba(255,197,61,.75); filter: brightness(1.15); }
  100% { box-shadow: 0 4px 15px rgba(255,197,61,.4); filter: brightness(1); }
}
.btn-primary-v3.sr-buy-now,
.m-btn-primary.sr-buy-now {
  background: #FFC53D !important;
  color: #14213D !important;
  border-radius: 16px !important;
  border: none !important;
  font-family: 'Outfit', inherit !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  padding: 0 12px !important;
  height: 60px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-shadow: 0 6px 20px rgba(20,33,61,0.35) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: premiumPulseGlow 3s infinite ease-in-out !important;
  transition: all 0.3s ease !important;
}
.btn-primary-v3.sr-buy-now:hover,
.m-btn-primary.sr-buy-now:hover { background: #F0B429 !important; filter: brightness(1.1) !important; }
/* inner flex layout */
.btn-primary-v3.sr-buy-now .sr-d-flex,
.m-btn-primary.sr-buy-now .sr-d-flex { display: flex !important; width: 100% !important; }
.btn-primary-v3.sr-buy-now .sr-checkout-visible2,
.m-btn-primary.sr-buy-now .sr-checkout-visible2 { font-size: 15px !important; font-weight: 900 !important; color: #14213D !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: 0.03em !important; white-space: nowrap !important; }
.btn-primary-v3.sr-buy-now .sr-button-text-container,
.m-btn-primary.sr-buy-now .sr-button-text-container { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; padding: 0 6px !important; }
/* UPI icons sizing */
.btn-primary-v3.sr-buy-now .sr-pl-15,
.m-btn-primary.sr-buy-now .sr-pl-15 { height: 18px !important; padding-left: 5px !important; }
/* Powered By badge */
.btn-primary-v3.sr-buy-now .sr-brand-badge-container,
.m-btn-primary.sr-buy-now .sr-brand-badge-container { position: absolute !important; right: 8px !important; bottom: 4px !important; }
.btn-primary-v3.sr-buy-now .sr-powered-by,
.m-btn-primary.sr-buy-now .sr-powered-by { font-size: 0 !important; }
.btn-primary-v3.sr-buy-now .sr-powered-by img,
.m-btn-primary.sr-buy-now .sr-powered-by img { height: 11px !important; width: auto !important; opacity: 0.9 !important; display: block !important; }

/* ── Sticky bar: very small phones (< 380px) ── */
@media (max-width: 380px) {
  .mobile-btn-group { grid-template-columns:96px 48px 1fr !important; gap:6px !important; }
  .mobile-sticky-actions-v3 { padding:10px 12px !important; padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important; }
  .m-btn-secondary { width:48px !important; height:56px !important; }
  .m-control { height:56px !important; }
  .m-btn-primary.sr-buy-now,
  .btn-primary-v3.sr-buy-now { height:56px !important; font-size:14px !important; padding:0 8px !important; }
  /* hide payment brand badges on tiny phones */
  .m-btn-primary.sr-buy-now .sr-brand-badge-container,
  .btn-primary-v3.sr-buy-now .sr-brand-badge-container { display:none !important; }
  .m-btn-primary.sr-buy-now .sr-pl-15,
  .btn-primary-v3.sr-buy-now .sr-pl-15 { display:none !important; }
  .m-control .q-btn { width:34px !important; }
  .m-control .q-input { width:30px !important; font-size:14px !important; }
}
/* ═══════════════════════════════════════════════════════════════
   Homepage product scroll rows  (.hp-scroll-section / .hps-*)
   Desktop: 4.5 cards visible  |  Mobile: 2 cards visible
   ═══════════════════════════════════════════════════════════════ */

/* ── Section wrapper ── */
.hp-scroll-section {
  padding: 40px 0 20px;
  background: #fff;
}
.hp-scroll-section + .hp-scroll-section {
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
}

/* ── Header row ── */
.hps-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 12px;
}
.hps-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hps-icon {
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,#14213D,#101A33);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;box-shadow:0 6px 14px rgba(20,33,61,.28);
}
.hps-icon svg{width:22px;height:22px;}
.hps-title {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 2px;
  font-family: 'Outfit', sans-serif;
}
.hps-subtitle {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  font-family: 'Outfit', sans-serif;
}
.hps-view-all {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  color: #14213D;
  text-decoration: none;
  border: 1.5px solid #14213D;
  padding: 6px 14px;
  border-radius: 20px;
  transition: all 0.2s;
  font-family: 'Outfit', sans-serif;
  white-space: nowrap;
}
.hps-view-all:hover {
  background: #14213D;
  color: #fff;
}

/* ── Outer scroll container ── */
.hps-outer {
  position: relative;
}

/* ── Scrollable track ── */
.hps-track {
  display: flex;
  gap: 14px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 6px 2px 12px;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.hps-track::-webkit-scrollbar { display: none; }
.hps-track.is-dragging { cursor: grabbing; }

/* ── Fade edges on desktop ── */
@media (min-width: 769px) {
  .hps-outer::before, .hps-outer::after {
    content: '';
    position: absolute;
    top: 0; bottom: 12px;
    width: 40px;
    z-index: 2;
    pointer-events: none;
  }
  .hps-outer::before { left: 0; background: linear-gradient(to right, #fff, transparent); }
  .hps-outer::after  { right: 0; background: linear-gradient(to left, #fff, transparent); }
}

/* ── Arrow buttons ── */
.hps-arrow {
  display: none;
}
@media (min-width: 769px) {
  .hps-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.14);
    font-size: 22px;
    color: #334155;
    cursor: pointer;
    z-index: 3;
    transition: all 0.2s;
    line-height: 1;
  }
  .hps-arrow:hover { background: #14213D; color: #fff; box-shadow: 0 6px 20px rgba(20,33,61,0.3); }
  .hps-arrow.hps-prev { left: -14px; }
  .hps-arrow.hps-next { right: -14px; }
  .hps-arrow[disabled] { opacity: 0.3; pointer-events: none; }
}

/* ── Progress bar ── */
.hps-progress-wrap {
  height: 3px;
  background: #e2e8f0;
  border-radius: 2px;
  margin-top: 4px;
  overflow: hidden;
}
.hps-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #14213D, #7C93BE);
  border-radius: 2px;
  width: 25%;
  transition: width 0.15s ease;
}

/* ── Product card ── */
.hps-card {
  flex-shrink: 0;
  width: 200px;
  background: #f8fafc;
  border-radius: 16px;
  border: 1.5px solid rgba(0,0,0,0.06);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  scroll-snap-align: start;
  transition: transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275), box-shadow 0.25s, border-color 0.25s;
}
.hps-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(20,33,61,0.13);
  border-color: #14213D;
}

/* ── Card image ── */
.hps-card-img {
  position: relative;
  width: 100%;
  padding-top: 100%;  /* 1:1 square */
  background: #fff;
  overflow: hidden;
}
.hps-card-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  display: block;
  transition: transform 0.3s;
}
.hps-card:hover .hps-card-img img { transform: scale(1.04); }

/* ── Discount badge ── */
.hps-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 3px 7px;
  border-radius: 6px;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
}

/* ── Card body ── */
.hps-card-body {
  flex: 1;
  padding: 10px 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hps-card-name {
  font-size: 12px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'Outfit', sans-serif;
}
.hps-card-price {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.hps-price {
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
  font-family: 'Outfit', sans-serif;
}
.hps-mrp {
  font-size: 11px;
  color: #94a3b8;
  text-decoration: line-through;
  font-family: 'Outfit', sans-serif;
}
.hps-price-na {
  font-size: 12px;
  color: #94a3b8;
  font-style: italic;
  font-family: 'Outfit', sans-serif;
}

/* ── Add button ── */
.hps-add-btn {
  width: 100%;
  padding: 9px 0;
  background: #FFC53D;
  color: #14213D;
  border: none;
  border-radius: 0 0 14px 14px;
  font-size: 12px;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: background 0.2s;
  margin-top: auto;
  display: flex; align-items: center; justify-content: center; gap: 7px;
}
.hps-add-btn:hover { background: #F0B429; }

/* ── KPC "Marker Note" card layer (logo + meta small on image, grade meter row) ── */
.kpc { background: #fff; }
.kpc .kpc-logo {
  position: absolute; top: 7px; left: 7px; z-index: 2; max-width: calc(100% - 50px);
  display: inline-flex; align-items: center; background: rgba(255,255,255,.96);
  border: 1px solid #E7E1D2; border-radius: 6px; padding: 3px 7px;
  box-shadow: 0 1px 4px rgba(20,33,61,.12); line-height: 0;
  text-decoration: none; color: inherit; transition: box-shadow .15s, border-color .15s;
}
a.kpc-logo:hover { border-color: #14213D; box-shadow: 0 2px 8px rgba(20,33,61,.22); }
.kpc .kpc-logo img { position: static; inset: auto; padding: 0; height: 13px; width: auto; display: block; max-width: 72px; object-fit: contain; transition: none; }
.kpc:hover .kpc-logo img { transform: none; }
/* Square/badge-style institute marks (e.g. Physics Wallah) cover far less area than a wide
   wordmark at the same height, so they read as tiny no matter how their padding is tuned —
   give them a taller box instead. */
.kpc .kpc-logo.kpc-logo-sq img { height: 22px; }
.kpc .kpc-logo-txt { font-size: 9px; font-weight: 900; color: #14213D; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; }
.kpc .kpc-meta {
  position: absolute; bottom: 8px; left: 8px; right: 8px; z-index: 2;
  background: rgba(20,33,61,.92); color: #fff; border-radius: 5px; padding: 3px 7px;
  font-family: 'Outfit', sans-serif; font-size: 7.5px; font-weight: 700;
  letter-spacing: .09em; white-space: nowrap; width: max-content; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis;
}
.kpc .hps-card-name em {
  font-style: normal;
  background: linear-gradient(180deg, transparent 50%, rgba(255,197,61,.55) 50%, rgba(255,197,61,.55) 92%, transparent 92%);
  padding: 0 2px;
}
.kpc .kpc-sticky {
  left: auto; right: 9px; top: -4px;
  background: #FFC53D; color: #0D1830;
  font-size: 9px; line-height: 1.15; text-align: center;
  padding: 10px 8px 6px; border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 10px rgba(20,33,61,.18);
  transform: rotate(2deg); z-index: 2;
}
/* Condition: the plain word leads (no A/B/C decoding required), the letter scale is a
   secondary confirmation for repeat shoppers who've learned it, detail line underneath. */
.kpc .kpc-grade { cursor: help; }
.kpc .kpc-grade-top { display: flex; align-items: center; gap: 6px; }
.kpc .kpc-grade-word {
  font-family: 'Outfit', sans-serif; font-size: 10.5px; font-weight: 800;
  letter-spacing: .01em;
}
.kpc .kpc-grade-word.ga { color: #1a8f3c; }
.kpc .kpc-grade-word.gb { color: #B77E13; }
.kpc .kpc-grade-word.gc { color: #8A6252; }
.kpc .kpc-grade-scale { display: flex; gap: 3px; margin-left: auto; }
.kpc .kpc-grade-scale i {
  width: 16px; height: 16px; border-radius: 4px; flex: none;
  display: flex; align-items: center; justify-content: center;
  font-size: 8px; font-weight: 800; font-style: normal; font-family: 'Outfit', sans-serif;
  background: #F0EDE4; color: #B6AE99;
}
.kpc .kpc-grade-scale i.on.ga { background: #1a8f3c; color: #fff; }
.kpc .kpc-grade-scale i.on.gb { background: #B77E13; color: #fff; }
.kpc .kpc-grade-scale i.on.gc { background: #8A6252; color: #fff; }
.kpc .kpc-grade-note {
  display: block; margin-top: 2px; font-family: 'Outfit', sans-serif;
  font-size: 8.5px; font-weight: 600; color: #7A8494;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 600px) {
  .kpc .kpc-logo img { height: 12px; max-width: 64px; }
  .kpc .kpc-logo.kpc-logo-sq img { height: 20px; }
  .kpc .kpc-meta { font-size: 7px; padding: 2px 6px; }
  .kpc .kpc-grade-word { font-size: 9.5px; }
  .kpc .kpc-grade-scale i { width: 14px; height: 14px; font-size: 7.5px; }
  .kpc .kpc-grade-note { font-size: 7.5px; }
  .kpc .kpc-sticky { font-size: 8px; padding: 8px 7px 5px; }
}
.hps-add-btn[disabled] {
  background: #cbd5e1;
  color: #94a3b8;
  cursor: not-allowed;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .hp-scroll-section { padding: 20px 0 10px; }
  .hps-title { font-size: 16px; }
  .hps-subtitle { font-size: 12px; }
  .hps-icon { width:36px;height:36px;border-radius:10px; } .hps-icon svg{width:19px;height:19px;}
  .hps-view-all { font-size: 11px; padding: 5px 10px; }
  .hps-card { width: 155px; border-radius: 12px; }
  .hps-card-name { font-size: 13px; -webkit-line-clamp: 2; }
  .hps-price { font-size: 13px; }
  .hps-add-btn { font-size: 13px; padding: 12px 0; min-height: 44px; border-radius: 0 0 10px 10px; }
  .hps-track { gap: 10px; padding: 4px 2px 10px; }
  .hps-progress-wrap { margin-top: 2px; }
}

/* ── Swipe hint animation (mobile, first row only) ── */
@keyframes hps-swipe-hint {
  0%   { transform: translateX(0); }
  20%  { transform: translateX(-18px); }
  40%  { transform: translateX(0); }
  60%  { transform: translateX(-10px); }
  80%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}
.hps-swipe-hint .hps-track {
  animation: hps-swipe-hint 1.2s ease 0.8s 1;
}

/* ═══════════════════════════════════════════════════════════════
   Browse Navigation Section  (.browse-nav-section)
   Replaces the old bento-grid — compact pill rows per group
   ═══════════════════════════════════════════════════════════════ */
.browse-nav-section {
  padding: 28px 0 24px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.bnav-group {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 6px 0;
}

.bnav-label {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-family: 'Outfit', sans-serif;
  padding-top: 6px;
  min-width: 110px;
}

.bnav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bnav-pill {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  text-decoration: none;
  color: var(--pc, #14213D);
  background: color-mix(in srgb, var(--pc, #14213D) 10%, white);
  border: 1.5px solid color-mix(in srgb, var(--pc, #14213D) 25%, white);
  transition: all 0.18s ease;
  white-space: nowrap;
}
.bnav-pill:hover {
  background: var(--pc, #14213D);
  color: #fff;
  border-color: var(--pc, #14213D);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--pc, #14213D) 30%, transparent);
}

.bnav-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 4px 0;
}

@media (max-width: 768px) {
  .browse-nav-section { padding: 14px 0 12px; }
  .bnav-group { flex-direction: row; align-items: center; gap: 10px; padding: 5px 0; }
  .bnav-label { min-width: 78px; font-size: 10px; padding-top: 0; line-height: 1.2; }
  .bnav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 2px;
  }
  .bnav-pills::-webkit-scrollbar { display: none; }
  .bnav-pill { font-size: 11px; padding: 4px 10px; }
  .bnav-divider { margin: 2px 0; }
}

/* ══════════════════════════════════════════════════════════
   SHOPIFY-STYLE REVIEWS  (.rv-*)
══════════════════════════════════════════════════════════ */
.rv-section {
  margin: 48px 0 0;
  scroll-margin-top: 80px;
}
.rv-heading {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.02em;
}
.rv-count-badge {
  font-size: 13px;
  font-weight: 700;
  background: #f1f5f9;
  color: #64748b;
  border-radius: 20px;
  padding: 2px 10px;
}

/* ── Summary ── */
.rv-summary {
  display: flex;
  gap: 40px;
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 28px;
}
.rv-summary-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  min-width: 100px;
}
.rv-big-score {
  font-size: 52px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1;
  letter-spacing: -0.04em;
  font-family: 'Outfit', sans-serif;
}
.rv-big-stars { display: flex; gap: 2px; }
.rv-based-on { font-size: 12px; color: #94a3b8; font-weight: 500; text-align: center; }

.rv-summary-bars { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.rv-bar-row { display: flex; align-items: center; gap: 10px; }
.rv-bar-label { font-size: 12px; font-weight: 600; color: #64748b; width: 22px; flex-shrink: 0; }
.rv-bar-track { flex: 1; height: 8px; background: #e2e8f0; border-radius: 99px; overflow: hidden; }
.rv-bar-fill { height: 100%; border-radius: 99px; transition: width 0.6s ease; }
.rv-bar-count { font-size: 12px; color: #94a3b8; width: 32px; text-align: right; flex-shrink: 0; }

/* ── Cards grid ── */
.rv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}
.rv-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.rv-card:hover {
  border-color: #c7d2fe;
  box-shadow: 0 4px 20px rgba(20,33,61,0.08);
}
.rv-card-top { display: flex; align-items: center; gap: 10px; }
.rv-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 800; color: #fff; flex-shrink: 0;
  font-family: 'Outfit', sans-serif;
}
.rv-card-meta { flex: 1; min-width: 0; }
.rv-card-name { font-size: 13px; font-weight: 700; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rv-card-date { font-size: 11px; color: #94a3b8; }
.rv-verified {
  font-size: 10px; font-weight: 700; color: #16a34a;
  background: #f0fdf4; border: 1px solid #bbf7d0;
  border-radius: 20px; padding: 2px 8px; white-space: nowrap; flex-shrink: 0;
}
.rv-card-stars { display: flex; gap: 2px; }
.rv-card-text {
  font-size: 13px; line-height: 1.65; color: #475569;
  margin: 0; display: -webkit-box; -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; overflow: hidden;
}

/* ── Pagination ── */
.rv-pagination {
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;
  padding-top: 8px;
}
.rv-page-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 8px;
  font-size: 13px; font-weight: 600; text-decoration: none;
  color: #64748b; background: #f1f5f9; border: 1px solid #e2e8f0;
  transition: all 0.18s;
}
.rv-page-btn:hover { background: #e0e7ff; color: #1C2E52; border-color: #c7d2fe; }
.rv-page-btn.active { background: #14213D; color: #fff; border-color: #14213D; }

/* ── Mobile ── */
@media (max-width: 768px) {
  .rv-grid { grid-template-columns: 1fr; }
  .rv-summary { flex-direction: column; gap: 20px; padding: 18px 16px; }
  .rv-summary-left { flex-direction: row; gap: 14px; align-items: center; min-width: auto; width: 100%; }
  .rv-big-score { font-size: 40px; }
  .rv-summary-bars { width: 100%; }
  .rv-heading { font-size: 18px; }
}

/* ── Write a Review form ── */
.rv-section-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
.rv-section-header .rv-heading { margin:0; }
.rv-write-wrap { margin:0; }

.rv-write-toggle {
  display: inline-flex; align-items: center; gap: 8px;
  background: #14213D; color: #fff;
  font-size: 14px; font-weight: 700; font-family: 'Outfit', sans-serif;
  padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 14px rgba(20,33,61,0.3);
}
.rv-write-toggle:hover { background: #1C2E52; transform: translateY(-1px); }
.rv-write-toggle.active { background: #1C2E52; }

.rv-form-wrap {
  margin-top: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px;
  animation: rv-slide-down 0.25s ease;
}
@keyframes rv-slide-down {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.rv-form-title {
  font-size: 18px; font-weight: 800; color: #0f172a;
  margin-bottom: 20px; font-family: 'Outfit', sans-serif;
}

/* Star picker */
.rv-star-pick-label { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 8px; }
.rv-required { color: #ef4444; }
.rv-star-pick {
  display: flex; align-items: center; gap: 6px;
  margin-bottom: 20px;
}
.rv-star-pick-star {
  cursor: pointer;
  transition: transform 0.12s;
}
.rv-star-pick-star:hover { transform: scale(1.2); }
.rv-star-label {
  font-size: 13px; font-weight: 600; color: #14213D;
  margin-left: 8px;
}

/* Fields */
.rv-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.rv-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.rv-field--full { margin-bottom: 20px; }
.rv-field label { font-size: 13px; font-weight: 600; color: #374151; }
.rv-input, .rv-textarea {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid #e2e8f0; border-radius: 10px;
  font-size: 14px; color: #1e293b;
  background: #fff; outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: inherit; box-sizing: border-box;
}
.rv-input:focus, .rv-textarea:focus {
  border-color: #14213D;
  box-shadow: 0 0 0 3px rgba(20,33,61,0.12);
}
.rv-textarea { resize: vertical; min-height: 110px; line-height: 1.6; }

.rv-submit-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #0f172a; color: #fff;
  font-size: 14px; font-weight: 700; font-family: 'Outfit', sans-serif;
  padding: 13px 28px; border-radius: 10px; border: none; cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.rv-submit-btn:hover { background: #1e293b; transform: translateY(-1px); }
.rv-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.rv-form-note { font-size: 12px; color: #94a3b8; margin-top: 10px; }
.rv-login-prompt { font-size: 14px; color: #64748b; }
.rv-login-prompt a { color: #14213D; font-weight: 600; }

@media (max-width: 640px) {
  .rv-form-row { grid-template-columns: 1fr; }
  .rv-form-wrap { padding: 20px 16px; }
}

/* ── Reviews inside tab ── */
.rv-tab-inner { padding: 24px 0 8px; }
.rv-section { margin: 0; }
.eg-tab-badge {
  display: inline-flex; align-items: center; justify-content: center;
  background: #14213D; color: #fff;
  font-size: 10px; font-weight: 700;
  border-radius: 10px; padding: 1px 6px; margin-left: 5px;
  line-height: 1.4;
}

/* ─── Search Suggestions Dropdown ─────────────────────────────────────────── */
.ss-dropdown {
  position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,.12);
  border:1px solid #e2e8f0;
  z-index:9999; overflow:hidden;
  display:none;
}
.ss-dropdown.ss-open { display:block; }
.ss-dropdown--mobile { top:calc(100% + 4px); }
.ss-item {
  display:flex; align-items:center; gap:12px;
  padding:10px 14px; text-decoration:none; color:inherit;
  border-bottom:1px solid #f1f5f9; transition:background .15s;
}
.ss-item:last-child { border-bottom:none; }
.ss-item:hover { background:#f8fafc; }
.ss-item-img {
  width:44px; height:44px; object-fit:cover;
  border-radius:8px; flex-shrink:0; border:1px solid #e2e8f0;
}
.ss-item-info { flex:1; min-width:0; }
.ss-item-name {
  font-size:13px; font-weight:600; color:#1e293b;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-family:Outfit,sans-serif;
}
.ss-item-price { font-size:12px; color:#14213D; font-weight:700; margin-top:2px; }
.ss-view-all {
  display:block; text-align:center; padding:10px;
  font-size:13px; font-weight:600; color:#14213D;
  background:#f8f7ff; text-decoration:none;
}
.ss-view-all:hover { background:#ede9fe; }
.ss-empty { padding:16px; text-align:center; font-size:13px; color:#94a3b8; }

/* ─── Product Card Stars ───────────────────────────────────────────────────── */
.upsc-card-stars {
  display:flex; align-items:center; gap:2px;
  margin:4px 0 6px;
}
.upsc-card-rating-txt {
  font-size:11px; color:#64748b; margin-left:4px;
  font-weight:500;
}

/* ─── Product Page Star Row ────────────────────────────────────────────────── */
.sp-star-row {
  display:flex; align-items:center; gap:3px;
  margin:6px 0 14px;
}
.sp-star-score {
  font-size:13px; font-weight:700; color:#f59e0b;
  margin-left:4px;
}
.sp-star-link {
  font-size:13px; color:#14213D; text-decoration:underline;
  margin-left:6px; cursor:pointer;
}

/* ─── Testimonials Section ─────────────────────────────────────────────────── */
.tm-section{position:relative;overflow:hidden;padding:40px 0 34px;background:linear-gradient(160deg,#0D1830 0%,#101A33 55%,#14213D 130%);}
.tm-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 340px at 88% -10%,rgba(79,163,174,.35),transparent 60%),radial-gradient(620px 320px at 0% 110%,rgba(20,33,61,.30),transparent 55%);}
.tm-container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 20px;}
.tm-header{text-align:center;margin-bottom:24px;}
.tm-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);color:#dbe7f5;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.18);margin-bottom:11px;}
.tm-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25);}
.tm-title{font-size:27px;font-weight:800;color:#fff;font-family:Outfit,sans-serif;margin:0 0 7px;letter-spacing:-.5px;}
.tm-subtitle{font-size:14px;color:rgba(255,255,255,.72);margin:0;}
.tm-track-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);}
.tm-track{display:flex;gap:18px;animation:tm-scroll 48s linear infinite;width:max-content;padding:6px 0;}
.tm-track:hover{animation-play-state:paused;}
@keyframes tm-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tm-card{position:relative;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:20px 20px 18px;width:330px;flex-shrink:0;box-shadow:0 18px 40px rgba(8,20,38,.28);transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;}
.tm-card:hover{transform:translateY(-5px);box-shadow:0 26px 54px rgba(8,20,38,.36);}
.tm-quote{position:absolute;top:20px;right:22px;width:34px;height:34px;color:#e3edf9;}
.tm-stars{display:flex;gap:3px;margin-bottom:13px;position:relative;z-index:1;}
.tm-text{font-size:14px;line-height:1.65;color:#334155;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.tm-product-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#14213D;font-weight:700;background:#eef5ff;border-radius:7px;padding:5px 11px;margin-bottom:16px;align-self:flex-start;}
.tm-product-tag svg{stroke:#14213D;}
.tm-author{display:flex;align-items:center;gap:12px;border-top:1px solid #f1f5f9;padding-top:14px;}
.tm-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.12);}
.tm-author-name{font-size:14px;font-weight:800;color:#101A33;}
.tm-author-city{font-size:11.5px;color:#94a3b8;margin-top:2px;display:flex;align-items:center;gap:5px;}
.tm-verified{display:inline-flex;align-items:center;gap:3px;color:#1a8f3c;font-weight:700;}
.tm-verified svg{stroke:#1a8f3c;}
.tm-stats-row{display:flex;justify-content:center;align-items:center;gap:0;margin-top:28px;flex-wrap:wrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:15px 10px;max-width:880px;margin-left:auto;margin-right:auto;}
.tm-stat{text-align:center;flex:1;min-width:120px;position:relative;}
.tm-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:34px;width:1px;background:rgba(255,255,255,.14);}
.tm-stat-num{display:block;font-size:26px;font-weight:800;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.5px;}
.tm-stat-lbl{font-size:12.5px;color:rgba(255,255,255,.62);margin-top:4px;display:block;}
@media (max-width:768px){
  .tm-section{padding:42px 0 36px;}
  .tm-header{margin-bottom:28px;}
  .tm-title{font-size:23px;}
  .tm-subtitle{font-size:13px;}
  .tm-card{width:270px;padding:20px 18px 18px;border-radius:15px;}
  .tm-quote{width:28px;height:28px;top:16px;right:18px;}
  .tm-text{font-size:13px;}
  .tm-stats-row{gap:0;padding:16px 6px;margin-top:30px;}
  .tm-stat{min-width:50%;flex:0 0 50%;padding:10px 0;}
  .tm-stat:nth-child(2)::after{display:none;}
  .tm-stat-num{font-size:21px;}
  .tm-stat-lbl{font-size:11px;}
}

/* ─── Collection Page v2 Header ───────────────────────────────────────────── */
.col-hero-v2 {
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:16px 0 14px; flex-wrap:wrap;
  border-bottom:1px solid #f1f5f9; margin-bottom:16px;
}
.col-hero-left { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.col-hero-title {
  font-size:22px; font-weight:800; color:#0f172a;
  font-family:"Outfit",sans-serif; margin:0; letter-spacing:-.02em;
}
.col-hero-count {
  font-size:13px; color:#94a3b8; font-weight:500;
}

/* Sort pills */
.col-sort-pills { display:flex; gap:6px; flex-wrap:wrap; }
.col-sort-pill {
  font-size:12px; font-weight:700; padding:6px 12px;
  border-radius:99px; border:1.5px solid #e2e8f0;
  color:#64748b; text-decoration:none; transition:all .15s;
  white-space:nowrap;
}
.col-sort-pill:hover { border-color:#14213D; color:#14213D; }
.col-sort-pill.active { background:#14213D; border-color:#14213D; color:#fff; }

/* Subcategory pills */
.col-subcat-row {
  display:flex; gap:8px; flex-wrap:wrap;
  margin-bottom:20px;
}
.col-subcat-pill {
  font-size:13px; font-weight:600; padding:7px 14px;
  border-radius:99px; border:1.5px solid #e2e8f0;
  color:#334155; text-decoration:none; transition:all .15s;
  display:flex; align-items:center; gap:5px;
  white-space:nowrap;
}
.col-subcat-pill:hover { border-color:#14213D; color:#14213D; background:#f5f8fc; }
.col-subcat-pill.active { background:#14213D; border-color:#14213D; color:#fff; }
.col-subcat-count {
  background:rgba(0,0,0,.08); border-radius:99px;
  font-size:10px; padding:1px 6px; font-weight:700;
}
.col-subcat-pill.active .col-subcat-count { background:rgba(255,255,255,.25); }

@media(max-width:768px) {
  .col-hero-v2 { padding:12px 0 10px; }
  .col-hero-title { font-size:18px; }
  .col-sort-pills { gap:4px; }
  .col-sort-pill { font-size:11px; padding:5px 10px; }
  .col-subcat-row { gap:6px; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; -webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%); mask-image:linear-gradient(to right,black 85%,transparent 100%); }
  .col-subcat-pill { font-size:12px; padding:6px 12px; flex-shrink:0; }
}

/* ─── Collection category description ─────────────────────── */
.col-cat-desc {
  background:#f8f7ff; border-left:3px solid #14213D;
  border-radius:0 10px 10px 0; padding:16px 20px;
  margin-bottom:20px; font-size:14px; color:#475569;
  line-height:1.75;
}
.col-cat-desc p { margin:0 0 8px; }
.col-cat-desc p:last-child { margin:0; }
@media(max-width:768px){ .col-cat-desc { font-size:13px; padding:12px 14px; } }

/* ─── Collection SEO Content Block ────────────────────────────────────────── */
.col-seo-content {
  margin-top: 60px; padding: 40px;
  background: #f8faff; border-radius: 16px;
  border: 1px solid #e8eaf6;
}
.col-seo-content h2 { font-size:22px; font-weight:800; color:#0f172a; font-family:"Outfit",sans-serif; margin:0 0 14px; }
.col-seo-content h3 { font-size:16px; font-weight:700; color:#1e293b; margin:24px 0 10px; }
.col-seo-content p { font-size:14px; color:#475569; line-height:1.8; margin:0 0 12px; }
.col-seo-content ul { padding-left:20px; margin:0 0 12px; }
.col-seo-content ul li { font-size:14px; color:#475569; line-height:1.8; margin-bottom:6px; }
.col-seo-content a { color:#14213D; text-decoration:none; }
.col-seo-content a:hover { text-decoration:underline; }

/* ─── Product Page SEO Block ───────────────────────────────────────────────── */
.sp-seo-block {
  margin: 48px 0 0; padding: 40px;
  background: #f8faff; border-radius: 16px;
  border: 1px solid #e8eaf6;
}
.sp-seo-h2 { font-size:22px; font-weight:800; color:#0f172a; font-family:"Outfit",sans-serif; margin:0 0 20px; }
.sp-seo-h3 { font-size:16px; font-weight:700; color:#1e293b; margin:28px 0 12px; }
.sp-seo-body p { font-size:14px; color:#475569; line-height:1.8; margin:0 0 14px; }
.sp-seo-list { padding-left:0; list-style:none; margin:0 0 14px; display:flex; flex-direction:column; gap:8px; }
.sp-seo-list li { font-size:14px; color:#475569; line-height:1.7; padding-left:0; }
.sp-seo-list a { color:#14213D; text-decoration:none; }
.sp-seo-list a:hover { text-decoration:underline; }
.sp-seo-faq { display:flex; flex-direction:column; gap:16px; }
.sp-faq-item { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:16px 18px; }
.sp-faq-item strong { font-size:14px; font-weight:700; color:#0f172a; display:block; margin-bottom:6px; }
.sp-faq-item p { font-size:13px; color:#64748b; line-height:1.7; margin:0; }
.sp-faq-item a { color:#14213D; text-decoration:none; }
@media(max-width:768px) {
  .sp-seo-block, .col-seo-content { padding:24px 18px; margin-top:32px; }
  .sp-seo-h2 { font-size:18px; }
}

/* ─── Collection SEO Content Block ───────────────────────────────────────── */
.col-seo-content {
  margin-top: 56px;
  padding: 40px 44px;
  background: #0e0b1f;
  border: 1px solid rgba(20,33,61,.18);
  border-radius: 16px;
  color: #c8c0e0;
  line-height: 1.8;
}
.col-seo-content h2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #e8e0f8;
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(20,33,61,.2);
}
.col-seo-content h2:first-child { margin-top: 0; }
.col-seo-content h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #d4c8f0;
  margin: 22px 0 8px;
}
.col-seo-content p {
  margin: 0 0 14px;
  font-size: .95rem;
}
.col-seo-content ul {
  padding-left: 20px;
  margin: 0 0 16px;
}
.col-seo-content ul li {
  margin-bottom: 8px;
  font-size: .95rem;
}
.col-seo-content a {
  color: #7C93BE;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s;
}
.col-seo-content a:hover { color: #B9C6E8; text-decoration: underline; }
.col-seo-content strong { color: #e8e0f8; }
@media (max-width: 600px) {
  .col-seo-content { padding: 28px 20px; }
  .col-seo-content h2 { font-size: 1.15rem; }
}


/* WooCommerce product grid - matches theme grid style */
ul.products { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:0 0 40px; padding:0; list-style:none; }
ul.products li.product { list-style:none; margin:0; border:1px solid #eee; border-radius:8px; overflow:hidden; background:#fff; transition:box-shadow .2s; }
ul.products li.product:hover { box-shadow:0 4px 12px rgba(0,0,0,.1); }
ul.products li.product a img { width:100%; height:auto; display:block; margin:0; }
ul.products li.product .woocommerce-loop-product__title { font-size:14px; font-weight:600; padding:10px 12px 4px; margin:0; }
ul.products li.product .price { padding:0 12px 8px; font-size:13px; color:#444; display:block; }
ul.products li.product a.button, ul.products li.product button.button { display:block; margin:8px 12px 12px; text-align:center; }
ul.products li.product .onsale { position:absolute; top:8px; right:8px; background:#e00; color:#fff; padding:2px 8px; border-radius:4px; font-size:11px; font-weight:700; }
ul.products li.product { position:relative; }
@media(max-width:1024px) { ul.products { grid-template-columns:repeat(3,1fr); } }
@media(max-width:768px) { ul.products { grid-template-columns:repeat(2,1fr); gap:12px; } }
@media(max-width:480px) { ul.products { grid-template-columns:1fr; } }

/* ===== KotaCart: compact header (single block) ===== */
.announcement-bar-v3{padding-top:2px !important;padding-bottom:2px !important;font-size:12px !important;line-height:1.3 !important;}
.header-top-row{padding:2px 0 !important;}
.header-top-inner,.header-top-row .container{min-height:0 !important;}
.header-flex-pw{padding:4px 0 !important;}
.header-logo-img,.custom-logo,.custom-logo-link img,.site-logo img,header img.custom-logo,.site-branding img,a.custom-logo-link img{height:36px !important;max-height:36px !important;width:auto !important;}
.header-search,.header-search input{height:38px !important;}
.header-search input{padding-top:0 !important;padding-bottom:0 !important;}
.header-bottom-row{margin-top:0 !important;}
.category-nav li a{padding:5px 0 !important;}

/* KotaCart: logo vertical align nudge */
.custom-logo-link,.custom-logo{display:block !important;}
.header-logo-container{display:flex !important;align-items:center !important;}.custom-logo{position:relative !important;top:0 !important;}

/* KotaCart: search field polish v2 */
.search-form-v3{position:relative;}
.search-form-v3 input[type=search]{border:1.6px solid #d9e1ec !important;border-radius:10px !important;color:#1f2937 !important;font-size:15px !important;height:44px !important;transition:border-color .2s,box-shadow .2s;}
.search-form-v3 input[type=search]:focus{border-color:#14213D !important;box-shadow:0 0 0 3px rgba(20,33,61,.13) !important;outline:none !important;}
.search-form-v3 input[type=search]::placeholder{color:#8a94a6 !important;opacity:1 !important;}
.search-form-v3 button{color:#14213D !important;}
.search-form-v3 button svg{stroke:#14213D !important;width:20px !important;height:20px !important;}

/* KotaCart: wider search */
.search-form-v3{max-width:680px !important;width:100% !important;flex:1 1 auto !important;}
.header-flex-pw{gap:24px !important;}

/* ===== KotaCart: nav bar brand style ===== */
.header-bottom-row{background:#14213D !important;border-top:0 !important;margin-top:0 !important;}
.category-nav-container{padding:0 40px !important;}
.category-nav>ul{gap:6px !important;}
.category-nav li a{color:#ffffff !important;font-size:13.5px !important;font-weight:600 !important;padding:11px 14px !important;border-radius:6px !important;transition:background .18s ease,color .18s ease !important;}
.category-nav li a svg,.category-nav li a .icon-chevron-down{stroke:#ffffff !important;opacity:.85;}
.category-nav>ul>li:hover>a,.category-nav>ul>li>a:hover{background:rgba(255,255,255,0.16) !important;color:#ffffff !important;}
.category-nav li a::after{display:none !important;}
/* dropdown / mega menu panel — solid white with shadow */
.category-nav .mega-menu{background:#ffffff !important;border:1px solid #e2e8f0 !important;border-top:3px solid #14213D !important;border-radius:0 0 10px 10px !important;box-shadow:0 12px 32px rgba(15,23,42,0.14) !important;}
.category-nav .mega-menu a{color:#334155 !important;background:transparent !important;border-radius:6px !important;}
.category-nav .mega-menu a:hover{color:#14213D !important;background:#eaf0f7 !important;}
.category-nav .mega-menu h3,.category-nav .mega-menu h4,.category-nav .mega-menu .mega-column-title,.category-nav .mega-menu .mega-title{color:#14213D !important;}
/* simple sub-menu fallback (non-mega dropdowns) */
.category-nav ul ul{background:#ffffff !important;border-top:3px solid #14213D !important;box-shadow:0 12px 32px rgba(15,23,42,0.14) !important;border-radius:0 0 10px 10px !important;}
.category-nav ul ul a{color:#334155 !important;}
.category-nav ul ul a:hover{background:#eaf0f7 !important;color:#14213D !important;}

/* ===== KotaCart: mobile header ===== */
@media (max-width:1024px){
  .header-pw-mobile-row .custom-logo,.header-pw-mobile-row .custom-logo-link img,.header-search-wrap-mobile .custom-logo{height:52px !important;width:auto !important;}
  .header-pw-mobile-row{align-items:center !important;min-height:48px !important;}
  .header-pw-mobile-row svg{width:26px !important;height:26px !important;}
  .header-pw-mobile-search-wrap input[type=search],.header-search-wrap-mobile input[type=search]{height:42px !important;border:1px solid #d9e1ec !important;border-radius:10px !important;font-size:15px !important;}
  .header-pw-mobile-search-wrap{padding-top:6px !important;padding-bottom:8px !important;}
}

/* ===== KotaCart: desktop dropdown UI ===== */
@media (min-width:1025px){
  .category-nav .mega-menu{padding:24px 28px !important;border-radius:0 0 12px 12px !important;}
  .category-nav .mega-grid{gap:0 !important;}
  .category-nav .mega-column{padding:0 24px !important;border-right:1px solid #eef2f7 !important;}
  .category-nav .mega-column:last-child{border-right:0 !important;}
  .category-nav .mega-column h3,.category-nav .mega-column h4,.category-nav .mega-column-title,.category-nav .mega-title{font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#14213D !important;padding-bottom:10px !important;margin-bottom:8px !important;border-bottom:2px solid #eef2f7 !important;}
  .category-nav .mega-menu a{display:block !important;font-size:14px !important;color:#334155 !important;padding:7px 10px !important;border-radius:7px !important;margin:1px 0 !important;font-weight:500 !important;transition:background .15s ease,color .15s ease,padding-left .15s ease !important;}
  .category-nav .mega-menu a:hover{background:#eaf0f7 !important;color:#14213D !important;padding-left:14px !important;}
}

/* ===== KotaCart: dropdown UI improvement ===== */
/* Panel */
.mega-menu{
  padding:28px 36px !important;
  border-top:3px solid #14213D !important;
  border-radius:0 0 12px 12px !important;
  box-shadow:0 8px 32px rgba(20,33,61,0.13),0 2px 8px rgba(0,0,0,0.07) !important;
}
/* Grid columns */
.mega-grid{gap:0 !important;}
/* Column separators */
.mega-column{
  padding:0 28px !important;
  border-right:1px solid #eef2f7 !important;
}
.mega-column:first-child{padding-left:0 !important;}
.mega-column:last-child{border-right:none !important;padding-right:0 !important;}
/* Section headings */
.mega-head{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  color:#14213D !important;
  padding-bottom:10px !important;
  margin-bottom:8px !important;
  border-bottom:2px solid #14213D !important;
}
/* Links */
.mega-column a{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:7px 10px !important;
  border-radius:6px !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  color:#334155 !important;
  transition:background 0.15s,color 0.15s,padding-left 0.15s !important;
  margin-bottom:2px !important;
}
.mega-column a::before{
  content:'→';
  font-size:11px;
  color:#14213D;
  opacity:0;
  transition:opacity 0.15s;
  flex-shrink:0;
}
.mega-column a:hover{
  background:#eef4fc !important;
  color:#14213D !important;
  padding-left:14px !important;
}
.mega-column a:hover::before{opacity:1;}
/* ===== KotaCart: search width ===== */
.header-search-container{flex:1 1 auto !important;max-width:860px !important;min-width:0 !important;}
.search-form-v3{max-width:100% !important;width:100% !important;}
/* ===== KotaCart: dropdown footer CTA ===== */
.mega-footer{
  margin:16px -28px -28px -28px;
  padding:12px 28px;
  background:linear-gradient(135deg,#eef4fc 0%,#f5f8fd 100%);
  border-top:1px solid #dce8f5;
  border-radius:0 0 12px 12px;
  display:flex;
  align-items:center;
}
.mega-view-all{
  font-size:13px !important;
  font-weight:600 !important;
  color:#14213D !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 !important;
  background:none !important;
  border-radius:0 !important;
  transition:gap 0.2s !important;
}
.mega-view-all:hover{
  color:#1a4d8c !important;
  background:none !important;
  gap:8px !important;
  padding-left:0 !important;
}
/* ===== KotaCart: nav hover bridge (closes the dead-gap) ===== */
.category-nav li.has-dropdown{position:relative;}
.category-nav li.has-dropdown::after{
  content:"";
  position:absolute;
  left:0;right:0;
  top:100%;
  height:18px;
  background:transparent;
}
.category-nav li.has-dropdown:hover .mega-menu,
.category-nav li.has-dropdown:focus-within .mega-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* ===== KotaCart: category hero COMPACT ===== */
.cat-hero-band{
  background:linear-gradient(120deg,#13294a 0%,#101A33 50%,#14213D 100%);
  padding:16px 0;position:relative;overflow:hidden;
}
.cat-hero-band::after{content:"";position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);}
.cat-hero-row{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1;}
.cat-hero-left{min-width:0;}
.cat-hero-crumb{margin-bottom:5px;}
.cat-hero-crumb a,.cat-hero-crumb span,.cat-hero-crumb svg{color:rgba(255,255,255,.7) !important;stroke:rgba(255,255,255,.7) !important;font-size:12.5px;}
.cat-hero-crumb a:hover{color:#fff !important;}
.cat-hero-main{display:flex;align-items:center;gap:13px;flex-wrap:wrap;}
.cat-hero-title{font-size:30px;font-weight:800;color:#fff;margin:0;line-height:1.05;letter-spacing:-.5px;}
.cat-hero-count{font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.16);padding:5px 13px;border-radius:30px;border:1px solid rgba(255,255,255,.2);}
.cat-hero-trust{display:flex;gap:10px;flex-shrink:0;}
.cht-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 12px;transition:background .16s;}
.cht-item:hover{background:rgba(255,255,255,.16);}
.cht-item svg{width:20px;height:20px;color:#fff;stroke:#fff;flex-shrink:0;}
.cht-item strong{display:block;color:#fff;font-size:11.5px;font-weight:700;line-height:1.2;white-space:nowrap;}
.cht-item span{display:block;color:rgba(255,255,255,.6);font-size:10px;margin-top:1px;white-space:nowrap;}

/* white subcategory rail */
.cat-subrail{background:#fff;border-bottom:1px solid #eef2f7;padding:14px 0 12px;}
.cat-subrail-desc{margin:0 0 10px;color:#64748b;font-size:13.5px;line-height:1.5;max-width:880px;}
.cat-subrail-pills{display:flex;flex-wrap:wrap;gap:8px;}
.csr-pill{
  display:inline-flex;align-items:center;gap:7px;
  background:#f4f7fb;border:1px solid #e2e8f0;color:#101A33 !important;
  font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:30px;
  text-decoration:none;transition:all .15s ease;line-height:1;
}
.csr-pill:hover{background:#14213D;border-color:#14213D;color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,33,61,.25);}
.csr-count{background:rgba(16,26,51,.10);color:#14213D;font-size:10.5px;padding:2px 7px;border-radius:10px;font-weight:700;min-width:18px;text-align:center;transition:all .15s;}
.csr-pill:hover .csr-count{background:rgba(255,255,255,.25);color:#fff;}
@media(max-width:1024px){.cat-hero-trust{display:none;}.cat-hero-title{font-size:23px;}}

/* ===== KotaCart: subrail one-row scroll ===== */
.cat-subrail-pills{
  flex-wrap:nowrap !important;
  overflow-x:auto;overflow-y:hidden;
  padding-bottom:8px;
  scrollbar-width:thin;scrollbar-color:#c5d3e6 transparent;
  -webkit-mask-image:linear-gradient(to right,#000 96%,transparent 100%);
  mask-image:linear-gradient(to right,#000 96%,transparent 100%);
}
.cat-subrail-pills::-webkit-scrollbar{height:5px;}
.cat-subrail-pills::-webkit-scrollbar-thumb{background:#c5d3e6;border-radius:3px;}
.cat-subrail-pills::-webkit-scrollbar-track{background:transparent;}
.csr-pill{flex-shrink:0;white-space:nowrap;}

/* ===== KotaCart: sort filter + hide bottom nav ===== */
/* bottom app bar hidden via wp_head on category pages only */

/* toolbar */
.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;flex-wrap:wrap;}
.cat-toolbar-count{font-size:13px;color:#64748b;font-weight:600;}
.cat-toolbar-actions{display:flex;align-items:center;gap:10px;}
.cat-filter-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #d9e1ec;color:#101A33;font-size:13px;font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .15s;}
.cat-filter-btn:hover{border-color:#14213D;background:#f4f7fb;}
.cat-filter-btn svg{stroke:#14213D;}
.cat-sort-wrap{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #d9e1ec;border-radius:9px;padding:0 10px;}
.cat-sort-wrap svg{stroke:#14213D;flex-shrink:0;}
.cat-sort-select{border:none;background:none;font-size:13px;font-weight:600;color:#101A33;padding:9px 4px;cursor:pointer;outline:none;}

/* filter slide-in panel */
.cat-filter-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:.25s;z-index:9998;}
.cat-filter-overlay.open{opacity:1;visibility:visible;}
.cat-filter-panel{position:fixed;top:0;right:0;height:100%;width:340px;max-width:88vw;background:#fff;box-shadow:-6px 0 30px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:9999;display:flex;flex-direction:column;}
.cat-filter-panel.open{transform:translateX(0);}
.cfp-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef2f7;}
.cfp-head strong{font-size:17px;color:#101A33;}
.cfp-head button{background:none;border:none;font-size:26px;line-height:1;color:#94a3b8;cursor:pointer;}
.cfp-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;}
.cfp-group{margin-bottom:22px;}
.cfp-label{display:block;font-size:13px;font-weight:700;color:#101A33;margin-bottom:10px;}
.cfp-price{display:flex;align-items:center;gap:10px;}
.cfp-price input{flex:1;width:100%;border:1.5px solid #d9e1ec;border-radius:8px;padding:9px 11px;font-size:14px;outline:none;}
.cfp-price input:focus{border-color:#14213D;}
.cfp-price span{color:#94a3b8;}
.cfp-price-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.cfp-price-quick button{background:#f4f7fb;border:1px solid #e2e8f0;color:#101A33;font-size:12px;font-weight:600;padding:6px 11px;border-radius:20px;cursor:pointer;transition:.15s;}
.cfp-price-quick button:hover{background:#14213D;color:#fff;border-color:#14213D;}
.cfp-actions{margin-top:auto;display:flex;gap:10px;padding-top:16px;border-top:1px solid #eef2f7;}
.cfp-clear{flex:1;text-align:center;padding:12px;border:1.5px solid #d9e1ec;border-radius:9px;color:#64748b;font-weight:700;font-size:14px;text-decoration:none;}
.cfp-apply{flex:2;background:#14213D;color:#fff;border:none;border-radius:9px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;}
.cfp-apply:hover{background:#101A33;}
@media(max-width:600px){
  .cat-toolbar{margin-bottom:14px;}
  .cat-sort-select{max-width:140px;}
}

/* ===== KotaCart: desktop filter sidebar ===== */
.cat-layout{display:flex;gap:28px;align-items:flex-start;}
.cat-main{flex:1;min-width:0;}
.cat-sidebar{width:240px;flex-shrink:0;}
.cat-sidebar-inner{position:sticky;top:90px;background:#fff;border:1px solid #e9eff6;border-radius:14px;padding:18px 18px 20px;box-shadow:0 2px 10px rgba(15,23,42,.04);}
.csb-title{font-size:16px;font-weight:800;color:#101A33;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7;}
.csb-group{margin-bottom:18px;}
.csb-label{font-size:13px;font-weight:700;color:#101A33;margin-bottom:10px;}
.csb-price{display:flex;align-items:center;gap:8px;}
.csb-price input{width:100%;border:1.5px solid #d9e1ec;border-radius:8px;padding:8px 10px;font-size:13px;outline:none;}
.csb-price input:focus{border-color:#14213D;}
.csb-price span{color:#94a3b8;}
.csb-quick{display:flex;flex-direction:column;gap:7px;margin-top:10px;}
.csb-quick button{background:#f4f7fb;border:1px solid #e2e8f0;color:#101A33;font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:8px;cursor:pointer;transition:.15s;text-align:left;}
.csb-quick button:hover{background:#14213D;color:#fff;border-color:#14213D;}
.csb-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid #eef2f7;}
.csb-clear{flex:1;text-align:center;padding:9px;border:1.5px solid #d9e1ec;border-radius:8px;color:#64748b;font-weight:700;font-size:13px;text-decoration:none;}
.csb-apply{flex:1.4;background:#14213D;color:#fff;border:none;border-radius:8px;padding:9px;font-weight:700;font-size:13px;cursor:pointer;}
.csb-apply:hover{background:#101A33;}

/* desktop: sidebar shown, hide the top inline Filter button (sort dropdown stays) */
@media(min-width:1025px){
  .cat-filter-btn{display:none !important;}
}
/* mobile/tablet: hide the sidebar, keep slide-in panel + bottom bar */
@media(max-width:1024px){
  .cat-layout{display:block;}
  .cat-sidebar{display:none;}
}

/* ===== KotaCart: toolbar tighten ===== */
.container[style*="padding-top:24px"]{padding-top:14px !important;}
.cat-toolbar{margin-bottom:12px !important;}
.cat-toolbar-count{font-size:13px;color:#64748b;font-weight:600;}
/* sidebar inner align to toolbar top */
.cat-sidebar-inner{top:88px;}

/* ===== KotaCart: hps-card in grid (improved) ===== */
.products-grid-upsc .hps-card-grid{
  width:auto !important;flex-shrink:1 !important;
  background:#fff;border:1px solid #eaeff5;border-radius:14px;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.products-grid-upsc .hps-card-grid:hover{box-shadow:0 14px 34px rgba(20,33,61,.14);border-color:#14213D;}
.products-grid-upsc .hps-card-grid .hps-card-img{padding-top:92%;background:#f8fafc;}
.products-grid-upsc .hps-card-grid .hps-card-body{padding:12px 14px 10px;gap:7px;}
.products-grid-upsc .hps-card-grid .hps-card-name{font-size:13px;line-height:1.35;-webkit-line-clamp:2;min-height:35px;color:#1e293b;}

/* rating row */
.hps-card-rate{display:flex;align-items:center;gap:6px;}
.hps-rate-badge{display:inline-flex;align-items:center;gap:3px;background:#e8f5e9;color:#1a8f3c;font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;}
.hps-rate-badge svg{color:#1a8f3c;}
.hps-rate-count{font-size:11px;color:#94a3b8;font-weight:600;}

/* price row */
.products-grid-upsc .hps-card-grid .hps-card-price{align-items:baseline;gap:7px;}
.products-grid-upsc .hps-card-grid .hps-price{font-size:18px;color:#0f172a;}
.products-grid-upsc .hps-card-grid .hps-mrp{font-size:12px;}
.hps-save{font-size:11px;font-weight:800;color:#1a8f3c;}

/* badge */
.products-grid-upsc .hps-card-grid .hps-badge:not(.kpc-sticky){font-size:11px;padding:4px 9px;top:10px;left:10px;border-radius:6px;}
.hps-badge-trend{background:#fff3e0 !important;color:#e8590c !important;}

/* add to cart button with icon */
.products-grid-upsc .hps-card-grid .hps-add-btn{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 0;font-size:13px;font-weight:800;letter-spacing:.3px;
  border-radius:0 0 13px 13px;background:#FFC53D;color:#14213D;
}
.products-grid-upsc .hps-card-grid .hps-add-btn svg{stroke:#14213D;}
.products-grid-upsc .hps-card-grid .hps-add-btn:hover{background:#F0B429;}

@media(max-width:768px){
  .products-grid-upsc .hps-card-grid .hps-card-name{font-size:13px;}
  .products-grid-upsc .hps-card-grid .hps-price{font-size:16px;}
  .products-grid-upsc .hps-card-grid .hps-add-btn{font-size:13px;padding:12px 0;min-height:44px;}
}

/* ===== KotaCart: card meta inline (price + rating same row) ===== */
.hps-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.hps-card-meta .hps-card-price{margin:0;display:flex;align-items:baseline;gap:6px;}
.hps-card-meta .hps-rate-badge{flex-shrink:0;}

/* ===== KotaCart: toolbar no-count align (sort to right) ===== */
.cat-toolbar{justify-content:flex-end !important;}

/* ===== KotaCart: responsive iframes (YouTube in description) ===== */
.woocommerce-Tabs-panel iframe,
.wc-tab iframe,
.product-description iframe,
.sp-description iframe,
.tab-content iframe,
[class*=description] iframe,
.entry-content iframe,
.tab-panel iframe,
.eg-prose iframe,
.eg-description-scroll iframe,
.eg-pane iframe{
  max-width:100% !important;
  width:100% !important;
  aspect-ratio:16/9;
  height:auto !important;
  display:block;
  border:0;
  border-radius:10px;
  margin:14px 0;
}
/* fallback for browsers without aspect-ratio: wrap-based */
@supports not (aspect-ratio:16/9){
  [class*=description] iframe,.entry-content iframe,.eg-prose iframe{height:56.25vw !important;max-height:480px;}
}
/* keep images & tables from overflowing too */
[class*=description] img,.entry-content img,.eg-prose img{max-width:100% !important;height:auto;}
[class*=description] table,.entry-content table,.eg-prose table{max-width:100%;overflow-x:auto;display:block;}

/* ===== KotaCart: product page polish ===== */
/* contain buy-now button + payment icons (fix overflow) */
.desktop-actions-v3 .action-btn-group{display:flex;align-items:stretch;gap:12px;flex-wrap:nowrap;}
.btn-primary-v3.sr-buy-now{min-width:0;overflow:hidden;flex:1.3;}
.btn-primary-v3.sr-buy-now .sr-payment-icons{max-height:20px;width:auto;flex-shrink:0;}
.btn-primary-v3.sr-buy-now .sr-d-flex{min-width:0;flex-wrap:wrap;justify-content:center;}
.btn-primary-v3.sr-buy-now .sr-brand-badge-container{font-size:8px;opacity:.85;}
.btn-secondary-v3{flex:1;white-space:nowrap;}
.desktop-qty{flex-shrink:0;}

/* price row tighter */
.premium-price-row-v5{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;}
.p-price-current{font-size:34px;font-weight:800;color:#0f172a;letter-spacing:-.5px;}
.p-price-old{font-size:17px;color:#94a3b8;text-decoration:line-through;}
.p-savings-pill{background:#e8f5e9;color:#1a8f3c;font-size:13px;font-weight:700;padding:5px 12px;border-radius:8px;display:inline-flex;gap:5px;align-items:center;}

/* delivery + trust mini-row under buttons */
.sp-assure-row{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:18px !important;}
.sp-assure{display:inline-flex !important;width:auto !important;flex:0 0 auto !important;align-items:center;gap:7px;background:#f6f9fd;border:1px solid #e6eef7;border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:600;color:#101A33;white-space:nowrap;}
.sp-assure svg{stroke:#14213D;width:18px;height:18px;flex-shrink:0;}

@media(max-width:768px){
  .p-price-current{font-size:28px;}
}

/* ===== KotaCart: product page v2 (rating, delivery, sticky) ===== */
/* green rating badge */
.sp-star-row{display:flex;align-items:center;gap:10px;margin:6px 0 4px;}
.sp-rating-badge{display:inline-flex;align-items:center;gap:4px;background:#1a8f3c;color:#fff;font-size:14px;font-weight:800;padding:3px 10px;border-radius:6px;}
.sp-rating-badge svg{color:#fff;}
.sp-star-link{font-size:13px;color:#64748b;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;}
.sp-star-link:hover{color:#14213D;border-bottom-color:#14213D;}

/* delivery estimate */
.sp-delivery{display:flex;align-items:center;gap:10px;background:#f0f7ff;border:1px solid #d6e8fb;border-radius:10px;padding:11px 14px;margin:16px 0;font-size:13.5px;color:#101A33;}
.sp-delivery svg{stroke:#14213D;flex-shrink:0;}
.sp-delivery strong{color:#0f172a;}

/* mobile sticky buy bar polish */
@media(max-width:768px){
  .mobile-sticky-actions-v3{
    position:fixed !important;left:0;right:0;bottom:0;z-index:1300 !important;
    background:#fff !important;border-top:1px solid #e6edf5 !important;
    box-shadow:0 -4px 20px rgba(15,23,42,.10) !important;
    padding:10px 14px env(safe-area-inset-bottom,10px) !important;
    display:flex !important;align-items:center;gap:10px;
  }
  .mobile-sticky-actions-v3 .qty-control{flex-shrink:0;}
  .mobile-sticky-actions-v3 .m-btn-primary{flex:1;border-radius:10px;font-weight:800;}
  /* add space so content isn't hidden behind the bar */
  body.single-product{padding-bottom:74px;}
}

/* ===== KotaCart: product width cap + highlights polish ===== */
.product-v3-wrapper .container{max-width:1280px;margin:0 auto;}
/* key highlights: nicer chips, no dup look */
.kh-pill-v6{background:#f6f9fd;border:1px solid #e6eef7;}
.kh-pill-v6:hover{border-color:#cdddee;}

/* ===== KotaCart: fit above fold (desktop, tighten product right column) ===== */
@media(min-width:1025px){
  /* cap gallery height so it doesn't push content down */
  .product-v3-wrapper .gallery-container-v3,
  .product-gallery-column{max-height:560px;}
  .main-image-wrapper,.gallery-container-v3 img{max-height:520px;}

  /* title tighter */
  .product-v3-wrapper h1,.p-title-v3{font-size:30px !important;line-height:1.12 !important;margin-bottom:4px !important;}
  .p-subtitle-v3,.product-v3-wrapper .p-subtitle{margin:0 0 10px !important;font-size:15px !important;}

  /* compress vertical rhythm */
  .sp-star-row{margin:4px 0 8px !important;}
  .key-highlights-v6{margin:10px 0 !important;}
  .kh-label-v6{margin-bottom:6px !important;}
  .premium-price-row-v5{margin:12px 0 !important;}
  .sp-delivery{margin:10px 0 !important;padding:9px 13px !important;}
  .elite-variant-zone-v4{margin:12px 0 !important;}
  .ez-label{margin-bottom:6px !important;}
  .desktop-actions-v3{margin-top:16px !important;}

  /* fade-up delays cause perceived gaps - reduce */
  .fade-up{animation-duration:.3s !important;}
}

/* ===== KotaCart: mobile compact spacing ===== */
@media(max-width:768px){
  /* cap the big product image so it doesn't fill the whole screen */
  .gallery-container-v3,.product-gallery-column,.main-image-wrapper,.mobile-scroll-container{max-height:330px !important;}
  .mobile-gallery-img,.gallery-container-v3 img{max-height:330px !important;object-fit:contain;}
  .product-gallery-column{margin-bottom:10px !important;}

  /* tighten title + everything */
  .product-v3-wrapper h1,.p-title-v3{font-size:21px !important;line-height:1.2 !important;margin:8px 0 2px !important;}
  .p-subtitle-v3,.product-v3-wrapper .p-subtitle{font-size:13.5px !important;margin:0 0 8px !important;}
  .sp-star-row{margin:4px 0 6px !important;}
  .key-highlights-v6{margin:8px 0 !important;}
  .kh-label-v6{margin-bottom:5px !important;font-size:12px !important;}
  .kh-grid-v6{gap:6px !important;}
  .kh-pill-v6{padding:5px 9px !important;font-size:11.5px !important;}
  .premium-price-row-v5{margin:10px 0 !important;}
  .p-price-current{font-size:26px !important;}
  .sp-delivery{margin:8px 0 !important;padding:8px 11px !important;font-size:12.5px !important;}
  .elite-variant-zone-v4{margin:10px 0 !important;}
  .ez-label{margin-bottom:5px !important;}
  .desktop-actions-v3{margin-top:12px !important;}
  /* reduce container top padding */
  .product-v3-wrapper .container{padding-top:10px !important;}
}

/* ===== KotaCart: mobile gallery cap (force small image) ===== */
@media(max-width:768px){
  body.single-product .product-main-grid .product-gallery-column,
  body.single-product .product-gallery-column .gallery-container-v3,
  body.single-product .gallery-container-v3 .main-image-wrapper,
  body.single-product .main-image-wrapper .mobile-scroll-container,
  body.single-product .mobile-scroll-container .mobile-slide,
  body.single-product .mobile-slide .mobile-gallery-img,
  body.single-product .mobile-gallery-img{
    max-height:260px !important;
    height:260px !important;
  }
  body.single-product .mobile-gallery-img{object-fit:contain !important;}
  body.single-product .product-gallery-column{margin-bottom:8px !important;}
}

/* ===== KotaCart: mobile smaller text + better fit ===== */
@media(max-width:768px){
  /* title smaller & tighter */
  .product-v3-wrapper h1,.p-title-v3{font-size:18px !important;line-height:1.25 !important;margin:6px 0 2px !important;letter-spacing:-.2px;}
  .p-subtitle-v3,.product-v3-wrapper .p-subtitle{font-size:12.5px !important;margin:0 0 6px !important;}

  /* rating */
  .sp-rating-badge{font-size:12px !important;padding:2px 8px !important;}
  .sp-star-link{font-size:11.5px !important;}

  /* highlights smaller */
  .kh-label-v6{font-size:11px !important;letter-spacing:.5px;margin-bottom:5px !important;}
  .kh-pill-v6{padding:5px 8px !important;font-size:11px !important;border-radius:7px;}
  .kh-icon-v6{font-size:13px !important;}

  /* price smaller */
  .p-price-current{font-size:23px !important;}
  .p-price-old{font-size:13px !important;}
  .p-savings-pill{font-size:11px !important;padding:4px 9px !important;}

  /* delivery + scarcity smaller */
  .sp-delivery{font-size:12px !important;padding:7px 10px !important;margin:8px 0 !important;}
  .scarcity-status-row{font-size:12px !important;}

  /* edition cards smaller */
  .ez-label{font-size:11px !important;}
  .v-card-title-v6{font-size:12.5px !important;}

  /* offers smaller */
  .offer-row-v3,[class*=offer]{font-size:12px !important;}

  /* sticky bar price smaller to match */
  .m-sticky-amt{font-size:17px !important;}
  .m-sticky-mrp{font-size:11px !important;}
  .m-btn-primary{font-size:14px !important;}
}

/* ===== KotaCart: product title refined (title-main-v5) ===== */
.title-main-v5{
  font-weight:700 !important;
  letter-spacing:-0.01em !important;
  line-height:1.22 !important;
  color:#1a2233 !important;
  font-size:clamp(20px, 1.6vw + 14px, 29px) !important;
  margin-bottom:5px !important;
}
.subtitle-v5,.product-v3-wrapper .p-subtitle,.p-subtitle-v3{
  font-weight:500 !important;
  color:#64748b !important;
  font-size:14px !important;
  letter-spacing:0 !important;
  margin:0 0 8px !important;
}
@media(max-width:768px){
  .title-main-v5{font-size:17px !important;line-height:1.3 !important;font-weight:700 !important;}
  .subtitle-v5,.product-v3-wrapper .p-subtitle,.p-subtitle-v3{font-size:13px !important;}
}

/* ===== KotaCart: crisp title (remove heavy/smudged look) ===== */
.title-main-v5{
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:optimizeLegibility !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}
.subtitle-v5,.product-v3-wrapper .p-subtitle,.p-subtitle-v3{
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

/* ===== KotaCart: subtitle fix (title-sub-v5) — lighter, matches title ===== */
.title-sub-v5{
  font-weight:500 !important;
  font-size:15px !important;
  color:#64748b !important;
  letter-spacing:0 !important;
  margin-top:2px !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
@media(max-width:768px){
  .title-sub-v5{font-size:13px !important;}
}

/* ===== KotaBook: mobile header (category/product) — logo matches the normal header ===== */
@media(max-width:768px){
  .pm-header-mobile{height:60px !important;padding:10px 14px !important;}
  .pm-header-mobile .pm-title-container img,
  .pm-header-mobile picture img{height:38px !important;width:auto !important;}
  .pm-back-btn svg{width:26px !important;height:26px !important;}
  .pm-minimal-icons svg{width:24px !important;height:24px !important;}
}

/* ===== KotaCart: title-rating gap + logo no-shift ===== */
@media(max-width:768px){
  /* reduce gap between title and rating */
  .top-header-v5{margin-bottom:4px !important;}
  .title-main-v5{margin:6px 0 2px !important;}
  .sp-star-row{margin:2px 0 6px !important;}

  /* logo LEFT-aligned (no shift on scroll), sized like the normal header */
  .pm-header-mobile .pm-title-container{
    flex:1;text-align:left !important;justify-content:flex-start !important;
    display:flex !important;align-items:center;padding-left:6px !important;
  }
  .pm-header-mobile .pm-title-container img,.pm-header-mobile picture img{
    height:38px !important;margin:0 !important;
  }
}

/* ===== KotaCart: header cart button (replaces hamburger) ===== */
.pm-cart-btn{
  background:none;border:none;cursor:pointer;padding:6px;color:#101A33;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.pm-cart-btn svg{stroke:#101A33;}
.pm-cart-count{
  position:absolute;top:-2px;right:-2px;
  background:#ef4444;color:#fff;font-size:10px;font-weight:800;
  min-width:17px;height:17px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
  line-height:1;border:1.5px solid #fff;
}

/* ===== KotaCart: home banner (horizontal images) ===== */
.cmpt-home-hero{position:relative;overflow:hidden;padding:24px 0;
  background:linear-gradient(160deg,#0D1830 0%,#101A33 42%,#14213D 118%);}
.cmpt-home-hero .chh-bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.09),transparent 40%),
             radial-gradient(circle at 88% 88%,rgba(255,197,61,.16),transparent 42%);}
.chh-grid{position:relative;z-index:1;display:flex;align-items:center;gap:34px;}
.chh-content{flex:0 0 50%;min-width:0;max-width:540px;}
.chh-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.13);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:30px;border:1px solid rgba(255,255,255,.2);}
.chh-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:chhDot 2s infinite;}
@keyframes chhDot{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6);}70%{box-shadow:0 0 0 6px rgba(74,222,128,0);}100%{box-shadow:0 0 0 0 rgba(74,222,128,0);}}
.chh-title{font-size:30px;font-weight:800;color:#fff;line-height:1.14;margin:11px 0 7px;letter-spacing:-.5px;}
.chh-title span{background:linear-gradient(90deg,#FFD97A,#FFEFC2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.chh-sub{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.55;margin:0 0 14px;max-width:540px;}
.chh-search{display:flex;align-items:center;background:#fff;border-radius:12px;padding:4px 4px 4px 14px;box-shadow:0 12px 30px rgba(0,0,0,.2);max-width:520px;}
.chh-search svg{width:19px;height:19px;stroke:#94a3b8;flex-shrink:0;}
.chh-search input{flex:1;border:none;outline:none;font-size:14px;padding:9px 11px;color:#101A33;background:none;min-width:0;}
.chh-search button{background:#14213D;color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s;}
.chh-search button:hover{background:#101A33;}
.chh-chips{display:flex;flex-wrap:nowrap;gap:9px;margin-top:14px;max-width:560px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent);}
.chh-chips::-webkit-scrollbar{display:none;}
.chh-chips a{position:relative;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.26);color:#fff;font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:999px;text-decoration:none;backdrop-filter:blur(6px);box-shadow:0 2px 6px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .16s,background .16s,color .16s,box-shadow .16s;}
.chh-chips a::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFC53D;box-shadow:0 0 0 3px rgba(255,197,61,.22);transition:background .16s,box-shadow .16s;}
.chh-chips a:hover{background:#fff;color:#101A33;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28);}
.chh-chips a:hover::before{background:#14213D;box-shadow:0 0 0 3px rgba(20,33,61,.18);}
.chh-chip-all{background:linear-gradient(180deg,rgba(255,197,61,.34),rgba(255,197,61,.16)) !important;border-color:rgba(255,197,61,.5) !important;font-weight:700 !important;}
.chh-chip-all::before{display:none !important;}
.chh-stats{display:flex;gap:30px;margin-top:18px;}
.chh-stat{display:flex;flex-direction:column;}
.chh-stat strong{color:#fff;font-size:20px;font-weight:800;line-height:1;}
.chh-stat span{color:rgba(255,255,255,.6);font-size:12px;margin-top:3px;}
/* horizontal scrolling image rows — fills remaining space */
.chh-marquee{flex:1 1 0%;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:14px;overflow:hidden;justify-content:center;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);}
.chh-row{display:flex;width:max-content;}
.chh-row-left{animation:chhLeft 26s linear infinite;}
.chh-row-right{animation:chhRight 26s linear infinite;}
@keyframes chhLeft{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes chhRight{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.chh-marquee:hover .chh-row{animation-play-state:paused;}
.chh-mq-card{flex-shrink:0;width:148px;margin-right:14px;border-radius:12px;overflow:hidden;background:#fff;border:3px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(0,0,0,.35);}
.chh-mq-card img{width:100%;height:148px;object-fit:cover;display:block;}
@media(max-width:980px){
  .chh-grid{flex-direction:column;align-items:stretch;gap:16px;}
  .chh-content{flex:1 1 auto;max-width:100%;}
  /* show ONE small scrolling row of images on mobile, below the text */
  .chh-marquee{display:flex;flex-direction:row;align-self:stretch;width:100%;}
  .chh-marquee .chh-row-right{display:none;}
  .chh-marquee .chh-row-left{animation-duration:20s;}
  .chh-mq-card{width:88px;border-width:2px;margin-right:11px;}
  .chh-mq-card img{height:88px;}
}
@media(max-width:768px){
  .cmpt-home-hero{padding:13px 0 12px;}
  /* TRIM TEXT: hide eyebrow badge, shrink headline, clamp subtitle to 1 line */
  .chh-eyebrow{display:none;}
  .chh-title{font-size:20px;margin:0 0 5px;}
  .chh-sub{font-size:13px;line-height:1.45;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .chh-chips a{font-size:12px;padding:6px 13px;border-radius:999px;}
  .chh-chips{margin-top:11px;}
  .chh-stats{gap:18px;margin-top:12px;}
  .chh-stat strong{font-size:17px;}
  .chh-mq-card{width:76px;margin-right:9px;}
  .chh-mq-card img{height:76px;}
}

/* ===== KotaCart: mobile bottom filter/sort bar + sort sheet ===== */
.mob-fs-bar{display:none;}
@media(max-width:1024px){
  /* hide the inline toolbar so Filter/Sort don't sit above the products */
  .cat-toolbar{display:none !important;}
  /* fixed bottom Filter | Sort bar */
  .mob-fs-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;
    background:#fff;border-top:1px solid #e6edf5;
    box-shadow:0 -6px 22px rgba(15,23,42,.12);
    padding:9px 12px;padding-bottom:calc(9px + env(safe-area-inset-bottom));
    align-items:stretch;gap:0;}
  .mob-fs-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    background:none;border:none;color:#101A33;font-size:14px;font-weight:700;
    padding:9px 0;cursor:pointer;}
  .mob-fs-btn svg{stroke:#14213D;}
  .mob-fs-btn:active{color:#14213D;}
  .mob-fs-div{width:1px;background:#e6edf5;margin:6px 0;flex-shrink:0;}
  /* keep page content clear of the fixed bar */
  .container[style*="padding-bottom:80px"]{padding-bottom:84px !important;}
}
/* Sort bottom sheet (works on all widths, used from mobile bar) */
.mob-sort-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:.25s;z-index:9998;}
.mob-sort-overlay.open{opacity:1;visibility:visible;}
.mob-sort-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;
  border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);
  transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  z-index:9999;padding:6px 10px calc(14px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;}
.mob-sort-sheet.open{transform:translateY(0);}
.mss-head{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 10px;
  border-bottom:1px solid #eef2f7;margin-bottom:6px;}
.mss-head strong{font-size:16px;font-weight:800;color:#101A33;}
.mss-head button{background:none;border:none;font-size:24px;line-height:1;color:#94a3b8;cursor:pointer;padding:0 4px;}
.mss-opt{display:flex;align-items:center;justify-content:space-between;
  padding:13px 10px;font-size:14px;font-weight:600;color:#334155;text-decoration:none;
  border-radius:10px;}
.mss-opt:active{background:#f4f7fb;}
.mss-opt.is-active{color:#14213D;font-weight:800;background:#eef5ff;}
.mss-opt svg{stroke:#14213D;}

/* ===== KotaCart: search results sub-bar ===== */
.srch-subbar{background:#fff;border-bottom:1px solid #eef2f7;}
.srch-subbar-inner{display:flex;align-items:center;gap:16px;padding:14px 0;flex-wrap:wrap;}
.srch-form{flex:1;min-width:240px;max-width:560px;display:flex;align-items:center;background:#f4f7fb;border:1.5px solid #e2e8f0;border-radius:11px;padding:3px 3px 3px 13px;transition:border-color .15s,background .15s;}
.srch-form:focus-within{border-color:#14213D;background:#fff;}
.srch-form svg{width:18px;height:18px;stroke:#94a3b8;flex-shrink:0;}
.srch-form input{flex:1;border:none;outline:none;background:none;font-size:14px;padding:9px 11px;color:#101A33;min-width:0;}
.srch-form input::placeholder{color:#94a3b8;}
.srch-form button{background:#14213D;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;}
.srch-form button:hover{background:#101A33;}
.srch-clear{font-size:13px;font-weight:700;color:#14213D;text-decoration:none;white-space:nowrap;}
.srch-clear:hover{text-decoration:underline;}
.cat-hero-crumb .chc-sep{opacity:.55;margin:0 2px;}
@media(max-width:768px){
  .srch-subbar{background:#fff;}
  .srch-subbar-inner{padding:10px 0 11px;gap:8px;flex-direction:column;align-items:stretch;}
  .srch-form{max-width:100%;width:100%;}
  .srch-form input{font-size:16px;}
  /* subtle, left-aligned chip so it doesn't crowd the edge */
  .srch-clear{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;
    font-size:12.5px;font-weight:700;color:#64748b;background:#f1f5f9;
    padding:6px 12px;border-radius:8px;}
  .srch-clear:hover{color:#14213D;text-decoration:none;background:#e8eef6;}
}

/* ===== KotaCart: related carousel cards match category design ===== */
/* product-card.php now renders inside the carousel track; give grid-style look + fixed width for horizontal scroll */
.hps-track .hps-card-grid{
  width:212px !important;flex:0 0 212px !important;
  display:flex;flex-direction:column;
  background:#fff;border:1px solid #eaeff5;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .18s,border-color .18s;
}
.hps-track .hps-card-grid:hover{box-shadow:0 14px 34px rgba(20,33,61,.14);border-color:#14213D;}
.hps-track .hps-card-grid .hps-card-img{padding-top:92%;background:#f8fafc;position:relative;}
.hps-track .hps-card-grid .hps-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;}
/* the institute-logo chip is a plain inline img, not the product photo — the rule above
   (same specificity as the shared .kpc-logo img rule, cascades per-property) would
   otherwise leave its height:100% in force and balloon the logo to fill the whole card. */
.hps-track .hps-card-grid .kpc-logo img{position:static;inset:auto;width:auto;height:13px;padding:0;object-fit:contain;}
.hps-track .hps-card-grid .kpc-logo.kpc-logo-sq img{height:22px;}
@media(max-width:600px){
  .hps-track .hps-card-grid .kpc-logo img{height:12px;}
  .hps-track .hps-card-grid .kpc-logo.kpc-logo-sq img{height:20px;}
}
.hps-track .hps-card-grid .hps-card-body{padding:12px 14px 10px;display:flex;flex-direction:column;gap:7px;flex:1;}
.hps-track .hps-card-grid .hps-card-name{font-size:13px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;min-height:35px;color:#1e293b;font-weight:600;margin:0;}
.hps-track .hps-card-grid .hps-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;}
.hps-track .hps-card-grid .hps-card-price{margin:0;display:flex;align-items:baseline;gap:6px;}
.hps-track .hps-card-grid .hps-price{font-size:18px;color:#0f172a;font-weight:800;}
.hps-track .hps-card-grid .hps-mrp{font-size:12px;color:#94a3b8;text-decoration:line-through;}
.hps-track .hps-card-grid .hps-rate-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;background:#e8f5e9;color:#1a8f3c;font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;}
.hps-track .hps-card-grid .hps-badge:not(.kpc-sticky){font-size:11px;padding:4px 9px;top:10px;left:10px;border-radius:6px;}
.hps-track .hps-card-grid .hps-add-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 0;font-size:13px;font-weight:800;letter-spacing:.3px;border:none;border-radius:0;background:#FFC53D;color:#14213D;cursor:pointer;transition:background .15s;}
.hps-track .hps-card-grid .hps-add-btn svg{stroke:#14213D;}
.hps-track .hps-card-grid .hps-add-btn:hover{background:#F0B429;}
.hps-track .hps-card-grid .hps-add-btn:disabled{background:#cbd5e1;cursor:not-allowed;}
@media(max-width:768px){
  .hps-track .hps-card-grid{width:165px !important;flex:0 0 165px !important;}
  .hps-track .hps-card-grid .hps-card-name{font-size:13px;}
  .hps-track .hps-card-grid .hps-price{font-size:16px;}
  .hps-track .hps-card-grid .hps-add-btn{font-size:13px;padding:12px 0;min-height:44px;}
}




/* ===== KotaCart: comparison section ===== */
.cmp-section{padding:54px 0;background:linear-gradient(180deg,#f4f7fb,#f8fafc);}
.cmp-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:54px;align-items:center;}
/* left panel */
.cmp-left{min-width:0;}
.cmp-eyebrow{display:inline-block;background:rgba(20,33,61,.1);color:#14213D;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:30px;margin-bottom:13px;}
.cmp-title{font-size:30px;font-weight:800;color:#101A33;margin:0 0 11px;line-height:1.18;letter-spacing:-.6px;}
.cmp-sub{font-size:15px;color:#64748b;margin:0 0 24px;line-height:1.6;max-width:480px;}
.cmp-stats{display:flex;gap:26px;margin-bottom:22px;}
.cmp-stat{display:flex;flex-direction:column;}
.cmp-stat strong{font-size:24px;font-weight:800;color:#14213D;line-height:1;letter-spacing:-.5px;}
.cmp-stat span{font-size:11.5px;color:#94a3b8;font-weight:600;margin-top:5px;}
.cmp-guarantee{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e3edf9;border-radius:14px;padding:14px 16px;margin-bottom:22px;box-shadow:0 4px 14px rgba(15,23,42,.05);}
.cmp-guarantee-ic{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;display:flex;align-items:center;justify-content:center;}
.cmp-guarantee-ic svg{width:22px;height:22px;}
.cmp-guarantee strong{display:block;font-size:14px;color:#101A33;font-weight:800;}
.cmp-guarantee span{display:block;font-size:12px;color:#64748b;margin-top:2px;}
.cmp-cta-btn{display:inline-block;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;font-size:15px;font-weight:800;padding:14px 30px;border-radius:13px;text-decoration:none;box-shadow:0 10px 24px rgba(20,33,61,.3);transition:transform .18s ease,box-shadow .18s ease;}
.cmp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,33,61,.4);}

/* Feature showcase — just the six-fact strip, no heading/CTA/copy around it.
   auto-fit/minmax instead of a fixed column count + hard breakpoints: the number of
   columns adjusts fluidly to whatever width is actually available, so a tile never
   gets squeezed narrower than it needs to show its label on one or two clean lines. */
.cmp-section{padding:28px 0;}
/* .cmp-wrap's base rule still splits into a 1fr/1.2fr two-column grid (built for the
   old intro+table layout) — with only .cmp-strip left as a child now, it was landing
   in just the first ~45% track. Force it back to a single full-width column. */
.cmp-wrap--showcase{grid-template-columns:1fr;}
.cmp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;}
.cmp-tile{background:#fff;border:1px solid #e9eff6;border-radius:12px;padding:16px 10px;text-align:center;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;}
.cmp-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,23,42,.08);}
.cmp-tile-ic{width:32px;height:32px;border-radius:9px;background:#14213D;color:#FFC53D;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;flex:0 0 auto;}
.cmp-tile-ic svg{width:15px;height:15px;}
.cmp-tile-name{display:block;font-size:12px;font-weight:700;color:#101A33;line-height:1.3;}
@media(max-width:480px){
  .cmp-strip{grid-template-columns:repeat(2,1fr);gap:8px;}
  .cmp-tile{padding:13px 8px;min-height:88px;}
  .cmp-tile-ic{width:28px;height:28px;border-radius:8px;margin-bottom:8px;}
  .cmp-tile-ic svg{width:13px;height:13px;}
  .cmp-tile-name{font-size:11px;}
}
/* right table */
.cmp-right{min-width:0;}
.cmp-table{background:#fff;border:1px solid #e9eff6;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,.07);}
.cmp-row{display:grid;grid-template-columns:1.7fr .9fr .9fr .9fr;align-items:center;border-bottom:1px solid #eef2f7;}
.cmp-row:last-child{border-bottom:none;}
.cmp-feat{padding:14px 18px;display:flex;flex-direction:column;gap:2px;}
.cmp-feat-name{font-size:13.5px;font-weight:700;color:#101A33;line-height:1.25;}
.cmp-feat-desc{font-size:11.5px;color:#94a3b8;line-height:1.3;}
.cmp-col{display:flex;align-items:center;justify-content:center;padding:13px 6px;flex-direction:column;gap:3px;}
.cmp-col--us{background:linear-gradient(180deg,rgba(20,33,61,.08),rgba(20,33,61,.04));position:relative;border-left:1.5px solid rgba(20,33,61,.2);border-right:1.5px solid rgba(20,33,61,.2);}
.cmp-row--head .cmp-col--us{border-top:1.5px solid rgba(20,33,61,.2);border-radius:14px 14px 0 0;}
.cmp-row:last-child .cmp-col--us{border-bottom:1.5px solid rgba(20,33,61,.2);border-radius:0 0 14px 14px;}
.cmp-row--head{background:#fbfcfe;border-bottom:2px solid #eef2f7;}
.cmp-row--head .cmp-col{padding:16px 6px;font-size:13px;font-weight:800;color:#64748b;}
.cmp-us-name{font-size:15px;font-weight:900;color:#14213D;letter-spacing:-.2px;}
.cmp-us-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#14213D;padding:2px 8px;border-radius:20px;}
.cmp-oth{color:#94a3b8;}
.cmp-cell{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.cmp-cell svg{width:15px;height:15px;}
.cmp-y{background:#e7f6ec;color:#16a34a;}
.cmp-n{background:#fdeaea;color:#e25555;}
.cmp-p{background:#fef3e2;color:#e0922f;}
.cmp-col--us .cmp-y{background:#14213D;color:#fff;box-shadow:0 4px 10px rgba(20,33,61,.35);}
@media(max-width:980px){
  .cmp-wrap{grid-template-columns:1fr;gap:28px;}
  .cmp-left{text-align:center;max-width:560px;margin:0 auto;}
  .cmp-sub{margin-left:auto;margin-right:auto;}
  .cmp-stats{justify-content:center;}
  .cmp-guarantee{text-align:left;max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:22px;}
}
@media(max-width:680px){
  .cmp-section{padding:34px 0;}
  .cmp-title{font-size:23px;}
  .cmp-sub{font-size:13px;}
  .cmp-stats{gap:18px;}
  .cmp-stat strong{font-size:20px;}
  .cmp-row{grid-template-columns:1.6fr .8fr .8fr .8fr;}
  .cmp-feat{padding:13px 12px;}
  .cmp-feat-name{font-size:12px;}
  .cmp-feat-desc{font-size:10px;}
  .cmp-row--head .cmp-col{font-size:10px;padding:12px 2px;}
  .cmp-us-name{font-size:12px;}.cmp-us-tag{font-size:7.5px;padding:1px 6px;}
  .cmp-col{padding:10px 2px;}
  .cmp-cell{width:21px;height:21px;}.cmp-cell svg{width:12px;height:12px;}
  .cmp-cta-btn{width:100%;box-sizing:border-box;font-size:14px;}
}


/* ===== KotaCart: testimonials rating badge ===== */
.tm-rating{display:inline-flex;align-items:center;gap:13px;margin-top:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:12px 20px;backdrop-filter:blur(6px);}
.tm-rating-score{font-size:32px;font-weight:900;color:#fff;line-height:1;font-family:Outfit,sans-serif;letter-spacing:-1px;}
.tm-rating-meta{display:flex;flex-direction:column;gap:4px;text-align:left;}
.tm-rating-stars{display:flex;gap:2px;}
.tm-rating-stars svg{width:17px;height:17px;color:#fbbf24;}
.tm-rating-count{font-size:12.5px;color:rgba(255,255,255,.75);}
.tm-rating-count strong{color:#fff;font-weight:800;}
@media(max-width:768px){
  .tm-rating{gap:11px;padding:10px 16px;margin-top:14px;}
  .tm-rating-score{font-size:30px;}
  .tm-rating-stars svg{width:14px;height:14px;}
  .tm-rating-count{font-size:11px;}
}


/* ===== KotaCart: institute card brand ===== */
.inst-card-v4:hover{background:#fff;transform:translateY(-6px) scale(1.03);border-color:#14213D;box-shadow:0 18px 36px rgba(20,33,61,.18);}
.inst-card-v4:hover .inst-logo-v4{transform:scale(1.05);border-color:#cfe0f3;}
@media(max-width:768px){
}


/* ===== KotaCart: header actions redesign ===== */
.header-utility-container{flex:0 0 auto;display:flex;align-items:center;gap:6px;}
.utility-item{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#64748b;background:transparent;border:none;padding:7px 12px;border-radius:13px;cursor:pointer;font-family:inherit;transition:background .18s ease,color .18s ease;}
.utility-item:hover{color:#14213D;background:#eef5ff;transform:none;}
.utility-icon{width:24px;height:24px;margin:0;color:#101A33;display:flex;align-items:center;justify-content:center;position:relative;transition:color .18s ease,transform .18s ease;}
.utility-item:hover .utility-icon{color:#14213D;transform:translateY(-1px);}
.utility-icon svg{width:23px;height:23px;}
.utility-item span{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;}
/* Login pill — horizontal, branded */
.btn-login-v3{display:inline-flex;flex-direction:row;align-items:center;gap:8px;margin-left:6px;
  background:linear-gradient(135deg,#14213D,#101A33);color:#fff !important;
  padding:12px 22px;border-radius:13px;text-decoration:none;font-weight:800;
  font-size:13px;text-transform:uppercase;letter-spacing:.4px;line-height:1;
  box-shadow:0 6px 16px rgba(20,33,61,.32);transition:transform .2s ease,box-shadow .2s ease;}
.btn-login-v3 .btn-login-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.btn-login-v3:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(20,33,61,.45);color:#fff !important;}
/* cart count badge — refined */
.cart-count-badge.elite-badge{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(239,68,68,.4);}


/* ===== KotaCart: hero product cards clickable ===== */
a.chh-mq-card{display:block;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
a.chh-mq-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.4);}
a.chh-mq-card img{transition:transform .3s ease;}
a.chh-mq-card:hover img{transform:scale(1.06);}


/* ===== KotaCart: hero mobile scroller (swipeable + seamless) ===== */
@media(max-width:980px){
  .chh-marquee{display:flex !important;flex-direction:row !important;overflow:hidden !important;height:auto;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
  .chh-marquee .chh-row-right{display:none !important;}
  .chh-marquee .chh-row-left{display:flex !important;animation:chhLeft 20s linear infinite !important;width:max-content;}
}


/* ===== KotaCart: bex card animations ===== */
.bex-card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.45,.5,1),box-shadow .35s ease,border-color .25s ease;}
.bex-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:3;}
.bex-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px color-mix(in srgb,var(--c) 22%,rgba(15,23,42,.12));border-color:color-mix(in srgb,var(--c) 48%,#e9eff6);}
.bex-card:hover::after{transform:scaleX(1);}
.bex-ic{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;}
.bex-card:hover .bex-ic{transform:scale(1.1) rotate(-7deg);box-shadow:0 12px 24px color-mix(in srgb,var(--c) 50%,transparent);}
.bex-name{transition:color .2s ease;}
.bex-card:hover .bex-name{color:var(--c);}
.bex-arrow{transition:transform .35s cubic-bezier(.34,1.56,.64,1),stroke .2s ease;}
.bex-card:hover .bex-arrow{stroke:var(--c);transform:translateX(5px);}
.bex-sub{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.bex-sub:hover{transform:translateY(-2px);background:var(--c) !important;color:#fff !important;border-color:var(--c) !important;box-shadow:0 5px 12px color-mix(in srgb,var(--c) 42%,transparent);}
/* scroll reveal (JS-gated so cards stay visible without JS) */
.bex-reveal .bex-card{opacity:0;transform:translateY(22px);}
.bex-reveal .bex-card.is-in{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .6s cubic-bezier(.22,1,.36,1);}
.bex-reveal .bex-card.is-in:hover{transform:translateY(-6px);transition:transform .4s cubic-bezier(.34,1.45,.5,1),box-shadow .35s ease,border-color .25s ease;}
@media(prefers-reduced-motion:reduce){.bex-reveal .bex-card{opacity:1 !important;transform:none !important;}}


/* ===== KotaCart: brand strip (faded scrolling institutes) ===== */
.brandstrip{background:#fff;border-top:1px solid #eef2f7;padding:26px 0 28px;overflow:hidden;}
.brandstrip .container{max-width:1280px;margin:0 auto;padding:0 20px;}
.brandstrip-label{display:block;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:18px;}
.brandstrip-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);}
.brandstrip-track{display:flex;align-items:center;width:max-content;animation:brandstrip-scroll 110s linear infinite;}
.brandstrip-track:hover{animation-play-state:paused;}
@keyframes brandstrip-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.brandstrip-logo{flex-shrink:0;margin-right:50px;display:flex;align-items:center;justify-content:center;height:38px;}
.brandstrip-logo img{height:34px;width:auto;max-width:155px;object-fit:contain;filter:grayscale(100%);opacity:.5;transition:filter .3s ease,opacity .3s ease,transform .25s ease;}
.brandstrip-logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.07);}
.brandstrip-logo .brandstrip-text{font-family:'Outfit','Inter',sans-serif;font-weight:800;font-size:19px;color:#94a3b8;letter-spacing:-.3px;white-space:nowrap;opacity:.5;transition:color .25s ease,opacity .25s ease,transform .25s ease;}
.brandstrip-logo:hover .brandstrip-text{color:#101A33;opacity:1;transform:scale(1.05);}
@media(max-width:768px){.brandstrip-logo .brandstrip-text{font-size:15px;}}
@media(prefers-reduced-motion:reduce){.brandstrip-track{animation:none;flex-wrap:wrap;justify-content:center;row-gap:18px;}}
@media(max-width:768px){
  .brandstrip{padding:18px 0 20px;}
  .brandstrip-label{font-size:10.5px;margin-bottom:13px;}
  .brandstrip-logo{margin-right:32px;height:28px;}
  .brandstrip-logo img{height:26px;max-width:130px;opacity:.62;}
}



/* ===== KotaCart: curated material by exam (compact pills) ===== */
.cme-section{padding:34px 0;background:linear-gradient(180deg,#f4f8fd,#fff);}
.cme-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px;}
.cme-title{font-size:25px;font-weight:800;color:#101A33;margin:0;letter-spacing:-.02em;line-height:1.1;}
.cme-sub{margin:5px 0 0;font-size:13px;color:#6b7c93;font-weight:500;}
.cme-viewall-top{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#14213D;text-decoration:none;white-space:nowrap;flex:0 0 auto;padding:7px 15px;border:1px solid #d6e4f4;border-radius:999px;background:#fff;margin-top:3px;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;}
.cme-viewall-top:hover{background:#14213D;color:#fff;border-color:#14213D;box-shadow:0 6px 14px rgba(20,33,61,.25);}
.cme-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px;margin-bottom:14px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);}
.cme-tabs::-webkit-scrollbar{display:none;}
.cme-tab{flex:0 0 auto;border:1px solid #e2e9f2;background:#fff;color:#48566b;font-size:13.5px;font-weight:700;padding:8px 17px;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;}
.cme-tab:hover{border-color:#9cc0e8;color:#14213D;transform:translateY(-1px);}
.cme-tab.is-active{background:linear-gradient(135deg,#14213D,#101A33);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(20,33,61,.34);}
.cme-panel{display:none;}
.cme-panel.is-active{display:flex;align-items:stretch;gap:12px;animation:cmeFade .4s ease;}
@keyframes cmeFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.cme-feat{position:relative;overflow:hidden;flex:0 0 225px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(140deg,#14213D,#101A33);text-decoration:none;box-shadow:0 10px 24px rgba(16,26,51,.30);transition:transform .18s,box-shadow .18s;}
.cme-feat:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,26,51,.40);}
.cme-feat::after{content:"";position:absolute;right:-34px;top:-34px;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.08);}
.cme-feat::before{content:"";position:absolute;left:-22px;bottom:-42px;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.05);}
.cme-feat-ic{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;}
.cme-feat-ic svg{width:23px;height:23px;}
.cme-feat-txt{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;}
.cme-feat-name{font-size:15.5px;font-weight:800;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cme-feat-star{color:#ffd166;}
.cme-feat-meta{font-size:12px;font-weight:600;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cme-chips{flex:1;min-width:0;display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);}
.cme-chips::-webkit-scrollbar{display:none;}
.cme-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border-radius:13px;border:1px solid #e6eef8;background:#fff;color:#33425a;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;}
.cme-chip:hover{border-color:#bcd6f2;color:#101A33;box-shadow:0 10px 20px rgba(20,33,61,.16);transform:translateY(-2px);}
.cme-chip-ic{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#eaf2fd,#d8e8fa);display:flex;align-items:center;justify-content:center;color:#14213D;flex:0 0 auto;transition:background .16s,color .16s;}
.cme-chip-ic svg{width:17px;height:17px;}
.cme-chip:hover .cme-chip-ic{background:linear-gradient(135deg,#14213D,#101A33);color:#fff;}
.cme-chip-more{padding:9px 18px;background:#eaf2fd;color:#14213D;border-color:#d8e8fa;font-weight:800;}
.cme-chip-more:hover{background:linear-gradient(135deg,#14213D,#101A33);color:#fff;border-color:transparent;}
@media(max-width:768px){
  .cme-section{padding:24px 0;}
  .cme-title{font-size:15.5px;}
  .cme-sub{font-size:11px;}
  .cme-viewall-top{font-size:11px;padding:5px 11px;}
  .cme-tab{padding:7px 14px;font-size:12.5px;}
  .cme-panel.is-active{flex-direction:column;gap:10px;}
  .cme-feat{flex:none;padding:12px 14px;border-radius:14px;}
  .cme-feat-ic{width:44px;height:44px;border-radius:12px;}
  .cme-feat-ic svg{width:21px;height:21px;}
  .cme-feat-name{font-size:15px;}
  .cme-chips{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;align-content:center;gap:8px;padding:2px;}
  .cme-chip{padding:7px 13px 7px 7px;font-size:12px;}
  .cme-chip-ic{width:26px;height:26px;}
  .cme-chip-ic svg{width:15px;height:15px;}
}
/* ===== END curated material by exam ===== */

/* ===== KotaCart footer v3 — "Double Deck" night sheet ===== */
.kcf{background:linear-gradient(180deg,#14213D,#0D1830);padding-top:22px;font-size:13px}
.kcf-sheet{background:#111E3A;border-radius:26px 26px 0 0;color:#A9B5CE;box-shadow:0 -14px 40px rgba(0,0,0,.4);overflow:hidden}
.kcf-handle{display:flex;justify-content:center;padding:11px 0 3px}
.kcf-handle i{width:44px;height:5px;border-radius:999px;background:#2A3A5C;display:block}
.kcf a{text-decoration:none}
.kcf p{margin:0}

/* upper deck */
.kcf-upper{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 44px;padding:8px 26px 20px;max-width:1200px;margin:0 auto}
.kcf-brand{padding-top:10px}
.kcf-logo-link{display:inline-flex;align-items:center;background:rgba(255,255,255,.97);padding:6px 12px;border-radius:11px;line-height:0;margin-bottom:13px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.kcf-logo-link img{height:36px;width:auto;display:block}
.kcf-tagline{color:#8E9BB5;font-size:12.5px;line-height:1.65;max-width:30ch;margin:0 0 13px}
.kcf-contact{list-style:none;margin:0 0 15px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.kcf-contact a,.kcf-contact span{display:inline-flex;align-items:center;gap:9px;color:#C6D0E4}
.kcf-contact a:hover{color:#fff}
.kcf-contact svg{width:15px;height:15px;stroke:#7C93BE;flex-shrink:0}
.kcf-brand-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kcf-wa{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#062e16;font-weight:800;font-size:12.5px;padding:11px 18px;border-radius:999px;box-shadow:0 6px 16px rgba(37,211,102,.25);transition:transform .18s ease,box-shadow .18s}
.kcf-wa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,211,102,.35)}
.kcf-wa svg{width:16px;height:16px}
.kcf-social{display:flex;gap:8px}
.kcf-social a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#C6D0E4;transition:transform .18s ease,background .18s,border-color .18s}
.kcf-social a:hover{background:#FFC53D;border-color:#FFC53D;color:#fff;transform:translateY(-2px)}
.kcf-social svg{width:16px;height:16px}
.kcf-h{font-family:inherit;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8E9BB5;padding:14px 2px 8px}
.kcf-row{display:flex;align-items:center;gap:12px;padding:11px 2px;min-height:44px;font-weight:600;font-size:13.5px;color:#C6D0E4;border-bottom:1px solid rgba(255,255,255,.06);transition:color .15s}
.kcf-col .kcf-row:last-child{border-bottom:none}
.kcf-row:hover{color:#fff}
.kcf-row .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(20,33,61,.25);color:#FFC53D}
.kcf-row .ic svg{width:15px;height:15px}
.kcf-row.hot .ic{background:rgba(255,197,61,.2);color:#FFC53D}
.kcf-row .chev{margin-left:auto;color:#45577E;font-size:16px;line-height:1}

/* lower deck */
.kcf-lower{background:#0A1226;border-top:1px solid rgba(255,255,255,.07)}
.kcf-lower-in{padding:6px 26px 14px;max-width:1200px;margin:0 auto}
.kcf-pol{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}
.kcf-pol a{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#A9B5CE;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 13px;min-height:44px;transition:color .15s,border-color .15s,transform .15s}
.kcf-pol a:hover{color:#fff;border-color:rgba(255,197,61,.4);transform:translateY(-1px)}
.kcf-pol svg{width:15px;height:15px;stroke:#FFC53D;flex-shrink:0}
.kcf-meta{display:grid;gap:9px;padding-top:14px}
.kcf-pay{font-size:11px;letter-spacing:.04em;color:#8E9BB5;text-transform:uppercase}
.kcf-pop{display:flex;align-items:center;gap:7px 16px;flex-wrap:wrap;font-size:11.5px}
.kcf-pop a{color:#8E9BB5;transition:color .15s}
.kcf-pop a:hover{color:#fff}
.kcf-pop-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8E9BB5}
.kcf-top{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFC53D !important;border:1px solid rgba(255,197,61,.3);border-radius:999px;padding:6px 13px;transition:background .15s}
.kcf-top:hover{background:rgba(255,197,61,.1)}

/* institute auto-slider */
.kcf-mq-wrap{border-top:1px solid rgba(255,255,255,.07);padding:12px 0 14px}
.kcf-mq-label{font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8E9BB5;text-align:center;padding-bottom:9px}
.kcf-mq{overflow:hidden;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.kcf-mq-track{display:inline-flex;align-items:center;gap:13px;padding-right:13px;animation:kcfMq 26s linear infinite}
.kcf-mq:hover .kcf-mq-track{animation-play-state:paused}
@keyframes kcfMq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.kcf-mq-track{animation:none}}
.kcf-mq-logo{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);border-radius:10px;padding:7px 15px;flex:none;min-height:38px}
.kcf-mq-logo img{height:22px;width:auto;display:block}
.kcf-mq-text{font-weight:800;font-size:13px;color:#101A33;letter-spacing:.02em}

/* bottom bar */
.kcf-bottom{border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);padding:12px 26px 14px}
.kcf-bottom-in,.kcf-legal{max-width:1200px;margin-left:auto;margin-right:auto}
.kcf-bottom-in{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#8E9BB5}
.kcf-bottom .hrt{color:#FFC53D}
.kcf-legal{font-size:10.5px;color:#56688F;margin-top:7px !important;line-height:1.6}
.kcf-legal a{color:inherit;text-decoration:underline}

@media(min-width:1500px){
  .kcf-upper,.kcf-lower-in,.kcf-bottom-in,.kcf-legal{max-width:1320px}
}
@media(max-width:980px){
  .kcf-upper{grid-template-columns:1fr 1fr;gap:0 24px}
  .kcf-brand{grid-column:1 / -1;padding-bottom:8px}
}
@media(max-width:600px){
  .kcf{padding-top:18px}
  .kcf-upper{grid-template-columns:1fr 1fr;gap:0 18px;padding:6px 18px 14px}
  .kcf-brand{grid-column:1 / -1}
  .kcf-tagline{max-width:100%}
  .kcf-row{font-size:13px;gap:9px}
  .kcf-row .ic{width:27px;height:27px}
  .kcf-lower-in{padding:4px 18px 12px}
  .kcf-pol{grid-template-columns:1fr 1fr}
  .kcf-mq-track{animation-duration:17s}
  .kcf-mq-logo{padding:6px 12px;min-height:34px}
  .kcf-mq-logo img{height:19px}
  .kcf-bottom{padding:11px 18px 13px}
  .kcf-bottom-in{flex-direction:column;align-items:flex-start;gap:3px}
}

/* ===== KotaCart micro-interactions ===== */
.hps-add-btn,.csb-apply,.chh-search button,.sp-btn-primary,.cr-copy-btn{transition:background .18s,transform .16s ease,box-shadow .18s !important;}
.hps-add-btn:hover,.csb-apply:hover,.chh-search button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,33,61,.3);}
.hps-add-btn:active,.csb-apply:active,.chh-search button:active,.cf-wa-btn:active{transform:scale(.97);}
.category-nav>ul>li>a{position:relative;}
.category-nav>ul>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:#FFC53D;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.category-nav>ul>li:hover>a::after{transform:scaleX(1);}

/* scroll-reveal (JS adds .kc-io to <html> only when IO available & motion OK) */
.kc-io .kc-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.8,.36,1);}
.kc-io .kc-reveal.kc-in{opacity:1;transform:none;}
.kc-io .kc-reveal:nth-child(2){transition-delay:.06s;}
.kc-io .kc-reveal:nth-child(3){transition-delay:.12s;}
.kc-io .kc-reveal:nth-child(4){transition-delay:.18s;}
@media (prefers-reduced-motion:reduce){.kc-io .kc-reveal{opacity:1;transform:none;transition:none;}}

/* ===== KotaCart: mobile nav drawer redesign ===== */
/* Single narrow column, full-width rows everywhere — no side-by-side grids (quick links,
   exam accordion, and the "More" policy links all share this one row style). */
.mnav-row-list{display:flex;flex-direction:column;margin:4px 0 6px;}
.mnav-row{display:flex;align-items:center;gap:11px;padding:11px 6px;border-radius:8px;text-decoration:none;color:#101A33;font-size:13.5px;font-weight:600;transition:background .15s;}
.mnav-row:active,.mnav-row:hover{background:#eef4fc;}
.mnav-row .ic{width:18px;height:18px;flex:0 0 auto;stroke:#14213D;}
.mnav-row .lb{flex:1;}
.mnav-row .chev{width:14px;height:14px;flex:0 0 auto;stroke:#94a3b8;}
.mnav-section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin:18px 2px 10px;}
.mnav-accordion{display:flex;flex-direction:column;gap:8px;}
.mnav-exam{background:#fff;border:1px solid #eaeff5;border-radius:13px;overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.mnav-exam[open]{border-color:#cfe0f3;box-shadow:0 6px 18px rgba(20,33,61,.08);}
.mnav-exam-head{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;user-select:none;}
.mnav-exam-head::-webkit-details-marker{display:none;}
.mnav-exam-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--mc,#14213D);box-shadow:0 4px 10px color-mix(in srgb,var(--mc,#14213D) 35%,transparent);}
.mnav-exam-ic svg{width:19px;height:19px;}
.mnav-exam-name{flex:1;font-size:15px;font-weight:800;color:#101A33;}
.mnav-exam-count{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:700;color:#14213D;background:#f4f7fb;border-radius:999px;padding:3px 9px;flex-shrink:0;}
.mnav-exam-chev{width:18px;height:18px;stroke:#94a3b8;transition:transform .22s ease;flex-shrink:0;}
.mnav-exam[open] .mnav-exam-chev{transform:rotate(180deg);}
.mnav-sublist{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px 14px 14px;}
.mnav-sub{font-size:13px;color:#475569;background:#f6f9fc;border:1px solid #eef2f7;border-radius:9px;padding:9px 11px;text-decoration:none;font-weight:600;transition:.15s;}
.mnav-sub:active{background:#e8eef6;color:#14213D;}
.mnav-sub-all{grid-column:1 / -1;background:#eef5ff;color:#14213D;border-color:#d5e6fb;font-weight:800;text-align:center;}

/* ===== KotaCart: browse by exam grid (compact) ===== */
.bex-section{padding:40px 0;background:#fff;overflow-x:hidden;}
.bex-head{text-align:center;max-width:600px;margin:0 auto 24px;}
.bex-eyebrow{display:inline-block;background:rgba(20,33,61,.1);color:#14213D;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:10px;}
.bex-title{font-size:24px;font-weight:800;color:#101A33;margin:0 0 7px;line-height:1.2;letter-spacing:-.5px;}
.bex-sub{font-size:13.5px;color:#64748b;margin:0;}
.bex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;grid-auto-rows:1fr;}
.bex-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e9eff6;border-radius:14px;padding:12px;background:#fff;box-shadow:0 1px 6px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s,border-color .2s;}
.bex-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--c) 16%,rgba(15,23,42,.1));border-color:color-mix(in srgb,var(--c) 40%,#e9eff6);}
.bex-card-main{display:flex;align-items:center;gap:9px;text-decoration:none;}
.bex-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--c);box-shadow:0 4px 11px color-mix(in srgb,var(--c) 32%,transparent);}
.bex-ic svg{width:18px;height:18px;}
.bex-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.bex-name{font-size:14px;font-weight:800;color:#101A33;line-height:1.1;}
.bex-count{font-size:11px;color:#94a3b8;font-weight:600;margin-top:1px;}
.bex-arrow{width:15px;height:15px;stroke:#cbd5e1;flex-shrink:0;transition:transform .2s,stroke .2s;}
.bex-card:hover .bex-arrow{stroke:var(--c);transform:translateX(2px);}
.bex-subs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;flex:1;}
.bex-sub{font-size:11px;font-weight:600;color:#5b6b7f;background:#f6f9fc;border:1px solid #eef2f7;border-radius:6px;padding:3px 8px;text-decoration:none;transition:.15s;line-height:1.4;}
.bex-sub:hover{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);border-color:color-mix(in srgb,var(--c) 30%,#eef2f7);}
@media(max-width:1100px){.bex-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:780px){
  .bex-section{padding:28px 0;}
  .bex-title{font-size:20px;}
  .bex-sub{font-size:12.5px;}
  .bex-grid{grid-template-columns:repeat(2,1fr);gap:9px;}
  .bex-card{padding:11px;border-radius:13px;}
  .bex-ic{width:34px;height:34px;border-radius:10px;}
  .bex-ic svg{width:17px;height:17px;}
  .bex-name{font-size:13px;}
  .bex-subs{gap:4px;margin-top:9px;padding-top:9px;}
  .bex-sub{font-size:10px;padding:3px 7px;}
}
@media(max-width:420px){.bex-grid{grid-template-columns:1fr;}}

/* ===== KotaCart: bex mobile compact (single swipeable chip row) ===== */
@media(max-width:780px){
  .bex-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:10px;}
  .bex-card{padding:12px;min-width:0;overflow:hidden;}
  .bex-card-main{min-width:0;}
  .bex-info{min-width:0;}
  /* chips on ONE horizontal scrollable row inside the card → short cards */
  .bex-subs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:none;width:100%;min-width:0;max-width:100%;
    -webkit-mask-image:linear-gradient(to right,#000 90%,transparent);mask-image:linear-gradient(to right,#000 90%,transparent);}
  .bex-subs::-webkit-scrollbar{display:none;}
  .bex-sub{flex-shrink:0;font-size:12px;padding:5px 11px;border-radius:8px;}
}
@media(max-width:420px){.bex-grid{grid-template-columns:minmax(0,1fr);}}

/* ===== KotaCart: cart drawer brand polish ===== */
.cart-drawer-panel{box-shadow:-14px 0 40px rgba(8,20,38,.18);}
/* brand accent line at the very top of the panel */
.cart-drawer-panel::before{content:"";display:block;height:4px;flex-shrink:0;background:linear-gradient(90deg,#101A33,#14213D,#7C93BE);}
.cart-drawer-header{padding:15px 20px;background:linear-gradient(180deg,#f4f7fb,#ffffff);border-bottom:1px solid #e9eff6;}
.header-title-group{align-items:center;gap:9px;}
.cart-drawer-title{color:#101A33;font-size:17px;font-weight:800;letter-spacing:-.2px;}
.items-count-badge{background:#14213D;color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:30px;line-height:1.4;}
.cart-drawer-close{border-radius:10px;color:#64748b;}
.cart-drawer-close:hover{background:#eef5ff;color:#14213D;}
/* free shipping progress — brand blue */
.free-shipping-container{background:#eef5ff;border-bottom:1px solid #dbe7f5;}
.fsh-message{color:#101A33;font-weight:700;}
.fsh-progress-bg{background:#d5e3f3;height:7px;}
.fsh-progress-bar{background:linear-gradient(90deg,#14213D,#7C93BE);box-shadow:0 1px 4px rgba(20,33,61,.35);}
.fsh-message.unlocked{color:#1a8f3c;}
/* items */
.cart-drawer-items{background:#f6f9fc;}
.cart-item-title{color:#1e293b;}
.cart-item-price{color:#0f172a;}
.cart-item-image{border-radius:10px;border-color:#e9eff6;}
/* qty stepper — brand */
.elite-qty-pill{border-color:#dbe7f5;border-radius:9px;background:#fff;}
.qty-pill-btn{color:#14213D;}
.qty-pill-btn:hover{background:#eef5ff;}
/* footer / totals */
.cart-drawer-footer{border-top:1px solid #e9eff6;}
.summary-line--total span:first-child{color:#101A33;}
.summary-line--total span:last-child,.elite-subtotal{color:#101A33 !important;}

/* ===== KotaCart: cart drawer item redesign ===== */
.cart-drawer-items{background:#f4f7fb;padding:12px;display:flex;flex-direction:column;gap:10px;}
.cart-drawer-item.cdi{display:flex;gap:12px;background:#fff;border:1px solid #e9eff6;border-radius:14px;padding:12px;box-shadow:0 1px 4px rgba(15,23,42,.04);position:relative;border-bottom:1px solid #e9eff6;}
.cdi-img{width:66px;height:66px;border-radius:11px;flex-shrink:0;overflow:hidden;background:#f6f9fc;border:1px solid #eef2f7;display:flex;align-items:center;justify-content:center;}
.cdi-img img{width:100%;height:100%;object-fit:cover;}
.cdi-img--ph{background:linear-gradient(135deg,#eef2f7,#f8fafc);}
.cdi-body{flex:1;min-width:0;display:flex;flex-direction:column;padding-right:34px;}
.cdi-title{font-size:13px;font-weight:700;color:#101A33;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cdi-variant{font-size:11px;color:#94a3b8;margin-top:2px;}
.cdi-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;}
.cdi-qty{display:inline-flex;align-items:center;border:1.5px solid #dbe7f5;border-radius:9px;overflow:hidden;background:#fff;}
.cart-qty-btn{width:40px;height:40px;background:none;border:none;cursor:pointer;font-size:17px;line-height:1;color:#14213D;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.cart-qty-btn:hover{background:#eef5ff;}
.cdi-qty-val{min-width:30px;text-align:center;font-size:13px;font-weight:800;color:#101A33;}
.cdi-price{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;}
.cdi-remove{position:absolute;top:6px;right:6px;width:38px;height:38px;border-radius:8px;background:#f6f9fc;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:0;}
.cdi-remove:hover{background:#fee2e2;color:#ef4444;}
.cdi-remove svg{width:15px;height:15px;}
/* empty state */
.cart-drawer-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:54px 24px;}
.cde-ic{width:66px;height:66px;border-radius:50%;background:#eef5ff;color:#14213D;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.cde-title{font-size:16px;font-weight:800;color:#101A33;margin:0;}
.cde-sub{font-size:13px;color:#94a3b8;margin:0 0 12px;}
.cde-btn{display:inline-block;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;padding:12px 26px;border-radius:11px;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 8px 20px rgba(20,33,61,.3);transition:.15s;}
.cde-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,33,61,.4);}


/* ===== KotaCart: brand landing page ===== */
.blp-hero{background:linear-gradient(135deg,#14213D,#101A33);color:#fff;padding:30px 0 26px;position:relative;overflow:hidden;}
.blp-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.06);}
.blp-hero::before{content:"";position:absolute;left:-40px;bottom:-80px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.04);}
.blp-crumb{position:relative;font-size:12.5px;color:rgba(255,255,255,.82);margin-bottom:15px;}
.blp-crumb a{color:rgba(255,255,255,.85);text-decoration:none;}
.blp-crumb a:hover{color:#fff;text-decoration:underline;}
.blp-crumb span{margin:0 7px;opacity:.55;}
.blp-crumb strong{color:#fff;font-weight:700;}
.blp-hero-row{display:flex;align-items:center;gap:16px;position:relative;}
.blp-hero-ic{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.blp-hero-ic svg{width:30px;height:30px;color:#fff;}
.blp-title{font-size:28px;font-weight:800;margin:0;line-height:1.1;letter-spacing:-.02em;}
.blp-sub{margin:6px 0 0;font-size:13.5px;color:rgba(255,255,255,.88);font-weight:500;}
.blp-intro{max-width:900px;margin:22px 0 20px;color:#475569;font-size:14.5px;line-height:1.6;}
.blp-pagination{margin:26px 0 6px;}
.blp-pagination .page-numbers{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;padding:0 12px;margin:0 4px 6px 0;border:1px solid #e2e9f2;border-radius:10px;color:#475569;font-weight:700;text-decoration:none;background:#fff;transition:.15s;}
.blp-pagination .page-numbers.current{background:linear-gradient(135deg,#14213D,#101A33);color:#fff;border-color:transparent;}
.blp-pagination .page-numbers:hover:not(.current){border-color:#14213D;color:#14213D;}
.blp-faq{margin:38px 0 12px;max-width:900px;}
.blp-faq>h2{font-size:21px;font-weight:800;color:#101A33;margin:0 0 14px;}
.blp-faq-item{border:1px solid #e6eef8;border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden;}
.blp-faq-item summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;color:#101A33;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.blp-faq-item summary::-webkit-details-marker{display:none;}
.blp-faq-item summary::after{content:"+";color:#14213D;font-size:22px;font-weight:700;line-height:1;flex:0 0 auto;}
.blp-faq-item[open] summary::after{content:"\2013";}
.blp-faq-item p{margin:0;padding:0 16px 15px;color:#64748b;font-size:13.5px;line-height:1.6;}
.blp-empty{padding:46px 0;text-align:center;color:#64748b;font-size:15px;}
.blp-empty a{color:#14213D;font-weight:700;text-decoration:none;}
.blp .ep-container{max-width:1400px;margin:0 auto;padding:0 20px;}
.blp .products-grid-upsc{margin-top:6px;}
@media(max-width:768px){
  .blp-hero{padding:22px 0 18px;}
  .blp-title{font-size:21px;}
  .blp-hero-ic{width:50px;height:50px;border-radius:13px;}
  .blp-hero-ic svg{width:25px;height:25px;}
  .blp-sub{font-size:13px;}
  .blp-intro{font-size:14px;margin:16px 0 16px;}
  .blp-faq{margin:28px 0 10px;}
  .blp-faq>h2{font-size:18px;}
}
/* ===== END brand landing page ===== */

/* ===== KotaCart: landing pages (shortcode-built) ===== */
.cp-landing-body{padding:26px 0 16px;color:#334155;font-size:15.5px;line-height:1.7;}
.cp-landing-body > h1,.cp-landing-body > h2,.cp-landing-body > h3,.cp-landing-body > p,
.cp-landing-body > ul,.cp-landing-body > ol,.cp-landing-body > .cp-links,
.cp-landing-body > .blp-faq,.cp-landing-body > .cp-grid-wrap,.cp-landing-body > figure,.cp-landing-body > blockquote{
  max-width:1400px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box;}
.cp-landing-body h1{font-size:30px;font-weight:800;color:#101A33;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px;}
.cp-landing-body h2{font-size:23px;font-weight:800;color:#101A33;margin:32px 0 12px;letter-spacing:-.01em;}
.cp-landing-body h3{font-size:18px;font-weight:700;color:#101A33;margin:22px 0 8px;}
.cp-landing-body p{margin:0 0 14px;}
.cp-landing-body a{color:#14213D;text-decoration:underline;}
.cp-landing-body ul,.cp-landing-body ol{margin:0 0 16px;}
.cp-landing-body ul{padding-left:38px;} .cp-landing-body ol{padding-left:38px;}
.cp-landing-body li{margin-bottom:6px;}
.cp-row{padding:8px 0 6px;}
.cp-grid-wrap{margin:12px auto 22px;}
.cp-links{margin:24px auto;}
.cp-links-title{font-size:16px;font-weight:800;color:#101A33;margin:0 0 11px;}
.cp-chips{display:flex;flex-wrap:wrap;gap:9px;}
.cp-chip{display:inline-flex;align-items:center;padding:9px 16px;border-radius:11px;border:1px solid #e6eef8;background:#fff;color:#33425a;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;}
.cp-chip:hover{border-color:#bcd6f2;color:#101A33;box-shadow:0 8px 18px rgba(20,33,61,.14);transform:translateY(-2px);text-decoration:none;}
.cp-faq{margin-top:30px;}
@media(max-width:768px){
  .cp-landing-body{padding:18px 0 10px;font-size:14.5px;}
  .cp-landing-body h1{font-size:23px;}
  .cp-landing-body h2{font-size:19px;margin-top:26px;}
  .cp-chip{font-size:12.5px;padding:8px 13px;}
}
/* ===== END landing pages ===== */

/* ===== KotaCart: landing category cards ===== */
.cp-cats-sec{margin:26px auto;}
.cp-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px;}
.cp-cat-card{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e6eef8;border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 3px 12px rgba(15,23,42,.05);transition:transform .18s,box-shadow .18s,border-color .18s;}
.cp-cat-card:hover{transform:translateY(-3px);border-color:#bcd6f2;box-shadow:0 16px 30px rgba(20,33,61,.16);text-decoration:none;}
.cp-cat-ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#14213D,#101A33);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;box-shadow:0 7px 16px rgba(20,33,61,.30);transition:transform .18s;}
.cp-cat-card:hover .cp-cat-ic{transform:scale(1.05);}
.cp-cat-ic svg{width:26px;height:26px;}
.cp-cat-ic--img{background-size:cover;background-position:center;box-shadow:0 7px 16px rgba(15,23,42,.18);border:1px solid #e6eef8;}
.cp-cat-info{min-width:0;display:flex;flex-direction:column;}
.cp-cat-name{font-size:14.5px;font-weight:800;color:#101A33;line-height:1.2;}
.cp-cat-count{font-size:12.5px;font-weight:700;color:#14213D;margin-top:4px;display:inline-flex;align-items:center;gap:5px;}
.cp-cat-card:hover .cp-cat-count{color:#101A33;}
@media(max-width:768px){
  .cp-cats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}
  .cp-cat-card{padding:11px 12px;gap:11px;border-radius:14px;}
  .cp-cat-ic{width:46px;height:46px;border-radius:13px;} .cp-cat-ic svg{width:23px;height:23px;}
  .cp-cat-name{font-size:13px;} .cp-cat-count{font-size:11.5px;}
}
/* ===== END landing category cards ===== */

/* ===== Landing scroll rows: use the SAME card as category/archive (grid card), fixed width so it scrolls ===== */
.cp-row .hps-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;scrollbar-width:none;}
.cp-row .hps-track::-webkit-scrollbar{display:none;}
.cp-row .hps-track .hps-card-grid{flex:0 0 234px;width:234px;max-width:234px;scroll-snap-align:start;}
@media(max-width:768px){
  .cp-row .hps-track .hps-card-grid{flex:0 0 168px;width:168px;}
  .cp-row .hps-track{gap:12px;}
}
/* ===== END landing scroll card match ===== */

/* ===== KotaCart: landing breadcrumb + compact typography ===== */
.cp-crumb-bar{background:#f4f8fd;border-bottom:1px solid #eef3fa;}
.cp-crumb{max-width:1400px;margin:0 auto;padding:11px 20px;font-size:12.5px;color:#6b7c93;line-height:1.4;}
.cp-crumb a{color:#14213D;text-decoration:none;font-weight:600;}
.cp-crumb a:hover{text-decoration:underline;}
.cp-crumb .sep{margin:0 7px;opacity:.55;}
.cp-crumb .cur,.cp-crumb strong{color:#101A33;font-weight:700;}
.cp-crumb span[property]{color:#101A33;}
/* compact text overrides */
.cp-landing-body{font-size:14.5px;color:#475569;padding-top:22px;}
.cp-landing-body h1{font-size:27px;margin:0 0 10px;}
.cp-landing-body h2{font-size:20px;margin:30px 0 9px;}
.cp-landing-body h3{font-size:16.5px;margin:20px 0 7px;}
.cp-landing-body p{margin:0 0 12px;line-height:1.6;max-width:980px;}
.cp-landing-body ul{max-width:980px;}
@media(max-width:768px){
  .cp-crumb{padding:9px 16px;font-size:11.5px;}
  .cp-landing-body{font-size:13.5px;}
  .cp-landing-body h1{font-size:21px;}
  .cp-landing-body h2{font-size:18px;}
}
/* ===== END landing breadcrumb ===== */

/* ===== KotaCart: landing UI polish ===== */
.cp-landing-body > .cp-eyebrow{display:inline-block;margin:0 20px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#14213D;background:linear-gradient(135deg,#eaf2fd,#dceafb);padding:5px 13px;border-radius:999px;}
.cp-landing-body > .cp-sec-head,.cp-landing-body > .cp-sec-blurb{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box;}
.cp-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:32px 0 2px;}
.cp-sec-head h2{margin:0!important;}
.cp-sec-viewall{flex:0 0 auto;font-size:13px;font-weight:700;color:#14213D;text-decoration:none;white-space:nowrap;}
.cp-sec-viewall:hover{text-decoration:underline;}
.cp-sec-blurb{margin:0 0 6px!important;color:#64748b;font-size:13.5px;}
.cp-landing-body .cp-row{padding-top:0;}
.cp-cat-card:focus{outline:none;}
.cp-cat-card:focus-visible{outline:2px solid #14213D;outline-offset:2px;}
@media(max-width:768px){
  .cp-sec-head{margin:24px 0 2px;}
  .cp-sec-viewall{font-size:12px;}
  .cp-sec-blurb{font-size:12.5px;}
  .cp-landing-body > .cp-eyebrow{margin:0 16px 10px;}
}
/* ===== END landing UI polish ===== */

/* ===== KotaCart: landing padding fix (category section + safety net) ===== */
.cp-landing-body > .cp-cats-sec,
.cp-landing-body > .cp-links,
.cp-landing-body > div:not(.hp-scroll-section):not(.cp-row){
  max-width:1400px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box;
}
@media(max-width:768px){
  .cp-landing-body > .cp-cats-sec,
  .cp-landing-body > .cp-links,
  .cp-landing-body > div:not(.hp-scroll-section):not(.cp-row){padding-left:16px;padding-right:16px;}
}
/* ===== END landing padding fix ===== */

/* ===== KotaCart: landing hero + compact redesign + animation ===== */
.cp-landing--hero .cp-landing-body{padding-top:0;font-size:14px;}
.cpl-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;}
.cpl-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.06);}
.cpl-hero::before{content:"";position:absolute;left:-50px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.05);}
.cpl-hero-inner{position:relative;max-width:1400px;margin:0 auto;padding:18px 20px 26px;}
.cpl-crumb{font-size:12px;color:rgba(255,255,255,.8);margin-bottom:13px;}
.cpl-crumb a{color:rgba(255,255,255,.85);text-decoration:none;}
.cpl-crumb a:hover{color:#fff;text-decoration:underline;}
.cpl-crumb span{margin:0 7px;opacity:.5;}
.cpl-crumb strong{color:#fff;font-weight:700;}
.cpl-eyebrow{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:4px 11px;border-radius:999px;margin-bottom:11px;}
.cpl-title{font-size:26px;font-weight:800;line-height:1.16;letter-spacing:-.02em;margin:0;max-width:920px;color:#fff;}
.cpl-sub{margin:9px 0 0;font-size:13px;color:rgba(255,255,255,.9);max-width:760px;line-height:1.55;}
.cpl-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;}
.cpl-stats span{font-size:11.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:5px 12px;border-radius:8px;}
/* feature chips */
.cpl-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;margin:30px auto;max-width:1400px;padding:0 20px;box-sizing:border-box;}
.cpl-feat{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #e6eef8;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.05);transition:transform .18s,box-shadow .18s;}
.cpl-feat:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,33,61,.12);}
.cpl-feat-ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#14213D,#101A33);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;box-shadow:0 6px 14px rgba(20,33,61,.26);}
.cpl-feat-ic svg{width:21px;height:21px;}
.cpl-feat strong{display:block;font-size:13.5px;color:#101A33;}
.cpl-feat small{display:block;font-size:11.5px;color:#64748b;margin-top:1px;}
/* smaller, tighter body text */
.cp-landing--hero .cp-sec-head{margin:30px 0 2px;}
.cp-landing--hero .cp-sec-head h2{font-size:18px!important;}
.cp-landing--hero .cp-sec-blurb{font-size:12.5px!important;color:#6b7c93!important;}
.cp-landing--hero .cp-cat-name{font-size:13.5px;}
.cp-landing--hero .cp-cat-count{font-size:12px;}
.cp-landing--hero .cp-links-title{font-size:16px;}
/* scroll reveal animation */
.cpl-anim > :not(.cpl-hero){opacity:0;transform:translateY(16px);}
.cpl-anim > .is-in{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1);}
@media(prefers-reduced-motion:reduce){.cpl-anim > :not(.cpl-hero){opacity:1;transform:none;}}
@media(max-width:768px){
  .cpl-hero-inner{padding:14px 16px 20px;}
  .cpl-title{font-size:20px;}
  .cpl-sub{font-size:12px;}
  .cpl-feats{padding:0 16px;gap:10px;margin:24px auto;}
  .cp-landing--hero .cp-sec-head h2{font-size:16px!important;}
}
/* ===== END landing hero redesign ===== */

/* ===== KotaCart: compact landing hero ===== */
.cpl-hero-inner{padding:13px 20px 15px;}
.cpl-crumb{margin-bottom:7px;font-size:11.5px;}
.cpl-eyebrow{margin-bottom:6px;font-size:10px;padding:3px 10px;}
.cpl-title{font-size:22px;line-height:1.14;}
.cpl-sub{margin-top:5px;font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cpl-stats{margin-top:11px;gap:7px;}
.cpl-stats span{padding:4px 10px;font-size:11px;}
@media(max-width:768px){
  .cpl-hero-inner{padding:11px 16px 13px;}
  .cpl-crumb{margin-bottom:6px;}
  .cpl-title{font-size:18px;}
  .cpl-sub{display:none;}
  .cpl-stats{margin-top:9px;gap:6px;}
  .cpl-stats span{font-size:10px;padding:4px 9px;}
}
/* ===== END compact hero ===== */

/* ===== KotaCart: landing brand/exam chip polish + FAQ ===== */
.cp-chip{gap:9px;}
.cp-chip--brand,.cp-chip--exam{padding:7px 16px 7px 7px;}
.cp-mono{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 10px rgba(20,33,61,.25);}
.cp-chip-ic2{width:28px;height:28px;border-radius:8px;background:#eef5ff;color:#14213D;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .16s,color .16s;}
.cp-chip-ic2 svg{width:16px;height:16px;}
.cp-chip--exam:hover .cp-chip-ic2{background:#14213D;color:#fff;}
/* FAQ refinement on landing */
.cp-faq>h2{font-size:19px;}
.cp-faq .blp-faq-item{transition:border-color .15s,box-shadow .15s;}
.cp-faq .blp-faq-item:hover{border-color:#cfe0f3;box-shadow:0 4px 14px rgba(20,33,61,.07);}
.cp-faq .blp-faq-item summary{font-size:14px;padding:13px 16px;}
.cp-faq .blp-faq-item p{font-size:13px;}
@media(max-width:768px){
  .cp-chip--brand,.cp-chip--exam{padding:6px 13px 6px 6px;}
  .cp-mono,.cp-chip-ic2{width:24px;height:24px;}
  .cp-chip-ic2 svg{width:14px;height:14px;}
  .cp-faq>h2{font-size:17px;}
}
/* ===== END chip polish ===== */

/* ===== KotaCart: landing section header badges + title accents ===== */
.cp-sec-head{align-items:center;}
.cp-sec-l{display:flex;align-items:center;gap:11px;min-width:0;}
.cp-sec-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#14213D,#101A33);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 14px rgba(20,33,61,.26);}
.cp-sec-ic svg{width:20px;height:20px;}
.cp-landing--hero .cp-sec-blurb{margin-left:49px!important;}
.cp-links-title{position:relative;padding-left:14px;}
.cp-links-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:17px;border-radius:2px;background:linear-gradient(180deg,#14213D,#101A33);}
.cp-landing--hero .cp-cats-sec,.cp-landing--hero .cp-links,.cp-landing--hero .cpl-feats{margin-top:34px;}
@media(max-width:768px){
  .cp-sec-ic{width:32px;height:32px;border-radius:9px;}
  .cp-sec-ic svg{width:17px;height:17px;}
  .cp-landing--hero .cp-sec-blurb{margin-left:0!important;}
}
/* ===== END section badges ===== */

/* ===== KotaCart: landing hub ===== */
.cp-hub-grid{margin-top:6px;}
.cp-hub-mono{font-size:18px;font-weight:800;}
.cp-hub-title{margin:0 0 14px;}
/* ===== END hub ===== */

/* === KotaCart skeleton shimmer for lazy-loading images === */
@keyframes cmptSkel{0%{background-position:-460px 0}100%{background-position:460px 0}}
img[data-src]:not([data-lazyloaded]),img.lazyload:not(.litespeed-loaded){
  background-color:#e7edf4;
  background-image:linear-gradient(90deg,#e7edf4 0%,#f4f8fc 50%,#e7edf4 100%);
  background-size:460px 100%;background-repeat:no-repeat;
  animation:cmptSkel 1.25s linear infinite;
}
.chh-mq-card{background-color:#e7edf4;}
.hps-card-img{background-color:#e7edf4;}
@media (prefers-reduced-motion:reduce){img[data-src]:not([data-lazyloaded]){animation:none}}
/* === end skeleton shimmer === */

/* === Checkout: remove mobile bottom app bar + button bottom padding === */
body.woocommerce-checkout .mobile-bottom-app-bar{display:none !important;}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout #place_order{margin-bottom:26px !important;}
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout form.checkout{padding-bottom:34px;}
/* === end checkout tweaks === */

/* Fastrr buy-now: match theme primary button (competer 2026-06-11) */
.wc-proceed-to-checkoutt { flex:1; min-width:210px; }
.wc-proceed-to-checkoutt .shiprocket-headless { width:100%; }
button.sr-headless-checkout.sr-buy-now {
  background: #FFC53D !important; color:#14213D !important;
  height:60px !important; width:100% !important; border:none !important;
  border-radius:14px !important; box-shadow:0 8px 18px rgba(20,33,61,.25) !important;
  font-weight:700 !important; cursor:pointer; transition:all .2s ease;
}
button.sr-headless-checkout.sr-buy-now:hover { background:#F0B429 !important; transform:translateY(-2px); }
button.sr-headless-checkout.sr-buy-now span { color:#14213D !important; }

/* Fastrr buy-now alignment fix (2026-06-11b) */
.action-btn-group { align-items: center; }
.wc-proceed-to-checkoutt { margin:0 !important; padding:0 !important; display:flex; align-items:center; }
.wc-proceed-to-checkoutt .shiprocket-headless { margin:0 !important; padding:0 !important; }
button.sr-headless-checkout.sr-buy-now {
  height:60px !important; min-height:60px !important; max-height:60px !important;
  margin:0 !important; padding:4px 14px !important;
  display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:0 !important;
}
button.sr-headless-checkout.sr-buy-now .sr-d-flex { margin:0 !important; }
button.sr-headless-checkout.sr-buy-now .sr-powered-by img { height:9px; opacity:.85; }
button.sr-headless-checkout.sr-buy-now .sr-pl-15 img, button.sr-headless-checkout.sr-buy-now img[alt*="UPI"], button.sr-headless-checkout.sr-buy-now img[alt*="Pay"] { max-height:22px; }

/* Fastrr buy-now: match theme typography (2026-06-11c) */
button.sr-headless-checkout.sr-buy-now span,
button.sr-headless-checkout.sr-buy-now {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}
button.sr-headless-checkout.sr-buy-now .sr-powered-by, button.sr-headless-checkout.sr-buy-now .sr-discount-label { font-size: 8px !important; font-weight: 400 !important; letter-spacing: normal !important; }

/* FINAL override: defeat ghost button#buyNowBtn{display:none!important} wherever it comes from (2026-06-11d) */
div.wc-proceed-to-checkoutt div.shiprocket-headless button#buyNowBtn.sr-buy-now { display:flex !important; }

/* Responsive blog/article comparison tables (competer 2026-06-21) */
.entry-content table, .post-content table, article .elementor-widget-theme-post-content table, .single-post article table { width:100%; border-collapse:collapse; }
@media (max-width:760px){
  .entry-content table, .post-content table, .single-post article table {
    display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; font-size:.9rem;
  }
  .entry-content table th, .entry-content table td, .single-post article table th, .single-post article table td { padding:8px 10px; }
  .cpt-prodgrid { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
}
@media (max-width:430px){ .cpt-prodgrid { grid-template-columns:1fr !important; } }

/* ── Tablet (769-920px): action row was clipping the Fastrr Buy Now off-screen.
      Let the row wrap; Buy Now drops to its own full-width line. ── */
@media (min-width:769px) and (max-width:920px){
  .desktop-actions-v3 .action-btn-group{flex-wrap:wrap !important;}
  .desktop-actions-v3 .wc-proceed-to-checkoutt{flex:1 1 100% !important;max-width:100% !important;}
  .desktop-actions-v3 .shiprocket-headless{width:100% !important;}
  .desktop-actions-v3 #buyNowBtn{width:100% !important;max-width:100% !important;}
}

/* ===== KotaCart hero — D4 "Shoppable Rail" (auto-rotating exam tabs + shoppable product rail) ===== */
.kch{background:linear-gradient(165deg,#182747 0%,#14213D 55%,#0D1830 100%);color:#fff;overflow:hidden}
/* Extra bottom padding reserves a dedicated empty buffer for the floating trust-strip below
   to pull up into — sized so the strip's negative margin only ever eats into this reserved
   space, never into real hero content (chips/trust-line), regardless of how many lines the
   meta row wraps to at a given width. */
.kch-in{max-width:1200px;margin:0 auto;padding:20px 22px 74px}
.kch a{text-decoration:none;color:inherit}
.kch-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.kch-h1{font-size:24px;font-weight:800;letter-spacing:-.4px;margin:0;line-height:1.15;flex:1;min-width:220px}
.kch-h1 em{font-style:normal;padding:0 4px;background:linear-gradient(180deg,transparent 52%,rgba(255,197,61,.42) 52%,rgba(255,197,61,.42) 94%,transparent 94%)}
.kch-tabs{display:flex;gap:6px}
.kch-tab{position:relative;overflow:hidden;font-size:12.5px;font-weight:800;padding:8px 16px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .12s,box-shadow .18s;white-space:nowrap}
.kch-tab:hover{background:rgba(255,255,255,.16)}
.kch-tab:active{transform:scale(.96)}
.kch-tab.on{background:#FFC53D;color:#0D1830;border-color:#FFC53D;box-shadow:0 4px 14px rgba(255,197,61,.28)}
.kch-tab small{font-size:9px;font-weight:700;opacity:.7;margin-left:5px}
.kch-tab .tprog{position:absolute;left:0;bottom:0;height:2.5px;width:0;background:#14213D;border-radius:2px}
.kch-tab.on .tprog{animation:kchProg 5s linear forwards}
@keyframes kchProg{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.kch-tab.on .tprog{animation:none;width:100%}}

/* panels */
.kch-panel[hidden]{display:none!important}
.kch-panel{animation:kchPanelIn .35s ease both}
@keyframes kchPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.kch-panel{animation:none}}
.kch-lead{font-size:13px;color:#A9B5CE;line-height:1.6;margin:0 0 12px;max-width:92ch}
.kch-lead .hl{color:#fff;font-weight:800}

/* shoppable rail */
.kch-rail{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.kch-strip{display:flex;gap:10px;width:max-content;animation:kchSlide 34s linear infinite}
.kch-rail:hover .kch-strip{animation-play-state:paused}
@keyframes kchSlide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.kch-strip{animation:none}}
.kch-card{width:152px;flex:none;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.28);transition:transform .16s}
.kch-card:hover{transform:translateY(-3px)}
.kch-card .ph{display:block;height:112px;position:relative;background:#fff;padding:6px 6px 0}
.kch-card .ph img{width:100%;height:100%;object-fit:contain;display:block}
.kch-card .off{position:absolute;top:5px;left:5px;background:#EF4444;color:#fff;font-size:8px;font-weight:800;padding:2px 6px;border-radius:4px}
.kch-card .bd{padding:7px 9px 9px}
.kch-card .nm{display:block;font-size:10px;font-weight:700;color:#1E293B;line-height:1.3;height:26px;overflow:hidden}
.kch-card .row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:6px}
.kch-card .pr{font-size:11.5px;font-weight:800;color:#0F172A}
.kch-card .pr .woocommerce-Price-amount{font-size:11.5px}
.kch-card .add{background:#FFC53D;color:#14213D!important;font-size:8.5px;font-weight:800;border-radius:7px;padding:5px 9px;white-space:nowrap;transition:background .15s,transform .12s}
.kch-card .add:hover{background:#F0B429}
.kch-card .add:active{transform:scale(.93)}
.kch-card .add.loading{opacity:.55;pointer-events:none}
.kch-card .add.added{background:#2FBF8F}
.kch-card .added_to_cart{display:none}

/* meta row */
.kch-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.kch-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 14px;transition:background .15s,transform .15s}
.kch-chip:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.kch-chip b{color:#FFC53D;font-size:10px;margin-left:5px;font-weight:800}
.kch-chip-all{background:rgba(255,197,61,.2);border-color:rgba(255,197,61,.45);font-weight:800}
.kch-trust{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8E9BB5;margin:0 0 0 auto}
.kch-trust b{color:#FFC53D}

@media(max-width:900px){
  .kch-trust{margin-left:0;flex-basis:100%}

}
@media(max-width:600px){
  .kch-in{padding:16px 16px 51px}
  .kch-top{gap:10px;margin-bottom:10px}
  .kch-h1{font-size:19px;flex-basis:100%;min-width:0}
  .kch-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .kch-tabs::-webkit-scrollbar{display:none}
  .kch-tab{padding:7px 14px 8px;font-size:12px}
  .kch-lead{font-size:12.5px;margin-bottom:10px}
  .kch-strip{animation-duration:26s}
  .kch-card{width:132px}
  .kch-card .ph{height:98px}
  .kch-chip{padding:6px 12px;font-size:11.5px}
  .kch-meta{margin-top:11px}
}

/* ── Header v2: desktop hamburger (opens full site menu) + exam-pill nav (variation A) ── */
.hdr-hamburger{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#14213D;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease;}
.hdr-hamburger:hover{background:#f4f7fb;border-color:#cbd5e1;}
.hdr-hamburger:active{transform:scale(.94);}

/* Left-align the whole nav row under the logo/hamburger instead of centering it in the 1200px container */
.header-bottom-row .category-nav-container{justify-content:flex-start !important;}

.header-bottom-row .category-nav ul.hdr-pills{gap:10px !important;}
.header-bottom-row .category-nav li a.hdr-pill{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;color:#fff !important;font-size:13.5px !important;font-weight:700 !important;
  padding:9px 16px !important;transition:background .18s ease,color .18s ease,border-color .18s ease !important;
}
.header-bottom-row .category-nav li a.hdr-pill:hover{background:rgba(255,255,255,.16) !important;}
.header-bottom-row .category-nav li a.hdr-pill.on{background:#FFC53D !important;color:#0D1830 !important;border-color:#FFC53D !important;box-shadow:0 4px 14px rgba(255,197,61,.28);}
.header-bottom-row .category-nav li a.hdr-pill small{font-size:10.5px;font-weight:700;opacity:.75;}
.header-bottom-row .category-nav li a.hdr-pill.on small{opacity:.65;}
.header-bottom-row .category-nav li a.hdr-pill .icon-chevron-down{width:9px;height:9px;stroke:currentColor !important;opacity:.85;}
.header-bottom-row .category-nav>ul>li>a.hdr-pill::after{display:none !important;}

/* ── Mega-menu tabs: "By Level" / "By Institute" (institute tab shows real logos) ── */
.hdr-tabmenu{padding-top:0 !important;}
.hdr-tabs{display:flex;gap:0;border-bottom:1px solid #eef2f7;margin:0 -36px 24px;padding:0 36px;}
.hdr-tab{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#94a3b8;padding:0 0 14px;margin-right:28px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;}
.hdr-tab:hover{color:#14213D;}
.hdr-tab.is-active{color:#14213D;border-color:#14213D;}
.hdr-tabpanel{display:none;}
.hdr-tabpanel.is-active{display:block;}
.hdr-tabpanel h4{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#14213D;padding-bottom:10px;margin:0 0 8px;border-bottom:2px solid #14213D;}
.hdr-inst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.hdr-inst-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border:1px solid #eef2f7;border-radius:8px;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.hdr-inst-tile:hover{background:#eef4fc;border-color:#dce8f5;transform:translateY(-1px);}
.hdr-inst-tile img{max-width:100%;height:22px;width:auto;object-fit:contain;}
.hdr-inst-tile small{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;color:#475569;}

/* Each dropdown must open under its OWN pill, not centered to one fixed spot on the bar —
   the base .mega-menu rule anchors left:50%+translateX(-50%) at a fixed 850px width, which
   made every exam's panel land in roughly the same place once the pills sat close together. */
.header-bottom-row .category-nav .mega-menu{
  left:0 !important;right:auto !important;transform:translateY(15px) !important;
  width:460px !important;max-width:90vw !important;
}
.header-bottom-row .category-nav .has-dropdown:hover > .mega-menu{transform:translateY(0) !important;}

@media(max-width:900px){
  .hdr-hamburger{display:none !important;}
}

/* ── Sitewide prefooter: ONE unified navy card (feature strip + WhatsApp CTA + guarantee),
   instead of three separate boxes with jarring white/navy/white colour seams stacked on
   top of each other. */
.kc-prefooter{max-width:1200px;margin:0 auto;padding:26px 20px;}
.kc-pf-card{background:#14213D;border-radius:18px;padding:28px 30px;}

.kc-pf-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding-bottom:24px;}
.kc-pf-fact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:6px 4px;}
.kc-pf-fact-ic{width:38px;height:38px;border-radius:11px;background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.28);color:#FFC53D;display:flex;align-items:center;justify-content:center;}
.kc-pf-fact-ic svg{width:19px;height:19px;}
.kc-pf-fact-name{font-size:11.5px;font-weight:700;color:#fff;line-height:1.3;}

.kc-pf-divider{height:1px;background:rgba(255,255,255,.12);margin-bottom:22px;}

.kc-wa-band{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-bottom:20px;}
.kc-wa-left{display:flex;align-items:center;gap:14px;}
.kc-wa-ic{width:42px;height:42px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;}
.kc-wa-ic svg{width:20px;height:20px;}
.kc-wa-title{color:#fff;font-size:15px;font-weight:800;}
.kc-wa-sub{color:#a8b4c8;font-size:12.5px;margin-top:3px;}
.kc-wa-btn{background:#FFC53D;color:#0D1830;font-weight:800;font-size:13.5px;padding:12px 22px;border-radius:8px;white-space:nowrap;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;}
.kc-wa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(255,197,61,.35);color:#0D1830;}

.kc-pf-guarantee-row{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#b9c4d6;line-height:1.5;}
.kc-pf-guarantee-row svg{width:18px;height:18px;color:#FFC53D;flex:0 0 auto;}
.kc-pf-guarantee-row b{color:#FFC53D;font-weight:800;}

@media(max-width:600px){
  .kc-prefooter{padding:18px 16px;}
  .kc-pf-card{padding:20px 18px;}
  .kc-pf-facts{grid-template-columns:repeat(2,1fr);gap:6px;padding-bottom:18px;}
  .kc-wa-band{flex-direction:column;align-items:flex-start;padding-bottom:16px;}
  .kc-wa-btn{width:100%;text-align:center;box-sizing:border-box;}
  .kc-pf-divider{margin-bottom:16px;}
  .kc-pf-guarantee-row{padding-top:14px;}
}

/* ── Institute rotator: real institute row (auto-cycling circle) + that institute's
   real bestsellers below. Replaces the old plain-text marquee.
   The ring is ONE fixed element centred over the row — it never moves. The row itself
   scrolls so the active institute lands under that same fixed spot every time. ── */
.kis-inst-wrap{position:relative;}
.kis-inst-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.kis-inst-row::-webkit-scrollbar{height:5px;}
.kis-inst-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px;}
.kis-inst-slot{flex:0 0 auto;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e9eff6;border-radius:10px;padding:9px 16px;cursor:pointer;opacity:.42;transition:opacity .25s ease;font:inherit;}
.kis-inst-slot.active{opacity:1;}
.kis-inst-slot img{height:16px;width:auto;display:block;object-fit:contain;}
/* Square/icon-only marks (Physics Wallah, Resonance, Aakash) read as tiny at the same
   height as a wide wordmark — same fix already used on the product-card logo chip
   (kc_institute_logo_is_square): give them a taller box instead of shrinking padding. */
.kis-inst-slot.kis-sq img{height:26px;}
.kis-ring{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:60px;pointer-events:none;opacity:0;z-index:2;}
.kis-ring path{stroke-dasharray:300;stroke-dashoffset:300;}
.kis-ring.drawing{opacity:1;}
.kis-ring.drawing path{animation:kisDraw .85s ease forwards;}
@keyframes kisDraw{to{stroke-dashoffset:0;}}
@media(prefers-reduced-motion:reduce){.kis-ring.drawing{opacity:1;}.kis-ring.drawing path{animation:none;stroke-dashoffset:0;}}
@media(max-width:600px){.kis-ring{width:120px;height:50px;}}

.kis-now-tag{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;}
.kis-now-tag b{color:#14213D;}
.kis-pause-pill{font-size:9px;font-weight:800;background:#14213D;color:#fff;padding:2px 8px;border-radius:999px;opacity:0;transition:opacity .2s ease;}
.kis-pause-pill.show{opacity:1;}

.kis-prod-panel{display:none;}
.kis-prod-panel.is-active{display:block;}
.kis-prod-scroll{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.kis-prod-scroll::-webkit-scrollbar{display:none;}
.kis-prod-scroll .hps-card{scroll-snap-align:start;}
/* Full width of the section (up to 6 real 200px cards + 5×14px gaps = 1270px, which the
   1400px .ep-container comfortably holds) — no centering, spans edge to edge like every
   other row on the page. The institute may stock far more; the rest sit off-screen to the
   right, reached by scrolling the row. */
.kis-prod-scroll{width:100%;max-width:1270px;}
@media(max-width:600px){
  .kis-inst-slot{padding:7px 12px;}
  .kis-inst-slot img{height:13px;}
  .kis-inst-slot.kis-sq img{height:21px;}
  .kis-now-tag{font-size:9.5px;margin:11px 0 9px;}
  /* No hard cap here on purpose — matches every other product row on the homepage
     (.hps-track): full container width, real 155px card, 10px gap. Two cards fit plus a
     sliver of the third peeking at the edge, which is exactly what reads as "scroll for
     more" on those other rows instead of a clean, closed-off cut at exactly 2. */
  .kis-prod-scroll{width:100%;max-width:none;gap:10px;}
}

/* ── Browse by Exam: poster cards, module-pile cutout peeking from the corner.
   ONE row on every viewport. Base state = touch state (pile slid in, pills visible);
   hover-capable devices start with the pile mostly outside and the pills lowered,
   then slide both in on hover/focus. ── */
.kex-row{display:flex;gap:14px;}
.kex-card{flex:1;min-width:0;position:relative;overflow:hidden;background:#14213D;border-radius:14px;padding:20px;min-height:216px;display:flex;flex-direction:column;}
.kex-img{position:absolute;right:-30px;bottom:-34px;width:280px;height:auto;transform:rotate(-5deg);pointer-events:none;}
.kex-name{position:relative;font-size:24px;font-weight:800;color:#fff;text-decoration:none;line-height:1.15;width:fit-content;}
.kex-name:hover{color:#FFC53D;}
.kex-count{position:relative;font-size:12px;color:#9AA6B5;margin-top:3px;}
.kex-pills{position:relative;margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;}
.kex-pill{font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;background:rgba(13,24,48,.78);border:1px solid rgba(255,255,255,.32);padding:6px 13px;border-radius:999px;white-space:nowrap;transition:background .2s ease,color .2s ease;}
.kex-pill b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:600;color:#FFC53D;}
.kex-pill:hover{background:#FFC53D;color:#14213D;}
.kex-pill:hover b{color:#14213D;}
.kex-pill-all{background:transparent;border:1px solid rgba(255,255,255,.3);}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  /* Pills stay visible at all times — hover only slides the pile the rest of the way in
     and gives the pills a small lift. */
  .kex-img{right:-72px;bottom:-48px;transform:rotate(-11deg);transition:right .38s ease,bottom .38s ease,transform .38s ease;}
  .kex-pills{transition:transform .32s ease;}
  .kex-card:hover .kex-img,.kex-card:focus-within .kex-img{right:-30px;bottom:-34px;transform:rotate(-5deg);}
  .kex-card:hover .kex-pills,.kex-card:focus-within .kex-pills{transform:translateY(-3px);}
}
@media(max-width:900px){
  .kex-row{gap:9px;}
  .kex-card{padding:14px;min-height:180px;border-radius:11px;}
  .kex-name{font-size:18px;}
  .kex-count{font-size:10.5px;}
  .kex-img{width:200px;right:-26px;bottom:-26px;}
  .kex-pill{font-size:10.5px;padding:5px 9px;}
}
@media(max-width:600px){
  .kex-row{gap:6px;align-items:stretch;}
  .kex-card{padding:9px 8px;min-height:150px;border-radius:9px;}
  .kex-name{font-size:14px;}
  .kex-count{font-size:9px;margin-top:1px;}
  .kex-blurb{display:none;}
  /* Pills become a tidy full-width stack right under the header (no margin-top:auto gap);
     the pile fills whatever space is left at the bottom — JEE/NEET get a bigger pile,
     Foundation's six classes get a smaller one. Cards stretch to equal height. */
  .kex-img{width:112px;right:-22px;bottom:-12px;opacity:.85;transform:rotate(-5deg);}
  .kex-pills{margin-top:0;padding-top:8px;flex-direction:column;gap:3px;}
  .kex-pill{font-size:9.5px;padding:4px 6px;width:100%;text-align:center;border-radius:7px;}
}

/* ── Perfect PDP (spd-*): grade badge, spine label, marksheet, WhatsApp ask,
   stacked description/reviews, sticky-bar info block ── */
.spd-gbadge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#fff;background:rgba(13,24,48,.9);padding:5px 12px 5px 6px;border-radius:30px;box-shadow:0 3px 10px rgba(0,0,0,.25);letter-spacing:.03em;}
.spd-gletter{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#FFC53D;color:#14213D;font-size:11px;font-weight:800;}
.spd-proofstamp{position:absolute;right:10px;bottom:10px;z-index:6;background:rgba(255,255,255,.93);color:#14213D;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:600;letter-spacing:.05em;padding:4px 9px;border-radius:6px;pointer-events:none;}
.spd-spine{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:600;letter-spacing:.07em;color:#8b93a3;margin:2px 0 4px;width:100%;}
.spd-wa-ask{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1.7px solid #25D366;color:#128C4B;font-weight:800;font-size:13px;border-radius:9px;padding:11px 10px;text-decoration:none;transition:background .2s ease;}
.spd-wa-ask:hover{background:#F0FBF4;}
.spd-marksheet{margin-top:16px;border:2px solid #14213D;border-radius:12px;padding:14px 16px;background:#fff;position:relative;}
.spd-mk-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.spd-mk-grade{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#14213D;color:#FFC53D;font-size:22px;font-weight:800;border:3px solid #FFC53D;flex:0 0 auto;}
.spd-mk-t b{display:block;font-size:14.5px;color:#14213D;}
.spd-mk-t span{font-size:10px;font-weight:600;color:#8b93a3;text-transform:uppercase;letter-spacing:.05em;}
.spd-mk-stamp{margin-left:auto;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:700;color:#b9b29e;border:2px solid #b9b29e;border-radius:7px;padding:4px 9px;transform:rotate(7deg);white-space:nowrap;}
.spd-mk-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #F2F4F7;font-size:12.5px;}
.spd-mk-row:last-child{border-bottom:none;}
.spd-mk-row span{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;color:#8b93a3;}
.spd-mk-row b{color:#14213D;}
.spd-mk-row b.ok{color:#1D9E75;}
.spd-eg-static .eg-tab.active{pointer-events:none;}
.spd-stk-info{display:flex;flex-direction:column;justify-content:center;min-width:86px;flex:0 0 auto;}
.spd-stk-price{font-size:15px;font-weight:800;color:#14213D;line-height:1.2;}
.spd-stk-price s{font-size:10px;color:#98a0ad;font-weight:500;margin-left:3px;}
.spd-stk-sub{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7.5px;font-weight:700;letter-spacing:.05em;color:#1D9E75;margin-top:2px;}
@media(max-width:600px){
  .spd-spine{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .spd-gbadge{font-size:9.5px;padding:4px 10px 4px 5px;}
  .spd-gletter{width:17px;height:17px;font-size:9.5px;}
  .spd-proofstamp{font-size:7.5px;}
  .spd-marksheet{padding:11px 13px;}
  .spd-mk-grade{width:37px;height:37px;font-size:18px;}
  .spd-mk-t b{font-size:12.5px;}
  .spd-mk-row{font-size:11px;}
  .breadcrumb-v3{white-space:nowrap;overflow:hidden;}
}

/* ── Perfect PDP round 2: specifications card, cleaned prose, WhatsApp help band ── */
.spd-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border:1px solid #EAE4D5;border-radius:11px;padding:6px 18px;margin:2px 0 18px;background:#FAF7F0;}
.spd-spec-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #F0EBDD;font-size:12.5px;}
.spd-spec-row:nth-last-child(-n+2){border-bottom:none;}
.spd-spec-row span{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;color:#8b93a3;flex:0 0 auto;}
.spd-spec-row b{color:#14213D;text-align:right;}
.eg-prose h1,.eg-prose h2,.eg-prose h3{font-size:15px;font-weight:800;color:#14213D;margin:20px 0 8px;padding-top:14px;border-top:1px solid #F2EFE6;}
.eg-prose h1:first-child,.eg-prose h2:first-child,.eg-prose h3:first-child{border-top:none;padding-top:0;margin-top:4px;}
.spd-seo-wa{display:flex;align-items:center;gap:18px;background:#14213D;border-radius:13px;padding:18px 22px;margin-top:22px;flex-wrap:wrap;}
.spd-seo-wa-t{flex:1;min-width:220px;}
.spd-seo-wa-t b{display:block;color:#fff;font-size:15.5px;margin-bottom:3px;}
.spd-seo-wa-t span{color:#B9C2CE;font-size:12px;line-height:1.55;}
.spd-seo-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#FFC53D;color:#14213D;font-weight:800;font-size:13px;border-radius:9px;padding:11px 20px;text-decoration:none;box-shadow:0 4px 12px rgba(255,197,61,.35);white-space:nowrap;}
.spd-seo-wa-btn:hover{background:#F0B429;}
@media(max-width:600px){
  .spd-specs{grid-template-columns:1fr;padding:4px 14px;}
  .spd-spec-row:nth-last-child(2){border-bottom:1px solid #F0EBDD;}
  .spd-spec-row{font-size:11.5px;}
  .spd-seo-wa{padding:15px 16px;gap:12px;}
  .spd-seo-wa-btn{width:100%;justify-content:center;}
}

/* ── Sticky gallery (desktop): the photo tracks alongside the scrolling info column,
   so the left side is never an empty void — the "Pinned Proof" behaviour. ── */
@media(min-width:901px){
  .product-gallery-column{position:sticky;top:84px;align-self:start;}
}
@media(min-width:901px){
  /* overflow:hidden on an ancestor turns it into the sticky containing scroll box and
     kills viewport stickiness; overflow-x:clip keeps the horizontal-bleed protection
     without creating a scroll container. */
  .product-v3-wrapper{overflow-x:clip;overflow-y:visible;}
}

/* ── Description & reviews polish ──
   Kill the nested inner scrollbar, retire the old purple prose styles (they referenced
   --brand-purple from the pre-rebrand theme), and put both sections on brand. */
.eg-description-scroll{max-height:none !important;overflow:visible !important;padding:26px 32px 30px !important;}
.eg-scroll-fade{display:none !important;}
.eg-prose{font-size:14.5px !important;color:#3d4657 !important;line-height:1.8 !important;font-weight:400 !important;max-width:880px;}
.eg-prose p{font-size:14.5px !important;color:#3d4657 !important;margin-bottom:1.1em !important;}
.eg-prose strong{color:#14213D !important;font-weight:700 !important;}
.eg-prose h1,.eg-prose h2,.eg-prose h3{font-size:16px !important;font-weight:800 !important;color:#14213D !important;background:none !important;border:none !important;border-top:1px solid #F0EBDD !important;border-radius:0 !important;padding:18px 0 0 !important;margin:24px 0 10px !important;letter-spacing:-.01em;}
.eg-prose h1:first-child,.eg-prose h2:first-child,.eg-prose h3:first-child{border-top:none !important;padding-top:0 !important;margin-top:2px !important;}
.eg-prose hr{display:none !important;}
.eg-prose ul{padding-left:2px !important;list-style:none !important;margin:0 0 1.2em !important;}
.eg-prose ul li{position:relative !important;padding-left:26px !important;margin-bottom:8px !important;}
.eg-prose ul li::before{content:"\2713" !important;position:absolute !important;left:2px !important;top:0 !important;width:auto !important;margin:0 !important;color:#1D9E75 !important;font-weight:800 !important;}
@media(max-width:600px){.eg-description-scroll{padding:16px 15px 20px !important;}.eg-prose{font-size:13.5px !important;}}

/* reviews */
.rv-summary{background:#FAF7F0;border:1px solid #EAE4D5;border-radius:14px;padding:20px 24px;}
.rv-big-score{color:#14213D;font-weight:800;}
.rv-card{border:1px solid #EAE4D5;border-radius:12px;background:#fff;}
.rv-verified{background:#E7F5EF !important;color:#128C4B !important;font-weight:800;border-radius:999px;padding:3px 10px;font-size:10.5px;}
.spd-rv-empty{text-align:center;padding:34px 18px;border:1.5px dashed #E3DCCB;border-radius:13px;background:#FAF7F0;color:#7A7568;}
.spd-rv-star{font-size:28px;line-height:1;display:block;margin-bottom:8px;color:#C9C2AE;}
.spd-rv-t{margin:0;font-weight:800;color:#14213D;font-size:15px;}
.spd-rv-s{margin:6px auto 0;font-size:13px;max-width:420px;line-height:1.6;}
.spd-rv-honest{display:inline-block;margin:12px 0 0;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#128C4B;background:#E7F5EF;padding:4px 12px;border-radius:999px;}
.rv-write-toggle{background:#14213D !important;color:#fff !important;border-radius:9px !important;}
.rv-write-toggle:hover{background:#1C2E52 !important;}
.rv-submit-btn{background:#FFC53D !important;color:#14213D !important;font-weight:800 !important;border-radius:9px !important;}

/* ── Homepage rail class chips (option 06): filter the same rail in place.
   Counts come from the loaded cards, so a chip never reveals an empty row. ── */
.hps-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;}
.hps-chip{font-family:inherit;font-size:11px;font-weight:800;color:#14213D;background:#fff;border:1.5px solid #E3E9F1;border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap;}
.hps-chip b{font-weight:700;color:#94A3B8;margin-left:2px;}
.hps-chip:hover{border-color:#14213D;}
.hps-chip.on{background:#14213D;color:#fff;border-color:#14213D;}
.hps-chip.on b{color:#FFC53D;}
.hps-chip-link{border-style:dashed;text-decoration:none;display:inline-flex;align-items:center;}
@media(max-width:900px){
  .hps-header.hps-has-chips{flex-wrap:wrap;}
  .hps-chips{width:100%;margin:10px 0 0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
  .hps-chips::-webkit-scrollbar{display:none;}
  .hps-chip{font-size:10.5px;padding:5px 12px;flex:0 0 auto;}
}

/* smaller header logo on mobile */
@media(max-width:600px){.header-logo-img,.custom-logo,.custom-logo-link img,.site-logo img,header img.custom-logo,.site-branding img,a.custom-logo-link img{height:30px !important;max-height:30px !important;}}

/* ── PLP rebuild (kbx-): Senior's Note hero, Double-Decker rail, Marker Rail facets,
   One-Tap sort, One Shelf grid, Undo Stack empty state, Answer Key FAQ.
   The old sidebar/drawer/toolbar markup is gone from the template. ── */
.kbx-hero-row{align-items:center;}
.kbx-note{font-size:13.5px;color:#C6CEDA;line-height:1.6;margin:10px 0 0;max-width:640px;}
.kbx-note b{color:#fff;font-weight:700;}
.kbx-note-sub{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:700;letter-spacing:.07em;color:#8B96A5;margin-top:7px;}
.kbx-hero-wa{display:inline-flex;align-items:center;gap:8px;background:#FFC53D;color:#14213D !important;font-weight:800;font-size:13px;border-radius:9px;padding:12px 20px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(255,197,61,.35);flex:0 0 auto;}
.kbx-hero-wa:hover{background:#F0B429;}
.kbx-decks{background:#fff;border-bottom:1px solid #EFEBE0;}
.kbx-deck1{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;}
.kbx-deck1::-webkit-scrollbar{display:none;}
.kbx-tab{padding:12px 18px 10px;font-size:13.5px;font-weight:800;color:#7A7568;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap;}
.kbx-tab small{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:600;color:#A9A290;margin-left:2px;}
.kbx-tab.on{color:#14213D;border-bottom-color:#FFC53D;}
.kbx-tab.on small{color:#B98A1E;}
.kbx-deck2{display:flex;gap:7px;padding:10px 0 12px;overflow-x:auto;scrollbar-width:none;}
.kbx-deck2::-webkit-scrollbar{display:none;}
.kbx-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#14213D;background:#fff;border:1.5px solid #E3E9F1;border-radius:999px;padding:6px 14px;text-decoration:none;white-space:nowrap;transition:border-color .15s ease;}
.kbx-chip b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:600;color:#94A3B8;}
.kbx-chip:hover{border-color:#14213D;}
.kbx-chip.hl{background:#FFC53D;border-color:#FFC53D;}
.kbx-chip.hl b{color:#8a6a12;}
.kbx-chip.on{background:#14213D;border-color:#14213D;color:#fff;}
.kbx-chip.on b{color:#FFC53D;}
.kbx-rail{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid #EAE4D5;border-radius:11px;padding:10px 14px;background:#fff;}
.kbx-rail-lab{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.06em;color:#A9A290;margin-left:6px;}
.kbx-rail-lab:first-child{margin-left:0;}
.kbx-clear{margin-left:auto;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:700;color:#E5484D;text-decoration:none;white-space:nowrap;}
.kbx-sortbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 16px;}
.kbx-count{margin-left:auto;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;color:#7A7568;letter-spacing:.04em;}
.kbx-endtile{background:#14213D;border-radius:14px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 20px;min-height:220px;}
.kbx-end-lab{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;color:#FFC53D;}
.kbx-endtile p{font-size:13px;line-height:1.6;color:#C6CEDA;margin:10px 0 0;max-width:230px;}
.kbx-end-wa{display:inline-block;background:#FFC53D;color:#14213D !important;font-weight:800;font-size:12px;border-radius:8px;padding:10px 16px;text-decoration:none;margin-top:14px;}
.kbx-empty{text-align:center;padding:46px 18px;border:1.5px dashed #E3DCCB;border-radius:14px;background:#FAF7F0;}
.kbx-empty-t{font-size:16px;font-weight:800;color:#14213D;display:block;}
.kbx-empty-s{font-size:13px;color:#7A7568;max-width:430px;margin:8px auto 0;line-height:1.6;}
.kbx-undo{max-width:430px;margin:16px auto 0;text-align:left;}
.kbx-undo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #EAE4D5;border-radius:10px;padding:11px 16px;margin-bottom:8px;text-decoration:none;color:#14213D;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:600;transition:border-color .15s ease;}
.kbx-undo-row:hover{border-color:#14213D;}
.kbx-undo-row b{color:#1D9E75;font-weight:700;white-space:nowrap;}
.kbx-wanted{display:inline-block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:.05em;border:1.5px dashed #C9C2AE;border-radius:8px;background:#fff;padding:9px 18px;margin-top:12px;}
.kbx-answerkey{margin-top:26px;border:1px solid #EAE4D5;border-radius:13px;overflow:hidden;background:#fff;}
.kbx-ak-head{background:#14213D;color:#fff;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 18px;}
.kbx-ak-body{padding:6px 18px 12px;}
.kbx-ak-body details{border-bottom:1px solid #F4F1E8;}
.kbx-ak-body details:last-child{border-bottom:none;}
.kbx-ak-body summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#14213D;padding:12px 0;list-style:none;display:flex;gap:10px;align-items:baseline;}
.kbx-ak-body summary::-webkit-details-marker{display:none;}
.kbx-ak-body summary b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:#B98A1E;flex:0 0 auto;}
.kbx-ak-body summary::after{content:"+";margin-left:auto;color:#A9A290;font-weight:600;}
.kbx-ak-body details[open] summary::after{content:"–";}
.kbx-ak-body p{font-size:13px;color:#5A6472;line-height:1.65;margin:0 0 14px 30px;max-width:720px;}
@media(max-width:900px){
  .kbx-hero-row{flex-wrap:wrap;}
  .kbx-hero-wa{margin-top:12px;}
  .kbx-rail{padding:9px 11px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}
  .kbx-rail::-webkit-scrollbar{display:none;}
  .kbx-clear{margin-left:8px;}
  .kbx-sortbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px;}
  .kbx-sortbar::-webkit-scrollbar{display:none;}
  .kbx-count{margin-left:8px;flex:0 0 auto;}
}
@media(max-width:600px){
  .kbx-note{font-size:12px;}
  .kbx-tab{padding:10px 13px 8px;font-size:12px;}
  .kbx-chip{font-size:10.5px;padding:5px 11px;}
  .kbx-endtile{min-height:170px;}
}

/* ══════════════════════════════════════════════════════════════════
   kb2 — PLP v3: ledger-strip breadcrumb, CTA-free dealt-hand hero,
   seam subcategory chips, ledger sidebar, mobile pill pair + sheets.
   All navigation is GET links; all motion is CSS-only, reduced-motion safe.
   ══════════════════════════════════════════════════════════════════ */

/* ── Paper ledger strip (breadcrumb) ── */
.kb2-strip{background:#FAF7F0;border-bottom:1px dotted rgba(20,33,61,.45);}
.kb2-strip-in{display:flex;align-items:center;flex-wrap:wrap;padding-top:9px;padding-bottom:9px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.kb2-strip-in a{color:rgba(20,33,61,.6);text-decoration:none;padding:2px 1px;}
.kb2-strip-in a:hover{color:#14213D;border-bottom:1px dotted #14213D;}
.kb2-sep{color:#B98A1E;padding:0 7px;}
.kb2-strip-in b{color:#14213D;position:relative;font-weight:800;}
.kb2-strip-in b::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#FFC53D;transform-origin:left;animation:kb2draw .35s .25s cubic-bezier(.2,.8,.3,1) both;}
@keyframes kb2draw{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* ── Hero band ── */
.kb2-band{background:linear-gradient(100deg,#14213D,#1C2E52);color:#fff;overflow:visible;}
.kb2-hero{display:flex;align-items:center;gap:26px;padding-top:20px;padding-bottom:27px;min-height:112px;}
.kb2-ht{flex:1;min-width:0;}
.kb2-ht h1{font-size:24px;font-weight:800;color:#fff;margin:0;line-height:1.2;letter-spacing:-0.01em;opacity:0;animation:kb2up .45s .12s ease forwards;}
.kb2-count{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.07em;color:#FFC53D;margin-left:9px;white-space:nowrap;vertical-align:2px;}
.kb2-note{font-size:13.5px;color:#C6CEDA;font-style:italic;margin:6px 0 0;line-height:1.5;max-width:560px;opacity:0;animation:kb2up .45s .28s ease forwards;}
.kb2-tstrip{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.07em;color:rgba(250,247,240,.55);margin-top:8px;opacity:0;animation:kb2up .45s .4s ease forwards;}
@keyframes kb2up{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* ── Dealt-hand deck: 3 real photos deal in, then a slow 9s shuffle ── */
.kb2-deck{position:relative;width:150px;height:98px;flex:0 0 auto;}
.kb2-dw{position:absolute;inset:0;animation:kb2deal .55s cubic-bezier(.2,.9,.3,1.12) both;}
.kb2-dw1{animation-delay:.55s;}
.kb2-dw2{animation-delay:.35s;}
.kb2-dw3{animation-delay:.15s;}
@keyframes kb2deal{from{opacity:0;transform:translateX(120px) rotate(10deg);}to{opacity:1;transform:none;}}
.kb2-ph{position:absolute;inset:0;display:block;border-radius:10px;border:3px solid rgba(255,255,255,.88);background-size:cover;background-position:center;box-shadow:0 6px 16px rgba(0,0,0,.3);}
.kb2-deck.n3 .kb2-ph{animation:kb2deck 9s 1.2s infinite;}
.kb2-deck.n3 .kb2-dw1 .kb2-ph{animation-delay:1.2s;}
.kb2-deck.n3 .kb2-dw2 .kb2-ph{animation-delay:-1.8s;}
.kb2-deck.n3 .kb2-dw3 .kb2-ph{animation-delay:-4.8s;}
.kb2-deck.n3:hover .kb2-ph,.kb2-deck.n3:focus-within .kb2-ph{animation-play-state:paused;}
@keyframes kb2deck{
  0%{z-index:3;transform:translate(0,0) rotate(0);opacity:1;}
  30%{z-index:3;transform:translate(0,0) rotate(0);opacity:1;}
  33%{z-index:3;transform:translate(48px,-8px) rotate(9deg);opacity:0;}
  33.5%{z-index:1;transform:translate(-9px,8px) rotate(-6deg);opacity:0;}
  36%{z-index:1;transform:translate(-9px,8px) rotate(-6deg);opacity:1;}
  63%{z-index:1;transform:translate(-9px,8px) rotate(-6deg);opacity:1;}
  66%{z-index:2;transform:translate(-4px,4px) rotate(-3deg);opacity:1;}
  96%{z-index:2;transform:translate(-4px,4px) rotate(-3deg);opacity:1;}
  100%{z-index:3;transform:translate(0,0) rotate(0);opacity:1;}
}
/* 2- and 1-photo fallbacks: static, hand-placed (offsets on .kb2-ph — the wrapper
   keeps the deal-in keyframe's filled transform, so it must stay untouched) */
.kb2-deck.n2 .kb2-dw2 .kb2-ph{transform:translate(-8px,7px) rotate(-5deg);}
.kb2-deck.n2 .kb2-dw1{z-index:2;}
.kb2-deck.n1 .kb2-dw1 .kb2-ph{transform:rotate(-2deg);}

/* ── Seam: chips straddle the hero's bottom edge ── */
.kb2-seam{position:relative;z-index:30;margin-top:-18px;}
.kb2-seam.kb2-nochips{margin-top:0;padding-top:12px;}
.kb2-seam-in{display:flex;align-items:flex-start;gap:10px;}
.kb2-chips{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 44px 8px 2px;margin-bottom:-8px;min-width:0;
  mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);
  opacity:0;animation:kb2up .4s .5s ease forwards;}
.kb2-chips::-webkit-scrollbar{display:none;}
.kb2-chip{display:inline-flex;align-items:center;gap:5px;scroll-snap-align:start;flex:0 0 auto;background:#fff;border:1px solid rgba(20,33,61,.32);border-radius:17px;padding:7px 14px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#14213D;text-decoration:none;white-space:nowrap;
  box-shadow:0 2px 5px rgba(13,24,48,.16),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;}
.kb2-chip .c{color:#B98A1E;}
.kb2-chip:hover{transform:translateY(-1px);box-shadow:0 4px 9px rgba(13,24,48,.2);}
.kb2-chip:active{transform:translateY(1px);background:#F3EFE6;}
.kb2-chip.on{background:#FFC53D;border-color:#FFC53D;}
.kb2-chip.on .c{color:#14213D;}
.kb2-chip.ghost{border-style:dashed;color:#7A7568;box-shadow:none;background:#FDFCF8;}
.kb2-chip:focus-visible{outline:2px dashed #14213D;outline-offset:2px;}
.kb2-sortstub{margin-left:auto;flex:0 0 auto;background:#fff;border:1px solid rgba(20,33,61,.24);border-radius:17px;padding:7px 15px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.04em;color:#7A7568;box-shadow:0 2px 5px rgba(13,24,48,.13);white-space:nowrap;opacity:0;animation:kb2up .4s .58s ease forwards;}
.kb2-sortstub a{color:#7A7568;text-decoration:none;padding:2px 1px;}
.kb2-sortstub a:hover{color:#14213D;}
.kb2-sortstub a.on{color:#14213D;border-bottom:2px solid #FFC53D;}
.kb2-sortstub i{font-style:normal;color:#D5CFC0;}

/* ── Body: sidebar + grid ── */
.kb2-body{display:flex;gap:24px;align-items:flex-start;padding-top:28px;padding-bottom:80px;}
.kb2-main{flex:1;min-width:0;}
.kb2-side{flex:0 0 226px;position:sticky;top:92px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:thin;padding-bottom:4px;}
.kb2-tally{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.06em;color:#7A7568;border-bottom:1px dotted rgba(20,33,61,.4);padding-bottom:8px;}
.kb2-tally i{font-style:normal;font-size:20px;color:#14213D;margin-right:4px;display:inline-block;opacity:0;animation:kb2up .35s .15s ease forwards;}
.kb2-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.kb2-tag{display:inline-flex;align-items:center;gap:5px;background:#FFC53D;border:1px solid #FFC53D;border-radius:4px;padding:4px 9px 4px 16px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:800;letter-spacing:.04em;color:#14213D;text-decoration:none;position:relative;animation:kb2tagdrop .3s cubic-bezier(.2,.8,.3,1.25) both;}
.kb2-tag::before{content:"";position:absolute;left:5.5px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#FAF7F0;box-shadow:inset 0 0 0 1.3px #14213D;}
.kb2-tag b{opacity:.65;}
.kb2-tag:hover{background:#F0B429;border-color:#F0B429;}
.kb2-tag:hover b{opacity:1;}
@keyframes kb2tagdrop{from{opacity:0;transform:translateY(-9px) rotate(-3deg);}to{opacity:1;transform:none;}}
.kb2-clear{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.05em;color:rgba(20,33,61,.55);text-decoration:underline;}
.kb2-clear:hover{color:#14213D;}
.kb2-fg{border:1px solid #EAE4D5;border-radius:12px;background:#fff;padding:10px 13px 8px;}
.kb2-gh{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;color:#7A7568;text-transform:uppercase;margin-bottom:2px;}
.kb2-row{display:flex;align-items:center;gap:8px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:600;color:#14213D;text-decoration:none;padding:7px 0;border-radius:5px;}
.kb2-row .lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.3);margin:0 3px 4px;min-width:8px;}
.kb2-row:hover{background:rgba(255,197,61,.09);}
.kb2-row.zero{opacity:.38;pointer-events:none;}
.kb2-row:focus-visible{outline:2px dashed #14213D;outline-offset:1px;}
.kb2-pill{border:1px solid rgba(20,33,61,.45);border-radius:9px;padding:1px 7px;font-size:9px;font-weight:800;background:#FAF7F0;flex:0 0 auto;font-variant-numeric:tabular-nums;}
.kb2-pill.on{background:#14213D;color:#FFC53D;border-color:#14213D;}
.kb2-cbx{width:15px;height:15px;border:1.5px solid #C9CFD8;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#fff;}
.kb2-cbx svg{opacity:0;}
.kb2-row:hover .kb2-cbx:not(.on) svg{opacity:.28;} /* pencil-ghost preview */
.kb2-cbx.on{background:#14213D;border-color:#14213D;}
.kb2-cbx.on svg{opacity:1;}
.kb2-cbx.on svg path{stroke-dasharray:14;stroke-dashoffset:14;animation:kb2tick .35s .3s ease-out forwards;}
@keyframes kb2tick{to{stroke-dashoffset:0;}}
.kb2-wafoot{border-top:1px dotted rgba(20,33,61,.35);padding-top:9px;font-size:11px;color:#7A7568;line-height:1.55;}
.kb2-wafoot a{color:#14213D;text-decoration:underline;font-weight:600;}

/* ── Quiet links, empty rescue ── */
.kb2-quiet{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.03em;color:#14213D;text-decoration:underline;}
.kb2-quiet:hover{color:#B98A1E;}
.kb2-empty{max-width:460px;margin:30px auto;border:1px solid rgba(20,33,61,.2);border-radius:10px;background:#FAF7F0;padding:22px 24px;text-align:left;opacity:0;animation:kb2up .35s .1s ease forwards;}
.kb2-empty-t{display:block;font-size:16px;font-weight:800;color:#14213D;margin:6px 0 12px;}
.kb2-undo{display:flex;flex-direction:column;gap:6px;}
.kb2-undo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(20,33,61,.22);border-radius:8px;background:#fff;padding:9px 13px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;color:#14213D;text-decoration:none;transition:border-color .12s ease,transform .12s ease;}
.kb2-undo-row b{color:#1D9E75;white-space:nowrap;}
.kb2-undo-row:hover{border-color:#14213D;transform:translateX(2px);}
.kb2-empty-s{font-size:12.5px;color:#7A7568;line-height:1.6;margin:12px 0 0;font-style:italic;}
.kb2-empty-s a{color:#14213D;text-decoration:underline;}

/* ── MB1: floating pill pair + :target bottom sheets (mobile) ── */
.kb2-pills{display:none;}
.kb2-sheetwrap{position:fixed;inset:0;z-index:4000;visibility:hidden;pointer-events:none;}
.kb2-sheetwrap:target{visibility:visible;pointer-events:auto;}
.kb2-scrim{position:absolute;inset:0;background:rgba(13,24,48,.55);opacity:0;transition:opacity .25s ease;}
.kb2-sheetwrap:target .kb2-scrim{opacity:1;}
.kb2-sheet{position:absolute;left:0;right:0;bottom:0;background:#FAF7F0;border-radius:16px 16px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom));max-height:74vh;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.3,1);box-shadow:0 -8px 30px rgba(13,24,48,.3);}
.kb2-sheetwrap:target .kb2-sheet{transform:none;}
.kb2-notch{width:36px;height:4px;border-radius:2px;background:#C9C2B2;margin:0 auto 8px;flex:0 0 auto;}
.kb2-sh-head{display:flex;align-items:center;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.07em;color:#14213D;padding-bottom:8px;border-bottom:1px dotted rgba(20,33,61,.35);flex:0 0 auto;}
.kb2-sh-x{margin-left:auto;font-size:22px;line-height:1;color:#7A7568;text-decoration:none;padding:0 4px;}
.kb2-sh-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 4px;min-height:0;}
.kb2-sh-scroll .kb2-gh{margin:10px 0 2px;}
.kb2-srow{display:flex;align-items:center;gap:10px;min-height:48px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:700;color:#14213D;text-decoration:none;border-bottom:1px solid rgba(20,33,61,.08);}
.kb2-srow .n{margin-left:auto;color:#94A3B8;font-variant-numeric:tabular-nums;}
.kb2-srow.on .n{color:#1D9E75;}
.kb2-srow:active{background:rgba(255,197,61,.12);}
.kb2-sh-foot{display:flex;align-items:center;gap:14px;padding-top:11px;border-top:1px solid rgba(20,33,61,.12);flex:0 0 auto;}
.kb2-sh-clear{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;color:rgba(20,33,61,.55);text-decoration:underline;flex:0 0 auto;}
.kb2-show{flex:1;background:#FFC53D;border-radius:10px;text-align:center;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.04em;color:#14213D;text-decoration:none;padding:13px 0;box-shadow:0 3px 10px rgba(255,197,61,.4);}
.kb2-show:active{transform:scale(.98);}
.kb2-srow:focus-visible,.kb2-fp:focus-visible,.kb2-show:focus-visible,.kb2-sh-x:focus-visible,
.kb2-tag:focus-visible,.kb2-clear:focus-visible,.kb2-strip-in a:focus-visible,.kb2-sortstub a:focus-visible,
.kb2-quiet:focus-visible,.kb2-undo-row:focus-visible{outline:2px dashed #14213D;outline-offset:2px;}

/* ── Responsive ── */
@media(max-width:1024px){
  .kb2-side{flex-basis:206px;}
}
@media(max-width:900px){
  .kb2-side{display:none;}
  .kb2-sortstub{display:none;}
  .kb2-hero{gap:14px;padding-top:14px;padding-bottom:24px;min-height:0;}
  .kb2-ht h1{font-size:18.5px;}
  .kb2-note{font-size:11.5px;margin-top:4px;}
  .kb2-tstrip{font-size:7.5px;letter-spacing:.05em;margin-top:6px;}
  .kb2-deck{width:104px;height:70px;}
  .kb2-ph{border-width:2px;border-radius:8px;}
  .kb2-seam{margin-top:-15px;}
  .kb2-chip{padding:7px 12px;font-size:9.5px;}
  .kb2-body{padding-top:18px;}
  .kb2-pills{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:1200;gap:8px;animation:kb2up .4s .5s ease both;}
  body.search .kb2-pills{bottom:calc(82px + env(safe-area-inset-bottom));}
  .kb2-seam.kb2-nochips{display:none;}
  .kb2-fp{display:inline-flex;align-items:center;gap:6px;background:#FFC53D;color:#14213D;border:1.5px solid #FFC53D;border-radius:22px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.05em;padding:11px 18px;text-decoration:none;box-shadow:0 5px 14px rgba(13,24,48,.3);white-space:nowrap;}
  .kb2-fp.alt{background:#fff;border-color:#14213D;}
  .kb2-fp:active{transform:scale(.96);}
}
@media(max-width:600px){
  .kb2-strip-in{font-size:10px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;}
  .kb2-strip-in::-webkit-scrollbar{display:none;}
}

/* Sheets are a mobile pattern — a shared/reloaded #kb2filter URL must not overlay desktop */
@media(min-width:901px){.kb2-sheetwrap{display:none !important;}}

/* Quiet WhatsApp: the green float duplicates the demoted contact link — off on archives */
body.post-type-archive-product .whatsapp-float,
body.tax-product_cat .whatsapp-float,
body.tax-product_tag .whatsapp-float,
body.search .whatsapp-float{display:none !important;}

/* ── Reduced motion: everything lands in its final state, nothing moves ── */
@media(prefers-reduced-motion:reduce){
  .kb2-strip-in b::after,.kb2-ht h1,.kb2-note,.kb2-tstrip,.kb2-dw,.kb2-ph,.kb2-chips,.kb2-sortstub,
  .kb2-tally i,.kb2-tag,.kb2-cbx.on svg path,.kb2-empty,.kb2-pills{animation:none !important;opacity:1 !important;transform:none !important;}
  .kb2-deck.n3 .kb2-dw2 .kb2-ph{transform:translate(-9px,8px) rotate(-6deg) !important;}
  .kb2-deck.n3 .kb2-dw3 .kb2-ph{transform:translate(-4px,4px) rotate(-3deg) !important;}
  .kb2-deck.n2 .kb2-dw2 .kb2-ph{transform:translate(-8px,7px) rotate(-5deg) !important;}
  .kb2-cbx.on svg path{stroke-dashoffset:0;}
  .kb2-sheet,.kb2-scrim,.kb2-chip,.kb2-undo-row{transition:none !important;}
}

/* ══════════════════════════════════════════════════════════════════
   kb2p — PDP v2: ledger-strip breadcrumb parity, navy title band,
   condition seam chips, price ledger, contents ledger, marksheet v2
   with corner stamp, recount guarantee, quiet WhatsApp, luggage-tag
   coupons, Asked & Answered, sticky-bar truth strip.
   ══════════════════════════════════════════════════════════════════ */

/* ── Navy title band ── */
.kb2p-band{background:linear-gradient(100deg,#14213D,#1C2E52);color:#fff;}
.kb2p-band-in{display:flex;align-items:baseline;gap:16px;padding-top:16px;padding-bottom:24px;}
.kb2p-title{font-size:21px;font-weight:800;color:#fff;margin:0;line-height:1.3;letter-spacing:-0.01em;flex:1;min-width:0;opacity:0;animation:kb2up .45s .1s ease forwards;}
.kb2p-kbid{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.07em;color:#8B96A5;flex:0 0 auto;}

/* ── Seam chips: the condition facts ── */
.kb2p-seam{position:relative;z-index:20;margin-top:-14px;margin-bottom:14px;}
.kb2p-seam-in{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:-6px;
  mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);
  opacity:0;animation:kb2up .4s .35s ease forwards;}
.kb2p-seam-in::-webkit-scrollbar{display:none;}
.kb2p-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;background:#fff;border:1px solid rgba(20,33,61,.32);border-radius:15px;padding:6px 13px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:800;letter-spacing:.04em;color:#14213D;white-space:nowrap;box-shadow:0 2px 5px rgba(13,24,48,.15),inset 0 1px 0 rgba(255,255,255,.45);}
.kb2p-chip.on{background:#FFC53D;border-color:#FFC53D;}
.kb2p-chip .ok{color:#1D9E75;font-style:normal;}
.kb2p-chip.st .dot{width:7px;height:7px;border-radius:50%;background:#1D9E75;display:inline-block;}
.kb2p-chip.st.sold{opacity:.55;}

/* ── Ledger rows (shared by price / contents / marksheet / guarantee) ── */
.kb2p-row{display:flex;align-items:baseline;gap:7px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:#14213D;padding:6px 0;}
.kb2p-row .lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.35);margin:0 3px 4px;min-width:12px;}
.kb2p-row b{font-weight:700;}
.kb2p-row .ok,.kb2p-row b.ok{color:#1D9E75;}
.kb2p-row.tot{font-weight:800;border-top:1px solid #EAE4D5;padding-top:9px;text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;}
.kb2p-row a{color:#14213D;text-decoration:underline;}

/* ── Price ledger ── */
.kb2p-price{border:1px solid #EAE4D5;border-radius:12px;background:#FAF7F0;padding:8px 15px;margin:12px 0 4px;}
.kb2p-price .mrp span:last-child,.kb2p-price .p-price-old{color:#98a0ad;text-decoration:line-through;font-size:12px;}
.kb2p-price .our .p-price-current{font-size:24px;font-weight:800;letter-spacing:-0.01em;}
.kb2p-price .keep{border-left:3px solid #FFC53D;padding-left:9px;}
.kb2p-price .keep .p-savings-bold{color:#1D9E75;font-weight:800;}
.kb2p-price .keep .p-discount-pct{color:#1D9E75;font-size:11px;}

/* ── Cards: contents ledger + guarantee ── */
.kb2p-card{border:1px solid #EAE4D5;border-radius:12px;background:#fff;padding:11px 15px;margin-top:14px;}
.kb2p-gh{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#7A7568;text-transform:uppercase;margin-bottom:3px;}
.kb2p-card.guar{background:#FAF7F0;}
.kb2p-guar-p{font-size:13px;line-height:1.55;color:#556;margin:6px 0 4px;}
.kb2p-guar-p b{color:#14213D;}

/* ── Marksheet v2 ── */
.kb2p-mk{border:1.5px solid #14213D;border-radius:12px;background:#FAF7F0;padding:12px 15px;margin-top:16px;position:relative;}
.kb2p-mk .kb2p-gh{color:#14213D;padding-right:56px;}
.kb2p-mkfoot{font-size:11.5px;font-style:italic;color:#7A7568;border-top:1px dotted rgba(20,33,61,.3);margin-top:7px;padding-top:7px;}
.kb2p-stamp{position:absolute;top:-16px;right:-8px;width:58px;height:58px;border-radius:50%;border:2.5px double #14213D;background:rgba(250,247,240,.95);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(7deg);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#14213D;box-shadow:0 3px 8px rgba(13,24,48,.18);animation:kb2pstamp .35s .6s cubic-bezier(.2,.9,.3,1.2) both;}
.kb2p-stamp b{font-size:21px;line-height:1;font-weight:800;}
.kb2p-stamp i{font-size:5px;font-style:normal;letter-spacing:.08em;font-weight:700;}
@keyframes kb2pstamp{from{opacity:0;transform:rotate(7deg) scale(1.3);}to{opacity:1;transform:rotate(7deg) scale(1);}}

/* ── Quiet WhatsApp lines ── */
.kb2p-quiet{font-size:13px;color:#556;line-height:1.55;margin:10px 0 0;}
.kb2p-quiet a{color:#14213D;text-decoration:underline;font-weight:600;}
.kb2p-quiet a:hover{color:#B98A1E;}

/* ── Coupons: luggage tags ── */
.kb2p-coupons{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.kb2p-ltag{display:inline-flex;align-items:center;gap:8px;background:#FAF7F0;border:1.5px dashed #14213D;border-radius:5px;padding:8px 12px 8px 20px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#14213D;position:relative;cursor:pointer;transition:transform .12s ease;}
.kb2p-ltag::before{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.4px #14213D;}
.kb2p-ltag i{font-style:normal;font-size:8px;background:#14213D;color:#FFC53D;border-radius:4px;padding:2.5px 7px;}
.kb2p-ltag:hover{transform:rotate(-1deg);}
.kb2p-ltag:active{transform:scale(.97);}
.kb2p-cnote{font-size:10.5px;font-style:italic;color:#7A7568;}

/* ── Asked & Answered ── */
.kb2p-qa{border:1px solid #EAE4D5;border-radius:12px;background:#fff;padding:4px 15px;margin-top:6px;}
.kb2p-qa details{border-top:1px solid #F0EBDF;}
.kb2p-qa details:first-child{border-top:none;}
.kb2p-qa summary{display:flex;align-items:baseline;gap:7px;list-style:none;cursor:pointer;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:700;color:#14213D;padding:11px 0;min-height:24px;}
.kb2p-qa summary::-webkit-details-marker{display:none;}
.kb2p-qa summary::after{content:"";flex:1;border-bottom:1px dotted rgba(20,33,61,.3);margin:0 3px 4px;order:2;}
.kb2p-qa summary i{order:3;font-style:normal;color:#7A7568;font-weight:800;transition:transform .15s ease;}
.kb2p-qa details[open] summary i{transform:rotate(45deg);}
.kb2p-qa p{font-size:13px;line-height:1.6;color:#556;margin:0 0 12px;}
.kb2p-qa a{color:#14213D;text-decoration:underline;}

/* ── Sticky bar truth strip (mobile) ── */
.kb2p-stk{padding-top:0 !important;}
.kb2p-barstrip{display:flex;align-items:baseline;background:#FAF7F0;border-bottom:1px dotted rgba(20,33,61,.4);margin:0 -14px 10px;padding:5px 14px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:700;letter-spacing:.05em;color:#7A7568;text-transform:uppercase;}
.kb2p-barstrip .lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.3);margin:0 5px 3px;}
.kb2p-barstrip span:first-child{color:#14213D;}

/* ── Responsive ── */
@media(max-width:768px){
  .kb2p-band-in{padding-top:12px;padding-bottom:20px;}
  .kb2p-title{font-size:16.5px;}
  .kb2p-seam{margin-top:-12px;}
  .kb2p-chip{padding:5.5px 11px;font-size:8.5px;}
  .kb2p-price .our .p-price-current{font-size:21px;}
  .kb2p-stamp{width:50px;height:50px;top:-12px;right:-4px;}
  .kb2p-stamp b{font-size:18px;}
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .kb2p-title,.kb2p-seam-in,.kb2p-stamp{animation:none !important;opacity:1 !important;}
  .kb2p-stamp{transform:rotate(7deg) !important;}
  .kb2p-ltag,.kb2p-qa summary i{transition:none !important;}
}

/* ── Cascade overrides vs legacy .product-v3-wrapper rules ── */
.product-v3-wrapper .kb2-strip-in{padding-top:9px !important;padding-bottom:9px !important;}
.product-v3-wrapper .kb2p-band-in{padding-top:16px !important;padding-bottom:24px !important;}
.product-v3-wrapper .kb2p-seam-in{padding-top:0 !important;padding-bottom:6px !important;}
.product-v3-wrapper h1.kb2p-title{font-size:21px !important;line-height:1.3 !important;margin:0 !important;}
@media(max-width:768px){
  .product-v3-wrapper .kb2p-band-in{padding-top:12px !important;padding-bottom:20px !important;}
  .product-v3-wrapper h1.kb2p-title{font-size:16.5px !important;}
  .mobile-sticky-actions-v3.kb2p-stk{display:block !important;}
  body.single-product{padding-bottom:96px;}
}
@media(max-width:380px){
  .kb2p-barstrip{margin:0 -12px 10px;padding:5px 12px;}
}

/* ══════════════════════════════════════════════════════════════════
   kb2g — PDP gallery polish: bigger desktop gallery, kb2 breadcrumb
   spacing, refined thumbnails, mobile counter chip + taller gallery.
   ══════════════════════════════════════════════════════════════════ */

/* Desktop: gallery column gets more room and breathes */
@media(min-width:901px){
  .product-main-grid{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:36px;}
  .product-gallery-column{max-height:640px;}
  .thumbnail-strip{max-height:576px;}
}
.main-image-wrapper{border-color:#EAE4D5;box-shadow:0 10px 30px rgba(20,33,61,.08);}
.thumb-item{border-radius:9px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;}
.thumb-item:hover{transform:translateY(-2px);border-color:#14213D;}
.thumb-item.active{border-color:#14213D;box-shadow:0 0 0 2px #FFC53D;}
.gallery-nav-btn{transition:transform .12s ease,box-shadow .12s ease;}
.gallery-nav-btn:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 6px 16px rgba(20,33,61,.16);}
.gallery-nav-btn:active{transform:translateY(-50%) scale(.96);}

/* Mobile: taller gallery + mono counter chip (overrides the old 330px caps) */
.spd-galcount{position:absolute;left:10px;bottom:10px;z-index:6;background:rgba(13,24,48,.82);color:#FFD97A;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.06em;padding:3.5px 9px;border-radius:6px;pointer-events:none;font-variant-numeric:tabular-nums;}
@media(min-width:769px){.spd-galcount{display:none;}}
@media(max-width:768px){
  .gallery-container-v3,.product-gallery-column,.main-image-wrapper,.mobile-scroll-container{max-height:392px !important;}
  .mobile-gallery-img,.gallery-container-v3 img{max-height:392px !important;object-fit:contain;}
  .mobile-dots-v3{bottom:10px;}
}

/* Breadcrumb strip inside the product wrapper: keep its own vertical padding */
.product-v3-wrapper .kb2-strip-in{padding-top:9px !important;padding-bottom:9px !important;}
@media(prefers-reduced-motion:reduce){.thumb-item,.gallery-nav-btn{transition:none !important;}}

/* ══════════════════════════════════════════════════════════════════
   kbcta — product CTAs: C1 desktop (navy Buy Now + yellow underline
   sweep, outline Add to Bag) and C3 mobile (split-ticket sticky bar).
   ══════════════════════════════════════════════════════════════════ */

/* ── Desktop C1 ── */
.desktop-actions-v3 .btn-primary-v3{background:#14213D !important;color:#fff !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.07em !important;border-radius:9px !important;box-shadow:0 4px 14px rgba(20,33,61,.28) !important;overflow:hidden;}
.desktop-actions-v3 .btn-primary-v3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#FFC53D;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.desktop-actions-v3 .btn-primary-v3:hover{transform:translateY(-1px) !important;box-shadow:0 7px 18px rgba(20,33,61,.34) !important;background:#14213D !important;}
.desktop-actions-v3 .btn-primary-v3:hover::after{transform:scaleX(1);}
.desktop-actions-v3 .btn-primary-v3:active{transform:scale(.98) !important;}
.desktop-actions-v3 .btn-secondary-v3{background:#fff !important;color:#14213D !important;border:1.7px solid #14213D !important;border-radius:9px !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.05em !important;box-shadow:none !important;}
.desktop-actions-v3 .btn-secondary-v3:hover{background:#FAF7F0 !important;border-color:#14213D !important;transform:translateY(-1px) !important;}
.desktop-actions-v3 .btn-secondary-v3 svg{stroke:#14213D !important;}
.desktop-actions-v3 .btn-primary-v3:focus-visible,.desktop-actions-v3 .btn-secondary-v3:focus-visible{outline:2px dashed #14213D;outline-offset:2px;}

/* ── Mobile C3 split ticket ── */
@media(max-width:768px){
  .mobile-sticky-actions-v3 .mobile-btn-group.kbcta{display:flex;gap:0;align-items:stretch;border-radius:12px;overflow:hidden;border:1px solid #EAE4D5;box-shadow:0 5px 16px rgba(20,33,61,.24);}
  .kbcta .m-btn-secondary{flex:0 0 50px;height:58px !important;width:50px !important;border:none !important;border-right:1px solid #EAE4D5 !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;color:#14213D !important;padding:0 !important;}
  .kbcta .m-btn-secondary:hover{transform:none !important;background:#FAF7F0 !important;}
  .kbcta .m-btn-secondary svg{stroke:#14213D !important;}
  .kbcta-pr{flex:2;min-width:0;background:#14213D;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 4px;border-right:2px dashed rgba(250,247,240,.4);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;}
  .kbcta-pr s{font-size:9px;color:#8B96A5;line-height:1;}
  .kbcta-pr #StickyPrice{font-size:15.5px;font-weight:800;line-height:1.15;}
  .kbcta .m-btn-primary{flex:3;height:58px !important;border-radius:0 !important;background:#FFC53D !important;color:#14213D !important;box-shadow:none !important;margin:0 !important;padding:0 8px !important;}
  .kbcta .m-btn-primary:hover{transform:none !important;background:#F0B429 !important;}
  .kbcta .m-btn-primary:active{filter:brightness(.95);}
  .kbcta .sr-powered-by{display:none !important;}
  .kbcta .sr-button-text-container img{display:none !important;}
  .kbcta .sr-button-text-container{display:flex !important;align-items:center !important;}
  .kbcta .sr-d-flex{gap:0 !important;}
  .kbcta .sr-checkout-visible2{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#14213D;}
  .kbcta .sr-checkout-visible2::after{content:" \2192";}
}
@media(prefers-reduced-motion:reduce){
  .desktop-actions-v3 .btn-primary-v3::after{transition:none !important;}
}

/* ══════════════════════════════════════════════════════════════════
   kb2v — gallery enhancements: motion polish (V2), product video (V3),
   load choreography (V4), responsive pack (V5).
   ══════════════════════════════════════════════════════════════════ */

/* ── V2: motion polish (desktop pointers only) ── */
@media(hover:hover) and (min-width:901px){
  .mobile-slide:not(.video-slide) .mobile-gallery-img{transition:transform .5s ease;}
  .main-image-wrapper:hover .mobile-slide:not(.video-slide) .mobile-gallery-img{transform:scale(1.045);}
  .gallery-nav-btn{opacity:0;transition:opacity .2s ease,transform .12s ease,box-shadow .12s ease;}
  .main-image-wrapper:hover .gallery-nav-btn,.gallery-nav-btn:focus-visible{opacity:1;}
}

/* ── V3: product video ── */
.thumb-video{position:relative;background:#0D1830;overflow:hidden;}
.thumb-video .tv-bg{position:absolute;inset:0;opacity:.45;background-size:cover;background-position:center;}
.thumb-video .tv-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(13,24,48,.25);}
.thumb-video .tv-badge span{width:0;height:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));margin-left:2px;}
.thumb-video .tv-len{position:absolute;right:3px;bottom:3px;background:rgba(13,24,48,.88);color:#fff;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7px;font-weight:800;padding:1.5px 5px;border-radius:3px;}
.video-slide{background:#0D1830;position:relative;}
.video-slide video{width:100%;height:100%;object-fit:contain;display:block;}
.spd-vplay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:rgba(13,24,48,.28);border:none;cursor:pointer;z-index:5;padding:0;}
.spd-vplay .tri{width:66px;height:66px;border-radius:50%;background:#FFC53D;box-shadow:0 8px 26px rgba(0,0,0,.45);position:relative;transition:transform .15s ease;}
.spd-vplay .tri::after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:22px solid #14213D;border-top:13px solid transparent;border-bottom:13px solid transparent;}
.spd-vplay:hover .tri{transform:scale(1.08);}
.spd-vplay:active .tri{transform:scale(.95);}
.spd-vplay .vl{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.spd-watchchip{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);z-index:7;display:inline-flex;align-items:center;gap:8px;background:rgba(13,24,48,.88);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:22px;padding:9px 16px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:transform .15s ease,background .15s ease;animation:kbgal-in .35s .75s ease both;}
.spd-watchchip i{width:0;height:0;border-left:10px solid #FFC53D;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.spd-watchchip:hover{transform:translateX(-50%) translateY(-2px);background:rgba(13,24,48,.96);}
.spd-watchchip:active{transform:translateX(-50%) scale(.96);}
.mobile-dots-v3 .dot-video{width:0;height:0;border-left:7px solid rgba(20,33,61,.35);border-top:4px solid transparent;border-bottom:4px solid transparent;border-radius:0;background:none;}
.mobile-dots-v3 .dot-video.active{border-left-color:#14213D;}

/* ── V4: load choreography (photo → grade stamp → proof → thumbs) ── */
.main-image-wrapper{animation:kbgal-in .45s .05s ease both;}
.sp-gallery-cond{animation:kbgal-stamp .3s .45s cubic-bezier(.2,.9,.3,1.2) both;}
.spd-proofstamp{animation:kbgal-in .3s .6s ease both;}
.spd-galcount{animation:kbgal-in .3s .65s ease both;}
.thumbnail-strip .thumb-item{opacity:0;animation:kbgal-th .35s ease forwards;}
.thumbnail-strip .thumb-item:nth-child(1){animation-delay:.5s;}
.thumbnail-strip .thumb-item:nth-child(2){animation-delay:.58s;}
.thumbnail-strip .thumb-item:nth-child(3){animation-delay:.66s;}
.thumbnail-strip .thumb-item:nth-child(4){animation-delay:.74s;}
.thumbnail-strip .thumb-item:nth-child(5){animation-delay:.82s;}
.thumbnail-strip .thumb-item:nth-child(6){animation-delay:.9s;}
.thumbnail-strip .thumb-item:nth-child(7){animation-delay:.98s;}
.thumbnail-strip .thumb-item:nth-child(8){animation-delay:1.06s;}
.thumbnail-strip .thumb-item:nth-child(n+9){animation-delay:1.1s;}
@keyframes kbgal-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes kbgal-stamp{from{opacity:0;transform:scale(1.25);}to{opacity:1;transform:scale(1);}}
@keyframes kbgal-th{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:none;}}

/* ── V5: responsive pack ── */
@media(min-width:769px) and (max-width:1024px){
  .gallery-container-v3{display:grid;grid-template-columns:1fr;gap:12px;}
  .thumbnail-strip{flex-direction:row;width:100%;max-height:none;max-width:100%;order:2;overflow-x:auto;overflow-y:hidden;padding:4px 2px 6px;}
  .thumbnail-strip .thumb-item{animation-name:kbgal-in;}
}
@media(max-width:380px){
  .sp-gallery-cond{font-size:7px !important;padding:3px 7px !important;}
  .spd-proofstamp{font-size:6.5px;padding:3px 6px;}
  .spd-galcount{font-size:8px;padding:3px 7px;}
  .spd-watchchip{font-size:8.5px;padding:7px 12px;}
}
@media(max-width:900px) and (orientation:landscape){
  .gallery-container-v3,.product-gallery-column,.main-image-wrapper,.mobile-scroll-container{max-height:72vh !important;}
  .mobile-gallery-img{max-height:72vh !important;}
}

/* ── reduced motion: everything lands, nothing moves ── */
@media(prefers-reduced-motion:reduce){
  .main-image-wrapper,.sp-gallery-cond,.spd-proofstamp,.spd-galcount,.thumbnail-strip .thumb-item,.spd-watchchip{animation:none !important;opacity:1 !important;transform:none !important;}
  .spd-watchchip{transform:translateX(-50%) !important;}
  .mobile-slide .mobile-gallery-img,.gallery-nav-btn,.spd-vplay .tri{transition:none !important;}
}

/* video overlay hygiene: no duplicate native play glyph; overlay is display-driven */
.video-slide video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none;}

/* while the video plays, nothing overlaps it — chrome fades out, returns on pause */
.main-image-wrapper .sp-gallery-cond,.main-image-wrapper .spd-proofstamp,.main-image-wrapper .spd-galcount,
.main-image-wrapper .mobile-dots-v3,.main-image-wrapper .gallery-nav-btn{transition:opacity .25s ease;}
.main-image-wrapper.kb-video-playing .sp-gallery-cond,
.main-image-wrapper.kb-video-playing .spd-proofstamp,
.main-image-wrapper.kb-video-playing .spd-galcount,
.main-image-wrapper.kb-video-playing .mobile-dots-v3,
.main-image-wrapper.kb-video-playing .gallery-nav-btn,
.main-image-wrapper.kb-video-playing .spd-watchchip{opacity:0 !important;pointer-events:none !important;}

/* the watch chip must live on slide 1 only — slides are its positioning context,
   so it scrolls away with the first photo instead of floating over the video */
.mobile-slide{position:relative;}

/* keep the bottom strip layered predictably: chip above, stamp/dots below it */
.spd-watchchip{z-index:8;}
@media(max-width:380px){.spd-watchchip{bottom:48px;}}

/* icon-only play button on the first photo — nothing else */
.spd-watchchip.spd-playonly{width:48px;height:48px;padding:0;border-radius:50%;justify-content:center;gap:0;}
.spd-watchchip.spd-playonly i{border-left:15px solid #FFC53D;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;}

/* mobile: swipe is the navigation — the grey arrow buttons have no job */
@media(max-width:768px){.gallery-nav-btn{display:none !important;}}

/* the dots pill is redundant with the 1/4 counter chip — off */
.main-image-wrapper .mobile-dots-v3{display:none !important;}

/* ══════════════════════════════════════════════════════════════════
   kb3 — R3 "White Register" header + S1 slip mobile search.
   Crown ledger strip, white masthead with navy fold, seam-chip exam
   nav, mono search + utilities, unified mobile header, paper slip.
   ══════════════════════════════════════════════════════════════════ */

/* ── Crown: navy ledger strip with live tally ── */
.announcement-bar-v3.kb3-crown{background:#14213D !important;padding:5px 0 !important;}
.kb3-crown-in{display:flex;align-items:baseline;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.kb3-crown-in span{color:rgba(250,247,240,.78);white-space:nowrap;}
.kb3-crown-in b{color:#FFC53D;white-space:nowrap;font-weight:800;}
.kb3-lead{flex:1;border-bottom:1px dotted rgba(250,247,240,.3);margin:0 12px 3px;min-width:18px;}

/* ── Masthead: white with the broadsheet fold ── */
@media(min-width:769px){
  .header-top-row{border-bottom:3px solid #14213D;}
  /* search: paper ledger field, mono placeholder, yellow focus baseline */
  .search-form-v3 input{background:#FAF7F0 !important;border:1.5px solid rgba(20,33,61,.5) !important;border-radius:3px !important;transition:border-color .15s ease,box-shadow .15s ease !important;}
  .search-form-v3 input::placeholder{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9a927f;}
  .search-form-v3 input:focus{border-color:#14213D !important;box-shadow:0 3px 0 -1px #FFC53D !important;}
  /* utilities: mono ledger voice, bag marker-underlined */
  .header-utility-container .utility-item span,.btn-login-v3 span:last-child{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:10.5px !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;}
  #EliteDesktopCart span:last-child{border-bottom:3px solid #FFC53D;padding-bottom:1px;}
}

/* ── Exam nav → seam chips straddling the fold ── */
@media(min-width:769px){
  .header-bottom-row{background:transparent !important;border-top:0 !important;margin-top:-15px !important;position:relative;z-index:60;pointer-events:none;}
  .header-bottom-row .category-nav-container{padding-top:0 !important;padding-bottom:6px !important;}
  .header-bottom-row .category-nav{pointer-events:auto;}
  .header-bottom-row .category-nav li a.hdr-pill{
    background:#FAF7F0 !important;border:1px solid rgba(20,33,61,.45) !important;color:#14213D !important;
    font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:10.5px !important;font-weight:800 !important;
    letter-spacing:.04em !important;text-transform:uppercase;padding:7px 14px !important;border-radius:15px !important;
    box-shadow:0 2px 5px rgba(13,24,48,.16),inset 0 1px 0 rgba(255,255,255,.5) !important;
    transition:transform .15s ease,box-shadow .15s ease !important;
  }
  .header-bottom-row .category-nav li a.hdr-pill:hover{background:#FAF7F0 !important;transform:translateY(-2px);box-shadow:0 4px 9px rgba(13,24,48,.2) !important;}
  .header-bottom-row .category-nav li a.hdr-pill small{color:#B98A1E !important;opacity:1 !important;font-family:inherit;}
  .header-bottom-row .category-nav li a.hdr-pill.on{background:#FFC53D !important;border-color:#FFC53D !important;color:#14213D !important;}
  .header-bottom-row .category-nav li a.hdr-pill.on small{color:#14213D !important;}
}

/* ── Mobile: fact micro-strip + unified bar + paper slip search ── */
.kb3-mstrip{display:none;}
@media(max-width:768px){
  .kb3-mstrip{display:flex;align-items:baseline;background:#14213D;padding:3.5px 14px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;transition:max-height .2s ease,padding .2s ease;max-height:22px;}
  .kb3-mstrip span{color:rgba(250,247,240,.78);white-space:nowrap;}
  .kb3-mstrip b{color:#FFC53D;white-space:nowrap;}
  .kb3-mstrip .kb3-lead{margin:0 8px 2px;}
  .header-compact .kb3-mstrip{max-height:0;padding-top:0;padding-bottom:0;}
  .pm-header-mobile{border-bottom:2px solid #14213D !important;box-shadow:none !important;}
  /* the slip: paper, dotted ledger field, spring curve */
  .pm-search-bar{background:#FAF7F0 !important;border-bottom:2px solid #14213D !important;box-shadow:none !important;
    transition:transform .34s cubic-bezier(.2,.8,.3,1),opacity .25s ease !important;}
  .pm-sb-input-wrap input{background:transparent !important;border:none !important;border-bottom:2px dotted rgba(20,33,61,.5) !important;border-radius:0 !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase;color:#14213D !important;}
  .pm-sb-input-wrap input::placeholder{color:#9a927f;font-size:10px;}
  .pm-sb-input-wrap input:focus{border-bottom-color:#FFC53D !important;box-shadow:none !important;}
  .pm-sb-back{color:#14213D !important;}
}
@media(prefers-reduced-motion:reduce){
  .pm-search-bar,.pm-header-mobile,.kb3-mstrip{transition:none !important;}
}

/* ══════════════════════════════════════════════════════════════════
   kb4 — Cart drawer "Counter Bill": paper receipt, odometer dash,
   honest delivery meter, ledger item rows with strike-off, coupon
   tags, split-ticket checkout.
   ══════════════════════════════════════════════════════════════════ */
.kb4 .cart-drawer-panel{background:#FAF7F0;border-left:4px solid #14213D;}
.kb4-lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.35);margin:0 8px 4px;min-width:12px;align-self:flex-end;}
.kb4-head{padding:12px 18px 10px;border-bottom:1px dashed rgba(20,33,61,.35);background:#FAF7F0;}
.kb4-billline{display:flex;align-items:baseline;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.07em;color:rgba(20,33,61,.65);text-transform:uppercase;}
.kb4-titlerow{display:flex;align-items:center;gap:10px;margin-top:6px;}
.kb4 .cart-drawer-title{font-size:17px;font-weight:800;color:#14213D;margin:0;}
.kb4-countchip{background:#14213D !important;color:#fff !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px !important;font-weight:800;letter-spacing:.06em;border-radius:9px;padding:2.5px 9px !important;}
.kb4-close{margin-left:auto;width:auto !important;height:auto !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.06em;color:#7A7568 !important;background:none !important;padding:8px !important;}
.kb4-close:hover{color:#14213D !important;}
/* odometer dash */
.kb4-dash{display:flex;border-bottom:2px solid #14213D;background:#fff;}
.kb4-cell{flex:1;padding:12px 18px;}
.kb4-cell+.kb4-cell{border-left:1px solid rgba(20,33,61,.18);}
.kb4-big{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:26px;font-weight:800;color:#14213D;line-height:1;font-variant-numeric:tabular-nums;}
.kb4-big--money{font-size:20px;padding-top:5px;}
.kb4-celllab{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7px;font-weight:700;letter-spacing:.08em;color:#7A7568;margin-top:5px;text-transform:uppercase;}
.kbroll{animation:kb4roll .28s cubic-bezier(.22,1,.36,1);}
@keyframes kb4roll{from{opacity:0;transform:translateY(60%);}to{opacity:1;transform:none;}}
/* delivery meter */
.kb4-meter{padding:9px 18px 11px !important;border-bottom:1px solid rgba(20,33,61,.15);background:#FAF7F0 !important;margin:0 !important;}
.kb4-meterrow{display:flex;align-items:baseline;}
.kb4-meterlab{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:800;letter-spacing:.06em;color:#14213D;}
.kb4 .fsh-message{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:800;letter-spacing:.05em;color:#14213D;}
.kb4 .fsh-message strong{font-weight:800;}
.kb4-track{height:5px !important;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(20,33,61,.18) 0 5px,transparent 5px 10px) !important;margin-top:7px;overflow:hidden;}
.kb4-fill{height:100% !important;background:#FFC53D !important;border-radius:3px;transition:width .4s cubic-bezier(.22,1,.36,1);}
/* item rows */
.kb4 .cart-drawer-items{background:#FAF7F0;}
.kb4 .cart-drawer-item{display:flex;gap:12px;background:transparent;padding:13px 18px;border-bottom:1px dotted rgba(20,33,61,.3);position:relative;transition:opacity .2s ease;}
.kb4 .cdi-img{width:52px;height:68px;flex:0 0 auto;border:1px solid rgba(20,33,61,.25);border-radius:6px;overflow:hidden;background:#fff;}
.kb4 .cdi-img img{width:100%;height:100%;object-fit:cover;display:block;}
.kb4 .cdi-body{flex:1;min-width:0;position:relative;}
.kb4 .cdi-title{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#14213D;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;}
.kb4 .cdi-variant{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8px;color:#7A7568;margin-top:2px;}
.kb4 .cdi-foot{display:flex;align-items:baseline;gap:6px;margin-top:8px;}
.kb4 .cdi-lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.35);margin-bottom:3px;}
.kb4 .cdi-price{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:800;color:#14213D;font-variant-numeric:tabular-nums;}
.kb4 .cdi-strike{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7px;font-weight:800;letter-spacing:.06em;color:rgba(20,33,61,.45);background:none;border:none;cursor:pointer;padding:4px 0 4px 6px;flex:0 0 auto;}
.kb4 .cdi-strike:hover{color:#14213D;text-decoration:underline;}
.kb4 .cdi-qty{display:flex;align-items:center;gap:6px;border:1px solid rgba(20,33,61,.3);border-radius:6px;padding:1px 4px;}
.kb4 .cart-qty-btn{background:none;border:none;font-size:12px;color:#14213D;cursor:pointer;padding:2px 5px;}
.kb4 .cdi-qty-val{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:800;}
.kb4 .kb4-struck{opacity:.4;}
.kb4 .kb4-struck .cdi-title::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#14213D;animation:kb4strike .2s ease-out forwards;transform-origin:left;}
@keyframes kb4strike{from{transform:scaleX(0);}to{transform:scaleX(1);}}
/* row print-in */
.kb4 .cart-drawer-item{animation:kb4print .22s ease backwards;}
.kb4 .cart-drawer-item:nth-child(1){animation-delay:.05s;}
.kb4 .cart-drawer-item:nth-child(2){animation-delay:.11s;}
.kb4 .cart-drawer-item:nth-child(3){animation-delay:.17s;}
.kb4 .cart-drawer-item:nth-child(4){animation-delay:.23s;}
.kb4 .cart-drawer-item:nth-child(n+5){animation-delay:.28s;}
@keyframes kb4print{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
/* honesty + tags + footer */
.kb4-honest{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7.5px;font-weight:700;letter-spacing:.06em;color:#7A7568;text-transform:uppercase;padding:0 0 8px;border-bottom:1px dotted rgba(20,33,61,.3);margin-bottom:9px;}
.kb4-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px;}
.kb4-ctag{display:inline-flex;align-items:center;background:#fff;border:1.5px dashed #14213D;border-radius:4px;padding:6px 10px 6px 18px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8px;font-weight:800;letter-spacing:.05em;color:#14213D;position:relative;cursor:pointer;transition:transform .15s ease;}
.kb4-ctag::before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#FAF7F0;box-shadow:inset 0 0 0 1.3px #14213D;}
.kb4-ctag:hover{transform:rotate(-1deg);}
.kb4-ctag.applied{background:#FFC53D;border-style:solid;border-color:#FFC53D;}
.kb4-tagnote{font-size:8px;font-style:italic;color:#7A7568;}
.kb4 .cart-drawer-footer{background:#FAF7F0;border-top:1px solid rgba(20,33,61,.25);box-shadow:none;padding:13px 18px;padding-bottom:max(16px, env(safe-area-inset-bottom));}
.kb4 .summary-line{display:flex;align-items:baseline;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#14213D;padding:2.5px 0;justify-content:flex-start;}
.kb4 .summary-line--total{font-size:12.5px;font-weight:800;padding-top:6px;}
.kb4 .summary-divider{display:none;}
.kb4-ticket{display:flex;width:100%;border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:0 5px 14px rgba(20,33,61,.25);margin-top:10px;transition:transform .12s ease,box-shadow .15s ease;}
.kb4-ticket:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,33,61,.3);}
.kb4-ticket:active{transform:scale(.98);}
.kb4-stub{flex:2;background:#14213D;color:#fff;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:800;font-size:14px;padding:14px 4px;text-align:center;border-right:2px dashed rgba(250,247,240,.4);font-variant-numeric:tabular-nums;}
.kb4-go{flex:3;background:#FFC53D;color:#14213D;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.06em;gap:8px;}
.kb4-go i{font-style:normal;transition:transform .2s ease;}
.kb4-ticket:hover .kb4-go i{transform:translateX(4px);}
/* empty state */
.kb4-empty{text-align:center;padding:44px 24px !important;}
.kb4-stamp{display:inline-block;border:2px dashed #14213D;border-radius:8px;padding:9px 18px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.1em;color:#14213D;transform:rotate(-5deg);opacity:.7;margin-bottom:14px;}
.kb4-empty .cde-title{font-weight:800;color:#14213D;}
.kb4-browse{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;font-weight:800;letter-spacing:.05em;background:#FFC53D !important;color:#14213D !important;border-radius:8px;}
@media(prefers-reduced-motion:reduce){
  .kb4 .cart-drawer-item{animation:none !important;}
  .kbroll{animation:none !important;}
  .kb4-fill{transition:none !important;}
}

/* ══════════════════════════════════════════════════════════════════
   kb5 — B1 "Counter Rail" mobile bottom bar: paper on a navy rule,
   mono labels, yellow marker-swipe active state, yellow bag count.
   ══════════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  .mobile-bottom-app-bar.glass-elite{
    background:#FAF7F0 !important;border-top:2px solid #14213D !important;border-radius:0 !important;
    height:58px !important;padding:6px 6px 8px !important;padding-bottom:max(env(safe-area-inset-bottom), 8px) !important;
    box-shadow:0 -4px 16px rgba(20,33,61,.08) !important;
  }
  .app-bar-item{gap:3px !important;color:rgba(20,33,61,.55) !important;transition:color .15s ease,transform .12s ease !important;}
  .app-bar-item:active{transform:scale(.92) !important;}
  .app-bar-icon-wrap{width:auto !important;height:22px !important;border-radius:0 !important;background:none !important;box-shadow:none !important;transform:none !important;transition:none !important;}
  .app-bar-item.is-active .app-bar-icon-wrap{background:none !important;box-shadow:none !important;transform:none !important;}
  .app-bar-item.is-active .app-bar-icon-wrap svg{stroke:currentColor !important;}
  .app-bar-item svg{stroke:currentColor !important;width:20px;height:20px;}
  .app-bar-item.is-active{color:#14213D !important;}
  .app-bar-item span:not(.cart-count-badge){
    font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;font-size:7.5px !important;font-weight:800 !important;
    letter-spacing:.08em !important;text-transform:uppercase !important;position:relative;z-index:1;padding:0 4px;
  }
  .app-bar-item span:not(.cart-count-badge)::before{
    content:"";position:absolute;left:0;right:0;top:38%;bottom:-2px;background:#FFC53D;z-index:-1;border-radius:2px;
    transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.8,.3,1);
  }
  .app-bar-item.is-active span:not(.cart-count-badge)::before{transform:scaleX(1);}
  .app-bar-item.is-active span:not(.cart-count-badge){color:#14213D !important;font-weight:800 !important;}
  .mobile-bottom-app-bar .cart-count-badge{
    background:#FFC53D !important;color:#14213D !important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;
    font-size:8px !important;font-weight:800 !important;border:none !important;box-shadow:0 1px 4px rgba(20,33,61,.25) !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .app-bar-item,.app-bar-item span:not(.cart-count-badge)::before{transition:none !important;}
}

/* ══════════════════════════════════════════════════════════════════
   kb6 — Hamburger drawer "The Index Page": paper panel, navy header
   with live tally, numbered dotted-leader rows, yellow Sell tag,
   fine-print accordion, quiet footer with the EST. KOTA stamp.
   ══════════════════════════════════════════════════════════════════ */
.mobile-nav-drawer.kb6{background:#FAF7F0;display:flex;flex-direction:column;}
.kb6-head{background:linear-gradient(100deg,#14213D,#1C2E52);padding:14px 18px 12px;flex:0 0 auto;}
.kb6-toprow{display:flex;align-items:center;}
.kb6-wm{font-size:17px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.01em;}
.kb6-wm i{font-style:normal;background:#FFC53D;color:#14213D;padding:0 3px;border-radius:2px;}
.kb6-x{margin-left:auto;background:none;border:none;cursor:pointer;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:rgba(250,247,240,.7);padding:10px 0 10px 10px;}
.kb6-x:hover{color:#fff;}
.kb6-tally{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:800;letter-spacing:.08em;color:#FFC53D;margin-top:5px;text-transform:uppercase;}
.kb6-body{flex:1;overflow-y:auto;padding:6px 18px 16px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;}
.kb6-sectag{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;color:#7A7568;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:15px 0 3px;}
.kb6-sectag::after{content:"";flex:1;height:1px;background:rgba(20,33,61,.2);}
.kb6-row{display:flex;align-items:baseline;padding:11px 0;font-size:14.5px;font-weight:600;color:#14213D;text-decoration:none;min-height:44px;}
.kb6-row:active{background:#F0EBDE;}
.kb6-row .num{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:9px;font-weight:800;color:rgba(20,33,61,.45);width:26px;flex:0 0 auto;}
.kb6-row .lead{flex:1;border-bottom:1px dotted rgba(20,33,61,.35);margin:0 8px 4px;min-width:14px;}
.kb6-row .cnt{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:800;color:#14213D;font-variant-numeric:tabular-nums;}
/* print-in on each open (class re-add restarts animations) */
.mobile-nav-drawer.kb6.is-open .kb6-row,
.mobile-nav-drawer.kb6.is-open .kb6-sectag,
.mobile-nav-drawer.kb6.is-open .kb6-sell,
.mobile-nav-drawer.kb6.is-open .kb6-fine,
.mobile-nav-drawer.kb6.is-open .kb6-foot{opacity:0;animation:kb6in .22s ease forwards;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(1){animation-delay:.08s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(2){animation-delay:.11s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(3){animation-delay:.14s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(4){animation-delay:.17s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(5){animation-delay:.2s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(6){animation-delay:.23s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(7){animation-delay:.26s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(8){animation-delay:.29s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(9){animation-delay:.32s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(10){animation-delay:.35s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(11){animation-delay:.38s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(12){animation-delay:.41s;}
.mobile-nav-drawer.kb6.is-open > .kb6-body > *:nth-child(n+13){animation-delay:.44s;}
@keyframes kb6in{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
/* sell tag */
.kb6-sell{display:block;background:#FFC53D;border:1.5px solid #14213D;border-radius:7px;padding:12px 14px 12px 26px;position:relative;margin:14px 0 4px;text-decoration:none;color:#14213D;transition:transform .15s ease,box-shadow .15s ease;}
.kb6-sell::before{content:"";position:absolute;left:9px;top:17px;width:8px;height:8px;border-radius:50%;background:#FAF7F0;box-shadow:inset 0 0 0 1.5px #14213D;}
.kb6-sell:hover{transform:rotate(-.6deg);box-shadow:0 4px 12px rgba(20,33,61,.2);}
.kb6-sell:active{transform:scale(.98);}
.kb6-sell .st1{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:7.5px;font-weight:800;letter-spacing:.08em;display:block;}
.kb6-sell .st2{font-size:16px;font-weight:800;display:block;margin:3px 0 2px;}
.kb6-sell .st3{font-size:10.5px;color:rgba(20,33,61,.75);display:block;line-height:1.45;}
/* fine print accordion */
.kb6-fine{margin-top:4px;}
.kb6-fine summary{list-style:none;display:flex;align-items:baseline;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:8.5px;font-weight:800;letter-spacing:.05em;color:#7A7568;padding:11px 0;cursor:pointer;min-height:44px;align-items:center;}
.kb6-fine summary::-webkit-details-marker{display:none;}
.kb6-fine summary i{font-style:normal;margin-left:auto;font-size:12px;transition:transform .2s ease;}
.kb6-fine[open] summary i{transform:rotate(45deg);}
.kb6-fine a{display:block;font-size:13px;color:#14213D;text-decoration:none;padding:8px 0 8px 16px;min-height:38px;}
.kb6-fine a:active{background:#F0EBDE;}
/* footer */
.kb6-foot{margin-top:auto;border-top:1px dotted rgba(20,33,61,.3);padding:12px 0 6px;position:relative;min-height:64px;}
.kb6-foot .wa{font-size:11px;color:#14213D;line-height:1.55;display:block;max-width:75%;}
.kb6-foot .wa a{color:#14213D;font-weight:600;}
.kb6-stamp{position:absolute;right:0;bottom:0;width:56px;height:56px;border:2px double #14213D;border-radius:50%;opacity:.3;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:6px;font-weight:800;text-align:center;letter-spacing:.05em;line-height:1.6;}
@media(prefers-reduced-motion:reduce){
  .mobile-nav-drawer.kb6.is-open .kb6-row,.mobile-nav-drawer.kb6.is-open .kb6-sectag,
  .mobile-nav-drawer.kb6.is-open .kb6-sell,.mobile-nav-drawer.kb6.is-open .kb6-fine,
  .mobile-nav-drawer.kb6.is-open .kb6-foot{animation:none !important;opacity:1 !important;}
  .kb6-sell,.kb6-fine summary i{transition:none !important;}
}

/* ═══════════ KB9 — counter repaint: ex-WhatsApp elements → navy/yellow ═══════════ */
.kc-wa-btn,.kcf-wa,.sp-btn-whatsapp,.contact-whatsapp-btn,.spd-seo-wa-btn,.spd-wa-ask{background:#14213D !important;border-color:#14213D !important;color:#FFC53D !important}
.kc-wa-btn:hover,.kcf-wa:hover,.sp-btn-whatsapp:hover,.contact-whatsapp-btn:hover,.spd-seo-wa-btn:hover,.spd-wa-ask:hover{background:#1C2E52 !important;color:#FFC53D !important}
.kc-wa-ic,.icon-whatsapp{background:#14213D !important;color:#FFC53D !important}
.kb6-foot .wa a{color:#FFC53D}