@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:VazirmatnLocal;src:url('../fonts/vazirmatn/vazirmatn-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root{--jk-font:VazirmatnLocal,Vazirmatn,Tahoma,Arial,sans-serif;--jk-primary:#2563eb;--jk-dark:#0f172a;--jk-muted:#64748b;--jk-card:#fff;--jk-line:rgba(15,23,42,.12);--jk-soft:#f8fafc;--jk-radius:18px;--jk-shadow:0 20px 55px rgba(15,23,42,.10)}
html,body,button,input,textarea,select,a,table{font-family:var(--jk-font)!important} body{font-feature-settings:"ss01";text-rendering:optimizeLegibility} img,video{max-width:100%;height:auto}.jki{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.22em;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat;margin:0 .15em}.icon-cart{mask-image:url('../icons/cart.svg');-webkit-mask-image:url('../icons/cart.svg')}.icon-user{mask-image:url('../icons/user.svg');-webkit-mask-image:url('../icons/user.svg')}.icon-lock{mask-image:url('../icons/lock.svg');-webkit-mask-image:url('../icons/lock.svg')}.icon-box{mask-image:url('../icons/box.svg');-webkit-mask-image:url('../icons/box.svg')}.icon-check{mask-image:url('../icons/check.svg');-webkit-mask-image:url('../icons/check.svg')}.icon-close{mask-image:url('../icons/close.svg');-webkit-mask-image:url('../icons/close.svg')}.icon-search{mask-image:url('../icons/search.svg');-webkit-mask-image:url('../icons/search.svg')}.icon-star{mask-image:url('../icons/star.svg');-webkit-mask-image:url('../icons/star.svg')}.icon-phone{mask-image:url('../icons/phone.svg');-webkit-mask-image:url('../icons/phone.svg')}.icon-home{mask-image:url('../icons/home.svg');-webkit-mask-image:url('../icons/home.svg')}.icon-admin{mask-image:url('../icons/admin.svg');-webkit-mask-image:url('../icons/admin.svg')}.icon-menu{mask-image:url('../icons/menu.svg');-webkit-mask-image:url('../icons/menu.svg')}.icon-arrow{mask-image:url('../icons/arrow.svg');-webkit-mask-image:url('../icons/arrow.svg')}
.jk-toast{position:fixed;z-index:99999;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));background:#fff;border:1px solid var(--jk-line);box-shadow:var(--jk-shadow);border-radius:18px;padding:14px 16px;color:var(--jk-dark);display:flex;gap:10px;align-items:flex-start;animation:jkIn .25s ease}.jk-toast.ok{border-color:rgba(22,163,74,.25)}.jk-toast.err{border-color:rgba(220,38,38,.25)}@keyframes jkIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
input,textarea,select{border-radius:14px!important}button,.btn,a.btn{border-radius:14px}.table-wrap,table{max-width:100%;}table{border-collapse:collapse}@media(max-width:768px){body{overflow-x:hidden}.container,.wrap,.card,.panel,.admin-card,main{max-width:100%!important}.card,.panel,.admin-card{border-radius:18px!important;padding:16px!important}.form,.grid,.row{grid-template-columns:1fr!important;flex-wrap:wrap}.sidebar,.admin-sidebar{position:static!important;width:100%!important;transform:none!important}.content,.admin-content{margin:0!important;width:100%!important}table{display:block;overflow-x:auto;white-space:nowrap}input,select,textarea,button{font-size:16px!important}.nav,.header,.topbar{flex-wrap:wrap!important}.hide-mobile{display:none!important}}
@media(max-width:480px){.card,.panel,.admin-card{padding:14px!important}.jk-toast{right:10px;left:10px;bottom:10px;max-width:none}.hero h1,h1{font-size:22px!important}}

/* ===== v3 Premium Clickable Hero Slider ===== */
.hero{position:relative}
.hero::before{
  content:"";
  position:absolute;
  inset:10px 26px auto 26px;
  height:40px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(37,99,235,.22), rgba(14,165,233,.16), rgba(99,102,241,.20));
  filter:blur(24px);
  pointer-events:none;
}
.slider{
  position:relative;
  isolation:isolate;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,246,255,.82)),
    radial-gradient(820px 460px at 20% 0%, rgba(37,99,235,.22), transparent 62%),
    radial-gradient(720px 460px at 88% 16%, rgba(14,165,233,.16), transparent 58%)!important;
  box-shadow:
    0 34px 90px rgba(15,23,42,.16),
    0 12px 30px rgba(37,99,235,.10),
    inset 0 1px 0 rgba(255,255,255,.90)!important;
  overflow:hidden!important;
  min-height:360px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.slider.is-clickable{cursor:pointer}
.slider.is-clickable:hover{
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.28)!important;
  box-shadow:
    0 42px 110px rgba(15,23,42,.19),
    0 18px 45px rgba(37,99,235,.16),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.slider:focus-visible{
  outline:3px solid rgba(37,99,235,.36);
  outline-offset:5px;
}
.slider::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(248,250,252,.28) 0%, rgba(255,255,255,0) 26%),
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 34%);
  mix-blend-mode:screen;
}
.slider::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-72px;
  top:-88px;
  z-index:3;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.slides{z-index:1}
.slide{
  display:block;
  text-decoration:none;
  pointer-events:none;
  will-change:opacity, transform;
}
.slide.active{pointer-events:auto}
.slide img{
  filter:saturate(1.04) contrast(1.02);
  transition:transform 5.5s ease, filter .22s ease;
}
.slider:hover .slide.active img{transform:scale(1.035); filter:saturate(1.08) contrast(1.04)}
.shade{
  z-index:4;
  background:
    radial-gradient(760px 390px at 22% 12%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(720px 390px at 88% 14%, rgba(14,165,233,.13), transparent 58%),
    linear-gradient(90deg, rgba(15,23,42,.05) 0%, rgba(15,23,42,.18) 54%, rgba(15,23,42,.46) 100%),
    linear-gradient(180deg, rgba(15,23,42,.00) 18%, rgba(15,23,42,.22) 60%, rgba(15,23,42,.62) 100%)!important;
}
.slider-ui{
  z-index:5;
  padding:22px!important;
  pointer-events:none;
}
.heroBadge{
  color:#fff!important;
  gap:9px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(15,23,42,.24), rgba(15,23,42,.08))!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:0 14px 35px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.heroBadge .jki{margin:0;color:#fff;opacity:.95}
.heroText{
  max-width:min(720px, 92%)!important;
  padding:20px 22px 18px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg, rgba(15,23,42,.48), rgba(15,23,42,.25))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.heroText h1{
  font-weight:950!important;
  letter-spacing:-.4px;
  text-shadow:0 16px 42px rgba(0,0,0,.40)!important;
}
.heroText p{font-weight:650!important;color:rgba(255,255,255,.86)!important}
.heroCta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:10px 14px;
  border-radius:16px;
  color:#0f172a!important;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(226,232,240,.92));
  border:1px solid rgba(255,255,255,.66);
  box-shadow:0 18px 40px rgba(15,23,42,.20);
  text-decoration:none!important;
  font-weight:900;
  pointer-events:auto;
  transition:transform .18s ease, box-shadow .18s ease;
}
.heroCta:hover{transform:translateY(-2px); box-shadow:0 22px 48px rgba(15,23,42,.25)}
.heroCta .jki{margin:0;transform:rotate(180deg)}
.controls,.btns,.btn,.dots,.dot{pointer-events:auto}
.controls{
  padding:0 2px;
}
.dot{
  width:10px!important;
  height:10px!important;
  border:1px solid rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.42)!important;
}
.dot.active{
  width:34px!important;
  background:linear-gradient(90deg, #2563eb, #06b6d4)!important;
}
.btn{
  border-radius:16px!important;
  background:rgba(15,23,42,.32)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(15,23,42,.20)!important;
}
@media(max-width:768px){
  .slider{border-radius:26px!important;min-height:300px;height:clamp(310px, 76vw, 430px)!important}
  .slider-ui{padding:14px!important}
  .heroText{max-width:100%!important;border-radius:22px!important;padding:16px!important}
  .heroText h1{font-size:20px!important;line-height:1.75!important}
  .heroText p{font-size:12px!important;line-height:2!important}
  .heroCta{width:100%;justify-content:center;margin-top:12px}
  .controls{align-items:center}
}
@media(max-width:420px){
  .slider{min-height:285px;height:74vw!important}
  .heroBadge{font-size:11px!important;padding:8px 11px!important}
  .heroText{padding:14px!important}
  .btn{padding:9px 12px!important}
}

/* ===== v4: compact premium hero + performance safe UI ===== */
.slider{
  height:clamp(285px, 41vw, 420px)!important;
  min-height:285px!important;
  border-radius:28px!important;
}
.slider-ui{
  inset:0!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:12px!important;
  padding:18px!important;
}
.heroBadge{
  justify-self:end!important;
  width:auto!important;
  max-width:min(300px, 76vw)!important;
  font-size:12px!important;
  line-height:1!important;
  padding:8px 12px!important;
  min-height:0!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.heroText{
  align-self:end!important;
  justify-self:end!important;
  max-width:min(560px, 62vw)!important;
  padding:16px 18px!important;
  border-radius:22px!important;
}
.heroText h1{
  margin:0 0 8px!important;
  font-size:clamp(22px, 2.2vw, 32px)!important;
  line-height:1.55!important;
}
.heroText p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.95!important;
}
.heroCta{
  margin-top:12px!important;
  padding:8px 13px!important;
  min-height:40px!important;
  border-radius:13px!important;
  font-size:13px!important;
  width:auto!important;
}
.controls{
  align-self:end!important;
  gap:10px!important;
}
.btn{
  padding:9px 13px!important;
  min-height:38px!important;
  font-size:12px!important;
}
.dot{width:8px!important;height:8px!important}.dot.active{width:28px!important}
.slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:900px){
  .slider{height:clamp(285px, 58vw, 380px)!important;border-radius:24px!important}
  .slider-ui{padding:13px!important;gap:10px!important}
  .heroText{max-width:100%!important;justify-self:stretch!important;padding:14px!important;border-radius:18px!important}
  .heroText h1{font-size:19px!important;line-height:1.65!important}
  .heroText p{font-size:11.5px!important;line-height:1.9!important}
  .heroCta{width:auto!important;min-width:0!important;padding:8px 12px!important;min-height:38px!important;font-size:12px!important}
  .heroBadge{font-size:11px!important;padding:7px 10px!important;max-width:72vw!important}
}
@media(max-width:520px){
  .slider{height:300px!important;min-height:300px!important;border-radius:20px!important}
  .heroText{padding:12px!important}
  .heroText h1{font-size:17px!important}
  .heroCta{width:100%!important;justify-content:center!important}
  .btns .btn,.btn{padding:8px 10px!important}
  .dot.active{width:22px!important}
}

/* ===== v5 Professional Store UI / real local icons / mobile optimization ===== */
.icon-info{mask-image:url('../icons/info.svg');-webkit-mask-image:url('../icons/info.svg')}.icon-trash{mask-image:url('../icons/trash.svg');-webkit-mask-image:url('../icons/trash.svg')}.icon-payment{mask-image:url('../icons/payment.svg');-webkit-mask-image:url('../icons/payment.svg')}.icon-wallet{mask-image:url('../icons/wallet.svg');-webkit-mask-image:url('../icons/wallet.svg')}.icon-delivery{mask-image:url('../icons/delivery.svg');-webkit-mask-image:url('../icons/delivery.svg')}.icon-shield{mask-image:url('../icons/shield.svg');-webkit-mask-image:url('../icons/shield.svg')}.icon-document{mask-image:url('../icons/document.svg');-webkit-mask-image:url('../icons/document.svg')}.icon-list{mask-image:url('../icons/list.svg');-webkit-mask-image:url('../icons/list.svg')}.icon-location{mask-image:url('../icons/location.svg');-webkit-mask-image:url('../icons/location.svg')}.icon-time{mask-image:url('../icons/time.svg');-webkit-mask-image:url('../icons/time.svg')}.icon-tag{mask-image:url('../icons/tag.svg');-webkit-mask-image:url('../icons/tag.svg')}.icon-image{mask-image:url('../icons/image.svg');-webkit-mask-image:url('../icons/image.svg')}.icon-mobile{mask-image:url('../icons/mobile.svg');-webkit-mask-image:url('../icons/mobile.svg')}.icon-instagram{mask-image:url('../icons/instagram.svg');-webkit-mask-image:url('../icons/instagram.svg')}.icon-telegram{mask-image:url('../icons/telegram.svg');-webkit-mask-image:url('../icons/telegram.svg')}.icon-bank{mask-image:url('../icons/bank.svg');-webkit-mask-image:url('../icons/bank.svg')}.icon-store{mask-image:url('../icons/store.svg');-webkit-mask-image:url('../icons/store.svg')}.icon-refresh{mask-image:url('../icons/refresh.svg');-webkit-mask-image:url('../icons/refresh.svg')}.icon-print{mask-image:url('../icons/print.svg');-webkit-mask-image:url('../icons/print.svg')}.icon-edit{mask-image:url('../icons/edit.svg');-webkit-mask-image:url('../icons/edit.svg')}.icon-plus{mask-image:url('../icons/plus.svg');-webkit-mask-image:url('../icons/plus.svg')}.icon-minus{mask-image:url('../icons/minus.svg');-webkit-mask-image:url('../icons/minus.svg')}.icon-sort{mask-image:url('../icons/sort.svg');-webkit-mask-image:url('../icons/sort.svg')}.icon-filter{mask-image:url('../icons/filter.svg');-webkit-mask-image:url('../icons/filter.svg')}.icon-receipt{mask-image:url('../icons/receipt.svg');-webkit-mask-image:url('../icons/receipt.svg')}.icon-order{mask-image:url('../icons/order.svg');-webkit-mask-image:url('../icons/order.svg')}.icon-car{mask-image:url('../icons/car.svg');-webkit-mask-image:url('../icons/car.svg')}.icon-logout{mask-image:url('../icons/logout.svg');-webkit-mask-image:url('../icons/logout.svg')}.icon-heart{mask-image:url('../icons/heart.svg');-webkit-mask-image:url('../icons/heart.svg')}.icon-warning{mask-image:url('../icons/warning.svg');-webkit-mask-image:url('../icons/warning.svg')}

:root{
  --jk-primary:#2563eb;--jk-primary-2:#1d4ed8;--jk-accent:#10b981;--jk-danger:#ef4444;
  --jk-page:#f4f7fb;--jk-surface:#ffffff;--jk-surface-2:#f8fafc;--jk-ink:#0f172a;--jk-muted:#64748b;
  --jk-border:rgba(15,23,42,.10);--jk-border-2:rgba(15,23,42,.07);
  --jk-shadow-soft:0 18px 50px rgba(15,23,42,.08);--jk-shadow-card:0 16px 40px rgba(15,23,42,.07);
  --jk-radius-lg:24px;--jk-radius-md:18px;--jk-radius-sm:14px;
}
html{scroll-behavior:smooth} body{background:linear-gradient(180deg,#f7f9fd 0%,#eef4f9 100%)!important;color:var(--jk-ink)!important;}
body::selection{background:rgba(37,99,235,.18)}
.jki{width:1.15em;height:1.15em;margin:0 .18em;color:currentColor;flex:0 0 auto}.jk-fa-replaced{vertical-align:-.18em}
.header{background:rgba(255,255,255,.86)!important;border-bottom:1px solid var(--jk-border)!important;box-shadow:0 8px 28px rgba(15,23,42,.04)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-in{max-width:1180px!important;min-height:68px}.brand .logo,.logo{background:#fff!important;border:1px solid var(--jk-border)!important;box-shadow:0 10px 25px rgba(15,23,42,.08)!important}.brandText .t1,.t1{color:var(--jk-ink)!important;font-weight:900!important}.brandText .t2,.t2{color:var(--jk-muted)!important;font-weight:650!important}
.navBtn,.nav a,.drawerLink,.contactBtnTop,.ghostBtn,.login-link{border:1px solid var(--jk-border)!important;background:rgba(255,255,255,.86)!important;color:var(--jk-ink)!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;border-radius:16px!important;text-decoration:none!important;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease!important}.navBtn:hover,.nav a:hover,.drawerLink:hover,.contactBtnTop:hover,.ghostBtn:hover,.login-link:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.22)!important;background:#fff!important;box-shadow:0 15px 34px rgba(15,23,42,.09)!important}.badge,.bn-badge{font-family:var(--jk-font)!important}
.container{max-width:1180px!important}.section,.g,.cartCard,.totalBox,.product-grid,.pCard,.item,.auth-card,.searchTop,.filtersBar,.checkout-card,.panel,.admin-card,.card{background:rgba(255,255,255,.92)!important;border:1px solid var(--jk-border)!important;box-shadow:var(--jk-shadow-card)!important}.section,.g,.cartCard,.totalBox,.product-grid,.auth-card{border-radius:var(--jk-radius-lg)!important}
.section .head h2,.head h2,.searchTitle,.product-title{font-weight:950!important;letter-spacing:-.3px;color:var(--jk-ink)!important}.gmeta,.hint,.small,.productBody p,.p,.t2{color:var(--jk-muted)!important}
button,.btn,.addBtn,.payBtn,.add-to-cart,.btn-main,.pf-btn{font-family:var(--jk-font)!important;border-radius:16px!important}.addBtn,.payBtn,.add-to-cart,.btn-main{background:linear-gradient(135deg,var(--jk-primary),var(--jk-primary-2))!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(37,99,235,.20)!important;font-weight:900!important}.addBtn:hover,.payBtn:hover,.add-to-cart:hover,.btn-main:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(37,99,235,.25)!important}.qBtn,.qty-btn,.dec,.inc{background:#fff!important;color:var(--jk-ink)!important;border:1px solid var(--jk-border)!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;font-weight:950!important}.qtyStepper,.qty-controls,.qty{background:#f8fafc!important;border:1px solid var(--jk-border)!important;border-radius:18px!important}.delBtn{background:#fff5f5!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.14)!important;border-radius:16px!important}.delBtn:hover{background:#fee2e2!important}
input,textarea,select{background:#fff!important;border:1px solid var(--jk-border)!important;color:var(--jk-ink)!important}.search input,.sbox input,.searchInput{box-shadow:none!important}.search,.sbox,.searchBox{background:#fff!important;border:1px solid var(--jk-border)!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important;border-radius:18px!important}

/* professional home slider */
.hero{margin-top:18px!important}.slider{height:clamp(260px,34vw,390px)!important;min-height:260px!important;border-radius:26px!important;box-shadow:0 24px 68px rgba(15,23,42,.12)!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important}.slider::before,.slider::after{opacity:.45}.shade{background:linear-gradient(90deg,rgba(15,23,42,.05),rgba(15,23,42,.18) 55%,rgba(15,23,42,.58))!important}.heroText{max-width:min(500px,58vw)!important;padding:15px 18px!important;border-radius:20px!important;background:rgba(15,23,42,.56)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 18px 44px rgba(15,23,42,.22)!important}.heroText h1{font-size:clamp(20px,2vw,28px)!important;line-height:1.55!important}.heroText p{font-size:12.5px!important}.heroCta{min-height:36px!important;padding:7px 12px!important;border-radius:12px!important;font-size:12px!important}.heroBadge{font-size:11.5px!important;padding:7px 11px!important;background:rgba(15,23,42,.34)!important}.controls{gap:8px!important}.dot{width:7px!important;height:7px!important}.dot.active{width:25px!important}

/* home product groups: mobile must stay compact */
.brandScroll,.hscroll{scrollbar-width:thin}.brandCard{width:84px!important}.brandCard img{width:66px!important;height:66px!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:0 10px 22px rgba(15,23,42,.08)!important}.g{padding:14px!important;overflow:hidden!important}.g::before{opacity:.45}.hscroll{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 12px!important;scroll-snap-type:x proximity!important}.productCard{min-width:202px!important;max-width:202px!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;border:1px solid var(--jk-border)!important;background:#fff!important;overflow:hidden!important}.productCard:hover{transform:translateY(-3px)!important}.productCard .ph{height:120px!important;background:#f8fafc!important}.productCard .ph img{object-fit:contain!important;padding:10px!important}.productCard .badge{display:none!important}.productBody{padding:10px 12px!important}.productBody h4{font-size:13px!important;line-height:1.75!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.productBody p{font-size:11px!important;margin-top:4px!important}
.promo-row{gap:12px!important}.promo-card{border:1px solid var(--jk-border)!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;background:#fff!important;transition:transform .16s ease,box-shadow .16s ease}.promo-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.11)!important}

/* list/cart/search pages */
.cartCard,.item,.pCard{border-radius:22px!important;box-shadow:0 12px 34px rgba(15,23,42,.07)!important}.cartPic,.pic,.pImg{background:#f8fafc!important;border:1px solid var(--jk-border)!important}.cartPic img,.pic img,.pImg img{object-fit:contain!important;padding:6px!important}.miniPill,.chip,.priceBadge,.pillTop,.stock-status,.product-brand{background:#f8fafc!important;border:1px solid var(--jk-border)!important;border-radius:999px!important;color:var(--jk-ink)!important}.miniPill.price,.priceBadge,.current-price{color:var(--jk-primary)!important;font-weight:950!important}.price,.related-price,.current-price{font-variant-numeric:tabular-nums}.hint{font-weight:650!important}.detailsBtn{background:#f8fafc!important;border:1px solid var(--jk-border)!important;color:var(--jk-primary)!important;border-radius:14px!important}

/* product page */
.product-grid{gap:28px!important;padding:24px!important}.gallery,.product-info{min-width:0}.main-image{background:#fff!important;border:1px solid var(--jk-border)!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(15,23,42,.06)!important}.main-image img{object-fit:contain!important;padding:20px!important}.thumb-item{background:#fff!important;border:1px solid var(--jk-border)!important;border-radius:14px!important}.feature-item{background:#f8fafc!important;border:1px solid var(--jk-border-2)!important;border-radius:16px!important}.feature-icon{background:#fff!important;border:1px solid var(--jk-border)!important;color:var(--jk-primary)!important}.tabs{background:#fff!important;border:1px solid var(--jk-border)!important;border-radius:20px!important}.tab-btn.active{color:var(--jk-primary)!important;border-color:var(--jk-primary)!important}.related-card{border:1px solid var(--jk-border)!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important}.related-img{background:#fff!important}.related-img img{object-fit:contain!important;padding:10px!important}.related-title{font-weight:950!important}.stars,.avg-rating-stars,.review-rating{color:#f59e0b!important}

/* bottom navigation: professional, not sticker-like */
.bottom-nav{background:rgba(255,255,255,.92)!important;border:1px solid var(--jk-border)!important;box-shadow:0 22px 55px rgba(15,23,42,.16)!important;border-radius:24px!important;height:68px!important;max-width:560px!important}.bn-item{color:var(--jk-muted)!important;border-radius:16px!important}.bn-item:hover,.bn-item.is-active{background:rgba(37,99,235,.08)!important;color:var(--jk-primary)!important}.bn-ico .jki,.bn-fab-ico .jki{width:20px!important;height:20px!important;margin:0!important}.bn-txt{color:inherit!important;font-weight:900!important}.bn-fab{background:linear-gradient(135deg,var(--jk-primary),var(--jk-primary-2))!important;box-shadow:0 16px 34px rgba(37,99,235,.28)!important;color:#fff!important;border-radius:20px!important}.bn-fab-bg{display:none!important}.bn-badge{background:#ef4444!important;color:#fff!important;box-shadow:0 8px 18px rgba(239,68,68,.25)!important}

/* auth/register professional */
.auth-wrap{background:linear-gradient(135deg,#f8fafc,#eef4fa)!important}.auth-card{border-radius:28px!important;overflow:hidden!important}.auth-side{background:linear-gradient(160deg,#0f172a,#1e3a8a)!important}.brand-badge{background:rgba(255,255,255,.14)!important}.step{border-radius:16px!important;background:rgba(255,255,255,.08)!important}.control input,.control textarea{border-radius:16px!important;background:#fff!important}.secure-note{border-radius:16px!important;background:#f8fafc!important}.msg{min-height:22px;line-height:1.7}.msg.err{color:#dc2626!important}.msg.ok{color:#059669!important}

/* admin general polish */
.admin-sidebar,.sidebar{background:#0f172a!important;color:#fff!important}.admin-sidebar a,.sidebar a{border-radius:14px!important}.admin-content,.content{background:transparent!important}.admin-card,.admin-table,.panel{border-radius:20px!important;border:1px solid var(--jk-border)!important;background:#fff!important;box-shadow:0 12px 32px rgba(15,23,42,.07)!important}table th{background:#f8fafc!important;color:#334155!important}table td,table th{border-color:rgba(15,23,42,.08)!important}table img{object-fit:contain!important;background:#f8fafc;border-radius:12px}

@media(max-width:900px){
  .container{padding-left:12px!important;padding-right:12px!important}.header-in{padding:10px 12px!important}.hero{margin-top:12px!important}.slider{height:300px!important;min-height:300px!important;border-radius:22px!important}.slider-ui{padding:12px!important}.heroText{max-width:100%!important;width:auto!important;padding:12px 14px!important}.heroText h1{font-size:17px!important;line-height:1.65!important}.heroText p{font-size:11px!important;line-height:1.85!important}.heroCta{width:auto!important;min-height:34px!important;padding:7px 10px!important}.section{padding:14px!important}.g{border-radius:20px!important}.productCard{min-width:168px!important;max-width:168px!important;border-radius:18px!important}.productCard .ph{height:96px!important}.productBody{padding:9px 10px!important}.productBody h4{font-size:12px!important;min-height:41px}.brandCard{width:76px!important}.brandCard img{width:58px!important;height:58px!important}.promo-row{grid-template-columns:repeat(2,1fr)!important}.product-grid{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}.main-image{height:auto!important;min-height:260px!important}.main-image img{max-height:300px!important}.cartCard,.item,.pCard{display:flex!important;align-items:center!important}.cartPic{width:78px!important;height:78px!important}.actions,.cartActions,.actionsRow{gap:8px!important}.qBtn,.qty-btn{width:36px!important;height:36px!important}.bottom-nav{height:64px!important;width:min(520px,calc(100% - 16px))!important}.bn-txt{font-size:10px!important}.bn-ico .jki,.bn-fab-ico .jki{width:18px!important;height:18px!important}
}
@media(max-width:520px){
  body{padding-bottom:92px!important}.header-in{grid-template-columns:1fr auto!important}.brand .logo,.logo{width:40px!important;height:40px!important;border-radius:14px!important}.t1{font-size:14px!important}.t2{font-size:10.5px!important}.navBtn,.nav a,.ghostBtn{padding:9px 10px!important}.slider{height:272px!important;min-height:272px!important;border-radius:20px!important}.heroText{border-radius:16px!important}.heroBadge{max-width:70vw!important}.controls{align-items:center!important}.section .head,.head{align-items:flex-start!important;gap:8px!important}.productCard{min-width:154px!important;max-width:154px!important}.productCard .ph{height:86px!important}.productBody h4{font-size:11.5px!important;min-height:39px}.productBody p{font-size:10.5px!important}.hscroll{gap:9px!important}.brandScroll{gap:10px!important}.promo-row{grid-template-columns:1fr 1fr!important;gap:9px!important}.cartCard,.item,.pCard{border-radius:18px!important;padding:10px!important;gap:10px!important}.cartLeft{gap:9px!important}.cartPic,.pic,.pImg{width:66px!important;height:66px!important;border-radius:16px!important}.cartMeta .n,.name,.pTop h3{font-size:12.5px!important}.subRow,.qtyRow,.cartActions,.actionsRow{flex-wrap:wrap!important}.miniPill{font-size:11px!important;padding:6px 8px!important}.totalBox{position:sticky!important;bottom:78px!important;z-index:40!important;border-radius:20px!important;padding:12px!important}.payBtn{min-height:44px!important;padding:0 14px!important}.auth-wrap{padding:10px!important}.auth-card{border-radius:22px!important}.auth-side{padding:18px!important}.auth-main{padding:18px!important}.form{gap:12px!important}.bottom-nav{height:60px!important;border-radius:20px!important;padding:8px!important}.bn-fab{width:58px!important;height:58px!important;border-radius:18px!important}.bn-badge{top:4px!important;left:12px!important}.pf-grid{grid-template-columns:1fr!important}.main-image{min-height:220px!important}.main-image img{max-height:260px!important}.features{grid-template-columns:1fr!important}.related-grid{gap:10px!important}.related-card{min-width:150px!important;max-width:170px!important}.related-img{height:110px!important}
}

/* ===== v6 Professional spacing, header and menu refinement ===== */
:root{
  --jk-max:1220px;
  --jk-header-h:74px;
  --jk-nav-h:64px;
  --jk-blue:#2563eb;
  --jk-blue-2:#1d4ed8;
  --jk-soft-blue:#eff6ff;
}
body{background:linear-gradient(180deg,#f8fafc 0%,#eef4f8 100%)!important;padding-bottom:118px!important;}
.container{max-width:var(--jk-max)!important;padding:22px 18px 118px!important;}

/* more breathable cards/sections: no title glued to the panel edge */
.section,.cartCard,.product-grid,.related-section,.g,.totalBox,.auth-card,.panel,.card{
  border-radius:26px!important;
}
.section{
  padding:24px!important;
  margin-top:24px!important;
  overflow:visible!important;
}
.section .head,.head{
  padding:0 2px 4px!important;
  margin-bottom:18px!important;
  align-items:center!important;
}
.section .head h2,.head h2,.section-title-out h2,.related-title{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding-inline-start:14px!important;
  font-size:clamp(18px,2vw,24px)!important;
  line-height:1.55!important;
  font-weight:950!important;
  color:#0f172a!important;
}
.section .head h2::before,.head h2::before,.section-title-out h2::before,.related-title::before{
  content:"";
  width:4px;height:28px;border-radius:999px;
  background:linear-gradient(180deg,var(--jk-blue),#38bdf8);
  box-shadow:0 10px 22px rgba(37,99,235,.20);
}
.section-title-out{
  max-width:var(--jk-max);
  margin:30px auto 12px!important;
  padding:0 20px!important;
}
.pillTop,.miniPill,.priceBadge,.product-brand,.stock-status{
  padding:8px 13px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}

/* Brand and horizontal lists stay inside the card with proper padding */
.brandScroll,.hscroll{
  padding:14px 12px 18px!important;
  margin-inline:0!important;
  scroll-padding-inline:12px!important;
  border-radius:22px!important;
}
.brandScroll{
  background:linear-gradient(180deg,rgba(248,250,252,.70),rgba(255,255,255,.82))!important;
  border:1px solid rgba(15,23,42,.06)!important;
}
.brandCard{
  flex:0 0 92px!important;
  width:92px!important;
  padding:8px 7px!important;
  border-radius:18px!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}
.brandCard:hover{transform:translateY(-2px)!important;background:#fff!important;box-shadow:0 14px 30px rgba(15,23,42,.08)!important;}
.brandCard span{font-size:12px!important;line-height:1.55!important;font-weight:850!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.promo-row{padding:8px!important;gap:16px!important;}
.g{padding:20px!important;margin-top:18px!important;}
.ghead{padding:0 2px 12px!important;margin-bottom:8px!important;}
.gtitle{font-size:17px!important;font-weight:950!important;}
.gmeta{font-size:12px!important;}

/* Professional store header */
.header{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 10px 35px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.header-in{
  max-width:var(--jk-max)!important;
  min-height:var(--jk-header-h)!important;
  padding:10px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.brand{min-width:260px!important;gap:12px!important;}
.brand .logo,.logo{
  width:48px!important;height:48px!important;border-radius:18px!important;
  flex:0 0 auto!important;
}
.brand .logo img,.logo img{width:42px!important;height:42px!important;object-fit:cover!important;}
.brandText,.brand>div:last-child{min-width:0!important;}
.brandText .t1,.brand .t1,.t1{font-size:16px!important;line-height:1.5!important;white-space:normal!important;}
.brandText .t2,.brand .t2,.t2{font-size:11.5px!important;line-height:1.6!important;}
.rightbar,.actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
}
.nav a,.navBtn,.contactBtnTop,.login-link,.ghostBtn{
  min-height:42px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:16px!important;
  white-space:nowrap!important;
  font-weight:850!important;
  font-size:13px!important;
}
.nav a .jki,.navBtn .jki,.menuBtn .jki,.drawerLink .jki,.pf-pill .jki{margin:0!important;}
.search{
  width:min(420px,36vw)!important;
  flex:0 1 420px!important;
  margin-inline-start:6px!important;
}
.sbox,.searchBox,.search input,.sbox input{
  min-height:44px!important;
}
.sbox{
  border-radius:17px!important;
  padding:0 14px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.065)!important;
}
.sbox input{font-size:13px!important;}
.menuBtn{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:0 14px!important;
}
.drawer .panel{max-width:480px!important;margin-inline:auto!important;}
.drawerLink{display:flex!important;align-items:center!important;gap:9px!important;}

/* Clean professional bottom navigation - no big cartoon center button */
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:14px!important;
  width:min(620px,calc(100% - 22px))!important;
  height:var(--jk-nav-h)!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 22px 58px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  z-index:9999!important;
}
.bn-item{
  height:50px!important;
  min-width:0!important;
  padding:6px 4px!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:#64748b!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-weight:900!important;
}
.bn-item:hover{background:#f8fafc!important;color:var(--jk-blue)!important;transform:translateY(-1px)!important;}
.bn-item.is-active{
  background:linear-gradient(135deg,var(--jk-blue),var(--jk-blue-2))!important;
  color:#fff!important;
  border-color:rgba(37,99,235,.18)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.24)!important;
}
.bn-ico{display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;}
.bn-ico .jki{width:19px!important;height:19px!important;margin:0!important;}
.bn-txt{font-size:10.5px!important;line-height:1.35!important;font-weight:900!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bn-badge{
  top:2px!important;left:10px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;
  background:#ef4444!important;color:#fff!important;border:2px solid #fff!important;font-size:10px!important;
}
.bn-gap,.bn-fab,.bn-fab-bg{display:none!important;}

/* Cart / list pages spacing and stable layout */
#list.row{gap:18px!important;}
.cartCard,.item,.pCard{
  padding:18px!important;
  gap:16px!important;
  border-radius:24px!important;
}
.totalBox{
  padding:18px 20px!important;
  margin-top:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.totalText{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;font-weight:950!important;}
.payBtn{min-height:46px!important;padding:0 22px!important;}

/* Product page polished title spacing */
.breadcrumb{padding:12px 20px!important;}
.breadcrumb-list,.product-grid,.related-section{max-width:var(--jk-max)!important;margin-inline:auto!important;}
.product-title{font-size:clamp(22px,3vw,34px)!important;line-height:1.55!important;margin-bottom:18px!important;}
.related-section{padding:28px 20px!important;}
.related-header{padding:0 2px 18px!important;}

/* Footer icons real and tidy */
.pf-title,.pf-row,.pf-pill,.pf-btn{display:flex!important;align-items:center!important;gap:9px!important;}
.pf-ico{display:grid!important;place-items:center!important;}
.pf-ico .jki{margin:0!important;width:19px!important;height:19px!important;}
.pf-pill .jki,.pf-btn .jki{width:17px!important;height:17px!important;}

@media(max-width:1120px){
  .nav{display:none!important;}
  .menuBtn{display:inline-flex!important;}
  .rightbar{justify-content:flex-start!important;}
  .search{width:min(520px,52vw)!important;flex:1 1 320px!important;}
}
@media(max-width:760px){
  body{padding-bottom:104px!important;}
  .container{padding:14px 12px 104px!important;}
  .header-in{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"brand actions" "search search"!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  .brand{grid-area:brand;min-width:0!important;}
  .rightbar,.actions{grid-area:actions;flex:0 0 auto!important;justify-content:flex-end!important;}
  .rightbar .search{grid-area:search!important;}
  .rightbar{display:contents!important;}
  .search{width:100%!important;flex:none!important;margin:0!important;}
  .brandText .t1,.brand .t1,.t1{font-size:13.5px!important;}
  .brandText .t2,.brand .t2,.t2{font-size:10px!important;}
  .brand .logo,.logo{width:42px!important;height:42px!important;border-radius:15px!important;}
  .brand .logo img,.logo img{width:36px!important;height:36px!important;}
  .section{padding:16px!important;margin-top:16px!important;border-radius:22px!important;}
  .section .head,.head{margin-bottom:14px!important;}
  .section .head h2,.head h2,.section-title-out h2,.related-title{font-size:18px!important;padding-inline-start:8px!important;}
  .section-title-out{margin-top:20px!important;padding:0 14px!important;}
  .brandScroll,.hscroll{padding:10px 8px 14px!important;}
  .brandCard{flex-basis:76px!important;width:76px!important;}
  .brandCard img{width:56px!important;height:56px!important;}
  .promo-row{padding:4px!important;gap:10px!important;}
  .g{padding:14px!important;}
  .bottom-nav{height:62px!important;border-radius:20px!important;bottom:10px!important;width:min(520px,calc(100% - 16px))!important;gap:4px!important;padding:6px!important;}
  .bn-item{height:48px!important;border-radius:15px!important;}
  .bn-ico .jki{width:18px!important;height:18px!important;}
  .bn-txt{font-size:9.8px!important;}
  .cartCard,.item,.pCard{padding:12px!important;gap:12px!important;}
  .totalBox{position:sticky!important;bottom:78px!important;padding:13px!important;}
  .payBtn{width:auto!important;min-width:132px!important;}
}
@media(max-width:420px){
  .section{padding:14px!important;}
  .bottom-nav{width:calc(100% - 12px)!important;}
  .bn-txt{font-size:9.2px!important;}
  .sbox{min-height:42px!important;}
  .totalBox{flex-direction:column!important;align-items:stretch!important;}
  .payBtn{width:100%!important;}
}

@supports (padding: env(safe-area-inset-bottom)){
  .bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important;}
  body{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;}
}

/* ===== v7 Store-grade polish for product/orders/profile/auth ===== */
:root{
  --jk-shop-bg:#f3f6fa;
  --jk-shop-panel:rgba(255,255,255,.94);
  --jk-shop-border:rgba(15,23,42,.10);
  --jk-shop-blue:#2563eb;
  --jk-shop-navy:#0f172a;
  --jk-shop-muted:#64748b;
  --jk-shop-shadow:0 26px 70px rgba(15,23,42,.10);
}
body{
  background:
    radial-gradient(820px 420px at 82% -10%, rgba(37,99,235,.12), transparent 64%),
    radial-gradient(720px 420px at 8% 0%, rgba(14,165,233,.08), transparent 60%),
    linear-gradient(180deg,#f8fafc,var(--jk-shop-bg))!important;
}
body > .container,
main.container{
  width:min(1220px, calc(100% - 32px))!important;
  max-width:1220px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.header{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.04)!important;
}
.header-in{
  width:min(1220px, calc(100% - 32px))!important;
  max-width:1220px!important;
  margin-inline:auto!important;
  padding:14px 0!important;
}
.header .nav a,
.header .actions a,
.header .navBtn,
.qbtn,
.fbtn{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:16px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
.header .nav a:hover,
.header .actions a:hover,
.header .navBtn:hover,
.qbtn:hover,
.fbtn:hover{border-color:rgba(37,99,235,.22)!important;color:#1d4ed8!important;transform:translateY(-1px)!important;}
.header .logo,
.brand .logo{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.07)!important;
}
.logo .jki{width:24px!important;height:24px!important;color:#2563eb!important;margin:0!important;}

/* Product page */
.product-grid{
  display:grid!important;
  grid-template-columns:minmax(420px,1.02fr) minmax(390px,.98fr)!important;
  gap:26px!important;
  background:var(--jk-shop-panel)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:var(--jk-shop-shadow)!important;
  border-radius:34px!important;
  padding:26px!important;
  align-items:start!important;
}
.gallery,.product-info{
  background:#fff!important;
  border:1px solid var(--jk-shop-border)!important;
  border-radius:28px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.05)!important;
}
.gallery{padding:18px!important;position:sticky!important;top:88px!important;}
.main-image{
  height:min(50vw,470px)!important;
  min-height:330px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.main-image img{max-height:92%!important;object-fit:contain!important;filter:drop-shadow(0 18px 30px rgba(15,23,42,.10));}
.thumb-list{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:16px!important;flex-wrap:wrap!important;}
.thumb-list img,.thumb{
  width:72px!important;height:58px!important;border-radius:14px!important;object-fit:cover!important;background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;box-shadow:0 10px 22px rgba(15,23,42,.05)!important;
}
.product-info{padding:24px!important;}
.product-title{font-size:clamp(24px,2.35vw,36px)!important;line-height:1.65!important;letter-spacing:-.5px!important;margin:0 0 18px!important;color:#0f172a!important;}
.product-brand{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#f8fafc!important;border:1px solid rgba(15,23,42,.09)!important;border-radius:999px!important;padding:9px 13px!important;font-weight:850!important;color:#334155!important;}
.rating,.stars,.avg-rating-stars{display:inline-flex!important;align-items:center!important;gap:4px!important;}
.rating-star{width:16px!important;height:16px!important;color:#cbd5e1!important;margin:0!important;}
.rating-star.active{color:#f59e0b!important;}
.price-section{
  margin:22px 0!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;
  border:1px solid rgba(37,99,235,.08)!important;
  display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;
}
.current-price{font-size:clamp(26px,3vw,42px)!important;font-weight:950!important;color:#2563eb!important;letter-spacing:-.6px!important;}
.stock-status{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:8px 12px!important;font-weight:900!important;}
.features{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 18px!important;background:transparent!important;}
.feature-item{display:flex!important;align-items:center!important;gap:12px!important;padding:13px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:18px!important;background:#fbfdff!important;}
.feature-icon{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#eff6ff!important;color:#2563eb!important;flex:0 0 auto!important;}
.qty-section{padding:14px 16px!important;border:1px solid rgba(15,23,42,.08)!important;background:#fbfdff!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;}
.qty-controls{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:16px!important;padding:5px!important;display:flex!important;align-items:center!important;gap:8px!important;}
.qty-btn{width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(15,23,42,.08)!important;background:#fff!important;font-size:18px!important;font-weight:950!important;}
.add-to-cart{width:100%!important;min-height:56px!important;border-radius:20px!important;margin:18px 0 20px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;font-weight:950!important;box-shadow:0 20px 42px rgba(37,99,235,.26)!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
.tabs{border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important;}
.tab-headers{display:flex!important;background:#f8fafc!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.tab-btn{flex:1!important;min-height:48px!important;border:0!important;background:transparent!important;font-weight:950!important;color:#64748b!important;}
.tab-btn.active{color:#2563eb!important;background:#fff!important;box-shadow:inset 0 -3px 0 #2563eb!important;}
.related-section{width:min(1220px,calc(100% - 32px))!important;margin:34px auto!important;padding:0!important;}
.related-grid{gap:18px!important;padding:2px 2px 10px!important;}
.related-card{border:1px solid rgba(15,23,42,.08)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;background:#fff!important;overflow:hidden!important;transition:.22s!important;}
.related-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 50px rgba(15,23,42,.10)!important;}

/* Orders page */
.welcome-section{
  background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 26px 70px rgba(29,78,216,.18)!important;
  border-radius:30px!important;
}
.welcome-text h1{display:flex!important;align-items:center!important;gap:10px!important;font-size:clamp(22px,2.2vw,30px)!important;}
.order-badge{border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.13)!important;border-radius:22px!important;min-width:132px!important;}
.tools{border-radius:24px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important;}
.filters,.quicklinks{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}.fbtn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:transparent!important;}
.searchbar input{min-height:44px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;}
.orders-list{display:grid!important;gap:14px!important;}.order-card{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:24px!important;box-shadow:0 16px 40px rgba(15,23,42,.06)!important;overflow:hidden!important;}
.order-header{padding:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;cursor:pointer!important;}
.order-header-info{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;font-weight:850!important;}.order-header-info span,.item-details span,.order-footer span{display:inline-flex!important;align-items:center!important;gap:7px!important;}
.order-body{border-top:1px solid rgba(15,23,42,.08)!important;background:#fbfdff!important;}.order-item{background:#fff!important;border:1px solid rgba(15,23,42,.06)!important;border-radius:18px!important;padding:12px!important;}.item-pic{border-radius:16px!important;background:#f8fafc!important;}
.copybtn,.retry-payment,.btn-shop{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:14px!important;font-weight:900!important;}
.empty-state{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:26px!important;box-shadow:0 16px 40px rgba(15,23,42,.06)!important;}.empty-state .icon .jki{width:36px!important;height:36px!important;color:#2563eb!important;}

/* Profile page */
.cardx{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:28px auto!important;
  border-radius:30px!important;
  padding:26px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.10)!important;
}
.profile-title{margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:28px!important;font-weight:950!important;color:#0f172a!important;}
.cardx label{font-weight:950!important;color:#253044!important;margin-top:12px!important;display:block!important;}
.cardx input{min-height:48px!important;padding:13px 15px!important;border-radius:17px!important;border:1px solid rgba(15,23,42,.10)!important;background:#fff!important;font-weight:800!important;}
.cardx input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;}
.row2{gap:16px!important;}.dateCard,.mapCard{border-radius:20px!important;border:1px solid rgba(15,23,42,.09)!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important;}.dateIcon{background:#eff6ff!important;color:#2563eb!important;}.mapBtn,.iconBtn{box-shadow:0 8px 18px rgba(15,23,42,.05)!important;}.btnBig{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:54px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 16px 34px rgba(37,99,235,.22)!important;}.ghost{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:50px!important;background:#fff!important;}

@media(max-width:980px){
  body > .container,main.container,.related-section{width:min(100% - 24px, 760px)!important;}
  .product-grid{grid-template-columns:1fr!important;padding:16px!important;border-radius:26px!important;}
  .gallery{position:static!important;order:0!important;}
  .product-info{order:1!important;}
  .main-image{height:340px!important;min-height:260px!important;}
}
@media(max-width:620px){
  body > .container,main.container{width:calc(100% - 18px)!important;}
  .header-in{width:calc(100% - 18px)!important;padding:10px 0!important;}
  .product-grid,.gallery,.product-info,.cardx{border-radius:22px!important;padding:14px!important;}
  .main-image{height:270px!important;min-height:240px!important;border-radius:18px!important;}
  .thumb-list img,.thumb{width:58px!important;height:48px!important;}
  .product-title{font-size:21px!important;}
  .current-price{font-size:28px!important;}
  .price-section,.qty-section{border-radius:18px!important;}
  .order-header,.order-header-info{align-items:flex-start!important;}
  .order-header{flex-direction:column!important;}
  .order-header-info{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .tools{padding:12px!important;}.filters,.quicklinks{width:100%!important;}.fbtn,.qbtn{flex:1 1 auto!important;}
  .cardx{margin:16px auto!important;}.profile-title{font-size:22px!important;}.row2{grid-template-columns:1fr!important;}
}