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

/* ─── Variables ──────────────────────────────────────────── */
:root {
  --color-primary:    #2d6cb5;
  --color-secondary:  #f6ad55;
  --color-accent:     #f6ad55;
  --color-background: #FFFFFF;
  --color-text:       #1A1A1A;
  --color-text-light: #555555;
  --brand-purple:     #2d6cb5;
  --primary-purple:   #2d6cb5;
  --accent-purple:    #fdf3e7;
  --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 #2d6cb5; 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(45,108,181,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:#2d6cb5; }

.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:#2d6cb5; 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:#2d6cb5; 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,#2d6cb5,#2d6cb5);
  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(45,108,181,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(45,108,181,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:#2d6cb5; transition:width 0.3s ease;
}
.category-nav li a:hover { color:#2d6cb5; }
.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(45,108,181,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(45,108,181,0.12);
  box-shadow: 0 2px 16px rgba(45,108,181,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: #2d6cb5;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  transition: background 0.15s;
}
.pm-sb-back:hover { background: rgba(45,108,181,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: #2d6cb5;
  box-shadow: 0 0 0 3px rgba(45,108,181,0.12);
}
.pm-sb-icon { color: #2d6cb5; 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: #2d6cb5; }

/* ── 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:320px; 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(45,108,181,0.12); }
.mobile-nav-close { background:#e9eef5; border:none; cursor:pointer; color:#2d6cb5; display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; transition:all 0.2s ease; }
.mobile-nav-close:hover { background:#dbe5f0; color:#235aa0; }
.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:38px; font-size:14px; color:#1e293b; outline:none; }
.mobile-nav-search button { background:#2d6cb5; color:white; width:34px; height:34px; 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:#2d6cb5; 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,#2d6cb5,#5b8fcf); 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(45,108,181,0.18); border-radius:14px;
  padding:14px 8px; font-size:12px; font-weight:700; color:#235aa0;
  text-decoration:none; text-align:center;
  box-shadow:0 3px 10px rgba(45,108,181,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(45,108,181,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(45,108,181,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:#2d6cb5; font-weight:600; margin-bottom:4px; }
.nav-support-pill a { font-size:15px; font-weight:800; color:#235aa0; text-decoration:none; }
.mobile-login-btn-elite {
  display:block; width:100%;
  background:linear-gradient(135deg,#2d6cb5 0%,#235aa0 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(45,108,181,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 ──────────────────────────────── */
/* ===== Competer: 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:#2d6cb5; }
.app-bar-item.is-active .app-bar-icon-wrap { background:linear-gradient(135deg,#2d6cb5,#1a365d); box-shadow:0 7px 16px rgba(45,108,181,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:#2d6cb5; 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%,#235aa0 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 */
/* ===== Competer: trust bar redesign ===== */
.trust-bar { background:linear-gradient(180deg,#f4f7fb 0%,#ffffff 100%); padding:30px 0; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.trust-item { position:relative; display:flex; align-items:center; gap:14px; background:#fff;
  border:1px solid #e9eff6; border-radius:16px; padding:18px 18px;
  box-shadow:0 2px 10px rgba(15,23,42,.04); overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
/* thin accent bar that grows on hover */
.trust-item::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--ti,#2d6cb5); transform:scaleY(0); transform-origin:top; transition:transform .25s ease; }
.trust-item:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(45,108,181,.14); border-color:#cfe0f3; }
.trust-item:hover::before { transform:scaleY(1); }
.trust-icon { width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; color:#fff; box-shadow:0 8px 18px var(--tig,rgba(45,108,181,.28));
  transition:transform .22s ease; }
.trust-item:hover .trust-icon { transform:scale(1.07) rotate(-3deg); }
.trust-icon svg { width:22px; height:22px; 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:#2d6cb5; background:linear-gradient(135deg,#5b8fcf,#1a365d); }
.icon-whatsapp { --ti:#25d366; background:linear-gradient(135deg,#34e07a,#1aa34a); }
.trust-item:has(.icon-verified)::before{background:#10b981;} .trust-item:has(.icon-verified){--tig:rgba(16,185,129,.30);}
.trust-item:has(.icon-delivery)::before{background:#3b82f6;} .trust-item:has(.icon-delivery){--tig:rgba(59,130,246,.30);}
.trust-item:has(.icon-secure)::before{background:#2d6cb5;}  .trust-item:has(.icon-secure){--tig:rgba(45,108,181,.30);}
.trust-item:has(.icon-whatsapp)::before{background:#25d366;}.trust-item:has(.icon-whatsapp){--tig:rgba(37,211,102,.30);}
.trust-text h3 { font-size:15px; margin:0; color:#1a365d; font-weight:800; line-height:1.2; letter-spacing:-.2px; }
.trust-text p  { font-size:12px; margin:4px 0 0; color:#64748b; line-height:1.35; }
@media(max-width:768px){
  .trust-bar { padding:14px 0; }
  .trust-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
  .trust-item { padding:10px; gap:9px; border-radius:12px; align-items:center; }
  .trust-item::before { width:3px; }
  .trust-icon { width:34px; height:34px; border-radius:10px; }
  .trust-icon svg { width:16px; height:16px; }
  .trust-text h3 { font-size:12px; line-height:1.2; letter-spacing:-.2px; }
  .trust-text p { font-size:10px; margin-top:1px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
}

/* 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:#2d6cb5; }
.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:#1a365d; 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:#2d6cb5; box-shadow:0 16px 32px rgba(45,108,181,0.14); }
.inst-card-v4:hover .inst-logo-v4 { transform:scale(1.06); }
.inst-card-v4:hover .inst-label-v4 { color:#2d6cb5; }
/* 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:#2d6cb5;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:#2d6cb5;color:#fff;border-color:#2d6cb5;}
.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(4,1fr); gap:10px; } }
.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:#2d6cb5; box-shadow:0 8px 20px rgba(45,108,181,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:#2d6cb5; box-shadow:0 10px 30px rgba(45,108,181,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:#2d6cb5; box-shadow:0 10px 25px rgba(45,108,181,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:#2d6cb5; 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 #2d6cb5; color:#2d6cb5; 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:#2d6cb5; 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:#2d6cb5; background:#2d6cb5; 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; }
.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:#2d6cb5; 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:#2d6cb5; 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:white; 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:8px; margin-top:10px; margin-bottom:20px; padding-bottom:4px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.variant-grid-v6::-webkit-scrollbar { display:none; }
.v-card-v6 { 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(45,108,181,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 { margin-left:auto; width:16px; height:16px; background:var(--primary-purple); color:white; border-radius:50%; display:none; align-items:center; justify-content:center; font-size:10px; }
.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:var(--primary-purple); color:white; box-shadow:0 8px 18px rgba(45,108,181,0.25); 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(45,108,181,0.35); background:#235aa0; }
.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:#2d6cb5; 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:#2d6cb5; color:#2d6cb5; 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:108px 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:30px !important; flex-shrink:0; }
  .m-control .q-input { width:34px !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:32px; height:32px; 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:32px; }
.qty-pill-btn { width:28px; 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:32px; }
.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,#2d6cb5 0%,#1a365d 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(45,108,181,.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(45,108,181,.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:#2d6cb5 !important;
  color:#fff; 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(45,108,181,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,#2d6cb5,#5b8fcf,#f6ad55); }

/* ── 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:#2d6cb5; 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:#a5b4fc; }

/* ── 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:#2d6cb5; border-color:#2d6cb5; 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:#2d6cb5; 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:#a5b4fc; 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:#2d6cb5; }
.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(45,108,181,.08); border:1px solid rgba(45,108,181,.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(45,108,181,.15); border-bottom:1px solid rgba(45,108,181,.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:#2d6cb5; }

/* ── 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:#2d6cb5; }

/* ─── 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(45,108,181,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(45,108,181,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,#2d6cb5,#5b8fcf);
  color:white; font-size:13px; font-weight:800;
  padding:2px 10px; border-radius:99px; margin-right:4px;
}
.sr-query-text { color:#235aa0; 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(45,108,181,0.25);
  border-radius:12px; overflow:hidden;
  box-shadow:0 2px 8px rgba(45,108,181,0.08);
  transition:border-color 0.2s, box-shadow 0.2s;
}
.sr-search-inner:focus-within {
  border-color:#2d6cb5;
  box-shadow:0 0 0 3px rgba(45,108,181,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,#2d6cb5,#2d6cb5);
  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:#2d6cb5; color:#2d6cb5; }
.sr-sort-btn.is-active {
  background:#2d6cb5; border-color:#2d6cb5; 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:#235aa0;
  margin:0 0 8px; line-height:1.3;
}
.sr-empty-title em { font-style:normal; color:#2d6cb5; }
.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:#235aa0; 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:#5b8fcf; }
.sr-browse-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,#2d6cb5,#2d6cb5);
  color:white; text-decoration:none; font-weight:700; font-size:14px;
  padding:14px 28px; border-radius:12px;
  box-shadow:0 4px 14px rgba(45,108,181,0.3);
  transition:all 0.2s;
}
.sr-browse-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(45,108,181,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(45,108,181,0.3); filter: brightness(1); }
  50%  { box-shadow: 0 4px 25px rgba(45,108,181,0.7); filter: brightness(1.15); }
  100% { box-shadow: 0 4px 15px rgba(45,108,181,0.3); filter: brightness(1); }
}
.btn-primary-v3.sr-buy-now,
.m-btn-primary.sr-buy-now {
  background: #2d6cb5 !important;
  color: #fff !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(45,108,181,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: #5b35b0 !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: 17px !important; font-weight: 900 !important; color: #fff !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: 0.05em !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; }
/* UPI icons sizing */
.btn-primary-v3.sr-buy-now .sr-pl-15,
.m-btn-primary.sr-buy-now .sr-pl-15 { height: 26px !important; padding-left: 10px !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:26px !important; }
  .m-control .q-input { width:28px !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,#2d6cb5,#1a365d);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;box-shadow:0 6px 14px rgba(45,108,181,.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: #2d6cb5;
  text-decoration: none;
  border: 1.5px solid #2d6cb5;
  padding: 6px 14px;
  border-radius: 20px;
  transition: all 0.2s;
  font-family: 'Outfit', sans-serif;
  white-space: nowrap;
}
.hps-view-all:hover {
  background: #2d6cb5;
  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: #2d6cb5; color: #fff; box-shadow: 0 6px 20px rgba(45,108,181,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, #2d6cb5, #5b8fcf);
  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(45,108,181,0.13);
  border-color: #2d6cb5;
}

/* ── 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: #2d6cb5;
  color: #fff;
  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;
}
.hps-add-btn:hover { background: #235aa0; }
.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: 11px; }
  .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: 11px; -webkit-line-clamp: 2; }
  .hps-price { font-size: 13px; }
  .hps-add-btn { font-size: 11px; padding: 8px 0; 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, #2d6cb5);
  background: color-mix(in srgb, var(--pc, #2d6cb5) 10%, white);
  border: 1.5px solid color-mix(in srgb, var(--pc, #2d6cb5) 25%, white);
  transition: all 0.18s ease;
  white-space: nowrap;
}
.bnav-pill:hover {
  background: var(--pc, #2d6cb5);
  color: #fff;
  border-color: var(--pc, #2d6cb5);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--pc, #2d6cb5) 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(45,108,181,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: #235aa0; border-color: #c7d2fe; }
.rv-page-btn.active { background: #2d6cb5; color: #fff; border-color: #2d6cb5; }

/* ── 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: #2d6cb5; 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(45,108,181,0.3);
}
.rv-write-toggle:hover { background: #235aa0; transform: translateY(-1px); }
.rv-write-toggle.active { background: #235aa0; }

.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: #2d6cb5;
  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: #2d6cb5;
  box-shadow: 0 0 0 3px rgba(45,108,181,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: #2d6cb5; 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: #2d6cb5; 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:#2d6cb5; font-weight:700; margin-top:2px; }
.ss-view-all {
  display:block; text-align:center; padding:10px;
  font-size:13px; font-weight:600; color:#2d6cb5;
  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:#2d6cb5; text-decoration:underline;
  margin-left:6px; cursor:pointer;
}

/* ─── Testimonials Section ─────────────────────────────────────────────────── */
.tm-section{position:relative;overflow:hidden;padding:40px 0 34px;background:linear-gradient(125deg,#0f2440 0%,#1a365d 55%,#2d6cb5 130%);}
.tm-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 340px at 88% -10%,rgba(91,143,207,.35),transparent 60%),radial-gradient(620px 320px at 0% 110%,rgba(45,108,181,.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:#2d6cb5;font-weight:700;background:#eef5ff;border-radius:7px;padding:5px 11px;margin-bottom:16px;align-self:flex-start;}
.tm-product-tag svg{stroke:#2d6cb5;}
.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:#1a365d;}
.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:#2d6cb5; color:#2d6cb5; }
.col-sort-pill.active { background:#2d6cb5; border-color:#2d6cb5; 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:#2d6cb5; color:#2d6cb5; background:#f5f8fc; }
.col-subcat-pill.active { background:#2d6cb5; border-color:#2d6cb5; 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 #2d6cb5;
  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:#2d6cb5; 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:#2d6cb5; 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:#2d6cb5; 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(45,108,181,.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(45,108,181,.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: #5b8fcf;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s;
}
.col-seo-content a:hover { color: #c4b5fd; 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; } }

/* ===== Competer: 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:52px !important;max-height:52px !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;}

/* Competer: 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;}

/* Competer: 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:#2d6cb5 !important;box-shadow:0 0 0 3px rgba(45,108,181,.13) !important;outline:none !important;}
.search-form-v3 input[type=search]::placeholder{color:#8a94a6 !important;opacity:1 !important;}
.search-form-v3 button{color:#2d6cb5 !important;}
.search-form-v3 button svg{stroke:#2d6cb5 !important;width:20px !important;height:20px !important;}

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

/* ===== Competer: nav bar brand style ===== */
.header-bottom-row{background:#2d6cb5 !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 #2d6cb5 !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:#2d6cb5 !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:#2d6cb5 !important;}
/* simple sub-menu fallback (non-mega dropdowns) */
.category-nav ul ul{background:#ffffff !important;border-top:3px solid #2d6cb5 !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:#2d6cb5 !important;}

/* ===== Competer: 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;}
}

/* ===== Competer: 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:#2d6cb5 !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:#2d6cb5 !important;padding-left:14px !important;}
}

/* ===== Competer: dropdown UI improvement ===== */
/* Panel */
.mega-menu{
  padding:28px 36px !important;
  border-top:3px solid #2d6cb5 !important;
  border-radius:0 0 12px 12px !important;
  box-shadow:0 8px 32px rgba(45,108,181,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:#2d6cb5 !important;
  padding-bottom:10px !important;
  margin-bottom:8px !important;
  border-bottom:2px solid #2d6cb5 !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:#2d6cb5;
  opacity:0;
  transition:opacity 0.15s;
  flex-shrink:0;
}
.mega-column a:hover{
  background:#eef4fc !important;
  color:#2d6cb5 !important;
  padding-left:14px !important;
}
.mega-column a:hover::before{opacity:1;}
/* ===== Competer: 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;}
/* ===== Competer: 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:#2d6cb5 !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;
}
/* ===== Competer: 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;
}

/* ===== Competer: category hero COMPACT ===== */
.cat-hero-band{
  background:linear-gradient(120deg,#13294a 0%,#1a365d 50%,#2d6cb5 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:#1a365d !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:#2d6cb5;border-color:#2d6cb5;color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,108,181,.25);}
.csr-count{background:rgba(26,54,93,.10);color:#2d6cb5;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;}}

/* ===== Competer: 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;}

/* ===== Competer: 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:#1a365d;font-size:13px;font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .15s;}
.cat-filter-btn:hover{border-color:#2d6cb5;background:#f4f7fb;}
.cat-filter-btn svg{stroke:#2d6cb5;}
.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:#2d6cb5;flex-shrink:0;}
.cat-sort-select{border:none;background:none;font-size:13px;font-weight:600;color:#1a365d;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:#1a365d;}
.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:#1a365d;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:#2d6cb5;}
.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:#1a365d;font-size:12px;font-weight:600;padding:6px 11px;border-radius:20px;cursor:pointer;transition:.15s;}
.cfp-price-quick button:hover{background:#2d6cb5;color:#fff;border-color:#2d6cb5;}
.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:#2d6cb5;color:#fff;border:none;border-radius:9px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;}
.cfp-apply:hover{background:#1a365d;}
@media(max-width:600px){
  .cat-toolbar{margin-bottom:14px;}
  .cat-sort-select{max-width:140px;}
}

/* ===== Competer: 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:#1a365d;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:#1a365d;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:#2d6cb5;}
.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:#1a365d;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:#2d6cb5;color:#fff;border-color:#2d6cb5;}
.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:#2d6cb5;color:#fff;border:none;border-radius:8px;padding:9px;font-weight:700;font-size:13px;cursor:pointer;}
.csb-apply:hover{background:#1a365d;}

/* 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;}
}

/* ===== Competer: 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;}

/* ===== Competer: 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(45,108,181,.14);border-color:#2d6cb5;}
.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{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:#2d6cb5;
}
.products-grid-upsc .hps-card-grid .hps-add-btn svg{stroke:#fff;}
.products-grid-upsc .hps-card-grid .hps-add-btn:hover{background:#1a365d;}

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

/* ===== Competer: 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;}

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

/* ===== Competer: 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;}

/* ===== Competer: 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:#1a365d;white-space:nowrap;}
.sp-assure svg{stroke:#2d6cb5;width:18px;height:18px;flex-shrink:0;}

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

/* ===== Competer: 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:#2d6cb5;border-bottom-color:#2d6cb5;}

/* 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:#1a365d;}
.sp-delivery svg{stroke:#2d6cb5;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;}
}

/* ===== Competer: 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;}

/* ===== Competer: 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;}
}

/* ===== Competer: 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;}
}

/* ===== Competer: 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;}
}

/* ===== Competer: 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;}
}

/* ===== Competer: 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;}
}

/* ===== Competer: 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;
}

/* ===== Competer: 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;}
}

/* ===== Competer: bigger mobile header (category/product) ===== */
@media(max-width:768px){
  .pm-header-mobile{height:68px !important;padding:10px 14px !important;}
  .pm-header-mobile .pm-title-container img,
  .pm-header-mobile picture img{height:52px !important;width:auto !important;}
  .pm-back-btn svg{width:26px !important;height:26px !important;}
  .pm-minimal-icons svg{width:24px !important;height:24px !important;}
}

/* ===== Competer: 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 same as homepage: 52px, LEFT-aligned (not centered) so no shift on scroll */
  .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:52px !important;margin:0 !important;
  }
}

/* ===== Competer: header cart button (replaces hamburger) ===== */
.pm-cart-btn{
  background:none;border:none;cursor:pointer;padding:6px;color:#1a365d;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.pm-cart-btn svg{stroke:#1a365d;}
.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;
}

/* ===== Competer: home banner (horizontal images) ===== */
.cmpt-home-hero{position:relative;overflow:hidden;padding:24px 0;
  background:linear-gradient(120deg,#0f2440 0%,#1a365d 50%,#2d6cb5 100%);}
.cmpt-home-hero .chh-bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 80% 28%,rgba(255,255,255,.10),transparent 42%),
             radial-gradient(circle at 8% 92%,rgba(45,108,181,.35),transparent 45%);}
.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,#9fc4ec,#cfe3f8);-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:#1a365d;background:none;min-width:0;}
.chh-search button{background:#2d6cb5;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:#1a365d;}
.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:11px;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:#9fc4ec;box-shadow:0 0 0 3px rgba(159,196,236,.18);transition:background .16s,box-shadow .16s;}
.chh-chips a:hover{background:#fff;color:#1a365d;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28);}
.chh-chips a:hover::before{background:#2d6cb5;box-shadow:0 0 0 3px rgba(45,108,181,.18);}
.chh-chip-all{background:linear-gradient(180deg,rgba(159,196,236,.34),rgba(159,196,236,.16)) !important;border-color:rgba(159,196,236,.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:12px;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
  .chh-chips a{font-size:12px;padding:6px 13px;border-radius:10px;}
  .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;}
}

/* ===== Competer: 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:#1a365d;font-size:14px;font-weight:700;
    padding:9px 0;cursor:pointer;}
  .mob-fs-btn svg{stroke:#2d6cb5;}
  .mob-fs-btn:active{color:#2d6cb5;}
  .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:#1a365d;}
.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:#2d6cb5;font-weight:800;background:#eef5ff;}
.mss-opt svg{stroke:#2d6cb5;}

/* ===== Competer: 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:#2d6cb5;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:#1a365d;min-width:0;}
.srch-form input::placeholder{color:#94a3b8;}
.srch-form button{background:#2d6cb5;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:#1a365d;}
.srch-clear{font-size:13px;font-weight:700;color:#2d6cb5;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:#2d6cb5;text-decoration:none;background:#e8eef6;}
}

/* ===== Competer: 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(45,108,181,.14);border-color:#2d6cb5;}
.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:cover;}
.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{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:#2d6cb5;color:#fff;cursor:pointer;transition:background .15s;}
.hps-track .hps-card-grid .hps-add-btn svg{stroke:#fff;}
.hps-track .hps-card-grid .hps-add-btn:hover{background:#1a365d;}
.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:12px;}
  .hps-track .hps-card-grid .hps-price{font-size:16px;}
  .hps-track .hps-card-grid .hps-add-btn{font-size:12px;padding:10px 0;}
}




/* ===== Competer: 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(45,108,181,.1);color:#2d6cb5;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:#1a365d;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:#2d6cb5;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,#2d6cb5,#1a365d);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:#1a365d;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,#2d6cb5,#1a365d);color:#fff;font-size:15px;font-weight:800;padding:14px 30px;border-radius:13px;text-decoration:none;box-shadow:0 10px 24px rgba(45,108,181,.3);transition:transform .18s ease,box-shadow .18s ease;}
.cmp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(45,108,181,.4);}
/* 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:#1a365d;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(45,108,181,.08),rgba(45,108,181,.04));position:relative;border-left:1.5px solid rgba(45,108,181,.2);border-right:1.5px solid rgba(45,108,181,.2);}
.cmp-row--head .cmp-col--us{border-top:1.5px solid rgba(45,108,181,.2);border-radius:14px 14px 0 0;}
.cmp-row:last-child .cmp-col--us{border-bottom:1.5px solid rgba(45,108,181,.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:#2d6cb5;letter-spacing:-.2px;}
.cmp-us-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#2d6cb5;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:#2d6cb5;color:#fff;box-shadow:0 4px 10px rgba(45,108,181,.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;}
}


/* ===== Competer: 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;}
}


/* ===== Competer: institute card brand ===== */
.inst-card-v4:hover{background:#fff;transform:translateY(-6px) scale(1.03);border-color:#2d6cb5;box-shadow:0 18px 36px rgba(45,108,181,.18);}
.inst-card-v4:hover .inst-logo-v4{transform:scale(1.05);border-color:#cfe0f3;}
@media(max-width:768px){
}


/* ===== Competer: 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:#2d6cb5;background:#eef5ff;transform:none;}
.utility-icon{width:24px;height:24px;margin:0;color:#1a365d;display:flex;align-items:center;justify-content:center;position:relative;transition:color .18s ease,transform .18s ease;}
.utility-item:hover .utility-icon{color:#2d6cb5;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,#2d6cb5,#1a365d);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(45,108,181,.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(45,108,181,.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);}


/* ===== Competer: 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);}


/* ===== Competer: 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;}
}


/* ===== Competer: 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;}}


/* ===== Competer: 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:#1a365d;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;}
}



/* ===== Competer: 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:#1a365d;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:#2d6cb5;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:#2d6cb5;color:#fff;border-color:#2d6cb5;box-shadow:0 6px 14px rgba(45,108,181,.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:#2d6cb5;transform:translateY(-1px);}
.cme-tab.is-active{background:linear-gradient(135deg,#2d6cb5,#1a365d);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(45,108,181,.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,#2f72be,#1a365d);text-decoration:none;box-shadow:0 10px 24px rgba(26,54,93,.30);transition:transform .18s,box-shadow .18s;}
.cme-feat:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,54,93,.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:#1a365d;box-shadow:0 10px 20px rgba(45,108,181,.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:#2d6cb5;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,#2d6cb5,#1a365d);color:#fff;}
.cme-chip-more{padding:9px 18px;background:#eaf2fd;color:#2d6cb5;border-color:#d8e8fa;font-weight:800;}
.cme-chip-more:hover{background:linear-gradient(135deg,#2d6cb5,#1a365d);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 ===== */

/* ===== Competer: lean footer (compact + branded) ===== */
.cf{position:relative;background:#0c1c30;color:#a9bdd4;font-size:14px;line-height:1.55;overflow:hidden;}
.cf::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(900px 380px at 88% -8%,rgba(45,108,181,.30),transparent 60%),
             radial-gradient(700px 320px at 0% 108%,rgba(45,108,181,.18),transparent 55%);}
.cf>*{position:relative;z-index:1;}
.cf-accent{height:3px;background:linear-gradient(90deg,#1a365d,#2d6cb5,#5b8fcf,#2d6cb5,#1a365d);}
.cf .container{max-width:1200px;margin:0 auto;padding:0 20px;}
.cf-main{padding:30px 0 22px;}
.cf-grid{display:grid;grid-template-columns:1.5fr 1.35fr 1fr 1fr 1.25fr;gap:26px;align-items:start;}
/* brand */
.cf-logo-link{display:inline-block;background:#fff;padding:6px 11px;border-radius:9px;margin-bottom:12px;}
.cf-logo{height:28px;width:auto;display:block;}
.cf-tagline{font-size:12.5px;color:#7e93ac;margin:0 0 13px;max-width:290px;line-height:1.5;}
.cf-contact{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:7px;}
.cf-contact a{display:inline-flex;align-items:center;gap:8px;color:#c3d3e6;text-decoration:none;font-size:12.5px;transition:color .15s;}
.cf-contact a:hover{color:#fff;}
.cf-contact svg{width:14px;height:14px;stroke:#5b8fcf;flex-shrink:0;}
.cf-social{display:flex;gap:8px;}
.cf-social a{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#c3d3e6;transition:.15s;}
.cf-social a:hover{background:#2d6cb5;border-color:#2d6cb5;color:#fff;transform:translateY(-2px);}
.cf-social svg{width:15px;height:15px;}
/* link columns */
.cf-col{min-width:0;border:none;}
.cf-heading{font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;list-style:none;cursor:default;position:relative;padding-left:11px;}
.cf-heading::-webkit-details-marker{display:none;}
.cf-heading::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:13px;border-radius:2px;background:#2d6cb5;}
.cf-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.cf-col--exams .cf-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;}
.cf-links a{color:#8aa0ba;text-decoration:none;font-size:12.5px;transition:color .15s,padding .15s;}
.cf-links a:hover{color:#fff;padding-left:3px;}
/* help card */
.cf-help{background:linear-gradient(160deg,rgba(45,108,181,.16),rgba(255,255,255,.03));border:1px solid rgba(91,143,207,.22);border-radius:13px;padding:16px;}
.cf-help .cf-heading{margin-bottom:5px;}
.cf-help-sub{font-size:12px;color:#8aa0ba;margin:0 0 12px;line-height:1.45;}
.cf-wa-btn{display:inline-flex;align-items:center;gap:7px;background:#25d366;color:#062e16;font-size:12.5px;font-weight:800;padding:9px 15px;border-radius:9px;text-decoration:none;transition:.15s;}
.cf-wa-btn:hover{background:#1fbe5a;transform:translateY(-1px);}
.cf-wa-btn svg{width:16px;height:16px;}
.cf-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;align-items:center;}
.cf-pay img{height:22px;width:auto;background:#fff;border-radius:4px;padding:2px 4px;}
/* seo + bottom merged into a single slim bar */
.cf-seo{border-top:1px solid rgba(255,255,255,.07);padding:11px 0;font-size:12px;}
.cf-seo .container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.cf-seo .container::-webkit-scrollbar{display:none;}
.cf-seo-label{font-weight:800;color:#7e93ac;flex-shrink:0;text-transform:uppercase;font-size:10.5px;letter-spacing:.5px;}
.cf-seo a{color:#7e93ac;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .15s;}
.cf-seo a:not(:last-child)::after{content:"\00b7";margin:0 8px;color:#3a4a5c;}
.cf-seo a:hover{color:#5b8fcf;}
.cf-bottom{border-top:1px solid rgba(255,255,255,.07);padding:13px 0;background:rgba(0,0,0,.22);}
.cf-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.cf-copy,.cf-made{margin:0;font-size:11.5px;color:#6f859f;}
.cf-made span{color:#ef4444;}
@media(max-width:980px){
  .cf-grid{grid-template-columns:1fr 1fr;gap:20px;}
  .cf-brand{grid-column:1 / -1;}
  .cf-help{grid-column:1 / -1;}
}
@media(max-width:600px){
  .cf-main{padding:20px 0 6px;}
  .cf-grid{grid-template-columns:1fr;gap:0;}
  .cf-brand{margin-bottom:6px;}
  .cf-tagline{max-width:100%;}
  /* tap-to-expand accordions */
  .cf-col{border-top:1px solid rgba(255,255,255,.08);padding:0;}
  .cf-heading{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin:0;padding:14px 0 14px 11px;}
  .cf-heading::after{content:"";width:9px;height:9px;border-right:2px solid #7e93ac;border-bottom:2px solid #7e93ac;transform:rotate(45deg);transition:transform .2s;margin-right:2px;}
  .cf-col[open] .cf-heading::after{transform:rotate(-135deg);}
  .cf-links{padding:0 0 14px;}
  .cf-col--exams .cf-links{gap:11px 16px;}
  .cf-help{grid-column:auto;margin-top:16px;}
  .cf-seo{padding:12px 0;}
  .cf-bottom-inner{flex-direction:column;align-items:flex-start;gap:4px;}
}

/* ===== Competer: mobile nav drawer redesign ===== */
.mnav-quick{display:flex;gap:10px;margin:4px 0 18px;}
.mnav-quick-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f4f7fb;border:1px solid #e6edf5;color:#1a365d;font-size:13px;font-weight:700;padding:12px 8px;border-radius:12px;text-decoration:none;transition:.15s;}
.mnav-quick-btn svg{width:17px;height:17px;stroke:#2d6cb5;}
.mnav-quick-btn:active{background:#e8eef6;}
.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(45,108,181,.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,#2d6cb5);box-shadow:0 4px 10px color-mix(in srgb,var(--mc,#2d6cb5) 35%,transparent);}
.mnav-exam-ic svg{width:19px;height:19px;}
.mnav-exam-name{flex:1;font-size:15px;font-weight:800;color:#1a365d;}
.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:#2d6cb5;}
.mnav-sub-all{grid-column:1 / -1;background:#eef5ff;color:#2d6cb5;border-color:#d5e6fb;font-weight:800;text-align:center;}
.mnav-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mnav-link{font-size:13.5px;color:#475569;background:#f6f9fc;border:1px solid #eef2f7;border-radius:10px;padding:12px;text-decoration:none;font-weight:700;text-align:center;transition:.15s;}
.mnav-link:active{background:#e8eef6;color:#2d6cb5;}

/* ===== Competer: 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(45,108,181,.1);color:#2d6cb5;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:#1a365d;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:#1a365d;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;}}

/* ===== Competer: 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);}}

/* ===== Competer: 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,#1a365d,#2d6cb5,#5b8fcf);}
.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:#1a365d;font-size:17px;font-weight:800;letter-spacing:-.2px;}
.items-count-badge{background:#2d6cb5;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:#2d6cb5;}
/* free shipping progress — brand blue */
.free-shipping-container{background:#eef5ff;border-bottom:1px solid #dbe7f5;}
.fsh-message{color:#1a365d;font-weight:700;}
.fsh-progress-bg{background:#d5e3f3;height:7px;}
.fsh-progress-bar{background:linear-gradient(90deg,#2d6cb5,#5b8fcf);box-shadow:0 1px 4px rgba(45,108,181,.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:#2d6cb5;}
.qty-pill-btn:hover{background:#eef5ff;}
/* footer / totals */
.cart-drawer-footer{border-top:1px solid #e9eff6;}
.summary-line--total span:first-child{color:#1a365d;}
.summary-line--total span:last-child,.elite-subtotal{color:#1a365d !important;}

/* ===== Competer: 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:22px;}
.cdi-title{font-size:13px;font-weight:700;color:#1a365d;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:30px;height:30px;background:none;border:none;cursor:pointer;font-size:17px;line-height:1;color:#2d6cb5;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:#1a365d;}
.cdi-price{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;}
.cdi-remove{position:absolute;top:10px;right:10px;width:26px;height:26px;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:#2d6cb5;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.cde-title{font-size:16px;font-weight:800;color:#1a365d;margin:0;}
.cde-sub{font-size:13px;color:#94a3b8;margin:0 0 12px;}
.cde-btn{display:inline-block;background:linear-gradient(135deg,#2d6cb5,#1a365d);color:#fff;padding:12px 26px;border-radius:11px;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 8px 20px rgba(45,108,181,.3);transition:.15s;}
.cde-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(45,108,181,.4);}


/* ===== Competer: brand landing page ===== */
.blp-hero{background:linear-gradient(135deg,#2f72be,#1a365d);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,#2d6cb5,#1a365d);color:#fff;border-color:transparent;}
.blp-pagination .page-numbers:hover:not(.current){border-color:#2d6cb5;color:#2d6cb5;}
.blp-faq{margin:38px 0 12px;max-width:900px;}
.blp-faq>h2{font-size:21px;font-weight:800;color:#1a365d;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:#1a365d;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:#2d6cb5;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:#2d6cb5;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:11.5px;}
  .blp-intro{font-size:13px;margin:16px 0 16px;}
  .blp-faq{margin:28px 0 10px;}
  .blp-faq>h2{font-size:18px;}
}
/* ===== END brand landing page ===== */

/* ===== Competer: 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:#1a365d;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px;}
.cp-landing-body h2{font-size:23px;font-weight:800;color:#1a365d;margin:32px 0 12px;letter-spacing:-.01em;}
.cp-landing-body h3{font-size:18px;font-weight:700;color:#1a365d;margin:22px 0 8px;}
.cp-landing-body p{margin:0 0 14px;}
.cp-landing-body a{color:#2d6cb5;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:#1a365d;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:#1a365d;box-shadow:0 8px 18px rgba(45,108,181,.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 ===== */

/* ===== Competer: 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(45,108,181,.16);text-decoration:none;}
.cp-cat-ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#2d6cb5,#1a365d);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;box-shadow:0 7px 16px rgba(45,108,181,.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:#1a365d;line-height:1.2;}
.cp-cat-count{font-size:12.5px;font-weight:700;color:#2d6cb5;margin-top:4px;display:inline-flex;align-items:center;gap:5px;}
.cp-cat-card:hover .cp-cat-count{color:#1a365d;}
@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 ===== */

/* ===== Competer: 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:#2d6cb5;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:#1a365d;font-weight:700;}
.cp-crumb span[property]{color:#1a365d;}
/* 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 ===== */

/* ===== Competer: 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:#2d6cb5;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:#2d6cb5;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 #2d6cb5;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 ===== */

/* ===== Competer: 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 ===== */

/* ===== Competer: 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,#2f72be,#1a365d);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(45,108,181,.12);}
.cpl-feat-ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2d6cb5,#1a365d);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;box-shadow:0 6px 14px rgba(45,108,181,.26);}
.cpl-feat-ic svg{width:21px;height:21px;}
.cpl-feat strong{display:block;font-size:13.5px;color:#1a365d;}
.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 ===== */

/* ===== Competer: 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 ===== */

/* ===== Competer: 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,#2d6cb5,#1a365d);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(45,108,181,.25);}
.cp-chip-ic2{width:28px;height:28px;border-radius:8px;background:#eef5ff;color:#2d6cb5;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:#2d6cb5;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(45,108,181,.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 ===== */

/* ===== Competer: 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,#2d6cb5,#1a365d);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 14px rgba(45,108,181,.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,#2d6cb5,#1a365d);}
.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 ===== */

/* ===== Competer: 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 ===== */