/* ================================================================
   BazaarX  style.css  v4.0  PREMIUM REDESIGN
   Fonts: Syne (headings) + Plus Jakarta Sans (body)
   Theme: Orange #FF6B35 + Dark #1A1A2E + White
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/*  Variables  */
:root {
  --p:       #FF6B35;
  --p-d:     #e85c26;
  --p-l:     #fff4f0;
  --p-ll:    #fff9f7;
  --dark:    #1A1A2E;
  --dark2:   #16213E;
  --text:    #1c1c1c;
  --text2:   #4a4a4a;
  --muted:   #888;
  --border:  #eaeaea;
  --bg:      #f5f6f8;
  --white:   #ffffff;
  --light:   #fafafa;
  --success: #22c55e;
  --danger:  #ef4444;
  --warning: #f59e0b;
  --info:    #3b82f6;
  --gold:    #FFB800;
  --r:       6px;
  --r-md:    10px;
  --r-lg:    14px;
  --r-xl:    20px;
  --shadow:  0 1px 4px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,.1);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.12);
  --t:       .2s;
  --font:    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-h:  'Syne', sans-serif;
}

/*  Reset  */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; min-width:0; }
html { overflow-x:hidden; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body.bx-body {
  font-family: var(--font);
  font-size: 14px; font-weight:400; line-height:1.6;
  color: var(--text); background: var(--bg);
  overflow-x: hidden; padding-bottom:64px;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
@media(min-width:992px){ body.bx-body{padding-bottom:0} }
h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-h);
  font-weight:700; line-height:1.2; color:var(--text);
}
a { color:var(--p); text-decoration:none; transition:color var(--t); }
a:hover { color:var(--p-d); }
img { max-width:100%; height:auto; display:block; }
button,input,select,textarea { font-family:var(--font); }

/*  Container  */
.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm {
  width:100%; padding-left:14px; padding-right:14px; margin:0 auto;
}
@media(min-width:576px)  { .container,.container-sm { max-width:540px } }
@media(min-width:768px)  { .container,.container-sm,.container-md { max-width:720px; padding-left:16px; padding-right:16px } }
@media(min-width:992px)  { .container,.container-lg { max-width:960px; padding-left:20px; padding-right:20px } }
@media(min-width:1200px) { .container,.container-xl { max-width:1200px; padding-left:24px; padding-right:24px } }
.row { margin-left:0!important; margin-right:0!important; }
@media(max-width:575px) {
  .row>* { padding-left:6px!important; padding-right:6px!important }
}

/*  Preloader  */
#bx-preloader {
  position:fixed; inset:0; z-index:9999; background:#fff;
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:16px;
  transition:opacity .4s, visibility .4s;
}
#bx-preloader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.bx-loader-logo {
  font-family:var(--font-h); font-size:24px; font-weight:800;
  color:var(--p); letter-spacing:-.5px;
}
.bx-loader-ring { width:40px; height:40px; position:relative; }
.bx-loader-ring div {
  position:absolute; width:32px; height:32px; margin:4px;
  border-radius:50%; border:3px solid transparent;
  border-top-color:var(--p);
  animation:bxSpin 1s cubic-bezier(.5,0,.5,1) infinite;
}
.bx-loader-ring div:nth-child(2){animation-delay:-.3s}
.bx-loader-ring div:nth-child(3){animation-delay:-.15s}
@keyframes bxSpin{to{transform:rotate(360deg)}}

/* ================================================================
   HEADER  Full Professional
   ================================================================ */
.bx-header {
  background: var(--p) !important;
  position: sticky !important; top:0;
  z-index: 1000;
  box-shadow: 0 2px 20px rgba(255,107,53,.3);
}
.bx-header * { box-sizing:border-box; }
.bx-header a { text-decoration:none !important; }

/*  Header Top  */
.bx-header-top {
  padding: 0 14px;
  max-width: 1280px;
  margin: 0 auto;
}
@media(min-width:768px){ .bx-header-top { padding:0 20px } }
@media(min-width:1200px){ .bx-header-top { padding:0 28px } }

/* Row 1 */
.bx-header-row1 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px; height:54px; width:100%;
}
@media(min-width:768px){ .bx-header-row1{height:62px;gap:10px} }

/* Logo */
.bx-logo {
  display:inline-flex !important; align-items:center !important;
  gap:8px; text-decoration:none !important; flex-shrink:0;
}
.bx-logo-icon {
  width:34px; height:34px;
  background:rgba(255,255,255,.2); border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:15px; flex-shrink:0;
  transition:background .18s;
}
.bx-logo:hover .bx-logo-icon { background:rgba(255,255,255,.32); }
.bx-logo-text {
  font-family: var(--font-h) !important;
  font-size:20px !important; font-weight:800 !important;
  color:#fff !important; letter-spacing:-.5px; line-height:1;
}
.bx-logo-text span { color:rgba(255,255,255,.65) }

/* Deliver to */
.bx-addr-bar {
  display:none !important; align-items:center; gap:4px;
  color:rgba(255,255,255,.8); font-size:11.5px; font-weight:500;
  cursor:pointer; padding:5px 8px; border-radius:8px;
  transition:background .15s; flex-shrink:0; white-space:nowrap;
}
@media(min-width:768px){ .bx-addr-bar{display:flex !important} }
.bx-addr-bar:hover{background:rgba(255,255,255,.1)}

/* Icons */
.bx-h-icons {
  display:flex !important; align-items:center !important;
  flex-wrap:nowrap !important; gap:3px;
  margin-left:auto; flex-shrink:0;
}
@media(min-width:576px){ .bx-h-icons{gap:5px} }
.bx-h-btn {
  position:relative; width:36px; height:36px;
  background:rgba(255,255,255,.15); border:none; border-radius:9px;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:17px; color:#fff !important; cursor:pointer;
  transition:background .15s; text-decoration:none !important; flex-shrink:0;
}
.bx-h-btn:hover { background:rgba(255,255,255,.28); color:#fff !important; }
.bx-h-badge {
  position:absolute; top:-4px; right:-4px;
  min-width:17px; height:17px;
  background:#fff; color:var(--p);
  font-size:9.5px; font-weight:800; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  padding:0 3px; line-height:1;
  box-shadow:0 1px 6px rgba(0,0,0,.2);
}

/* Lang Toggle */
.bx-lang-toggle {
  display:inline-flex !important; align-items:center !important;
  background:rgba(0,0,0,.2); border-radius:8px; padding:2px; gap:1px;
  flex-shrink:0; height:32px;
  border:1px solid rgba(255,255,255,.12);
}
.bx-lang-btn {
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:28px; height:26px; border-radius:6px;
  font-size:11px; font-weight:800;
  color:rgba(255,255,255,.55); text-decoration:none !important;
  transition:all .15s; letter-spacing:.3px;
}
.bx-lang-btn:hover { color:#fff !important; background:rgba(255,255,255,.12); }
.bx-lang-btn.active { background:#fff !important; color:var(--p) !important; }
.bx-lang-sep { display:none !important; }

/* Search Row */
.bx-search-row { padding:6px 0 10px; }
.bx-search-box {
  display:flex !important; align-items:center !important;
  background:#fff; border-radius:10px; overflow:hidden; height:44px;
  box-shadow:0 2px 16px rgba(0,0,0,.12);
  transition:box-shadow .18s;
}
.bx-search-box:focus-within {
  box-shadow:0 3px 20px rgba(0,0,0,.16), 0 0 0 2px rgba(255,255,255,.7);
}
.bx-search-box>i:first-child {
  padding:0 10px 0 14px; color:#bbb; font-size:15px; flex-shrink:0;
}
.bx-search-box input,
.bx-search-box input[type=search] {
  flex:1; min-width:0; border:none !important; outline:none !important;
  padding:0 10px; font-size:13.5px; font-family:var(--font);
  color:var(--text); background:transparent; -webkit-appearance:none;
}
.bx-search-box input::placeholder { color:#bbb; font-size:13px; }
.bx-search-box button[type=submit] {
  background:var(--p); border:none; color:#fff;
  width:46px; height:100%; flex-shrink:0;
  cursor:pointer; font-size:15px;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s;
}
.bx-search-box button[type=submit]:hover { background:var(--p-d); }

/* Category Chip Strip */
.bx-cat-chips {
  background:#fff; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.07);
  border-top:1px solid rgba(0,0,0,.05);
}
.bx-chips-list {
  display:flex !important; align-items:center !important;
  overflow-x:auto !important; scrollbar-width:none;
  height:52px; padding:0 8px; gap:2px;
  max-width:1280px; margin:0 auto;
}
.bx-chips-list::-webkit-scrollbar{display:none}
.bx-chip {
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  gap:3px; padding:4px 10px; height:52px;
  color:var(--text2); font-size:11px; font-weight:600;
  white-space:nowrap; cursor:pointer;
  text-decoration:none !important;
  border-bottom:2.5px solid transparent;
  border-top:2.5px solid transparent;
  transition:all .15s; flex-shrink:0; min-width:58px;
}
.bx-chip:hover { color:var(--p); border-bottom-color:rgba(255,107,53,.4); background:rgba(255,107,53,.04); }
.bx-chip.active { color:var(--p) !important; border-bottom-color:var(--p); background:rgba(255,107,53,.06); }
.bx-chip-icon {
  width:26px; height:26px; border-radius:50%;
  background:#f3f4f6; display:flex; align-items:center; justify-content:center;
  font-size:12px; transition:all .15s;
}
.bx-chip:hover .bx-chip-icon,
.bx-chip.active .bx-chip-icon { background:rgba(255,107,53,.12); color:var(--p); }
.bx-chip-label { font-size:10px; font-weight:700; line-height:1; }
.bx-chip-all>.bx-chip {
  flex-direction:row !important; gap:5px; padding:0 12px;
  min-width:auto; border-bottom:none !important;
  background:rgba(255,107,53,.05); border-right:1px solid var(--border);
  font-size:12px; font-weight:700;
}
.bx-chip-all>.bx-chip:hover { background:rgba(255,107,53,.1); }

/* Mega Menu */
.bx-mega-menu {
  position:absolute; top:calc(100% + 2px); left:0;
  width:min(960px,98vw); background:#fff;
  border:1px solid var(--border); border-radius:0 14px 14px 14px;
  box-shadow:var(--shadow-lg); z-index:1010;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s; pointer-events:none;
}
.bx-mega-menu.open { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.bx-mega-inner { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:0; padding:18px; }
.bx-mega-col { padding:6px; }
.bx-mega-head {
  display:flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; color:var(--text);
  padding:7px 10px; border-radius:8px; text-decoration:none;
  transition:background .15s;
}
.bx-mega-head:hover { background:rgba(255,107,53,.08); color:var(--p); }
.bx-mega-head i { color:var(--p); width:16px; text-align:center; }
.bx-mega-sub { list-style:none; margin:4px 0 0; padding-left:24px; }
.bx-mega-sub li a {
  display:block; font-size:12.5px; color:var(--muted);
  padding:4px 8px; border-radius:5px; text-decoration:none;
  transition:color .15s;
}
.bx-mega-sub li a:hover { color:var(--p); }

/* Old header classes (compatibility) */
.bx-header-inner { display:flex; align-items:center; gap:8px; padding:10px 0; flex-wrap:nowrap; }
.bx-search-wrap { flex:1; max-width:600px; position:relative; }
.bx-search-inner { display:flex; background:#fff; border-radius:var(--r-md); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.15); }
.bx-search-input { flex:1; min-width:0; border:none; padding:11px 12px; font-size:14px; font-family:var(--font); color:var(--text); background:transparent; outline:none; }
.bx-search-btn { background:transparent; border:none; color:var(--p); width:44px; font-size:16px; cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.bx-icon-btn { position:relative; width:38px; height:38px; background:rgba(255,255,255,.15); border:none; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff; cursor:pointer; text-decoration:none; flex-shrink:0; }
.bx-icon-btn:hover { background:rgba(255,255,255,.28); color:#fff; }
.bx-badge-count { position:absolute; top:-4px; right:-4px; background:#fff; color:var(--p); font-size:9.5px; font-weight:800; min-width:17px; height:17px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 3px; }
.bx-cat-nav { background:#fff; border-bottom:1px solid var(--border); }
.bx-cat-list { list-style:none; display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; padding:0; gap:0; }
.bx-cat-list::-webkit-scrollbar { display:none; }
.bx-cat-item { position:relative; flex-shrink:0; }
.bx-cat-link { display:flex; align-items:center; gap:5px; padding:10px 14px; color:var(--text2); font-size:12.5px; font-weight:500; white-space:nowrap; cursor:pointer; border-bottom:3px solid transparent; transition:all .15s; }
.bx-cat-link:hover,.bx-cat-link.active { color:var(--p); border-bottom-color:var(--p); }
.bx-user-menu { min-width:200px; border:1px solid var(--border); box-shadow:var(--shadow-md); border-radius:var(--r-lg); overflow:hidden; padding:0; }

/* Mobile sidebar */
.bx-sidebar-overlay { position:fixed; inset:0; z-index:2000; background:rgba(0,0,0,.55); opacity:0; visibility:hidden; transition:opacity .25s,visibility .25s; backdrop-filter:blur(2px); }
.bx-sidebar-overlay.open { opacity:1; visibility:visible; }
.bx-sidebar { position:fixed; top:0; left:0; bottom:0; width:290px; max-width:88vw; background:#fff; z-index:2001; transform:translateX(-100%); transition:transform .28s cubic-bezier(.4,0,.2,1); overflow-y:auto; display:flex; flex-direction:column; box-shadow:6px 0 30px rgba(0,0,0,.15); }
.bx-sidebar.open { transform:translateX(0); }
.bx-sidebar-head { display:flex; align-items:center; justify-content:space-between; padding:16px; background:linear-gradient(135deg,var(--p),#ff8c42); flex-shrink:0; }
.bx-sidebar-close { background:rgba(255,255,255,.2); border:none; color:#fff; font-size:16px; cursor:pointer; padding:6px 8px; border-radius:7px; display:flex; align-items:center; justify-content:center; }
.bx-sidebar-user,.bx-sidebar-auth { padding:14px 16px; background:var(--dark); color:#fff; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.bx-sidebar-user a { color:rgba(255,255,255,.65); font-size:12px; }
.bx-sidebar-auth { gap:8px; }
.bx-sidebar-nav { list-style:none; padding:6px 0; flex:1; }
.bx-sidebar-nav>li>a { display:flex; align-items:center; gap:12px; padding:13px 16px; font-size:14px; font-weight:600; color:var(--text); border-bottom:1px solid #f3f4f6; transition:all .15s; text-decoration:none; }
.bx-sidebar-nav>li>a:hover { background:#f9f9f9; color:var(--p); padding-left:20px; }
.bx-sidebar-nav>li>a i { width:20px; text-align:center; color:var(--p); font-size:14px; }
.bx-sidebar-sub { list-style:none; background:#fafafa; }
.bx-sidebar-sub li a { display:block; padding:10px 16px 10px 48px; font-size:13px; color:var(--muted); border-bottom:1px solid #f0f0f0; text-decoration:none; transition:color .15s; }
.bx-sidebar-sub li a:hover { color:var(--p); }

/* Cart Drawer */
.bx-cart-overlay { position:fixed; inset:0; z-index:1090; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:opacity .2s,visibility .2s; backdrop-filter:blur(2px); }
.bx-cart-overlay.open { opacity:1; visibility:visible; }
.bx-cart-drawer { position:fixed; top:0; right:0; bottom:0; width:370px; max-width:97vw; background:#fff; z-index:1091; transform:translateX(110%); transition:transform .3s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; box-shadow:-8px 0 40px rgba(0,0,0,.12); }
.bx-cart-drawer.open { transform:translateX(0); }
.bx-cart-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; background:linear-gradient(135deg,var(--dark),var(--dark2)); flex-shrink:0; }
.bx-cart-head h5 { font-size:15px; margin:0; color:#fff; font-weight:700; font-family:var(--font-h) !important; }
.bx-cart-close { background:rgba(255,255,255,.15); border:none; font-size:15px; cursor:pointer; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; }
.bx-cart-body { flex:1; overflow-y:auto; padding:16px; }
.bx-cart-foot { padding:14px 18px; border-top:1px solid var(--border); background:#fafafa; flex-shrink:0; }
.bx-cart-total { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; font-size:14px; }
.bx-cart-total strong { color:var(--p); font-size:20px; font-weight:800; }
.bx-drawer-item { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid #f3f4f6; }
.bx-drawer-item-img { width:58px; height:58px; object-fit:cover; border-radius:var(--r-md); flex-shrink:0; border:1px solid var(--border); }
.bx-drawer-item-info { flex:1; min-width:0; }
.bx-drawer-item-name { font-size:13px; font-weight:600; line-height:1.4; }
.bx-drawer-item-price { font-size:13px; color:var(--p); font-weight:800; margin-top:3px; }
.bx-drawer-item-actions { display:flex; align-items:center; gap:6px; margin-top:7px; }
.bx-qty-btn { width:26px; height:26px; border:1.5px solid var(--border); background:#f9f9f9; border-radius:5px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:13px; font-weight:700; transition:all .15s; }
.bx-qty-btn:hover { background:var(--p); color:#fff; border-color:var(--p); }
.bx-qty-val { font-size:13px; font-weight:800; min-width:22px; text-align:center; }
.bx-remove-item { color:var(--danger); background:none; border:none; cursor:pointer; font-size:14px; margin-left:auto; opacity:.6; }
.bx-remove-item:hover { opacity:1; }

/* Quick View Modal */
.bx-quick-modal { border-radius:var(--r-xl); overflow:hidden; border:none; }
.bx-modal-close { position:absolute; top:12px; right:12px; z-index:10; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,.7); border:none; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; cursor:pointer; }

/* Flash */
.bx-flash-stack { position:fixed; top:80px; right:14px; z-index:99999; width:min(360px,calc(100vw - 20px)); display:flex; flex-direction:column; gap:10px; pointer-events:none; }
.bx-flash-toast { position:relative; display:flex; align-items:flex-start; gap:11px; padding:14px 38px 14px 14px; border-radius:12px; box-shadow:var(--shadow-lg); overflow:hidden; animation:bxFtIn .3s ease; pointer-events:auto; }
.bx-flash-before { position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:12px 0 0 12px; }
.bx-flash-icon { width:34px; height:34px; min-width:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.8); font-size:14px; }
.bx-flash-body { flex:1; min-width:0; }
.bx-flash-title { font-size:13.5px; font-weight:800; margin-bottom:2px; font-family:var(--font-h); }
.bx-flash-text { font-size:12.5px; line-height:1.5; opacity:.9; }
.bx-flash-close { position:absolute; top:9px; right:9px; width:24px; height:24px; border:none; background:transparent; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:.65; font-size:11px; }
.bx-flash-prog { position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(0,0,0,.07); overflow:hidden; }
.bx-flash-prog>span { display:block; width:100%; height:100%; transform-origin:left; animation:bxFtProg 5s linear forwards; }
@keyframes bxFtIn { from{opacity:0;transform:translateY(-6px) translateX(12px)} to{opacity:1;transform:none} }
@keyframes bxFtProg { from{transform:scaleX(1)} to{transform:scaleX(0)} }

/*  Search Suggestions  */
.bx-search-suggest {
  position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1px solid var(--border); border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg); z-index:1002; max-height:400px; overflow-y:auto;
}
.bx-suggest-item { display:flex; align-items:center; gap:12px; padding:10px 14px; cursor:pointer; border-bottom:1px solid #f5f5f5; transition:background .15s; }
.bx-suggest-item:last-child { border-bottom:none; }
.bx-suggest-item:hover { background:#f9f9f9; }
.bx-suggest-img { width:42px; height:42px; object-fit:cover; border-radius:var(--r-md); flex-shrink:0; border:1px solid var(--border); }
.bx-suggest-name { font-size:13px; font-weight:600; line-height:1.3; }
.bx-suggest-price { font-size:12.5px; color:var(--p); font-weight:800; margin-top:2px; }

/* ================================================================
   MAIN CONTENT AREA
   ================================================================ */
.bx-main { min-height:60vh; }

/*  Buttons  */
.btn {
  font-family:var(--font); font-weight:600;
  border-radius:var(--r-md); font-size:14px;
  transition:all .18s;
}
.btn-primary { background:var(--p); border-color:var(--p); color:#fff; }
.btn-primary:hover,.btn-primary:focus { background:var(--p-d); border-color:var(--p-d); color:#fff; transform:translateY(-1px); box-shadow:0 4px 14px rgba(255,107,53,.35); }
.btn-outline-primary { color:var(--p); border-color:var(--p); border-width:1.5px; }
.btn-outline-primary:hover { background:var(--p); border-color:var(--p); color:#fff; transform:translateY(-1px); }
.btn-dark { background:var(--dark); border-color:var(--dark); color:#fff; }
.btn-outline-light { border-color:rgba(255,255,255,.5); color:#fff; }
.btn-outline-light:hover { background:rgba(255,255,255,.15); border-color:#fff; color:#fff; }
.bx-btn-lg { padding:12px 26px; font-size:14.5px; font-weight:700; border-radius:var(--r-md); }
.bx-btn-load { padding:11px 32px; font-size:13.5px; font-weight:700; border-radius:var(--r-md); border-width:1.5px; }
@media(max-width:575px){ .bx-btn-lg{padding:11px 18px;font-size:13.5px} }

/*  Section  */
.bx-section { padding:20px 0; }
.bx-section-alt { background:var(--white); }
.bx-section-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px 12px; border-bottom:2px solid #f3f4f6; margin-bottom:4px;
}
.bx-section-title {
  font-family:var(--font-h); font-size:18px; font-weight:800;
  color:var(--text); display:flex; align-items:center; gap:8px;
}
.bx-section-title .bx-st-accent { color:var(--p); }
.bx-section-link {
  font-size:13px; color:var(--p); font-weight:700;
  display:inline-flex; align-items:center; gap:4px;
  white-space:nowrap; transition:gap .15s;
}
.bx-section-link:hover { gap:8px; }

/*  Hero  */
.bx-hero { position:relative; overflow:hidden; }
.bx-hero-bg { position:absolute; inset:0; z-index:0; overflow:hidden; }
.bx-hero-bg img { width:100%; height:100%; object-fit:cover; object-position:center; }
.bx-hero-slide {
  position:relative; min-height:220px;
  display:flex; align-items:center;
}
@media(min-width:768px){ .bx-hero-slide{min-height:340px} }
@media(min-width:992px){ .bx-hero-slide{min-height:400px} }
.bx-hero-content { position:relative; z-index:2; padding:32px 0 28px; width:100%; }
@media(min-width:768px){ .bx-hero-content{padding:52px 0} }
.bx-hero-tag {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.15); backdrop-filter:blur(8px);
  color:#fff; font-size:10.5px; font-weight:700;
  padding:5px 14px; border-radius:20px; margin-bottom:12px;
  letter-spacing:1.5px; text-transform:uppercase;
  border:1px solid rgba(255,255,255,.25);
}
.bx-hero-title {
  font-family:var(--font-h);
  font-size:clamp(22px,5vw,50px); font-weight:900;
  color:#fff; line-height:1.08; margin-bottom:12px;
}
.bx-hero-title span { color:#FFD580; }
.bx-hero-sub {
  font-size:clamp(13px,2vw,16px); color:rgba(255,255,255,.8);
  margin-bottom:24px; max-width:480px; line-height:1.65;
  font-weight:400;
}
.bx-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.bx-hero-product { position:relative; z-index:2; text-align:center; }
/* Hero Swiper nav */
.bx-hero .swiper-pagination-bullet { background:rgba(255,255,255,.5); width:6px; height:6px; }
.bx-hero .swiper-pagination-bullet-active { background:#fff; width:22px; border-radius:3px; }
.bx-hero .swiper-button-prev,
.bx-hero .swiper-button-next {
  width:40px !important; height:40px !important;
  background:rgba(255,255,255,.15); backdrop-filter:blur(8px);
  border-radius:50%; color:#fff;
  border:1px solid rgba(255,255,255,.3);
  transition:background .18s;
}
.bx-hero .swiper-button-prev:hover,
.bx-hero .swiper-button-next:hover { background:var(--p); border-color:var(--p); }
.bx-hero .swiper-button-prev::after,
.bx-hero .swiper-button-next::after { font-size:12px !important; font-weight:900; }
@media(max-width:767px){
  .bx-hero-title{font-size:22px;line-height:1.1}
  .bx-hero-sub{font-size:13px;margin-bottom:18px}
  .bx-hero-actions{flex-direction:column;gap:9px}
  .bx-hero-actions .btn{width:100%;justify-content:center;padding:12px}
  .bx-hero-product{display:none !important}
  .bx-hero .swiper-button-prev,
  .bx-hero .swiper-button-next{display:none !important}
}

/*  Trust / Banner Strip  */
.bx-trust-strip,.bx-banner-strip {
  background:var(--dark); padding:12px 0;
}
.bx-trust-item,.bx-banner-strip-item {
  display:flex; flex-direction:column; align-items:center;
  gap:3px; padding:6px 8px; text-align:center;
}
.bx-trust-item i,.bx-banner-strip-item i {
  font-size:20px; color:var(--p); margin-bottom:2px;
}
.bx-trust-item strong,.bx-banner-strip-item strong {
  font-size:12px; font-weight:700; color:#fff;
  font-family:var(--font); display:block;
}
.bx-trust-item span,.bx-banner-strip-item span {
  font-size:11px; color:rgba(255,255,255,.45); display:block;
}
@media(max-width:575px){
  .bx-trust-item strong,.bx-banner-strip-item strong { font-size:11px; }
  .bx-trust-item span,.bx-banner-strip-item span { font-size:10px; }
}

/*  Flipkart-style Category Icons  */
.bx-fk-cats { background:var(--white); border-bottom:1px solid var(--border); }
.bx-fk-cats-list {
  display:flex; overflow-x:auto; scrollbar-width:none;
  padding:14px 10px; gap:4px;
}
.bx-fk-cats-list::-webkit-scrollbar { display:none; }
.bx-fk-cat-item {
  display:flex; flex-direction:column; align-items:center; gap:7px;
  min-width:68px; cursor:pointer; text-decoration:none;
  padding:4px; transition:transform .2s; flex-shrink:0;
}
.bx-fk-cat-item:hover { transform:translateY(-3px); }
.bx-fk-cat-icon {
  width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  flex-shrink:0; box-shadow:0 3px 10px rgba(0,0,0,.1);
  transition:box-shadow .2s, transform .2s;
}
.bx-fk-cat-item:hover .bx-fk-cat-icon {
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  transform:scale(1.06);
}
.bx-fk-cat-label { font-size:11px; font-weight:700; color:var(--text2); text-align:center; line-height:1.2; }
@media(min-width:576px){ .bx-fk-cat-icon{width:62px;height:62px;font-size:24px} .bx-fk-cat-label{font-size:11.5px} }

/*  Product Card  */
.bx-product-card {
  background:var(--white); border-radius:var(--r-lg);
  overflow:hidden; border:1px solid var(--border);
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  transition:box-shadow .2s, transform .2s, border-color .2s;
  position:relative; height:100%; display:flex; flex-direction:column;
}
.bx-product-card:hover {
  box-shadow:0 8px 28px rgba(0,0,0,.12);
  transform:translateY(-4px);
  border-color:rgba(255,107,53,.2);
}
.bx-product-img-wrap {
  position:relative; background:#f9f9f9; overflow:hidden;
  padding-top:100%; border-bottom:1px solid #f0f0f0;
}
.bx-product-img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; transition:transform .4s ease;
}
.bx-product-card:hover .bx-product-img { transform:scale(1.05); }
.bx-badges { position:absolute; top:8px; left:8px; display:flex; flex-direction:column; gap:4px; z-index:2; }
.bx-badge {
  display:inline-block; font-size:9.5px; font-weight:800;
  padding:3px 7px; border-radius:4px;
  text-transform:uppercase; letter-spacing:.3px;
}
.bx-badge-off  { background:var(--danger); color:#fff; }
.bx-badge-hot  { background:var(--p); color:#fff; }
.bx-badge-oos  { background:#999; color:#fff; }
.bx-badge-new  { background:var(--success); color:#fff; }
.bx-product-actions {
  position:absolute; right:8px; top:8px;
  display:flex; flex-direction:column; gap:6px;
  opacity:0; transform:translateX(8px); transition:opacity .2s, transform .2s; z-index:2;
}
.bx-product-card:hover .bx-product-actions { opacity:1; transform:translateX(0); }
.bx-btn-icon {
  width:32px; height:32px; background:rgba(255,255,255,.92);
  border:1px solid var(--border); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--text); cursor:pointer;
  transition:all .15s; box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.bx-btn-icon:hover { background:var(--p); color:#fff; border-color:var(--p); }
.bx-btn-icon.wishlisted { color:var(--danger); background:rgba(255,68,68,.08); }
.bx-product-body { padding:12px; flex:1; display:flex; flex-direction:column; gap:4px; }
.bx-product-rating { display:flex; align-items:center; gap:4px; }
.stars { color:var(--gold); font-size:11px; }
.stars small { color:var(--muted); font-size:10.5px; }
.bx-product-name {
  font-size:13px; font-weight:500; color:var(--text);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; line-height:1.45; transition:color .15s;
}
.bx-product-name:hover { color:var(--p); }
.bx-product-price-row { display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:auto; padding-top:6px; }
.bx-price-sale { font-size:14.5px; font-weight:800; color:var(--text); }
.bx-price-original { font-size:12px; color:var(--muted); text-decoration:line-through; }
.bx-price-off { font-size:11.5px; color:var(--success); font-weight:700; }
.bx-sold-badge { font-size:10px; font-weight:600; color:var(--danger); }
.bx-btn-cart {
  width:100%; padding:9px 8px; background:var(--p); color:#fff;
  border:none; border-radius:var(--r-md); font-size:12.5px; font-weight:700;
  font-family:var(--font); cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:6px;
  margin-top:10px; min-height:38px;
  transition:background .15s, transform .15s, box-shadow .15s;
}
.bx-btn-cart:hover:not(:disabled) {
  background:var(--p-d);
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(255,107,53,.3);
}
.bx-btn-cart:disabled { background:#e8e8e8; color:#aaa; cursor:not-allowed; }
.bx-btn-cart.added { background:var(--success); }

/*  Promo Banners  */
.bx-promo-card {
  border-radius:var(--r-xl); overflow:hidden; position:relative;
  display:flex; align-items:center; cursor:pointer; width:100%;
  text-decoration:none !important; min-height:140px;
  transition:transform .2s, box-shadow .2s;
}
.bx-promo-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.18); }
.bx-promo-bg { position:absolute; inset:0; z-index:0; }
.bx-promo-shine { position:absolute; inset:0; z-index:1; background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%); }
.bx-promo-content { position:relative; z-index:2; padding:20px; color:#fff; width:100%; }
.bx-promo-tag { font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:rgba(255,255,255,.8); margin-bottom:6px; display:block; }
.bx-promo-title { font-family:var(--font-h); font-size:clamp(14px,2.2vw,19px); font-weight:800; line-height:1.2; color:#fff; margin-bottom:4px; }
.bx-promo-sub { font-size:12px; color:rgba(255,255,255,.7); margin-bottom:12px; }
.bx-promo-btn {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.2); backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.35);
  color:#fff; padding:7px 16px; border-radius:7px;
  font-size:12.5px; font-weight:700;
  transition:background .15s; text-decoration:none;
}
.bx-promo-btn:hover { background:rgba(255,255,255,.35); color:#fff; }
.bx-promo-deco-icon { position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:66px; color:rgba(255,255,255,.09); z-index:1; pointer-events:none; }
@media(max-width:767px){ .bx-promo-content{padding:16px} .bx-promo-title{font-size:14px} .bx-promo-deco-icon{font-size:50px;right:12px} }

/*  Coupon Banner  */
.bx-coupon-banner { position:relative; border-radius:var(--r-xl); overflow:hidden; }
.bx-coupon-banner-bg { position:absolute; inset:0; background:linear-gradient(135deg,#FF5722,#FF8C42); z-index:0; }
.bx-coupon-banner-body { position:relative; z-index:2; display:flex; align-items:center; gap:18px; padding:24px; flex-wrap:wrap; }
.bx-coupon-banner-icon { width:52px; height:52px; background:rgba(255,255,255,.2); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff; flex-shrink:0; }
.bx-coupon-banner-text { flex:1; min-width:160px; }
.bx-coupon-banner-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:rgba(255,255,255,.8); margin-bottom:4px; }
.bx-coupon-banner-title { font-family:var(--font-h); font-size:clamp(15px,2.5vw,20px); font-weight:800; color:#fff; margin-bottom:4px; }
.bx-coupon-code-badge { background:rgba(255,255,255,.2); border:1px dashed rgba(255,255,255,.6); padding:2px 10px; border-radius:6px; letter-spacing:2px; }
.bx-coupon-banner-sub { font-size:12.5px; color:rgba(255,255,255,.75); }
.bx-coupon-banner-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; color:var(--p) !important; font-weight:800;
  padding:12px 24px; border-radius:10px; font-size:13.5px;
  text-decoration:none !important; white-space:nowrap; flex-shrink:0;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
  transition:box-shadow .15s, transform .15s;
}
.bx-coupon-banner-btn:hover { box-shadow:0 6px 20px rgba(0,0,0,.2); transform:translateY(-1px); }
@media(max-width:575px){ .bx-coupon-banner-body{padding:18px;gap:14px} .bx-coupon-banner-btn{width:100%;justify-content:center} }

/*  Swiper product  */
.bx-swiper-wrap { position:relative; margin:0; padding:10px 6px 14px; }
.bx-swiper-wrap .swiper { overflow:visible; padding:2px 4px; }
.bx-swiper-wrap .swiper-slide{width:158px}
@media(min-width:400px) {.bx-swiper-wrap .swiper-slide{width:168px}}
@media(min-width:576px) {.bx-swiper-wrap .swiper-slide{width:188px}}
@media(min-width:768px) {.bx-swiper-wrap .swiper-slide{width:212px}}
@media(min-width:992px) {.bx-swiper-wrap .swiper-slide{width:232px}}
@media(min-width:1200px){.bx-swiper-wrap .swiper-slide{width:250px}}
.bx-swiper-prev,.bx-swiper-next {
  top:38% !important; width:36px !important; height:36px !important;
  background:var(--white) !important; border-radius:50% !important;
  box-shadow:0 3px 12px rgba(0,0,0,.14) !important;
  border:1.5px solid var(--border) !important;
}
.bx-swiper-prev{left:-6px !important}
.bx-swiper-next{right:-6px !important}
.bx-swiper-prev::after,.bx-swiper-next::after{font-size:10px !important;color:var(--text);font-weight:900}
.bx-swiper-prev:hover,.bx-swiper-next:hover{background:var(--p) !important;border-color:var(--p) !important}
.bx-swiper-prev:hover::after,.bx-swiper-next:hover::after{color:#fff}
@media(max-width:575px){.bx-swiper-prev,.bx-swiper-next{display:none !important}}

/*  Forms  */
.bx-form-card { background:var(--white); border-radius:var(--r-xl); box-shadow:var(--shadow-lg); overflow:hidden; }
.bx-form-side { background:linear-gradient(155deg,var(--dark),var(--dark2)); padding:36px; color:#fff; display:flex; flex-direction:column; justify-content:center; min-height:380px; }
.bx-form-side-title { font-family:var(--font-h); font-size:24px; font-weight:800; margin-bottom:10px; }
.bx-form-side-sub { color:rgba(255,255,255,.65); font-size:13.5px; line-height:1.75; }
.bx-form-side-list { list-style:none; margin-top:20px; }
.bx-form-side-list li { display:flex; align-items:center; gap:10px; margin-bottom:11px; font-size:13.5px; }
.bx-form-side-list li i { color:var(--p); }
.bx-form-body { padding:36px; }
.bx-form-title { font-family:var(--font-h); font-size:24px; font-weight:800; margin-bottom:4px; }
.bx-form-subtitle { color:var(--muted); font-size:13.5px; margin-bottom:24px; }
.bx-input-group { margin-bottom:14px; }
.bx-input-group label { display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; color:var(--text2); letter-spacing:.1px; }
.bx-input {
  width:100%; padding:11px 14px;
  border:1.5px solid var(--border); border-radius:var(--r-md);
  font-size:14px; font-family:var(--font); color:var(--text);
  background:#fff; transition:border-color .18s, box-shadow .18s; outline:none;
}
.bx-input:focus { border-color:var(--p); box-shadow:0 0 0 3px rgba(255,107,53,.1); }
.bx-input.is-invalid { border-color:var(--danger); }
.bx-input-icon-wrap { position:relative; }
.bx-input-icon-wrap .bx-input { padding-left:40px; }
.bx-input-icon-wrap>i { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:14px; pointer-events:none; }
.bx-input-icon-wrap .bx-pass-toggle { position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--muted); cursor:pointer; font-size:14px; padding:4px; }
@media(max-width:767px){ .bx-form-body{padding:22px 18px} .bx-form-side{padding:24px 18px;min-height:auto} .bx-form-card{border-radius:var(--r-lg)} }

/* OTP */
.bx-otp-wrap { display:flex; gap:9px; justify-content:center; }
.bx-otp-input { width:50px; height:56px; text-align:center; font-size:23px; font-weight:800; border:2px solid var(--border); border-radius:var(--r-md); font-family:var(--font-h); transition:border-color .18s,box-shadow .18s; outline:none; color:var(--text); }
.bx-otp-input:focus { border-color:var(--p); box-shadow:0 0 0 3px rgba(255,107,53,.1); }
@media(max-width:479px){ .bx-otp-wrap{gap:6px} .bx-otp-input{width:38px;height:46px;font-size:19px} }
.bx-pass-strength { height:3px; border-radius:2px; background:var(--border); margin-top:5px; overflow:hidden; }
.bx-pass-strength-bar { height:100%; border-radius:2px; transition:width .4s,background .4s; width:0%; }

/*  Product Detail  */
.bx-product-gallery-main { border-radius:var(--r-xl); overflow:hidden; background:#f9f9f9; aspect-ratio:1; border:1.5px solid var(--border); }
.bx-product-gallery-main img { width:100%; height:100%; object-fit:contain; }
.bx-gallery-thumb { border-radius:var(--r-md); overflow:hidden; cursor:pointer; border:2px solid transparent; transition:border-color .15s; aspect-ratio:1; background:#f9f9f9; }
.bx-gallery-thumb.active,.bx-gallery-thumb:hover { border-color:var(--p); }
.bx-gallery-thumb img { width:100%; height:100%; object-fit:cover; }
.bx-product-detail-title { font-family:var(--font-h); font-size:clamp(18px,3vw,28px); font-weight:800; }
.bx-product-detail-price { font-size:26px; font-weight:900; color:var(--text); }
.bx-product-detail-original { font-size:16px; color:var(--muted); text-decoration:line-through; margin-left:8px; }
.bx-product-detail-discount { font-size:14px; color:var(--success); font-weight:700; margin-left:8px; }
.bx-variant-btn { padding:7px 16px; border:1.5px solid var(--border); background:#fff; border-radius:7px; font-size:13.5px; font-weight:600; cursor:pointer; transition:all .15s; font-family:var(--font); }
.bx-variant-btn:hover,.bx-variant-btn.active { border-color:var(--p); color:var(--p); background:var(--p-l); }
.bx-qty-control { display:inline-flex; align-items:center; border:1.5px solid var(--border); border-radius:var(--r-md); overflow:hidden; }
.bx-qty-control button { width:40px; height:42px; background:#f9f9f9; border:none; font-size:17px; cursor:pointer; font-weight:700; transition:background .15s; }
.bx-qty-control button:hover { background:var(--p); color:#fff; }
.bx-qty-control input { width:52px; height:42px; text-align:center; border:none; border-left:1.5px solid var(--border); border-right:1.5px solid var(--border); font-size:15px; font-weight:800; font-family:var(--font); outline:none; }
.bx-product-tabs .nav-link { color:var(--muted); font-weight:600; font-size:14px; border:none; padding:11px 18px; border-bottom:2.5px solid transparent; border-radius:0; transition:color .15s,border-color .15s; }
.bx-product-tabs .nav-link.active,.bx-product-tabs .nav-link:hover { color:var(--p); border-bottom-color:var(--p); background:transparent; }

/*  Cart / Checkout  */
.bx-cart-table thead th { font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); background:#fafafa; font-family:var(--font); font-weight:700; }
.bx-cart-table tbody tr { vertical-align:middle; }
.bx-cart-product-img { width:64px; height:64px; object-fit:cover; border-radius:var(--r-md); border:1px solid var(--border); }
.bx-cart-product-name { font-weight:700; font-size:14px; }
.bx-order-summary-card { background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow); border:1px solid var(--border); overflow:hidden; }
.bx-order-summary-head { background:var(--p); color:#fff; padding:13px 18px; font-weight:700; font-size:14.5px; font-family:var(--font-h); }
.bx-order-summary-body { padding:16px; }
.bx-summary-row { display:flex; justify-content:space-between; align-items:center; padding:9px 0; border-bottom:1px solid #f5f5f5; font-size:13.5px; }
.bx-summary-row:last-child { border-bottom:none; }
.bx-summary-total { font-size:18px; font-weight:800; color:var(--p); }
.bx-coupon-form { display:flex; gap:8px; margin-top:10px; }
.bx-coupon-form input { flex:1; min-width:0; }
.bx-checkout-step { background:var(--white); border-radius:var(--r-lg); margin-bottom:14px; overflow:hidden; border:1px solid var(--border); }
.bx-checkout-step-head { display:flex; align-items:center; gap:10px; padding:13px 16px; background:#fafafa; border-bottom:1px solid var(--border); }
.bx-checkout-step-num { width:30px; height:30px; background:var(--dark); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; flex-shrink:0; }
.bx-checkout-step.active .bx-checkout-step-num { background:var(--p); }
.bx-checkout-step.done .bx-checkout-step-num { background:var(--success); }
.bx-checkout-step-title { font-weight:700; font-size:14.5px; }
.bx-checkout-step-body { padding:18px; }
.bx-payment-option { border:1.5px solid var(--border); border-radius:var(--r-md); padding:13px 14px; cursor:pointer; transition:border-color .15s,background .15s; display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.bx-payment-option:hover { border-color:var(--p); }
.bx-payment-option.active { border-color:var(--p); background:var(--p-ll); }
.bx-payment-option input[type="radio"] { accent-color:var(--p); }

/*  Orders  */
.bx-order-card { background:var(--white); border-radius:var(--r-lg); margin-bottom:12px; overflow:hidden; border:1px solid var(--border); transition:box-shadow .2s; }
.bx-order-card:hover { box-shadow:var(--shadow-md); }
.bx-order-card-head { padding:13px 16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid #f3f4f6; background:#fafafa; }
.bx-order-number { font-weight:800; color:var(--text); font-size:14px; }
.bx-order-card-body { padding:14px 16px; }
.bx-order-item-thumb { width:50px; height:50px; object-fit:cover; border-radius:var(--r-md); border:1px solid var(--border); }
.bx-tracking-timeline { position:relative; padding-left:26px; }
.bx-tracking-timeline::before { content:''; position:absolute; left:8px; top:0; bottom:0; width:2px; background:var(--border); }
.bx-track-step { position:relative; padding-bottom:18px; }
.bx-track-step::before { content:''; position:absolute; left:-20px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--border); border:2px solid #fff; z-index:1; }
.bx-track-step.done::before { background:var(--success); }
.bx-track-step.current::before { background:var(--p); box-shadow:0 0 0 4px rgba(255,107,53,.18); }
.bx-track-step-title { font-size:13.5px; font-weight:700; }
.bx-track-step-time { font-size:11.5px; color:var(--muted); margin-top:2px; }
.bx-track-step-note { font-size:12.5px; color:var(--muted); margin-top:3px; }

/*  Profile  */
.bx-profile-card { background:linear-gradient(135deg,var(--p),#FF8C42); color:#fff; border-radius:var(--r-xl); padding:28px; text-align:center; }
.bx-profile-avatar { width:80px; height:80px; border-radius:50%; border:3px solid rgba(255,255,255,.4); margin:0 auto 14px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.2); font-size:28px; color:#fff; }
.bx-profile-name { font-family:var(--font-h); font-size:20px; font-weight:800; }
.bx-profile-email { font-size:13px; color:rgba(255,255,255,.75); margin-top:4px; }
.bx-profile-stats { display:flex; gap:22px; justify-content:center; margin-top:18px; }
.bx-profile-stat strong { display:block; font-size:22px; font-weight:800; color:#fff; }
.bx-profile-stat span { font-size:11.5px; color:rgba(255,255,255,.7); }
.bx-tab-card { background:var(--white); border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--border); }
.bx-tab-nav .nav-link { border:none; border-radius:0; color:var(--muted); font-weight:600; font-size:14px; padding:13px 16px; text-align:left; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; transition:all .15s; }
.bx-tab-nav .nav-link:hover { background:#f9f9f9; color:var(--p); }
.bx-tab-nav .nav-link.active { background:var(--p); color:#fff; }
.bx-tab-nav .nav-link i { width:16px; text-align:center; }

/*  Filters  */
.bx-filter-card { background:var(--white); border-radius:var(--r-lg); overflow:hidden; margin-bottom:14px; position:sticky; top:12px; border:1px solid var(--border); }
.bx-filter-head { padding:12px 16px; background:var(--p); color:#fff; display:flex; align-items:center; justify-content:space-between; font-weight:700; font-size:14px; }
.bx-filter-section { padding:13px 16px; border-bottom:1px solid #f5f5f5; }
.bx-filter-section-title { font-size:12px; font-weight:800; margin-bottom:9px; text-transform:uppercase; letter-spacing:.6px; color:var(--text2); }
.bx-filter-option { display:flex; align-items:center; gap:8px; margin-bottom:8px; cursor:pointer; }
.bx-filter-option input { accent-color:var(--p); }
.bx-filter-option label { font-size:13px; cursor:pointer; }

/*  Breadcrumb  */
.bx-breadcrumb { background:var(--white); padding:10px 0; border-bottom:1px solid var(--border); }
.bx-breadcrumb .breadcrumb { margin:0; font-size:12.5px; }
.bx-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color:var(--muted); }
.bx-breadcrumb .breadcrumb-item a { color:var(--p); }

/*  Alerts / Flash  */
.bx-alert { border:none; border-radius:var(--r-md); font-size:13.5px; }
.bx-flash-container { position:fixed; top:72px; right:14px; z-index:9000; max-width:340px; width:92%; }

/*  Empty State  */
.bx-empty-state { text-align:center; padding:50px 16px; }
.bx-empty-state i { font-size:52px; color:#ddd; margin-bottom:14px; display:block; }
.bx-empty-state h4 { color:var(--muted); margin-bottom:8px; font-size:17px; font-family:var(--font-h); }
.bx-empty-state p { color:var(--muted); font-size:13.5px; }

/*  Toast  */
.bx-toast { position:fixed; bottom:72px; left:50%; transform:translateX(-50%) translateY(16px); background:var(--dark); color:#fff; padding:11px 20px; border-radius:26px; font-size:13.5px; font-weight:600; z-index:9999; opacity:0; transition:opacity .28s,transform .28s; white-space:nowrap; pointer-events:none; display:flex; align-items:center; gap:8px; max-width:90vw; }
.bx-toast.show { opacity:1; transform:translateX(-50%) translateY(0); }
.bx-toast.success { background:var(--success); }
.bx-toast.error { background:var(--danger); }
@media(min-width:992px){ .bx-toast{bottom:22px} }

/*  Stat Cards  */
.bx-stat-card { background:var(--white); border-radius:var(--r-xl); padding:20px; box-shadow:var(--shadow); display:flex; gap:14px; align-items:center; border-left:4px solid var(--p); transition:box-shadow .2s; }
.bx-stat-card:hover { box-shadow:var(--shadow-md); }
.bx-stat-icon { width:48px; height:48px; border-radius:var(--r-md); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.bx-stat-value { font-family:var(--font-h); font-size:24px; font-weight:800; color:var(--text); line-height:1; }
.bx-stat-label { font-size:12px; color:var(--muted); font-weight:500; margin-top:3px; }

/*  Footer  */
.bx-footer { background:var(--dark); color:rgba(255,255,255,.7); }
.bx-footer-top { padding:44px 0 32px; }
.bx-footer-brand .bx-logo-text { color:#fff !important; }
.bx-footer-desc { font-size:13px; color:rgba(255,255,255,.45); line-height:1.8; margin:10px 0; }
.bx-footer-social { display:flex; gap:8px; flex-wrap:wrap; }
.bx-footer-social a { width:34px; height:34px; border:1px solid rgba(255,255,255,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.5); font-size:13px; transition:all .18s; }
.bx-footer-social a:hover { background:var(--p); border-color:var(--p); color:#fff; transform:translateY(-2px); }
.bx-footer-heading { font-size:12px; font-weight:800; color:#fff; margin-bottom:14px; letter-spacing:.8px; text-transform:uppercase; }
.bx-footer-list { list-style:none; padding:0; }
.bx-footer-list li { margin-bottom:8px; }
.bx-footer-list li a { font-size:13px; color:rgba(255,255,255,.45); transition:color .15s; display:flex; align-items:center; gap:6px; }
.bx-footer-list li a i { color:var(--p); font-size:10px; }
.bx-footer-list li a:hover { color:rgba(255,255,255,.8); }
.bx-newsletter-input-wrap { display:flex; border:1px solid rgba(255,255,255,.15); border-radius:var(--r-md); overflow:hidden; }
.bx-newsletter-input-wrap input { flex:1; min-width:0; background:rgba(255,255,255,.06); border:none; color:#fff; padding:10px 13px; font-size:13px; outline:none; font-family:var(--font); }
.bx-newsletter-input-wrap input::placeholder { color:rgba(255,255,255,.3); }
.bx-newsletter-btn { background:var(--p); border:none; color:#fff; width:42px; cursor:pointer; flex-shrink:0; transition:background .15s; }
.bx-newsletter-btn:hover { background:var(--p-d); }
.bx-footer-contact p { font-size:12.5px; display:flex; gap:8px; margin-bottom:7px; color:rgba(255,255,255,.45); align-items:flex-start; word-break:break-word; }
.bx-footer-contact i { color:var(--p); margin-top:2px; flex-shrink:0; }
.bx-footer-mid { background:rgba(0,0,0,.25); padding:14px 0; border-top:1px solid rgba(255,255,255,.06); }
.bx-app-btn { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.15); padding:7px 13px; border-radius:7px; font-size:12px; transition:all .15s; }
.bx-app-btn:hover { background:var(--p); border-color:var(--p); color:#fff; }
.bx-payment-icons { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.bx-pay-icon { color:rgba(255,255,255,.5); font-size:12px; }
.bx-upi-icon { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15); border-radius:3px; padding:2px 7px; font-size:11px; font-weight:700; color:#fff; }
.bx-footer-bottom { background:rgba(0,0,0,.3); padding:11px 0; border-top:1px solid rgba(255,255,255,.05); }
.bx-footer-badges { display:flex; gap:14px; flex-wrap:wrap; }
.bx-footer-badges span { font-size:11.5px; color:rgba(255,255,255,.35); display:flex; align-items:center; gap:4px; }
.bx-footer-badges i { color:var(--p); }

/*  Mobile Bottom Nav  */
.bx-bottom-nav { position:fixed; bottom:0; left:0; right:0; background:var(--white); border-top:1px solid rgba(0,0,0,.07); z-index:1000; display:flex; height:60px; box-shadow:0 -4px 20px rgba(0,0,0,.08); }
.bx-bnav-item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; text-decoration:none; color:var(--muted); font-size:9.5px; font-weight:700; position:relative; transition:color .15s; padding:4px 0; letter-spacing:.2px; }
.bx-bnav-item i { font-size:21px; transition:transform .15s; }
.bx-bnav-item.active { color:var(--p); }
.bx-bnav-item.active i { transform:scale(1.1); }
.bx-bnav-item:hover { color:var(--p); }
.bx-bnav-cart { background:var(--p); color:#fff !important; border-radius:16px 16px 0 0; margin:-10px 2px 0; box-shadow:0 -4px 16px rgba(255,107,53,.4); }
.bx-bnav-cart:hover,.bx-bnav-cart.active { background:var(--p-d) !important; color:#fff !important; }
.bx-bnav-badge { position:absolute; top:0; right:18%; background:var(--dark); color:#fff; font-size:9px; font-weight:800; border-radius:50%; width:16px; height:16px; display:flex; align-items:center; justify-content:center; }
@media(min-width:992px){ .bx-bottom-nav{display:none !important} }

/*  Back to Top  */
.bx-back-top { position:fixed; bottom:70px; right:14px; width:42px; height:42px; background:var(--p); color:#fff; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; z-index:999; box-shadow:0 4px 14px rgba(255,107,53,.35); opacity:0; transform:translateY(14px); transition:opacity .2s,transform .2s; }
.bx-back-top.visible { opacity:1; transform:translateY(0); }
.bx-back-top:hover { background:var(--p-d); transform:translateY(-2px); }
@media(min-width:992px){ .bx-back-top{bottom:24px} }

/*  Review System  */
.bx-star-picker { display:flex; flex-direction:row-reverse; gap:4px; width:fit-content; }
.bx-star-picker input[type="radio"] { display:none; }
.bx-star-picker label { font-size:34px; color:#ddd; cursor:pointer; transition:color .15s,transform .15s; line-height:1; }
.bx-star-picker label:hover,
.bx-star-picker label:hover~label,
.bx-star-picker input:checked~label { color:var(--gold); transform:scale(1.12); }
@media(max-width:400px){ .bx-star-picker label{font-size:28px} }
.bx-review-card { background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); padding:18px; transition:box-shadow .2s; }
.bx-review-card:hover { box-shadow:var(--shadow); }
.bx-review-mine { border-color:var(--p); background:#fff9f7; }
.bx-review-avatar { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--p),#FF8C42); color:#fff; font-size:14px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bx-review-stars .stars { font-size:13px; }
.bx-rating-summary { background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); padding:20px; margin-bottom:20px; }
.bx-review-prompt { background:#f9f9f9; border:1px solid var(--border); border-radius:var(--r-md); padding:13px 16px; margin-top:4px; }
.bx-review-prompt-label { font-size:12.5px; font-weight:700; color:var(--text2); }
.bx-review-item-btn { display:flex; align-items:center; gap:10px; background:var(--white); border:1.5px solid var(--border); border-radius:var(--r-md); padding:9px 12px; text-decoration:none !important; color:var(--text) !important; transition:border-color .15s,box-shadow .15s; max-width:220px; min-width:160px; }
.bx-review-item-btn:hover { border-color:var(--p); box-shadow:0 3px 10px rgba(255,107,53,.12); }
.bx-review-item-btn.bx-review-item-done { border-color:var(--success); background:#f0fdf4; }
.bx-review-item-btn img { width:42px; height:42px; object-fit:cover; border-radius:6px; border:1px solid var(--border); flex-shrink:0; }
.bx-review-item-info { flex:1; min-width:0; }
.bx-review-item-name { font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3; margin-bottom:3px; }
.bx-review-item-status { font-size:11px; color:var(--success); font-weight:600; display:flex; align-items:center; }
@media(max-width:575px){ .bx-review-item-btn{min-width:100%;max-width:100%} }

/*  Misc  */
.bx-card { background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:18px; border:1px solid var(--border); }
.bx-divider { height:1px; background:var(--border); margin:16px 0; }
.text-primary { color:var(--p) !important; }
.bg-primary { background-color:var(--p) !important; }
.fw-600 { font-weight:600 !important; }
.fw-700 { font-weight:700 !important; }
.fw-800 { font-weight:800 !important; }
.lh-base { line-height:1.6; }
.bx-skeleton { background:linear-gradient(90deg,var(--border) 25%,#ebebeb 37%,var(--border) 63%); background-size:400% 100%; animation:bxShimmer 1.4s ease infinite; border-radius:var(--r); }
@keyframes bxShimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
.swiper-button-prev,.swiper-button-next { width:34px !important; height:34px !important; background:var(--white); border-radius:50%; box-shadow:var(--shadow); }
.swiper-button-prev::after,.swiper-button-next::after { font-size:11px !important; color:var(--text); font-weight:900; }

/*  Responsive  */
@media(max-width:991px){ .bx-cat-nav{overflow:hidden} }
@media(max-width:767px){ .bx-section-alt{background:var(--bg)} }
@media(max-width:575px){
  .bx-h-btn{width:33px;height:33px;font-size:15px;border-radius:8px}
  .bx-lang-toggle{height:30px}
  .bx-lang-btn{width:25px;height:24px;font-size:10px}
  .bx-logo-text{font-size:17px !important}
  .bx-chips-list{height:48px;padding:0 4px}
  .bx-chip{min-width:52px;padding:3px 8px;height:48px}
  .bx-chip-icon{width:23px;height:23px;font-size:11px}
  .bx-chip-label{font-size:9.5px}
  .bx-h-icons{gap:3px}
}
@media(max-width:400px){
  .bx-lang-btn{padding:3px 6px;font-size:10px}
}

/*  WebView safe area  */
@supports(padding:max(0px)){
  .bx-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  body.bx-body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  @media(min-width:992px){body.bx-body{padding-bottom:0}}
}
@media(hover:none){
  .bx-btn-cart,.btn,.bx-icon-btn,.bx-h-btn{min-height:44px}
  .bx-fk-cat-item{-webkit-tap-highlight-color:transparent}
}

/* ================================================================
   PREMIUM OVERRIDES  Makes both old & new header look polished
   ================================================================ */

/*  Topbar  */
.bx-topbar {
  background: #0f1422;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  font-weight: 500;
  padding: 7px 0;
  letter-spacing: .1px;
}
.bx-topbar .container-xl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
}
.bx-topbar-left { display:flex; align-items:center; gap:16px; }
.bx-topbar-right { display:flex; align-items:center; gap:14px; }
.bx-topbar i { color:var(--p); font-size:12px; }
.bx-topbar a { color:rgba(255,255,255,.6); font-weight:600; transition:color .15s; }
.bx-topbar a:hover { color:var(--p); }

/*  Old header (bx-header-inner) PREMIUM UPGRADE  */
.bx-header { background:var(--p) !important; }
.bx-header-inner {
  display:flex !important; align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px; padding:12px 0; width:100%;
}
.bx-header-inner .bx-logo { flex-shrink:0; }

/* Old Search - upgrade to match new */
.bx-search-inner {
  display:flex !important; align-items:center !important;
  background:#fff; border-radius:10px !important;
  overflow:hidden; box-shadow:0 2px 14px rgba(0,0,0,.12) !important;
  height:44px;
}
.bx-search-cat {
  display:block !important;
  width:90px; border:none;
  border-right:1px solid #eee !important;
  font-size:12.5px; font-family:var(--font);
  background:#f8f9fb; color:var(--text2);
  flex-shrink:0; padding:0 10px;
  cursor:pointer; height:100%;
}
.bx-search-input {
  flex:1; min-width:0; border:none !important;
  padding:11px 12px;
  font-size:14px; font-family:var(--font);
  color:var(--text); background:transparent;
  outline:none !important;
}
.bx-search-input::placeholder { color:#bbb; font-size:13px; }
.bx-search-btn {
  background:var(--p) !important; border:none;
  color:#fff !important; width:46px; height:100%;
  font-size:16px; cursor:pointer; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s;
}
.bx-search-btn:hover { background:var(--p-d) !important; }

/* Old icons (bx-icon-btn) upgrade */
.bx-icon-btn {
  width:38px !important; height:38px !important;
  background:rgba(255,255,255,.15) !important;
  border:none; border-radius:10px !important;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; color:#fff !important;
  cursor:pointer; transition:background .15s;
  text-decoration:none; flex-shrink:0;
}
.bx-icon-btn:hover { background:rgba(255,255,255,.28) !important; }
.bx-badge-count {
  top:-4px !important; right:-4px !important;
  width:18px !important; height:18px !important;
  font-size:10px !important; font-weight:800 !important;
  box-shadow:0 1px 5px rgba(0,0,0,.2);
}

/*  Category Nav PREMIUM  */
.bx-cat-nav {
  background:#fff !important;
  border-bottom:1px solid #eee !important;
  box-shadow:0 2px 10px rgba(0,0,0,.07) !important;
}
.bx-cat-link {
  font-weight:600 !important;
  font-size:12.5px !important;
  padding:11px 14px !important;
  letter-spacing:.1px;
  transition:all .15s !important;
}
.bx-cat-link:hover,.bx-cat-link.active {
  color:var(--p) !important;
  border-bottom-color:var(--p) !important;
  background:rgba(255,107,53,.04);
}

/*  Hero PREMIUM  */
.bx-hero-title {
  font-family: var(--font-h) !important;
  font-size: clamp(24px,5vw,52px) !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  line-height: 1.05 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.2);
}
.bx-hero-title span { color:#FFD580 !important; }
.bx-hero-sub {
  font-size: clamp(13px,2vw,16px) !important;
  color: rgba(255,255,255,.82) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}
.bx-hero-tag {
  font-size: 10px !important;
  letter-spacing: 2px !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
}
/* Hero buttons */
.bx-hero-actions .btn {
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  padding: 12px 26px !important;
  letter-spacing: .2px;
  transition: all .2s !important;
}
.bx-hero-actions .btn-primary {
  background: #FF6B35 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(255,107,53,.45) !important;
}
.bx-hero-actions .btn-primary:hover {
  background: #e85c26 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255,107,53,.5) !important;
}
.bx-hero-actions .btn-outline-light {
  border: 1.5px solid rgba(255,255,255,.55) !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  backdrop-filter: blur(6px);
}
.bx-hero-actions .btn-outline-light:hover {
  background: rgba(255,255,255,.22) !important;
  border-color: #fff !important;
  transform: translateY(-2px) !important;
}

/*  Section titles PREMIUM  */
.bx-section-head { padding:18px 20px 14px !important; }
.bx-section-title {
  font-family: var(--font-h) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.3px !important;
}
.bx-section-link { font-weight: 700 !important; font-size: 13px !important; }

/*  Flipkart category icons PREMIUM  */
.bx-fk-cats { padding:6px 0 !important; }
.bx-fk-cats-list { padding:14px 14px !important; gap:6px !important; }
.bx-fk-cat-icon {
  width:60px !important; height:60px !important;
  font-size:23px !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.1) !important;
  transition: all .2s !important;
}
.bx-fk-cat-item:hover .bx-fk-cat-icon {
  box-shadow: 0 8px 20px rgba(0,0,0,.15) !important;
  transform: translateY(-4px) scale(1.05) !important;
}
.bx-fk-cat-label {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--text2) !important;
}

/*  Trust / Banner strip PREMIUM  */
.bx-trust-strip,.bx-banner-strip {
  background: var(--dark) !important;
  padding: 14px 0 !important;
}
.bx-trust-item i,.bx-banner-strip-item i { font-size:22px !important; }
.bx-trust-item strong,.bx-banner-strip-item strong { font-size:12.5px !important; }

/*  Product Cards PREMIUM  */
.bx-product-card {
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.05) !important;
}
.bx-product-card:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
  transform: translateY(-5px) !important;
  border-color: rgba(255,107,53,.15) !important;
}
.bx-product-body { padding:12px 14px !important; }
.bx-price-sale { font-size:15px !important; font-weight:900 !important; }
.bx-btn-cart {
  border-radius:9px !important;
  font-size:13px !important;
  padding:10px !important;
  letter-spacing:.2px;
  font-weight:700 !important;
}

/*  Promo cards PREMIUM  */
.bx-promo-card {
  border-radius:16px !important;
  min-height:160px !important;
}
.bx-promo-title {
  font-family:var(--font-h) !important;
  font-weight:800 !important;
}
.bx-promo-btn {
  background:rgba(255,255,255,.2) !important;
  backdrop-filter:blur(6px) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:8px !important;
  font-size:13px !important;
  padding:8px 16px !important;
}

/*  Coupon banner PREMIUM  */
.bx-coupon-banner {
  border-radius: 18px !important;
  box-shadow: 0 8px 30px rgba(255,107,53,.25) !important;
}
.bx-coupon-banner-title {
  font-family:var(--font-h) !important;
  font-size:clamp(16px,2.5vw,22px) !important;
}
.bx-coupon-code-badge {
  font-family:var(--font-h) !important;
  font-size:1.1em !important;
  padding:3px 12px !important;
  letter-spacing:3px !important;
}

/*  Footer PREMIUM  */
.bx-footer { background:#111827 !important; }
.bx-footer-heading {
  font-family:var(--font-h) !important;
  font-size:12.5px !important;
  letter-spacing:1px !important;
}
.bx-footer-list li a { font-size:13px !important; line-height:1.8 !important; }

/*  Bottom nav PREMIUM  */
.bx-bottom-nav { box-shadow: 0 -4px 24px rgba(0,0,0,.1) !important; }
.bx-bnav-item { font-size:10px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.bx-bnav-item i { font-size:22px !important; }
.bx-bnav-cart {
  border-radius:18px 18px 0 0 !important;
  box-shadow: 0 -6px 20px rgba(255,107,53,.45) !important;
  margin:-12px 3px 0 !important;
}

/*  General premium polish  */
.btn { transition: all .18s !important; }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,107,53,.35) !important; }
.bx-card { border-radius:14px !important; }
.bx-input:focus {
  border-color:var(--p) !important;
  box-shadow:0 0 0 3px rgba(255,107,53,.1) !important;
}