/* WSPIXEL Professional Storefront — design system */
:root{
  --ws-ink:#0a0e17;
  --ws-ink-soft:#1a2332;
  --ws-muted:#5a6a7e;
  --ws-line:#d5dee8;
  --ws-bg:#eef2f7;
  --ws-bg-soft:#f7f9fc;
  --ws-card:#ffffff;
  --ws-brand:#0088a8;
  --ws-brand-bright:#00b4d8;
  --ws-brand-dark:#006a84;
  --ws-accent:#e07a2f;
  --ws-accent-hover:#c9651f;
  --ws-ok:#1a7f5a;
  --ws-danger:#c0392b;
  --ws-shadow:0 12px 32px rgba(10,14,23,.08);
  --ws-shadow-lg:0 24px 48px rgba(10,14,23,.12);
  --ws-radius:0;
  --ws-radius-sm:8px;
  --ws-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ws-display:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ws-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 600px at 8% -10%,rgba(0,180,216,.09),transparent 55%),
    radial-gradient(900px 500px at 100% 0%,rgba(224,122,47,.06),transparent 50%),
    var(--ws-bg)!important;
  color:var(--ws-ink);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-stretch:normal!important;
  -webkit-font-smoothing:antialiased;
}
body,body *:not(.fa):not(.fa *):not([class^="fa-"]):not([class*=" fa-"]){
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-stretch:normal!important;
}
.fa,.fa:before,[class^="fa-"]:before,[class*=" fa-"]:before{font-family:FontAwesome!important}
a{transition:color .2s var(--ws-ease)}
img{max-width:100%}

/* ——— Sidebar ——— */
.left_side{
  background:linear-gradient(185deg,#070b12 0%,#121a28 55%,#0e1622 100%)!important;
  border-right:0!important;
  box-shadow:10px 0 40px rgba(10,14,23,.18);
}
.left_side a.logo{
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:18px 12px 8px!important;
}
.left_side a.logo img{
  height:88px!important;
  filter:drop-shadow(0 10px 20px rgba(0,180,216,.25));
  transition:transform .35s var(--ws-ease);
}
.left_side a.logo:hover img{transform:scale(1.04)}
.main_cat h2{
  background:transparent!important;
  color:#7a8ba0!important;
  font-family:var(--ws-display)!important;
  font-weight:700!important;
  letter-spacing:.04em;
  text-transform:none;
  font-size:11px!important;
  padding:22px 22px 10px!important;
}
ul.nav{
  max-height:calc(100vh - 170px)!important;
  padding:0 0 28px!important;
  margin:0!important;
}
ul.nav > li{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
ul.nav > li.open{
  background:rgba(255,255,255,.03)!important;
}
ul.nav > li > a.m_m{
  background:transparent!important;
  color:#b8c4d4!important;
  border-radius:0!important;
  margin:0!important;
  padding:13px 18px!important;
  font-weight:600!important;
  font-size:13px!important;
  letter-spacing:.01em;
  text-transform:none!important;
  border-left:3px solid transparent!important;
  transition:background .2s,color .2s,border-color .2s;
}
ul.nav > li > a.m_m:hover{
  background:rgba(0,180,216,.12)!important;
  color:#fff!important;
  border-left-color:var(--ws-brand-bright)!important;
  transform:none!important;
}
ul.nav > li > a.m_m.open,
ul.nav > li.open > a.m_m{
  background:rgba(0,136,168,.22)!important;
  color:#fff!important;
  border-left-color:var(--ws-brand-bright)!important;
  transform:none!important;
}
ul.nav li a span.fa{
  float:right;
  color:#7a8ba0!important;
  font-size:14px!important;
  transition:transform .2s,color .2s;
  top:0!important;
}
ul.nav li a.m_m.open span.fa,
ul.nav li.open > a.m_m span.fa,
ul.nav li a.open span.fa{
  color:#fff!important;
  transform:rotate(90deg);
}
ul.nav li ul.sub{
  background:rgba(0,0,0,.28)!important;
  margin:0!important;
  padding:6px 0 10px!important;
  border:0!important;
  list-style:none!important;
}
ul.nav li ul.sub li{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
ul.nav li ul.sub li a,
ul.nav li ul.sub li a.s_m,
ul.nav li ul.sub li a.s_m.open{
  background:transparent!important;
  color:#9aabbd!important;
  border-radius:0!important;
  margin:0!important;
  padding:9px 18px 9px 28px!important;
  font-size:12.5px!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0;
  border-left:3px solid transparent!important;
  line-height:1.35!important;
}
ul.nav li ul.sub li a span.fa{
  color:#5a6a7e!important;
  font-size:12px!important;
  transform:none!important;
}
ul.nav li ul.sub li a.open span.fa,
ul.nav li ul.sub li.open > a span.fa{
  color:#b8c4d4!important;
  transform:rotate(90deg)!important;
}
ul.nav li ul.sub li a:hover,
ul.nav li ul.sub li a.s_m:hover{
  background:rgba(0,180,216,.12)!important;
  color:#fff!important;
  border-left-color:rgba(0,180,216,.55)!important;
}
ul.nav li ul.sub li a.active,
ul.nav li ul.sub li a.s_m.active{
  background:rgba(0,180,216,.16)!important;
  color:#fff!important;
  border-left-color:var(--ws-brand-bright)!important;
  font-weight:600!important;
}
ul.nav li ul.sub li ul.sub_sub{
  background:rgba(0,0,0,.2)!important;
  margin:0!important;
  padding:4px 0 8px!important;
}
ul.nav li ul.sub li ul.sub_sub li a{
  padding:8px 18px 8px 42px!important;
  color:#8a9bb0!important;
  font-size:12px!important;
  background:transparent!important;
  margin:0!important;
  border-radius:0!important;
  border-left:3px solid transparent!important;
  text-transform:none!important;
}
ul.nav li ul.sub li ul.sub_sub li a:hover,
ul.nav li ul.sub li ul.sub_sub li a.active{
  color:#fff!important;
  background:rgba(0,180,216,.12)!important;
  border-left-color:var(--ws-brand-bright)!important;
}

/* ——— Main shell ——— */
.main{background:transparent!important;min-height:100vh}

/* Sticky site header — single block (topbar + search row) */
.ws-site-header{
  position:sticky;
  top:0;
  z-index:70;
  background:#fff;
  box-shadow:0 1px 0 var(--ws-line),0 8px 24px rgba(10,14,23,.04);
}
.ws-site-header .ws-topbar{
  position:relative;
  top:auto;
  z-index:auto;
}
/* Top utility bar */
.ws-topbar{
  background:var(--ws-ink);
  color:#c5d0de;
  font-size:12.5px;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:9px 22px;
  letter-spacing:.02em;
}
.main .header.desk,.main .header{
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  height:auto!important;
  min-height:76px;
  box-shadow:none!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:auto!important;
  max-width:none!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center;
  padding:10px 18px!important;
  gap:14px;
}
.main .header.h2{
  top:auto!important;
  box-shadow:none!important;
  border-top:1px solid var(--ws-line);
  background:rgba(255,255,255,.97)!important;
  min-height:auto!important;
  padding:8px 12px!important;
}
/* Override style.css universal * { color:#3b3b3b } inside dark topbar */
.ws-topbar{
  color:#c5d0de!important;
}
.ws-topbar span,
.ws-topbar__phone span{
  color:#b8c8d8!important;
  font-weight:500;
}
.ws-topbar a{
  color:#fff!important;
  text-decoration:none;
  font-weight:600;
}
.ws-topbar a:hover{color:var(--ws-brand-bright)!important}
.ws-topbar__links{display:flex;gap:18px;align-items:center}
.ws-topbar__links a{opacity:.95}
.ws-topbar__phone{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.ws-topbar__phone a{font-weight:700}
.ws-topbar__phone .fa{color:var(--ws-brand-bright)!important}

/* Header */
.ws-brand-lockup{display:none!important}
.main .header.desk .search{
  width:auto!important;
  flex:1 1 auto!important;
  padding:0!important;
  max-width:none;
  display:block!important;
  text-align:left!important;
  position:relative!important;
}
.main .header .search form{
  display:flex!important;
  align-items:stretch;
  width:100%;
  position:relative;
}
.main .header .search .select{
  flex:0 0 120px;
  position:relative;
  display:none!important;
}
.main .header .search .s_c{
  width:100%!important;
  height:48px!important;
  border:1px solid var(--ws-line)!important;
  border-right:0!important;
  border-radius:999px 0 0 999px!important;
  background:var(--ws-bg-soft)!important;
  padding:0 28px 0 16px!important;
  font-family:var(--ws-font)!important;
  font-size:13px!important;
  color:var(--ws-ink)!important;
  appearance:none;
}
.main .header .search .s_icon{right:10px!important}
.main .header .search .s_f{
  flex:1!important;
  width:100%!important;
  position:static!important;
  left:auto!important;
  border:1px solid var(--ws-line)!important;
  border-radius:999px 0 0 999px!important;
  padding:0 18px!important;
  height:48px!important;
  background:#fff!important;
  font-family:var(--ws-font)!important;
  font-size:14px!important;
  box-sizing:border-box;
}
.main .header .search .s_b{
  position:static!important;
  left:auto!important;
  background:var(--ws-ink)!important;
  border:1px solid var(--ws-ink)!important;
  border-radius:0 999px 999px 0!important;
  padding:0 22px!important;
  height:48px!important;
  color:#fff!important;
  transition:background .2s;
  flex-shrink:0;
}
.main .header .search .s_b:hover{background:var(--ws-brand)!important;border-color:var(--ws-brand)!important}
.main .header .h_rgt{
  display:flex!important;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  margin-left:auto!important;
  position:static!important;
  right:auto!important;
  top:auto!important;
  padding:0!important;
}
.main .header .h_rgt a,
.main .header .h_rgt .cart{
  background:var(--ws-bg-soft)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:999px!important;
  margin:0!important;
  font-weight:650!important;
  font-size:13px!important;
  color:var(--ws-ink)!important;
  padding:11px 18px!important;
  text-decoration:none!important;
  transition:background .2s,border-color .2s,transform .2s;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.main .header .h_rgt a:hover,
.main .header .h_rgt .cart:hover{
  background:#fff!important;
  border-color:var(--ws-brand)!important;
  color:var(--ws-brand-dark)!important;
  transform:translateY(-1px);
}
.main .header .h_rgt .cart{
  background:var(--ws-ink)!important;
  border-color:var(--ws-ink)!important;
  color:#fff!important;
}
.main .header .h_rgt .cart:hover{
  background:var(--ws-brand)!important;
  border-color:var(--ws-brand)!important;
  color:#fff!important;
}
.main .header .h_rgt .login .u_name{display:block;font-size:12px;font-weight:700}
.main .header .h_rgt .login .acc{display:block;font-size:11px;opacity:.7;font-weight:500}

/* Mobile header */
.mob .header{
  background:rgba(255,255,255,.96)!important;
  min-height:60px;
  padding:8px 12px!important;
}
.mob .open_menu{
  font-size:20px;
  color:var(--ws-ink);
  margin-right:8px;
  cursor:pointer;
}
.mob .header .logo img{height:40px!important}
.mob .header.h2{box-shadow:none!important;border-top:1px solid var(--ws-line);padding:8px 12px!important}
.mob .header .h_rgt a,.mob .header .h_rgt .cart{
  padding:10px 12px!important;
  min-width:42px;
  justify-content:center;
}
.mob .cart_item_count{
  display:inline!important;
  margin:0!important;
  font-size:12px;
}

/* ——— Section titles ——— */
.sq_f,.sq_f.top{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  margin:8px 0 0!important;
  padding:28px 28px 8px!important;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.sq_f h1,.sq_f.top h1,
.ws-soft-strip__head h2,
.ws-hero__brand,
.ws-hero__headline,
.contact-form-title h2,
.cat_list h1,.cat_list h2{
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-stretch:normal!important;
  font-style:normal!important;
  letter-spacing:-.015em!important;
}
.sq_f h1,.sq_f.top h1{
  text-align:left!important;
  font-size:22px!important;
  font-weight:700!important;
  color:var(--ws-ink)!important;
  margin:0!important;
  line-height:1.3;
}
.sq_f h1 b,.sq_f.top h1 b{font-weight:700;color:var(--ws-brand-dark)}
.ws-soft-strip__head h2{
  font-size:22px!important;
  font-weight:700!important;
  margin:0;
  color:var(--ws-ink);
}
.sq_f p a,.ws-section-link{
  color:var(--ws-brand)!important;
  font-weight:700;
  font-size:13px;
  text-decoration:none;
  white-space:nowrap;
}
.sq_f p a:hover,.ws-section-link:hover{color:var(--ws-brand-dark)!important}

/* ——— Hero (home) ——— */
.ws-hero{
  position:relative;
  z-index:2;
  min-height:min(68vh,520px);
  margin:0;
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(7,11,18,.92) 0%,rgba(10,20,32,.78) 45%,rgba(0,106,132,.5) 100%),
    url("https://wspixel.com/app/images/main_1.png") center/cover no-repeat;
  color:#fff;
  display:flex;
  align-items:center;
  isolation:isolate;
}
.ws-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,11,18,.55) 0%,transparent 35%);
  pointer-events:none;
  z-index:0;
}
.ws-hero__inner{
  position:relative;
  z-index:1;
  width:100%;
  padding:36px 36px 40px;
  max-width:720px;
  animation:wsFadeUp .7s var(--ws-ease) both;
}
.ws-hero__brand{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0;
  font-weight:800;
  font-size:clamp(34px,4.5vw,52px);
  line-height:1;
  margin:0 0 16px;
  color:#fff!important;
  letter-spacing:-.03em;
  text-shadow:0 4px 24px rgba(0,0,0,.45);
}
.ws-hero__brand .ws-hero__brand-ws{color:#fff!important}
.ws-hero__brand .ws-hero__brand-pixel{color:var(--ws-brand-bright)!important}
.ws-hero__brand span:not(.ws-hero__brand-ws):not(.ws-hero__brand-pixel){color:var(--ws-brand-bright)!important}
.ws-hero__headline{
  font-size:clamp(16px,2vw,20px);
  font-weight:500;
  line-height:1.45;
  margin:0 0 12px;
  max-width:36ch;
  color:#e8eef5;
}
.ws-hero__sub{
  font-size:15px;
  line-height:1.55;
  color:#a8b8c9;
  margin:0 0 28px;
  max-width:42ch;
}
.ws-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.ws-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 26px;
  border-radius:999px;
  font-family:var(--ws-font);
  font-weight:700;
  font-size:14px;
  text-decoration:none!important;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .2s var(--ws-ease),background .2s,border-color .2s,box-shadow .2s;
}
.ws-btn:hover{transform:translateY(-2px)}
.ws-btn--primary{
  background:var(--ws-accent);
  color:#fff!important;
  box-shadow:0 12px 28px rgba(224,122,47,.35);
}
.ws-btn--primary:hover{background:var(--ws-accent-hover);color:#fff!important}
.ws-btn--ghost{
  background:transparent;
  border-color:rgba(255,255,255,.45);
  color:#fff!important;
}
.ws-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.ws-btn--ink{
  background:var(--ws-ink);
  color:#fff!important;
}
.ws-btn--ink:hover{background:var(--ws-brand);color:#fff!important}
.ws-btn--line{
  background:#fff;
  border-color:var(--ws-line);
  color:var(--ws-ink)!important;
}
.ws-btn--line:hover{border-color:var(--ws-brand);color:var(--ws-brand-dark)!important}

@keyframes wsFadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
@keyframes wsFadeIn{
  from{opacity:0}
  to{opacity:1}
}

/* Trust strip */
.ws-trust{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:0;
  padding:0;
  border-bottom:1px solid var(--ws-line);
  background:#fff;
}
.ws-trust__item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 22px;
  border-right:1px solid var(--ws-line);
  font-size:13px;
  font-weight:650;
  color:var(--ws-ink-soft);
  animation:wsFadeIn .6s var(--ws-ease) both;
}
.ws-trust__item:last-child{border-right:0}
.ws-trust__item i{
  width:40px;height:40px;
  border-radius:12px;
  background:rgba(0,136,168,.1);
  color:var(--ws-brand);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  flex-shrink:0;
}
.ws-trust__item span{display:block;font-size:12px;font-weight:500;color:var(--ws-muted);margin-top:2px}

/* Software preview strip (below fold) */
.ws-soft-strip{
  position:relative;
  z-index:3;
  background:var(--ws-bg-soft);
  padding:36px 28px 20px;
}
.ws-soft-strip__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.ws-soft-strip__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.ws-soft-strip__grid a{
  display:block;
  overflow:hidden;
  border-radius:var(--ws-radius-sm);
  border:1px solid var(--ws-line);
  background:#0a0e17;
  transition:transform .35s var(--ws-ease),box-shadow .35s;
}
.ws-soft-strip__grid a:hover{
  transform:translateY(-4px);
  box-shadow:var(--ws-shadow-lg);
}
.ws-soft-strip__grid img{
  display:block;
  width:100%;
  height:240px;
  min-height:240px;
  object-fit:cover;
  object-position:top center;
  opacity:.95;
  transition:opacity .3s,transform .5s var(--ws-ease);
}
.ws-soft-strip__grid a:hover img{opacity:1;transform:scale(1.03)}

@media (max-width:1100px){
  .ws-soft-strip__grid img{height:200px;min-height:200px}
}
@media (max-width:768px){
  .ws-soft-strip__grid img{height:180px;min-height:180px}
}

/* ——— Product grid ——— */
.p_list,.p_list.top{
  min-height:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px;
  padding:12px 28px 40px;
}
.p_list .clear{display:none}
.p_list .center{grid-column:1/-1}
.p_list .product{
  grid-column:span 1!important;
  width:auto!important;
  float:none!important;
  margin:0!important;
  height:auto!important;
  min-height:0;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
  padding:13px 0 16px!important;
  overflow:hidden;
  background:var(--ws-card)!important;
  display:flex;
  flex-direction:column;
  transition:transform .28s var(--ws-ease),box-shadow .28s var(--ws-ease),border-color .28s;
}
.p_list .product:hover{
  transform:translateY(-6px);
  box-shadow:var(--ws-shadow-lg)!important;
  border-color:rgba(0,136,168,.35)!important;
}
.p_list .product .pro_img{
  height:210px!important;
  border:0!important;
  background:linear-gradient(180deg,#f4f7fb 0%,#fff 100%)!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:16px!important;
  position:relative;
}
.p_list .product .pro_img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.p_list .product .pro_img img{
  max-height:260px!important;
  max-width:100%;
  object-fit:contain;
  transition:transform .4s var(--ws-ease);
}
.p_list .product:hover .pro_img img{transform:scale(1.06)}
.p_list .product h2.pro_name{
  padding:6px 16px 0!important;
  height:auto!important;
  min-height:42px;
  max-height:none!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:550!important;
  margin:0!important;
  letter-spacing:-.01em;
}
.p_list .product h2.pro_name a{
  color:var(--ws-ink)!important;
  text-decoration:none;
  font-weight:550!important;
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
}
.p_list .product h2.pro_name a:hover{color:var(--ws-brand-dark)!important}
.p_list .product .price{
  padding:8px 16px 6px!important;
  border:0!important;
  margin:0!important;
  float:none!important;
}
.p_list .product .price a{text-decoration:none}
.p_list .product .price a span.s_p{
  color:var(--ws-ink)!important;
  font-weight:700;
  font-size:16px;
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
  letter-spacing:-.02em;
}
.p_list .product .price .d_p{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  margin-top:5px;
  font-size:11.5px;
  color:var(--ws-muted);
  font-weight:500;
}
.p_list .product .price .mrp{text-decoration:line-through;font-weight:500;opacity:.7}
.p_list .product .price .p_s,.p_list .product .price .p_p{
  color:var(--ws-ok)!important;
  font-weight:600;
  background:rgba(26,127,90,.08);
  padding:2px 7px;
  border-radius:6px;
  font-size:11px;
}
.p_list .product .stock{
  padding:2px 16px 0;
  float:none!important;
  color:var(--ws-ok)!important;
  font-size:12px;
  font-weight:500;
}
.p_list .product .add_cart{
  float:none!important;
  padding:12px 16px 0;
  margin-top:auto;
}
.p_list .product .add_cart button,
.p_list .product .add_cart a button,
.p_list .product .add_cart .button{
  width:100%;
  border-radius:10px!important;
  background:var(--ws-ink)!important;
  border:0!important;
  padding:12px 14px!important;
  font-weight:700!important;
  font-family:var(--ws-font)!important;
  font-size:13px!important;
  color:#fff!important;
  cursor:pointer;
  transition:background .2s,transform .2s;
}
.p_list .product .add_cart button:hover,
.p_list .product .add_cart a button:hover{
  background:var(--ws-brand)!important;
}
.p_list .product .add_cart a{text-decoration:none;color:#fff!important}

/* ——— Product detail ——— */
.p_detail{
  background:#fff;
  margin:20px 28px 36px;
  border-radius:20px;
  box-shadow:var(--ws-shadow);
  border:1px solid var(--ws-line);
  padding:28px!important;
  overflow:hidden;
}
.p_detail .rgt h1{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
  font-size:24px!important;
  font-weight:650!important;
  line-height:1.35;
  letter-spacing:-.015em;
  color:var(--ws-ink)!important;
}
.p_detail .price .b_price,
.p_detail .rgt .price span.b_price{
  color:var(--ws-ink)!important;
  font-size:26px!important;
  font-weight:700;
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
}
.p_detail .add_cart button,
.p_detail button.btn_cart,
.p_detail .buy_now,
.p_detail input[type="submit"],
.p_detail .btn{
  border-radius:999px!important;
  font-weight:700!important;
  font-family:var(--ws-font)!important;
  padding:12px 24px!important;
  border:0!important;
  transition:transform .2s,background .2s;
}
.p_detail .add_cart button:hover{transform:translateY(-1px)}

/* ——— Content / CMS pages ——— */
.ws-page,.content_page,.about_us,.contact_us,.privacy,.terms{
  margin:20px 28px 40px;
}
.ws-page__panel,
.main .content,
.contact_form,
.profile_form,
.address_form{
  background:#fff;
  border:1px solid var(--ws-line);
  border-radius:var(--ws-radius);
  box-shadow:var(--ws-shadow);
  padding:28px 32px;
}
.main input[type="text"],
.main input[type="email"],
.main input[type="password"],
.main input[type="tel"],
.main input[type="number"],
.main select,
.main textarea{
  border:1px solid var(--ws-line)!important;
  border-radius:10px!important;
  padding:11px 14px!important;
  font-family:var(--ws-font)!important;
  font-size:14px!important;
  background:#fff!important;
  color:var(--ws-ink)!important;
  transition:border-color .2s,box-shadow .2s;
  box-sizing:border-box;
}
.main input:focus,
.main select:focus,
.main textarea:focus{
  outline:0;
  border-color:var(--ws-brand)!important;
  box-shadow:0 0 0 3px rgba(0,136,168,.15);
}
.main button[type="submit"],
.main input[type="submit"],
.main .btn-primary,
.checkout_btn,
.place_order,
.pay_btn{
  background:var(--ws-accent)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:13px 28px!important;
  font-weight:700!important;
  font-family:var(--ws-font)!important;
  cursor:pointer;
  transition:background .2s,transform .2s;
}
.main button[type="submit"]:hover,
.main input[type="submit"]:hover{background:var(--ws-accent-hover)!important;transform:translateY(-1px)}

/* ——— Cart / checkout ——— */
.v_cart,.cart_table,.checkout_wrap{
  margin:16px 28px 40px;
}
.v_cart table,
.cart_table table,
table.cart{
  width:100%;
  background:#fff;
  border-radius:var(--ws-radius);
  overflow:hidden;
  box-shadow:var(--ws-shadow);
  border:1px solid var(--ws-line);
  border-collapse:separate;
  border-spacing:0;
}
.v_cart table th,
.cart_table table th,
table.cart th,
.v_cart .wishlist-table table thead th,
.wishlist-table table thead th{
  background:var(--ws-ink)!important;
  color:#fff!important;
  font-weight:650!important;
  padding:14px 16px!important;
  font-size:13px!important;
  text-align:left;
}
.v_cart table th *,
.cart_table table th *,
table.cart th *,
.v_cart .wishlist-table table thead th *,
.wishlist-table table thead th *,
.wishlist-table table thead th span,
.wishlist-table table thead th .nobr{
  color:#fff!important;
}
.v_cart table td,
.cart_table table td,
table.cart td{
  padding:16px!important;
  border-bottom:1px solid var(--ws-line);
  vertical-align:middle;
}
.v_cart table tr:last-child td{border-bottom:0}
.cart_summary,.order_summary{
  background:#fff;
  border:1px solid var(--ws-line);
  border-radius:var(--ws-radius);
  box-shadow:var(--ws-shadow);
  padding:24px;
  margin-top:20px;
}

/* ——— Pagination ——— */
.pagination,.ws-pager,.pagination_item_block nav ul.pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  padding:18px 0 8px;
  list-style:none;
}
.pagination a,.pagination strong,.ws-pager li a,
.pagination_item_block .pagination li a,
.pagination_item_block .pagination li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid var(--ws-line);
  background:#fff;
  color:var(--ws-ink)!important;
  font-weight:650;
  text-decoration:none;
  transition:background .2s,color .2s;
}
.pagination a:hover{border-color:var(--ws-brand);color:var(--ws-brand)!important}
.pagination strong,.pagination a.active,
.pagination_item_block .pagination li.active a{
  background:var(--ws-ink)!important;
  color:#fff!important;
  border-color:var(--ws-ink)!important;
}

/* ——— Footer ——— */
.footer{
  background:var(--ws-ink)!important;
  color:#9aabbd!important;
  margin-top:28px;
  border-top:0!important;
  display:block!important;
  clear:both;
  overflow:hidden;
}
.footer .ws-footer-media,
.footer > .ws-footer-media{
  background:var(--ws-bg-soft)!important;
  border-top:1px solid var(--ws-line);
  width:100%!important;
  padding:28px 36px!important;
  box-sizing:border-box;
}
.footer .ws-footer-media h1{
  font-family:var(--ws-font)!important;
  font-weight:800!important;
  color:var(--ws-ink)!important;
  letter-spacing:-.01em;
  font-size:22px!important;
  text-align:center;
  padding:0 0 20px!important;
  margin:0!important;
}
.footer ul.footer_icon,
ul.footer_icon{
  background:var(--ws-ink-soft)!important;
  display:flex!important;
  flex-wrap:wrap;
  align-items:stretch;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  box-sizing:border-box;
}
.footer ul.footer_icon li,
ul.footer_icon li{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:18px 20px!important;
  border-right:1px solid rgba(255,255,255,.08);
  float:none!important;
  width:25%!important;
  max-width:25%;
  box-sizing:border-box;
  text-align:left!important;
  vertical-align:middle;
  margin:0!important;
}
.footer ul.footer_icon li:last-child,
ul.footer_icon li:last-child{border-right:0}
.footer ul.footer_icon li .f_icn,
ul.footer_icon li .f_icn{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:10px;
  background:rgba(0,180,216,.15);
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  vertical-align:middle;
}
.footer ul.footer_icon li .f_icn .fa,
ul.footer_icon li .f_icn .fa{
  font-size:18px!important;
  color:var(--ws-brand-bright)!important;
  line-height:1!important;
}
.footer ul.footer_icon li .f-text,
ul.footer_icon li .f-text{
  display:block!important;
  text-align:left!important;
  vertical-align:middle;
}
.footer ul.footer_icon li .f-text h1,
ul.footer_icon li .f-text h1{
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  margin:0 0 2px!important;
  padding:0!important;
  line-height:1.3!important;
  font-family:var(--ws-font)!important;
}
.footer ul.footer_icon li .f-text p,
ul.footer_icon li .f-text p{
  color:#8a9bb0!important;
  font-size:12px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.35!important;
}
.footer .foo_con{
  display:flex!important;
  flex-wrap:wrap;
  align-items:flex-start!important;
  gap:28px 32px;
  padding:36px 36px 28px!important;
  box-sizing:border-box;
  width:100%;
}
.footer .foo_con ul,
.footer .foo_con ul.f_about,
.footer .foo_con ul.f_nav{
  display:block!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  vertical-align:top;
  height:auto!important;
  min-height:0!important;
  width:auto!important;
}
.footer .foo_con ul.f_about{
  flex:1.4 1 260px;
  max-width:420px;
}
.footer .foo_con ul.f_nav{
  flex:1 1 140px;
  max-width:220px;
}
.footer .foo_con ul li{
  margin:0!important;
  padding:0!important;
  height:auto!important;
  line-height:1.4!important;
}
.footer .foo_con ul li.is-hidden,
.footer .foo_con ul li[style*="display:none"],
.footer .foo_con ul li[style*="display: none"]{display:none!important}
.footer .foo_con ul li h1{
  font-family:var(--ws-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#fff!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 12px!important;
  padding:0!important;
  line-height:1.3!important;
}
.footer .foo_con ul li a.l_txt{
  font-family:var(--ws-font)!important;
  font-size:20px!important;
  font-weight:800!important;
  color:#fff!important;
  text-decoration:none!important;
  display:inline-block!important;
  margin:0 0 12px!important;
  padding:0!important;
  animation:none!important;
  letter-spacing:-.02em;
}
.footer .foo_con ul li a{
  display:block!important;
  padding:5px 0!important;
  color:#9aabbd!important;
  text-decoration:none;
  font-size:13px!important;
  font-weight:500;
  line-height:1.4!important;
}
.footer .foo_con ul li a:hover{color:var(--ws-brand-bright)!important}
.footer .foo_con ul li a i{margin-right:6px;opacity:.5}
.footer .foo_con ul li p{
  font-size:13px!important;
  line-height:1.65!important;
  color:#8a9bb0!important;
  margin:0 0 10px!important;
  padding:0!important;
}
.footer .foo_con ul li p b{color:#c5d0de!important}
.footer .copy{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding:14px 36px!important;
  margin:0!important;
  height:auto!important;
  min-height:56px;
  background:rgba(0,0,0,.25)!important;
  box-sizing:border-box;
}
.footer .copy p{
  float:none!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  color:#7a8a9c!important;
  line-height:1.4!important;
}
.footer .copy p a{color:var(--ws-brand-bright)!important}
.footer .copy .payment-img{
  float:none!important;
  margin:0!important;
}
.footer .copy .payment-img img{
  height:40px!important;
  margin:0!important;
  vertical-align:middle;
}

@media (max-width:1100px){
  .footer ul.footer_icon li,
  ul.footer_icon li{width:50%!important;max-width:50%}
  .footer ul.footer_icon li:nth-child(2){border-right:0}
}
@media (max-width:768px){
  .footer ul.footer_icon li,
  ul.footer_icon li{
    width:100%!important;
    max-width:100%;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer .foo_con{padding:28px 20px!important;gap:22px}
  .footer .foo_con ul.f_about,
  .footer .foo_con ul.f_nav{flex:1 1 100%;max-width:100%}
  .footer .copy{padding:14px 20px!important;justify-content:center;text-align:center}
}

/* Autocomplete */
.ui-autocomplete{
  z-index:9999;
  border-radius:12px;
  border:1px solid var(--ws-line)!important;
  box-shadow:var(--ws-shadow)!important;
  background:#fff!important;
  padding:6px!important;
  font-family:var(--ws-font)!important;
}
.ui-autocomplete .ui-menu-item-wrapper{border-radius:8px;padding:8px 12px!important}
.ui-autocomplete .ui-state-active{background:rgba(0,136,168,.1)!important;border:0!important;color:var(--ws-ink)!important}

/* Listing / category toolbar */
.filter_bar,.sort_bar,.list-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  padding:8px 28px 0;
}
.sq_f .s_q{
  font-size:15px;
  color:var(--ws-muted);
  font-weight:500;
}
.sq_f .s_q b{color:var(--ws-ink);font-weight:750}
.sq_f .sort_by{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:650;
  color:var(--ws-muted);
}
.sq_f .sort_by select{
  min-width:180px;
  height:42px!important;
}

/* Content pages (about / contact / policies) */
.cat_list{
  margin:8px 28px 36px;
  background:#fff;
  border:1px solid var(--ws-line);
  border-radius:var(--ws-radius);
  box-shadow:var(--ws-shadow);
  padding:28px 32px;
  overflow:hidden;
  box-sizing:border-box;
}
.cat_list .about-us-area,
.cat_list .contact-form-area{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.contact-form-title h2,.about-us-area h1,.about-us-area h2,
.cat_list h1,.cat_list h2{
  font-family:var(--ws-font)!important;
  font-weight:800!important;
  letter-spacing:-.02em;
  color:var(--ws-ink)!important;
  margin:0 0 16px!important;
}
.contact-form-area .container{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
}
.contact-form-area .row{
  display:flex!important;
  flex-wrap:wrap;
  gap:28px 32px;
  margin:0!important;
  width:100%;
  box-sizing:border-box;
}
.contact-form-area .row > [class*="col-"]{
  float:none!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box;
}
.contact-form-area .col-md-8{
  flex:1 1 420px;
  width:auto!important;
  max-width:100%;
}
.contact-form-area .col-md-4{
  flex:0 1 280px;
  width:auto!important;
  max-width:100%;
}
.contact-form-area .contact-form{
  max-width:100%!important;
  width:100%!important;
}
.contact-form-area .contact-form .row{
  display:flex!important;
  flex-wrap:wrap;
  gap:0 16px;
  margin:0!important;
}
.contact-form-area .contact-form .col-md-6{
  flex:1 1 220px;
  width:auto!important;
  max-width:100%;
  float:none!important;
}
.contact-form-area .contact-form .col-md-12{
  flex:1 1 100%;
  width:100%!important;
  float:none!important;
}
.contact-form .wizard-form-input,
.contact-form .contact-input .wizard-form-input{
  margin-bottom:14px;
}
.contact-form label{
  display:block!important;
  width:100%!important;
  font-size:12px!important;
  font-weight:700!important;
  color:var(--ws-muted)!important;
  margin:0 0 6px!important;
  padding:0!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form .chosen-container-single .chosen-single,
.contact-form .form-control{
  width:100%!important;
  max-width:100%!important;
  border:1px solid var(--ws-line)!important;
  border-radius:10px!important;
  min-height:44px;
  background:#fff!important;
  box-sizing:border-box!important;
  display:block!important;
  padding:11px 14px!important;
  font-family:var(--ws-font)!important;
  font-size:14px!important;
}
.contact-form textarea{min-height:140px!important;resize:vertical}
.contact-form .captcha{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:8px 0 14px;
}
.contact-form .captcha .image_captcha{
  flex:1 1 100%;
  margin:0;
  min-height:40px;
}
.contact-form .captcha .image_captcha img{
  display:block;
  width:100%;
  max-width:100%;
  border-radius:8px;
  border:1px solid var(--ws-line);
}
.contact-form .ws-captcha-fallback{width:100%}
.contact-form .captcha input{
  flex:1 1 180px;
  min-width:160px;
}
.contact-form button,
.contact-form input[type="submit"],
.contact-form .btn,
.contact-form .form-button{
  background:var(--ws-accent)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:13px 28px!important;
  font-weight:700!important;
  font-family:var(--ws-font)!important;
  margin:8px 0 0!important;
  cursor:pointer;
  width:auto!important;
  min-width:160px;
}
.contact-address-info{
  background:var(--ws-bg-soft);
  border:1px solid var(--ws-line);
  border-radius:14px;
  padding:22px;
}
.contact-address-info ul{
  list-style:none;
  margin:0;
  padding:0;
}
.contact-address-info ul li{
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--ws-ink-soft)!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--ws-line);
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.contact-address-info ul li:last-child{border-bottom:0}
.contact-address-info ul li i{
  color:var(--ws-brand);
  margin-top:3px;
  width:16px;
  text-align:center;
}

/* Profile / account forms */
.profile,.my_account,.order_list,.address_list{
  margin:8px 28px 40px!important;
  background:#fff!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
  padding:28px!important;
  min-height:0!important;
}
.profile h1,
.my_account h1,
.order_list h1,
.address_list h1{
  font-family:var(--ws-display)!important;
  font-weight:750!important;
  font-size:22px!important;
  margin:0 0 22px!important;
  padding:14px 16px!important;
  letter-spacing:-.02em;
  text-align:left!important;
  background:var(--ws-bg-soft)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  color:var(--ws-ink)!important;
}
.profile .frm,
.profile form,
.profile .ws-profile-form,
.profile .ws-profile-form form{
  display:block!important;
  flex-wrap:unset!important;
  gap:0!important;
  max-width:760px;
}
.profile .field,
.profile .frm .field{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  display:block!important;
  flex:none!important;
}
.profile .field._s{width:100%!important}
.profile label{
  display:block!important;
  font-size:12px!important;
  font-weight:700!important;
  color:var(--ws-muted)!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.profile label b.red{color:var(--ws-danger)!important}
.profile input[type="text"],
.profile input[type="email"],
.profile input[type="tel"],
.profile input[type="password"],
.profile select,
.profile textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:46px!important;
  padding:11px 14px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ws-ink)!important;
  font-size:14px!important;
  font-weight:500!important;
}
.profile input[readonly]{
  background:var(--ws-bg-soft)!important;
  color:var(--ws-muted)!important;
}
.profile .ws-profile-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px 18px!important;
  margin:0 0 8px!important;
}
.profile .ws-profile-grid .field{margin-bottom:0!important}
.profile .ws-profile-avatar,
.profile .field.ws-profile-avatar{
  margin-bottom:22px!important;
  padding:24px 24px 22px!important;
  background:var(--ws-bg-soft)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
.profile .ws-profile-avatar > label{
  margin:0 0 16px!important;
  padding:0!important;
}
.profile .ws-profile-avatar__row{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  flex-wrap:wrap;
  padding:0!important;
}
.profile .ws-profile-avatar .profile_img,
.profile .fileupload_img.profile_img{
  width:84px!important;
  height:84px!important;
  margin:0!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 6px 18px rgba(15,23,42,.14)!important;
  flex:0 0 84px;
}
.profile .ws-profile-avatar__actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:0;
  flex:1 1 240px;
}
.profile .ws-profile-file,
.profile .ws-profile-avatar__actions input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  border:0!important;
  opacity:0!important;
}
.profile .ws-profile-upload{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:10px 12px!important;
}
.profile .ws-profile-upload__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 16px!important;
  min-height:42px!important;
  border-radius:10px!important;
  background:var(--ws-ink)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
  transition:background .2s;
}
.profile .ws-profile-upload__btn .fa{color:#fff!important}
.profile .ws-profile-upload__btn:hover{background:var(--ws-brand)!important;color:#fff!important}
.profile .ws-profile-upload__name{
  font-size:13px!important;
  font-weight:500!important;
  color:var(--ws-muted)!important;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile .remove_profile{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:fit-content!important;
  padding:0!important;
  color:var(--ws-danger)!important;
  font-size:13px!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.profile .remove_profile .fa{color:inherit!important}
.profile .remove_profile:hover{text-decoration:underline!important}
.profile .ws-profile-actions{
  margin-top:8px!important;
}
.profile .save_btn,
.profile .form-button,
.profile button[type="submit"]{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:180px!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 28px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--ws-accent)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.profile .save_btn *,
.profile .form-button *{color:#fff!important}
.profile .save_btn:hover,
.profile .form-button:hover{background:var(--ws-accent-hover)!important;color:#fff!important}

@media (max-width:700px){
  .profile .ws-profile-grid{grid-template-columns:1fr!important}
  .profile .save_btn,.profile .form-button{width:100%!important}
}

/* Checkout */
.checkout{
  margin:8px 28px 40px;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.checkout .s_a,
.checkout .c_o_d,
.checkout .o_sum,
.checkout .order_summary,
.checkout .s_o{
  width:auto!important;
  max-width:none!important;
  float:none!important;
  display:block!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
  padding:24px!important;
  box-sizing:border-box!important;
}
.checkout .title,
.checkout h3.title,
.checkout .c_o_d > h3,
.checkout .your-order-title h3{
  font-family:var(--ws-display)!important;
  font-size:16px!important;
  font-weight:750!important;
  letter-spacing:.04em;
  text-transform:uppercase!important;
  margin:0 0 18px!important;
  padding:12px 14px!important;
  background:var(--ws-bg-soft)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:10px!important;
  text-align:left!important;
  color:var(--ws-ink)!important;
}
.checkout .s_address{
  display:flex!important;
  gap:14px;
  padding:16px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  margin-bottom:12px!important;
  background:var(--ws-bg-soft)!important;
  transition:border-color .2s;
}
.checkout .s_address:has(input:checked),
.checkout .s_address:hover{border-color:var(--ws-brand)!important;background:#fff!important}
.checkout .s_address .c_a{width:auto!important;flex:1 1 auto;display:block!important}
.checkout .s_address .c_a h3{font-size:15px!important;margin:0 0 6px!important}
.checkout .s_address .c_a p{padding:0 0 10px!important;font-size:13px!important;line-height:1.45;color:var(--ws-muted)!important}
.checkout .s_address .a_edit{
  display:inline-flex!important;
  align-items:center;
  background:var(--ws-brand)!important;
  color:#fff!important;
  border:0!important;
  border-radius:8px!important;
  padding:7px 14px!important;
  font-size:12px!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.checkout .add_new_add{
  background:var(--ws-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  padding:12px 20px!important;
  font-weight:700!important;
  margin:8px 0 0!important;
  cursor:pointer;
}
.checkout .add_new_add .fa,
.checkout .add_new_add *{color:#fff!important}
.checkout .a_frm .field{margin-bottom:14px}
.checkout .a_frm label{font-size:12px;font-weight:700;color:var(--ws-muted);display:block;margin-bottom:6px}
.checkout .add_new .a_frm,
.checkout .a_frm{
  margin-top:16px!important;
  padding:20px!important;
  background:var(--ws-bg-soft)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:14px!important;
  overflow:hidden;
}
.checkout .add_new .a_frm .field span input,
.checkout .a_frm .field span input,
.checkout .a_frm .field span select,
.checkout .a_frm .field span textarea{
  border:1px solid var(--ws-line)!important;
  border-radius:10px!important;
  padding:11px 12px!important;
  background:#fff!important;
  color:var(--ws-ink)!important;
  font-size:14px!important;
}
.checkout .add_new .a_frm .field button,
.checkout .a_frm .field button,
.checkout .a_frm button.save,
.checkout .a_frm button.close_a,
.checkout .a_frm button.form-button,
.checkout .a_frm .save,
.checkout .a_frm .close_a{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:11px 22px!important;
  margin:0 10px 0 0!important;
  border:0!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  cursor:pointer!important;
  color:#fff!important;
  transition:background .2s,transform .15s;
}
.checkout .a_frm button.save,
.checkout .a_frm button.form-button,
.checkout .a_frm .save,
.checkout .add_new .a_frm .field button.save,
.checkout .add_new .a_frm .field button:first-child{
  background:var(--ws-accent)!important;
}
.checkout .a_frm button.save:hover,
.checkout .a_frm button.form-button:hover,
.checkout .a_frm .save:hover,
.checkout .add_new .a_frm .field button:first-child:hover{
  background:var(--ws-accent-hover)!important;
  color:#fff!important;
}
.checkout .a_frm button.close_a,
.checkout .a_frm .close_a,
.checkout .add_new .a_frm .field button.close_a,
.checkout .add_new .a_frm .field button[type="button"]{
  background:var(--ws-ink)!important;
  color:#fff!important;
}
.checkout .a_frm button.close_a:hover,
.checkout .a_frm .close_a:hover,
.checkout .add_new .a_frm .field button[type="button"]:hover{
  background:#243044!important;
  color:#fff!important;
}
.checkout .a_frm button *,
.checkout .a_frm .save *,
.checkout .a_frm .close_a *{
  color:#fff!important;
}

/* Cart qty controls — override style.css white-on-white buttons */
.v_cart .quantity,
.wishlist-table .quantity{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
}
.checkout .quantity button,
.v_cart .quantity button,
.wishlist-table .quantity button,
.wishlist-table table tbody tr td .quantity button{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:8px!important;
  border:1px solid var(--ws-line)!important;
  background:var(--ws-ink)!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:18px!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.v_cart .quantity button:hover,
.wishlist-table .quantity button:hover{
  background:var(--ws-brand)!important;
  border-color:var(--ws-brand)!important;
  color:#fff!important;
}
.v_cart .quantity .q_v,
.wishlist-table .quantity .q_v,
.wishlist-table table tbody tr td .quantity .q_v{
  width:52px!important;
  height:36px!important;
  text-align:center!important;
  padding:0!important;
  margin:0 4px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--ws-ink)!important;
  font-weight:700!important;
  font-size:14px!important;
}
.v_cart .btn_remove_cart{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;height:36px;
  border-radius:50%;
  background:#fee2e2;
  color:var(--ws-danger)!important;
  text-decoration:none;
  font-size:20px;
  font-weight:700;
}
.v_cart .cart_totals,
.v_cart .cart-collaterals,
.v_cart .shopping-cart-total{
  background:#fff;
  border:1px solid var(--ws-line);
  border-radius:var(--ws-radius);
  box-shadow:var(--ws-shadow);
  padding:24px;
  margin-top:20px;
  max-width:420px;
  margin-left:auto;
}
.v_cart .shopping-cart-total h2{
  font-family:var(--ws-display);
  font-size:16px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin:0 0 14px;
  padding:12px 14px;
  background:var(--ws-bg-soft);
  border:1px solid var(--ws-line);
  border-radius:10px;
}
.v_cart .shopping-cart-total .order-total td,
.v_cart .shopping-cart-total .order-total span{
  color:var(--ws-brand)!important;
  font-weight:750!important;
  font-size:18px!important;
}
.v_cart .checkout-button,
.proceed-to-checkout button{
  width:100%;
  background:var(--ws-accent)!important;
  color:#fff!important;
  border:0!important;
  border-radius:12px!important;
  padding:14px 24px!important;
  font-weight:700!important;
  font-family:var(--ws-font)!important;
  font-size:15px!important;
  cursor:pointer;
  margin-top:12px;
  height:auto!important;
  line-height:1.3!important;
}
.v_cart .checkout-button:hover{background:var(--ws-accent-hover)!important}

/* Checkout order + payment panel */
.checkout .your-order-table{
  border-top:0!important;
  padding:0 0 8px!important;
  margin:0!important;
}
.checkout .your-order-table table{
  width:100%!important;
  margin:0 0 12px!important;
  border-collapse:collapse!important;
  box-shadow:none!important;
  background:transparent!important;
}
.checkout .your-order-table table tr th,
.checkout .your-order-table table tr td{
  background:none!important;
  border-bottom:1px solid var(--ws-line)!important;
  padding:12px 4px!important;
  font-size:13px!important;
  text-transform:none!important;
  color:var(--ws-ink)!important;
  vertical-align:top;
}
.checkout .your-order-table table tr.order-total th,
.checkout .your-order-table table tr.order-total td{
  font-size:16px!important;
  font-weight:750!important;
  border-bottom:0!important;
}
.checkout .your-order-table .amount,
.checkout .your-order-table .total-amount{
  color:var(--ws-brand)!important;
  font-weight:700!important;
}
.checkout .checkout-payment{
  margin:0!important;
  padding:0!important;
  clear:both;
  overflow:visible!important;
}
.checkout .checkout-payment ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  float:none!important;
  width:100%!important;
}
.checkout .checkout-payment li,
.checkout .checkout-payment li.payment_method{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:16px!important;
  line-height:1.45!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
.checkout .checkout-payment li label{
  display:inline!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:650!important;
  color:var(--ws-ink)!important;
  line-height:1.45!important;
  vertical-align:middle;
}
.checkout .checkout-payment li label[style*="display:none"]{display:none!important}
.checkout .checkout-payment li img{
  max-width:140px!important;
  width:auto!important;
  height:auto!important;
  margin-left:8px;
  vertical-align:middle;
}
.checkout .checkout-payment .pay-box{
  float:none!important;
  width:100%!important;
  margin-top:10px!important;
  line-height:1.5!important;
  color:var(--ws-muted)!important;
  font-size:12.5px!important;
}
.checkout .checkout-payment li.is-disabled,
.checkout .checkout-payment li[style*="pointer-events"]{
  opacity:.72!important;
  background:var(--ws-bg-soft)!important;
}
.checkout .order-btn,
.checkout .btn_place_order{
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:8px 0 0!important;
  height:auto!important;
  min-height:52px!important;
  line-height:1.3!important;
  padding:14px 20px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--ws-accent)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  overflow:visible!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.checkout .order-btn:hover{background:var(--ws-accent-hover)!important;color:#fff!important}

@media (max-width:1024px){
  .checkout{
    grid-template-columns:1fr!important;
  }
}

/* Product detail refinements */
.p_detail{
  display:flex!important;
  flex-wrap:wrap;
  gap:28px 32px;
  align-items:flex-start;
}
.p_detail .lft,.p_detail .rgt{
  width:auto!important;
  float:none!important;
  display:block!important;
  margin:0!important;
  flex:1 1 320px;
  min-width:280px;
}
.p_detail .ws-gallery{width:100%}
.p_detail .b_image,
.p_detail .lft .b_image,
.p_detail .ws-gallery .b_image{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f4f7fb,#fff)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:16px!important;
  padding:16px!important;
  text-align:center;
  width:100%!important;
  height:540px!important;
  min-height:540px!important;
  max-height:540px!important;
  margin:0!important;
  box-sizing:border-box;
  cursor:zoom-in;
  overflow:hidden;
}
.p_detail .b_image img,
.p_detail .ws-gallery .ws-main-img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block;
  margin:0 auto;
}
.ws-gallery-zoom{
  position:absolute;
  right:14px;
  bottom:14px;
  width:40px;height:40px;
  border-radius:50%;
  background:rgba(10,14,23,.78);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  pointer-events:none;
}
.p_detail .s_image,
.p_detail .lft .s_image,
.p_detail .ws-gallery .s_image{margin:14px 0 0!important;text-align:left!important}
.p_detail .s_image ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.p_detail .s_image li,
.p_detail .lft .s_image li{
  width:76px;height:76px;
  border:2px solid var(--ws-line)!important;
  border-radius:10px!important;
  overflow:hidden;
  cursor:pointer;
  float:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:#fff;
  transition:border-color .2s,box-shadow .2s;
  position:relative;
}
.p_detail .s_image li.is-active,
.p_detail .s_image li:hover{
  border-color:var(--ws-brand)!important;
  box-shadow:0 0 0 2px rgba(0,136,168,.15);
}
.p_detail .s_image .ws-thumb{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:#fff;
  cursor:pointer;
}
.p_detail .s_image li img,
.p_detail .lft .s_image img,
.p_detail .s_image .ws-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  display:block;
}
.p_detail .s_image .glightbox{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  opacity:0;
  pointer-events:none;
}
.p_detail .brand,
.p_detail .rgt .brand{
  color:var(--ws-muted)!important;
  font-size:13px!important;
  font-weight:600;
  margin:6px 0;
  padding:4px 0!important;
}
.p_detail .price,
.p_detail .rgt .price{
  margin:18px 0!important;
  padding:18px!important;
  background:var(--ws-bg-soft)!important;
  border-radius:14px;
  border:1px solid var(--ws-line);
}
.p_detail .price .mrp,
.p_detail .rgt .price span.mrp{
  display:block;
  color:var(--ws-muted)!important;
  text-decoration:line-through;
  font-size:14px;
  margin-bottom:4px;
}
.p_detail .rgt .price span.b_price{
  color:var(--ws-ink)!important;
  font-family:var(--ws-display);
  font-weight:800;
}
.p_detail .pro_option ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:12px 0;
}
.p_detail .pro_option li a,
.p_detail .rgt .pro_option ul li a{
  display:inline-flex!important;
  flex-direction:column;
  gap:4px;
  padding:12px 16px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  text-decoration:none;
  color:var(--ws-ink)!important;
  font-weight:650;
  background:#fff!important;
  transition:border-color .2s,box-shadow .2s;
}
.p_detail .pro_option li a.active,
.p_detail .pro_option li a:hover,
.p_detail .rgt .pro_option ul li a.active,
.p_detail .rgt .pro_option ul li a:hover{
  border-color:var(--ws-brand)!important;
  box-shadow:0 0 0 3px rgba(0,136,168,.12);
  background:#fff!important;
}
.p_detail .add_cart .stock{
  margin:0 0 14px!important;
  font-size:13px;
  font-weight:600;
  color:var(--ws-ok);
}
.p_detail .ws-buy-form,
.p_detail .add_cart form{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.p_detail .rgt .add_cart .quantity,
.p_detail .add_cart .quantity{
  display:inline-flex!important;
  align-items:center;
  gap:0;
  margin:0!important;
  border:1px solid var(--ws-line);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.p_detail .rgt .add_cart .quantity button,
.p_detail .add_cart .quantity button{
  width:44px!important;
  height:44px!important;
  background:var(--ws-ink)!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  padding:0!important;
  cursor:pointer;
}
.p_detail .rgt .add_cart .quantity .q_v,
.p_detail .add_cart .quantity .q_v{
  width:64px!important;
  height:44px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid var(--ws-line)!important;
  border-right:1px solid var(--ws-line)!important;
  border-radius:0!important;
  text-align:center;
  font-weight:700;
  font-size:15px!important;
  padding:0!important;
  background:#fff!important;
}
.p_detail .cart_btn,
.p_detail .rgt .add_cart .cart_btn{
  display:flex!important;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
  width:100%;
  margin:0!important;
}
.p_detail .rgt .add_cart .cart_btn button,
.p_detail .cart_btn .quantity-button,
.p_detail .cart_btn .ws-btn-cart,
.p_detail .cart_btn .ws-btn-wa{
  flex:1 1 200px;
  min-height:52px;
  height:52px!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
  font-family:var(--ws-font)!important;
  font-weight:700!important;
  font-size:15px!important;
  padding:0 20px!important;
  color:#fff!important;
  cursor:pointer;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.2!important;
  text-align:center;
  transition:background .2s,transform .2s;
  vertical-align:middle;
}
.p_detail .cart_btn .ws-btn-cart,
.p_detail .cart_btn .quantity-button,
.p_detail .rgt .add_cart .cart_btn button{
  background:var(--ws-accent)!important;
}
.p_detail .cart_btn #enquire_button,
#enquire_button{
  display:none!important;
}
.p_detail .rgt .add_cart .cart_btn button:hover,
.p_detail .cart_btn .ws-btn-cart:hover{background:var(--ws-accent-hover)!important;transform:translateY(-1px)}
.p_detail .cart_btn .ws-btn-wa{
  gap:10px;
  background:#1fa855!important;
  text-decoration:none!important;
}
.p_detail .cart_btn .ws-btn-wa:hover{background:#18964a!important;transform:translateY(-1px);color:#fff!important}
.p_detail .cart_btn .ws-btn-wa i{font-size:20px;line-height:1;flex-shrink:0}
.p_detail .cart_btn .ws-btn-wa span{white-space:nowrap}
.p_detail .cart_btn .ws-btn-wa img{display:none!important}

/* GLightbox — keep overlay UNDER content/controls */
.glightbox-container{
  z-index:100000!important;
}
.glightbox-container .goverlay{
  z-index:1!important;
}
.glightbox-container .gcontainer{
  z-index:2!important;
}
.glightbox-clean .gslide-media,
.glightbox-clean .ginner-container{
  background:transparent!important;
  box-shadow:none!important;
}
.glightbox-clean .gslide-image img{
  max-height:85vh!important;
  max-width:90vw!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  background:#fff;
  border-radius:8px;
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev{
  z-index:3!important;
  opacity:1!important;
  background:rgba(10,14,23,.85)!important;
  color:#fff!important;
  border:0!important;
}
.glightbox-clean .gclose{
  top:16px!important;
  right:16px!important;
  width:44px!important;
  height:44px!important;
}
body.glightbox-open{
  overflow:hidden!important;
}
body.glightbox-open .left_nav,
body.glightbox-open .ws-sidebar,
body.glightbox-open .overlay{
  z-index:1!important;
  pointer-events:none!important;
}
.p_detail .pro_content{
  flex:1 1 100%;
  margin:8px 0 0!important;
  padding:24px!important;
  border-top:1px solid var(--ws-line);
  background:var(--ws-bg-soft)!important;
  border-radius:14px;
  grid-column:unset;
}
.p_detail .pro_content h2,.p_detail .pro_content h3{
  font-family:var(--ws-display);
  font-weight:750;
}

/* Popups / messages */
.popup .message_popup,
.message_popup,
.popup .content{
  border-radius:16px!important;
  overflow:hidden;
  box-shadow:var(--ws-shadow-lg)!important;
  font-family:var(--ws-font)!important;
}
.popup button,.message_popup button{
  background:var(--ws-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:10px 22px!important;
  font-weight:700!important;
}

/* ——— Auth / cart drawers ——— */
.overlay{
  position:fixed!important;
  inset:0;
  z-index:99990!important;
  background:rgba(10,14,23,.55)!important;
  backdrop-filter:blur(2px);
  opacity:1!important;
  display:none;
}
.login_popup,
.cart_popup{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  width:100%!important;
  max-width:420px!important;
  height:100vh!important;
  z-index:99999!important;
  display:none;
  background:
    linear-gradient(180deg,rgba(0,180,216,.06),transparent 140px),
    #fff!important;
  box-shadow:-24px 0 48px rgba(10,14,23,.18)!important;
  overflow-y:auto;
  overflow-x:hidden;
  font-family:var(--ws-font)!important;
  -webkit-overflow-scrolling:touch;
}
.login_popup .l_h,
.cart_popup .l_h{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px 18px!important;
  border-bottom:1px solid var(--ws-line)!important;
  background:transparent!important;
}
.login_popup .ws-auth-heading{min-width:0}
.login_popup .ws-auth-kicker{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ws-brand);
  margin:0 0 4px;
}
.login_popup .l_h h3,
.cart_popup .l_h h3{
  display:block!important;
  margin:0!important;
  font-family:var(--ws-display)!important;
  font-size:24px!important;
  font-weight:750!important;
  letter-spacing:-.02em;
  color:var(--ws-ink)!important;
  line-height:1.2;
  float:none!important;
}
.login_popup .l_h span.close,
.cart_popup .l_h span.close{
  float:none!important;
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:999px!important;
  background:var(--ws-bg-soft)!important;
  color:var(--ws-muted)!important;
  text-transform:none!important;
  font-size:12px!important;
  font-weight:650!important;
  cursor:pointer;
  top:auto!important;
  transition:background .2s,color .2s,border-color .2s;
}
.login_popup .l_h span.close .fa,
.cart_popup .l_h span.close .fa{
  color:inherit!important;
  font-size:14px!important;
  margin:0!important;
}
.login_popup .l_h span.close:hover,
.cart_popup .l_h span.close:hover{
  background:var(--ws-ink)!important;
  border-color:var(--ws-ink)!important;
  color:#fff!important;
}
.login_popup form{margin:0}
.login_popup .frm{
  margin:0!important;
  padding:8px 24px 32px!important;
}
.login_popup .ws-auth-lead{
  margin:12px 0 18px;
  font-size:14px;
  line-height:1.55;
  color:var(--ws-muted);
}
.login_popup .frm .field{
  padding:0 0 14px!important;
}
.login_popup .frm .field label{
  display:block;
  font-size:12px!important;
  font-weight:700!important;
  color:var(--ws-ink-soft)!important;
  padding:0 0 7px!important;
  letter-spacing:.01em;
}
.login_popup .frm .field label b.red{color:var(--ws-danger)!important;font-weight:700}
.login_popup .frm input,
.login_popup .frm .form-control,
.login_popup .captcha input{
  width:100%!important;
  box-sizing:border-box!important;
  padding:13px 14px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  background:var(--ws-bg-soft)!important;
  color:var(--ws-ink)!important;
  font-size:14px!important;
  font-family:var(--ws-font)!important;
  outline:none!important;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.login_popup .frm input:focus,
.login_popup .captcha input:focus{
  border-color:var(--ws-brand)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(0,136,168,.14)!important;
}
.login_popup .frm .login_btn{
  appearance:none;
  width:100%!important;
  margin-top:4px;
  padding:14px 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--ws-accent)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:750!important;
  font-family:var(--ws-font)!important;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(224,122,47,.28);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.login_popup .frm .login_btn:hover{
  background:var(--ws-accent-hover)!important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(224,122,47,.32);
}
.login_popup .ws-auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 0 14px;
  color:var(--ws-muted);
  font-size:12px;
  font-weight:650;
}
.login_popup .ws-auth-divider::before,
.login_popup .ws-auth-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--ws-line);
}
.login_popup .ws-auth-divider span{white-space:nowrap}
.login_popup .ws-auth-google,
.login_popup a.btn_social{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:10px 16px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--ws-ink)!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:14px!important;
  box-sizing:border-box;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.login_popup .ws-auth-google > span:last-child{line-height:1}
.login_popup .ws-auth-google:hover,
.login_popup a.btn_social:hover{
  border-color:var(--ws-brand)!important;
  box-shadow:0 0 0 3px rgba(0,136,168,.12);
  background:var(--ws-bg-soft)!important;
}
.login_popup .frm span.l_g,
.login_popup .l_g{
  display:inline-block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  vertical-align:middle;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.login_popup .ws-auth-google img{display:none!important}
.login_popup .ws-auth-links{padding-top:2px!important}
.login_popup .frm .field label.lost_pass{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--ws-brand)!important;
  font-weight:650!important;
  font-size:13px!important;
  cursor:pointer;
}
.login_popup .frm .field label.lost_pass:hover{color:var(--ws-brand-dark)!important;text-decoration:underline}
.login_popup .ws-auth-switch{
  margin-top:8px;
  padding-top:18px!important;
  border-top:1px solid var(--ws-line);
}
.login_popup .ws-auth-switch label{
  font-size:13px!important;
  font-weight:550!important;
  color:var(--ws-muted)!important;
}
.login_popup .frm .field label b.signup_frm,
.login_popup .frm .field label b.b_l{
  color:var(--ws-brand)!important;
  font-weight:750!important;
  cursor:pointer;
}
.login_popup .frm .field label b.signup_frm:hover,
.login_popup .frm .field label b.b_l:hover{color:var(--ws-brand-dark)!important;text-decoration:underline}
.login_popup .captcha{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--ws-line);
  border-radius:12px;
  background:var(--ws-bg-soft);
}
.login_popup .captcha .image_captcha{
  flex:1 1 100%;
  margin:0;
  line-height:0;
  min-height:40px;
}
.login_popup .captcha .image_captcha img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:40px;
  border-radius:6px;
  border:1px solid var(--ws-line);
  background:#fff;
}
.ws-captcha-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border-radius:8px;
  border:1px dashed var(--ws-line);
  background:#fff;
  font-family:"Courier New",monospace;
  font-size:22px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--ws-ink);
  user-select:none;
}
.login_popup .captcha-refresh{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;height:40px;
  flex:0 0 40px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--ws-line);
  color:var(--ws-ink)!important;
  text-decoration:none!important;
}
.login_popup .captcha input{flex:1 1 160px;margin:0!important;min-width:0}

/* Logged-in account menu in same drawer */
.login_popup > ul{
  list-style:none;
  margin:12px 16px 28px!important;
  padding:0!important;
  border:1px solid var(--ws-line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.login_popup > ul li{border-bottom:1px solid var(--ws-line)!important;margin:0!important}
.login_popup > ul li:last-child{border-bottom:0!important}
.login_popup > ul li a{
  display:flex!important;
  align-items:center;
  gap:12px;
  padding:14px 16px!important;
  color:var(--ws-ink)!important;
  text-decoration:none!important;
  font-weight:600!important;
  font-size:14px!important;
  transition:background .2s,color .2s;
}
.login_popup > ul li a .fa{
  width:28px!important;
  height:28px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:var(--ws-bg-soft);
  color:var(--ws-brand)!important;
  text-align:center;
}
.login_popup > ul li a:hover{
  background:rgba(0,136,168,.08)!important;
  color:var(--ws-brand-dark)!important;
}

/* Cart drawer polish */
.cart_popup ul.cart_item{padding:8px 0!important}
.cart_popup .c_btn{
  display:flex;
  gap:10px;
  padding:16px 20px 28px;
}
.cart_popup .c_btn a{
  float:none!important;
  flex:1;
  width:auto!important;
  margin:0!important;
  border-radius:12px!important;
  font-weight:700!important;
  padding:14px 12px!important;
}
.cart_popup .c_btn a:first-child{background:var(--ws-ink)!important}
.cart_popup .c_btn a:last-of-type{background:var(--ws-accent)!important}

@media (max-width:520px){
  .login_popup,.cart_popup{max-width:100%!important}
}

/* Account / profile panels — base block kept above with form styles */

@media (max-width:1024px){
  .p_detail .lft,.p_detail .rgt{flex:1 1 100%}
  .p_detail .b_image,
  .p_detail .lft .b_image,
  .p_detail .ws-gallery .b_image{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
  }
  .checkout{grid-template-columns:1fr!important}
  .cat_list{margin:8px 16px 28px;padding:20px}
}

/* Breadcrumb-ish */
.breadcrumb,.path_nav{
  padding:12px 28px 0;
  font-size:12px;
  color:var(--ws-muted);
}

/* ——— Responsive ——— */
@media (max-width:1100px){
  .ws-soft-strip__grid{grid-template-columns:1fr 1fr}
  .ws-brand-lockup__text{display:none}
}
@media (max-width:1200px){
  .p_list,.p_list.top{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:1024px){
  .ws-trust{grid-template-columns:1fr 1fr}
  .ws-trust__item:nth-child(2){border-right:0}
  .p_list,.p_list.top{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:12px 5px 32px}
  .p_list .product .pro_img{height:160px!important}
  .sq_f,.sq_f.top{padding:20px 16px 6px!important}
  .p_detail{margin:16px}
  .ws-hero__inner{padding:36px 20px 44px}
}
@media (max-width:768px){
  .ws-topbar{display:none}
  .main .header.desk{display:none!important}
  .ws-hero{min-height:52vh}
  .ws-trust{grid-template-columns:1fr}
  .ws-trust__item{border-right:0;border-bottom:1px solid var(--ws-line)}
  .ws-soft-strip__grid{grid-template-columns:1fr 1fr}
  .p_list,.p_list.top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v_cart,.cart_table,.checkout_wrap,.ws-page{margin:12px 14px 28px}
}
@media (max-width:480px){
  .ws-soft-strip__grid{grid-template-columns:1fr}
  .ws-hero__ctas{flex-direction:column}
  .ws-btn{width:100%}
}