@font-face{font-family:'Poppins';font-weight:600;font-style:normal;font-display:swap;src:url('poppins-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url('inter-500.woff2') format('woff2');}


.vcs-root{
  
  --red:#D92B41;
  
  --red-deep:#A81B2C;
  --red-tint:#FDF0F1;
  --ink:#1A1A1A;
  --body:#4A4A4A;
  --mute:#6E6E6E;
  --line:#E7E7E3;
  --soft:#F7F7F5;
  --head:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --text:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vcs-root *{box-sizing:border-box;}


.vcs-root .screen{
  flex:1 1 auto; width:390px; max-width:100%; margin:0 auto;
  background:#fff; overflow-y:auto; overflow-x:hidden;
  height:100vh; height:100dvh;
  box-shadow:0 0 0 1px rgba(0,0,0,.07);
  position:relative;
}

.vcs-root .screen.locked{overflow:hidden;}


.vcs-root .pg{display:none;}
.vcs-root .pg.on{display:block;}



.vcs-root .privacy{
  background:var(--red-tint); color:var(--red-deep); text-align:center;
  font-size:13px; font-weight:500; padding:8px 12px; letter-spacing:.005em;
}

.vcs-root .privacy i{font-style:normal; opacity:.55;}


.vcs-root .head{
  display:flex; align-items:center; padding:10px 12px 10px 16px;
  border-bottom:1px solid var(--line); position:relative; z-index:26;
  background:#fff;
}
.vcs-root .logo{
  font-family:var(--head); font-size:24px; font-weight:600;
  letter-spacing:.055em; color:var(--ink); margin-right:auto;
  text-decoration:none; min-height:44px; display:inline-flex; align-items:center;
}
.vcs-root .logo i{color:var(--red); font-style:normal;}

.vcs-root .logo .uae{
  font-family:var(--text); font-size:12px; font-weight:500;
  color:var(--mute); letter-spacing:.08em; margin-left:7px;
}
.vcs-root .ico{
  width:44px; height:44px; flex:0 0 44px;
  display:flex; align-items:center; justify-content:center;
  background:none; border:0; cursor:pointer; padding:0; color:var(--ink);
}
.vcs-root .burger span{display:block; width:18px; height:2px; background:var(--ink); border-radius:2px; position:relative; transition:background .18s;}
.vcs-root .burger span::before,.vcs-root .burger span::after{
  content:""; position:absolute; left:0; width:18px; height:2px;
  background:var(--ink); border-radius:2px; transition:top .18s, transform .18s;
}
.vcs-root .burger span::before{top:-6px;}
.vcs-root .burger span::after{top:6px;}
.vcs-root .burger.on span{background:transparent;}
.vcs-root .burger.on span::before{top:0; transform:rotate(45deg);}
.vcs-root .burger.on span::after{top:0; transform:rotate(-45deg);}
.vcs-root .drawer{
  position:absolute; top:100%; left:0; right:0; z-index:30;
  background:#fff; border-bottom:1px solid var(--line);
  padding:4px 0 8px; display:none;
  box-shadow:0 12px 24px rgba(0,0,0,.08);
}
.vcs-root .drawer.open{display:block;}
.vcs-root .drawer a{
  display:flex; align-items:center; min-height:48px; padding:0 20px;
  color:var(--ink); text-decoration:none; font-size:15px;
  border-bottom:1px solid var(--line);
}
.vcs-root .drawer a:last-child{border-bottom:0;}
.vcs-root .drawer a.hi{color:var(--red-deep); font-weight:500;}

.vcs-root .scrim{
  position:fixed; top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:390px; max-width:100%; z-index:25;
  background:rgba(26,26,26,.35); display:none;
}
.vcs-root .scrim.open{display:block;}


.vcs-root .phead{padding:20px 16px 14px;}
.vcs-root .phead h1{
  font-family:var(--head); font-size:26px; font-weight:600;
  margin:0; letter-spacing:-.01em; line-height:1.2;
}
.vcs-root .phead .sub{margin:8px 0 0; font-size:13px; color:var(--mute);}
.vcs-root .phead .sub b{color:var(--ink); font-weight:500;}
.vcs-root .crumb{
  display:flex; align-items:center; gap:6px; min-height:44px; padding:0 16px;
  font-size:13px; color:var(--mute); text-decoration:none;
}
.vcs-root .crumb:active{color:var(--ink);}
.vcs-root .crumb svg{flex:0 0 auto;}


.vcs-root .band{padding:20px 16px 0;}

.vcs-root .band.tint{background:var(--soft); padding-bottom:24px; margin-top:32px;}
.vcs-root .band.tint + .band.tint{margin-top:0;}
.vcs-root .band.gap52{padding-top:52px;}   
.vcs-root .sec-h{
  font-family:var(--head); font-size:20px; font-weight:600;
  margin:0 0 10px; letter-spacing:-.005em;
}
.vcs-root .sec-sub{margin:-6px 0 12px; font-size:13px; color:var(--mute);}


.vcs-root .grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.vcs-root .grid.g3{grid-template-columns:1fr 1fr 1fr; gap:10px;}
.vcs-root .card{
  border-radius:12px; padding:8px; background:#fff;
  border:1px solid var(--line); display:flex; flex-direction:column;
}
.vcs-root .cardlink{display:block; text-decoration:none; color:inherit;}
.vcs-root .cardlink:active .ph{opacity:.86;}
.vcs-root .ph{
  position:relative; aspect-ratio:1/1; width:100%;
  border-radius:10px; overflow:hidden; background:#fff;
}
.vcs-root .ph img{width:100%; height:100%; object-fit:contain; display:block;}
.vcs-root .off{
  position:absolute; top:8px; left:8px;
  background:var(--red); color:#fff; border-radius:6px;
  font-size:12px; font-weight:600; line-height:18px; padding:0 6px;
  letter-spacing:.01em;
}
.vcs-root .card .nm{
  font-size:15px; font-weight:400; color:var(--body); line-height:1.4;
  margin:10px 0 6px; min-height:42px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.vcs-root .card .pr{
  font-family:var(--head); font-size:20px; font-weight:600; line-height:1.2;
  color:var(--ink); margin-bottom:8px; display:flex; align-items:baseline; gap:6px;
}
.vcs-root .card .pr .was{
  font-family:var(--text); font-size:13px; font-weight:400;
  color:var(--mute); text-decoration:line-through;
}
.vcs-root .atc{
  margin-top:auto; height:44px; width:100%;
  background:var(--red-tint); color:var(--red-deep); border:0;
  border-radius:10px; font-family:var(--text); font-size:13px; font-weight:500;
  cursor:pointer; transition:background .15s, color .15s;
}
.vcs-root .atc:active{background:var(--red); color:#fff;}
.vcs-root .atc:disabled{background:#EFEFEC; color:var(--mute); cursor:default;}
.vcs-root .atc.added,.vcs-root .atc.added:disabled{background:var(--red); color:#fff;}



.vcs-root .hero{padding:14px 16px 0;}

.vcs-root .heroimg{
  
  height:clamp(128px, calc(100vh - 683px), 168px);
  height:clamp(128px, calc(100dvh - 683px), 168px); border-radius:12px; position:relative; overflow:hidden;
  background:#FBEEF0;
}
.vcs-root .heroimg img{width:100%; height:100%; object-fit:cover; object-position:78% center; display:block;}
.vcs-root .heroimg::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(92deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.68) 36%,rgba(255,255,255,.14) 60%,rgba(255,255,255,0) 76%);
}
.vcs-root .hero-tx{position:absolute; z-index:2; top:16px; left:16px; right:16px;}
.vcs-root .hero-tx .kick{
  margin:0 0 6px; font-size:13px; font-weight:500; letter-spacing:.02em;
  color:var(--red-deep);
}
.vcs-root .hero-tx h1{
  margin:0; font-family:var(--head); font-weight:600;
  font-size:20px; line-height:1.24; letter-spacing:-.005em; color:var(--ink);
  max-width:206px;
}
.vcs-root .pricerow{display:flex; align-items:baseline; gap:8px; margin-top:10px;}
.vcs-root .pricerow .from{font-family:var(--head); font-size:20px; font-weight:600; line-height:1.2; color:var(--ink);}
.vcs-root .pricerow .note{font-size:13px; color:var(--mute);}
.vcs-root .cta{
  display:flex; align-items:center; justify-content:center;
  width:100%; margin-top:8px; height:50px;
  background:var(--red); color:#fff; border:0; border-radius:10px;
  font-family:var(--head); font-size:15px; font-weight:600;
  cursor:pointer; letter-spacing:.005em; text-decoration:none;
  transition:background .15s, transform .06s;
}
.vcs-root .cta:active{background:var(--red-deep); transform:scale(.985);}


.vcs-root .cats{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px;}
.vcs-root .cat{
  border-radius:12px; padding:12px 6px 12px; text-decoration:none;
  background:#fff; border:1px solid var(--line);
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:var(--ink); min-height:118px; justify-content:center;
  transition:border-color .15s, background .15s;
}
.vcs-root .cat:active{border-color:var(--red); background:var(--red-tint);}

.vcs-root .cat .ci{
  width:72px; height:72px; border-radius:12px;
  background:#fff; border:1px solid var(--line); overflow:hidden;
}
.vcs-root .cat .ci img{width:100%; height:100%; object-fit:contain; display:block;}
.vcs-root .cat .cl{font-family:var(--head); font-size:13px; font-weight:600; line-height:1.2; text-align:center;}
.vcs-root .cat .cc{font-size:13px; color:var(--mute);}


.vcs-root .trust{display:flex; flex-direction:column; gap:14px;}
.vcs-root .trust .it{display:flex; gap:12px; align-items:flex-start;}
.vcs-root .trust .ic{
  flex:0 0 36px; width:36px; height:36px; border-radius:10px;
  background:var(--red-tint); color:var(--red-deep);
  display:flex; align-items:center; justify-content:center;
}
.vcs-root .trust .tx b{display:block; font-size:15px; font-weight:500; margin-bottom:2px; color:var(--ink);}
.vcs-root .trust .tx span{font-size:13px; color:var(--mute); line-height:1.5;}


.vcs-root .revs{display:flex; flex-direction:row; gap:10px; overflow-x:auto;
  scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px;}
.vcs-root .revs::-webkit-scrollbar{display:none;}
.vcs-root .rev{border-radius:12px; padding:12px 14px; background:#fff; border:1px solid var(--line);
  flex:0 0 86%; scroll-snap-align:start;}
.vcs-root .rev .top{display:flex; align-items:center; gap:8px; margin-bottom:6px;}
.vcs-root .rev .stars{color:var(--red); font-size:13px; letter-spacing:1.5px;}
.vcs-root .rev .vf{font-size:12px; color:var(--mute);}
.vcs-root .rev p{margin:0 0 6px; font-size:13px; line-height:1.55; color:var(--body);}
.vcs-root .rev .who{font-size:13px; color:var(--mute);}


.vcs-root .ask{text-align:center; padding:24px 16px 0;}
.vcs-root .ask h2{font-family:var(--head); font-size:20px; font-weight:600; margin:0 0 12px;}
.vcs-root .ask .row{display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}

.vcs-root .ask .wa-btn{margin-bottom:10px;}
.vcs-root .ask .row .ghost{flex:1 1 0; min-width:0;}
.vcs-root .ghost{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 18px;
  border:1px solid var(--line); background:#fff;
  border-radius:10px; font-family:var(--text); font-size:15px;
  color:var(--ink); cursor:pointer; text-decoration:none;
}
.vcs-root .ghost:active{background:var(--soft);}
.vcs-root .ghost.wide{width:100%;}


.vcs-root .chips{
  display:flex; gap:8px; overflow-x:auto; padding:2px 16px 12px;
  scrollbar-width:none;
}
.vcs-root .chips::-webkit-scrollbar{display:none;}
.vcs-root .chip{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 16px; border-radius:999px;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  font-size:13px; text-decoration:none; white-space:nowrap;
}
.vcs-root .chip.on{background:var(--red); border-color:var(--red); color:#fff; font-weight:500;}
.vcs-root .chip:active{border-color:var(--red);}


.vcs-root .typerow{
  display:flex; gap:8px; overflow-x:auto; padding:0 16px 4px;
  scrollbar-width:none;
}
.vcs-root .typerow::-webkit-scrollbar{display:none;}
.vcs-root .type{
  flex:0 0 auto; display:flex; align-items:center; min-height:44px;
  padding:0 14px; border-radius:10px; border:1px solid var(--line);
  background:#fff; color:var(--body); font-size:13px; text-decoration:none;
  white-space:nowrap;
}
.vcs-root .type.on{background:var(--red-tint); border-color:var(--red); color:var(--red-deep); font-weight:500;}
.vcs-root .type .n{color:var(--mute); font-size:13px; margin-left:6px;}
.vcs-root .type.on .n{color:var(--red-deep);}


.vcs-root .gal{position:relative; background:#fff;}
.vcs-root .galtrack{
  display:flex; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.vcs-root .galtrack::-webkit-scrollbar{display:none;}
.vcs-root .galtrack img{
  flex:0 0 100%; width:100%; aspect-ratio:1/1; object-fit:cover;
  display:block; scroll-snap-align:start;
}
.vcs-root .gal .off{top:12px; left:12px; font-size:12px; line-height:22px; padding:0 8px;}
.vcs-root .gal .count{
  position:absolute; bottom:10px; right:12px;
  background:rgba(26,26,26,.62); color:#fff; border-radius:999px;
  font-size:12px; line-height:22px; padding:0 9px; letter-spacing:.02em;
}
.vcs-root .dots{display:flex; justify-content:center; gap:6px; padding:10px 0 0;}
.vcs-root .dots i{display:block; width:7px; height:7px; border-radius:50%; background:#D8D8D3; transition:all .2s;}
.vcs-root .dots i.on{background:var(--red); width:18px; border-radius:6px;}
.vcs-root .pd-top{padding:12px 16px 0;}
.vcs-root .pd-name{
  font-family:var(--head); font-size:22px; font-weight:600; line-height:1.25;
  margin:0; letter-spacing:-.005em; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.vcs-root .pd-price{display:flex; align-items:baseline; gap:8px; margin-top:8px; flex-wrap:wrap;}
.vcs-root .pd-price .now{font-family:var(--head); font-size:26px; font-weight:600; color:var(--ink); line-height:1.1;}
.vcs-root .pd-price .was{font-size:13px; color:var(--mute); text-decoration:line-through;}
.vcs-root .pd-price .save{
  font-size:12px; font-weight:500; color:var(--red-deep);
  background:var(--red-tint); border-radius:6px; padding:3px 6px;
}

.vcs-root .buyrow{display:grid; grid-template-columns:1fr 1.6fr 1fr; gap:8px; margin-top:12px;}
.vcs-root .buyrow button,.vcs-root .buyrow a{
  height:50px; border-radius:10px; border:0; cursor:pointer;
  font-family:var(--head); font-size:13px; font-weight:600;
  display:flex; align-items:center; justify-content:center; gap:5px;
  text-decoration:none; padding:0 4px; white-space:nowrap;
  transition:background .15s, color .15s, transform .06s;
}
.vcs-root .buy-now{background:var(--red-tint); color:var(--red-deep); border:1px solid var(--red) !important;}
.vcs-root .buy-now:active{background:var(--red); color:#fff;}
.vcs-root .buy-atc{background:var(--red); color:#fff;}
.vcs-root .buy-atc:active{background:var(--red-deep); transform:scale(.985);}
.vcs-root .buy-atc:disabled{background:#EFEFEC; color:var(--mute);}
.vcs-root .buy-atc.added,.vcs-root .buy-atc.added:disabled{background:var(--red); color:#fff;}
.vcs-root .buy-ask{background:#fff; color:var(--ink); border:1px solid var(--line) !important;}
.vcs-root .buy-ask:active{background:var(--soft);}
.vcs-root .buy-ask svg{color:#128C7E;}
.vcs-root .short{display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin:14px 16px 0; padding-bottom:20px;}
.vcs-root .short div{
  display:flex; flex-direction:column; align-items:center; gap:5px;
  text-align:center; font-size:13px; line-height:1.35; color:var(--body);
}
.vcs-root .short svg{color:var(--red);}
.vcs-root .vid{position:relative; border-radius:12px; overflow:hidden; background:var(--soft); aspect-ratio:1/1;}
.vcs-root .vid img{width:100%; height:100%; object-fit:cover; display:block;}
.vcs-root .vid .play{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;}
.vcs-root .vid .play span{
  width:56px; height:56px; border-radius:50%; background:#fff;
  border:1px solid var(--line); box-shadow:0 2px 8px rgba(0,0,0,.18);
  display:flex; align-items:center; justify-content:center;
}
.vcs-root .vidcap{margin:10px 0 0; color:var(--mute); font-size:13px; line-height:1.4;}
.vcs-root .specs{display:grid; grid-template-columns:auto 1fr; gap:0 14px; font-size:13px; align-items:center;}
.vcs-root .specs dt{color:var(--mute); display:flex; align-items:center; min-height:44px;}
.vcs-root .specs dd{margin:0; color:var(--ink); display:flex; align-items:center; min-height:44px;}
.vcs-root .specs a{
  color:var(--red-deep); text-decoration:none;
  display:inline-flex; align-items:center; min-height:44px; padding-right:6px;
}


.vcs-root .citem{
  display:grid; grid-template-columns:88px 1fr; gap:12px;
  padding:14px 0; border-bottom:1px solid var(--line);
}
.vcs-root .citem .ci-img{
  width:88px; height:88px; border-radius:10px; border:1px solid var(--line);
  overflow:hidden; background:#fff;
}
.vcs-root .citem .ci-img img{width:100%; height:100%; object-fit:contain; display:block;}
.vcs-root .citem .ci-nm{
  font-size:15px; line-height:1.4; color:var(--ink); margin:0 0 6px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.vcs-root .citem .ci-pr{font-family:var(--head); font-size:20px; font-weight:600; margin:0 0 8px;}
.vcs-root .citem .ci-pr .was{font-family:var(--text); font-size:13px; font-weight:400; color:var(--mute); text-decoration:line-through; margin-left:6px;}
.vcs-root .qty{display:flex; align-items:center; gap:0;}
.vcs-root .qty a{
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  text-decoration:none; font-size:20px; line-height:1;
}
.vcs-root .qty a:first-child{border-radius:10px 0 0 10px;}
.vcs-root .qty a:last-child{border-radius:0 10px 10px 0;}
.vcs-root .qty a:active{background:var(--soft);}
.vcs-root .qty span{
  width:48px; height:44px; display:flex; align-items:center; justify-content:center;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  font-size:15px; font-weight:500;
}
.vcs-root .qty .rm{
  width:44px; height:44px; margin-left:12px; border:0; background:none;
  color:var(--mute); cursor:pointer; font-size:13px; text-decoration:underline;
  display:flex; align-items:center;
}
.vcs-root .totals{padding:14px 0 0;}
.vcs-root .totals .ln{display:flex; justify-content:space-between; align-items:center; min-height:34px; font-size:15px; color:var(--body);}
.vcs-root .totals .ln b{font-weight:500; color:var(--ink);}
.vcs-root .totals .ln.big{min-height:48px; font-family:var(--head); font-size:20px; font-weight:600; color:var(--ink); border-top:1px solid var(--line); margin-top:6px; padding-top:10px;}
.vcs-root .empty{text-align:center; padding:48px 24px 24px;}
.vcs-root .empty svg{color:#CFCFC9;}
.vcs-root .empty h2{font-family:var(--head); font-size:20px; font-weight:600; margin:16px 0 6px;}
.vcs-root .empty p{margin:0 0 20px; font-size:15px; color:var(--mute);}


.vcs-root .note-top{
  margin:0; padding:14px 16px; background:var(--red-tint); color:var(--red-deep);
  font-size:13px; font-weight:500;
}
.vcs-root .fset{padding:18px 16px 0;}
.vcs-root .fset h2{
  font-family:var(--head); font-size:20px; font-weight:600;
  margin:0 0 12px; display:flex; align-items:center; gap:8px;
}
.vcs-root .fset h2 i{
  width:22px; height:22px; border-radius:50%; background:var(--red-tint);
  color:var(--red-deep); font-style:normal; font-size:13px; font-weight:600;
  display:flex; align-items:center; justify-content:center; flex:0 0 22px;
}
.vcs-root .fld{margin-bottom:12px;}
.vcs-root .fld label{display:block; font-size:13px; color:var(--body); margin-bottom:6px;}
.vcs-root .fld label .opt{color:var(--mute); font-size:13px;}
.vcs-root .fld input,.vcs-root .fld select{
  width:100%; height:48px; border:1px solid var(--line); border-radius:10px;
  padding:0 14px; font-family:var(--text); font-size:16px; color:var(--ink);
  background:#fff; -webkit-appearance:none; appearance:none;
}
.vcs-root .fld select{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.5 7 9.5 11 5.5' stroke='%236E6E6E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}

.vcs-root input::placeholder,.vcs-root textarea::placeholder{color:var(--mute); opacity:1;}
.vcs-root .f2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.vcs-root .fld .hint{margin:6px 0 0; font-size:13px; color:var(--mute);}

.vcs-root .fld.bad input,.vcs-root .fld.bad select{border-color:var(--red);}
.vcs-root .fld .err{margin:6px 0 0; font-size:13px; color:var(--red-deep);}
.vcs-root .paybox{
  border:1px solid var(--red); border-radius:12px; padding:14px;
  background:var(--red-tint);
}
.vcs-root .paybox .row{display:flex; align-items:center; gap:10px;}
.vcs-root .paybox .dot{
  width:20px; height:20px; border-radius:50%; border:5px solid var(--red);
  background:#fff; flex:0 0 20px;
}
.vcs-root .paybox b{font-size:15px; font-weight:500;}
.vcs-root .paybox p{margin:8px 0 0 30px; font-size:13px; color:var(--body); line-height:1.5;}
.vcs-root .olist{border:1px solid var(--line); border-radius:12px; overflow:hidden;}
.vcs-root .oline{display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:center; padding:12px;}
.vcs-root .oline + .oline{border-top:1px solid var(--line);}
.vcs-root .oline .oi{width:56px; height:56px; border-radius:10px; border:1px solid var(--line); overflow:hidden;}
.vcs-root .oline .oi img{width:100%; height:100%; object-fit:contain; display:block;}
.vcs-root .oline .onm{font-size:13px; color:var(--body); line-height:1.35;}
.vcs-root .oline .oq{font-size:13px; color:var(--mute); margin-top:2px;}
.vcs-root .oline .op{font-family:var(--head); font-size:15px; font-weight:600;}
.vcs-root .submit{
  display:flex; align-items:center; justify-content:center; width:100%;
  margin-top:16px; height:54px; background:var(--red); color:#fff;
  border:0; border-radius:10px; font-family:var(--head); font-size:16px; font-weight:600;
  text-decoration:none; cursor:pointer;
}
.vcs-root .submit:active{background:var(--red-deep);}
.vcs-root .submit:disabled{background:#EFEFEC; color:var(--mute); cursor:default;}
.vcs-root .assure{display:flex; align-items:center; justify-content:center; gap:6px; margin:12px 0 0; font-size:13px; color:var(--mute);}

.vcs-root .privnote{text-align:center; margin:8px 0 0; font-size:13px; line-height:1.5; color:var(--mute);}


.vcs-root .done{text-align:center; padding:36px 20px 0;}
.vcs-root .done .tick{
  width:64px; height:64px; border-radius:50%; background:var(--red-tint);
  color:var(--red-deep); display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px;
}
.vcs-root .done h1{font-family:var(--head); font-size:24px; font-weight:600; margin:0 0 8px;}
.vcs-root .done p{margin:0 0 4px; font-size:15px; color:var(--body);}
.vcs-root .done .ordno{
  display:inline-block; margin:14px 0 0; padding:8px 14px; border-radius:10px;
  background:var(--soft); border:1px solid var(--line);
  font-family:var(--head); font-size:15px; font-weight:600; letter-spacing:.04em;
}
.vcs-root .steps{display:flex; flex-direction:column; gap:0; padding:8px 16px 0; text-align:left;}
.vcs-root .step{display:grid; grid-template-columns:32px 1fr; gap:12px; padding:14px 0;}
.vcs-root .step + .step{border-top:1px solid var(--line);}
.vcs-root .step .sn{
  width:32px; height:32px; border-radius:50%; background:var(--red-tint);
  color:var(--red-deep); font-family:var(--head); font-size:15px; font-weight:600;
  display:flex; align-items:center; justify-content:center;
}
.vcs-root .step b{display:block; font-size:15px; font-weight:500; margin-bottom:2px;}
.vcs-root .step span{font-size:13px; color:var(--mute); line-height:1.5;}


.vcs-root .faq{border-bottom:1px solid var(--line);}
.vcs-root .faq summary{
  display:flex; align-items:center; gap:12px; min-height:60px;
  padding:12px 0; cursor:pointer; list-style:none;
  font-size:15px; font-weight:500; color:var(--ink); line-height:1.4;
}
.vcs-root .faq summary::-webkit-details-marker{display:none;}
.vcs-root .faq summary .arw{
  margin-left:auto; flex:0 0 20px; color:var(--mute); transition:transform .2s;
}
.vcs-root .faq[open] summary .arw{transform:rotate(180deg);}
.vcs-root .faq .ans{padding:0 0 18px; font-size:15px; color:var(--body); line-height:1.6;}
.vcs-root .faq .ans ul{margin:8px 0 0; padding-left:18px;}
.vcs-root .faq .ans li{margin-bottom:6px;}


.vcs-root .prose{padding:0 16px;}
.vcs-root .prose h2{font-family:var(--head); font-size:20px; font-weight:600; margin:22px 0 8px;}
.vcs-root .prose h2:first-child{margin-top:4px;}
.vcs-root .prose p{margin:0 0 12px; font-size:15px; color:var(--body); line-height:1.65;}
.vcs-root .prose ul{margin:0 0 12px; padding-left:20px;}
.vcs-root .prose li{font-size:15px; color:var(--body); line-height:1.65; margin-bottom:6px;}
.vcs-root .prose .upd{font-size:13px; color:var(--mute); margin-top:24px;}

.vcs-root .prose a,.vcs-root .hint a{display:inline; padding:15px 2px;}


.vcs-root .mid{padding:40px 20px 24px; text-align:center;}
.vcs-root .mid .big{font-family:var(--head); font-size:52px; font-weight:600; color:var(--red); line-height:1; margin:0 0 12px;}
.vcs-root .mid h1{font-family:var(--head); font-size:22px; font-weight:600; margin:0 0 8px;}
.vcs-root .mid p{margin:0 auto 22px; font-size:15px; color:var(--mute); line-height:1.6; max-width:290px;}
.vcs-root .mid .row{display:flex; flex-direction:column; gap:10px;}
.vcs-root .searchbox{display:flex; gap:8px; padding:0 16px;}
.vcs-root .searchbox input{
  flex:1; height:50px; border:1px solid var(--line); border-radius:10px;
  padding:0 14px; font-family:var(--text); font-size:16px; min-width:0;
}
.vcs-root .searchbox button{
  width:50px; height:50px; flex:0 0 50px; border:0; border-radius:10px;
  background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer;
}
.vcs-root .tags{display:flex; flex-wrap:wrap; gap:8px; padding:0 16px;}
.vcs-root .tag{
  display:flex; align-items:center; min-height:44px; padding:0 14px;
  border-radius:999px; border:1px solid var(--line); background:#fff;
  font-size:13px; color:var(--body); text-decoration:none;
}
.vcs-root .tag:active{border-color:var(--red); background:var(--red-tint); color:var(--red-deep);}
.vcs-root .wa-card{
  margin:0 16px; border:1px solid var(--line); border-radius:12px;
  padding:20px; text-align:center; background:#fff;
}
.vcs-root .wa-card .wi{
  width:56px; height:56px; border-radius:50%; background:#E8F9EF;
  color:#0E6B49; display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
}
.vcs-root .wa-card h2{font-family:var(--head); font-size:20px; font-weight:600; margin:0 0 6px;}
.vcs-root .wa-card p{margin:0 0 16px; font-size:13px; color:var(--mute); line-height:1.55;}

.vcs-root .wa-btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  height:50px; border-radius:10px; background:#0F7B62; color:#fff;
  font-family:var(--head); font-size:15px; font-weight:600; text-decoration:none;
}
.vcs-root .wa-btn:active{background:#0B5F4B;}



.vcs-root .foot{margin-top:24px; padding:20px 16px calc(16px + env(safe-area-inset-bottom,0)); background:var(--soft); border-top:1px solid var(--line);}
.vcs-root .foot .lnks{display:grid; grid-template-columns:1fr 1fr; column-gap:16px;}
.vcs-root .foot .lnks a{
  display:flex; align-items:center; min-height:44px;
  font-size:13px; color:var(--body); text-decoration:none;
  border-bottom:1px solid var(--line);
}

.vcs-root .foot .pay{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:14px 0 12px;}
.vcs-root .foot .pay .cod{font-size:13px; color:var(--mute);}
.vcs-root .foot .cp{font-size:13px; color:var(--mute);}
.vcs-root .screen.nofoot .foot{display:none;}
.vcs-root .screen.notabs .tabbar{display:none;}


.vcs-root .tabbar{
  position:sticky; bottom:0; z-index:20;
  display:flex; background:#fff; border-top:1px solid var(--line);
  
  padding-bottom:env(safe-area-inset-bottom,0);
}
.vcs-root .tab{
  flex:1; min-height:64px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:3px;
  font-size:13px; color:var(--mute); text-decoration:none; position:relative;
}
.vcs-root .tab.on{color:var(--red-deep); font-weight:500;}
.vcs-root .tab svg{display:block;}
.vcs-root .tab .bub{
  position:absolute; top:9px; left:50%; margin-left:5px;
  background:var(--red); color:#fff; border-radius:9px;
  font-size:12px; line-height:18px; padding:0 6px; font-weight:500;
  display:none; transition:transform .18s;
}
.vcs-root .tab .bub.on{display:block;}
.vcs-root .tab .bub.pop{transform:scale(1.4);}


@media (max-width:374px){
  .vcs-root .head{padding-left:14px; padding-right:10px;}
  .vcs-root .logo{font-size:24px;}
  .vcs-root .phead{padding-left:14px; padding-right:14px;}
  .vcs-root .phead h1{font-size:26px;}
  .vcs-root .hero{padding-left:14px; padding-right:14px;}
  .vcs-root .heroimg{height:clamp(128px, calc(100vh - 683px), 164px);
            height:clamp(128px, calc(100dvh - 683px), 164px);}
  .vcs-root .hero-tx{left:14px; right:14px;}
  .vcs-root .hero-tx h1{font-size:20px; max-width:190px;}
  .vcs-root .pricerow .from{font-size:20px;}
  .vcs-root .band{padding-left:14px; padding-right:14px;}
  .vcs-root .sec-h{font-size:20px;}
  .vcs-root .grid{gap:10px;}
  .vcs-root .card{padding:7px;}
  .vcs-root .card .nm{font-size:15px; min-height:40px;}
  .vcs-root .card .pr{font-size:20px;}
  .vcs-root .card .pr .was{font-size:13px;}
  .vcs-root .card .off{font-size:12px; line-height:18px; padding:0 6px;}
  .vcs-root .atc{font-size:13px;}
  .vcs-root .cats{gap:8px;}
  .vcs-root .cat{padding:12px 4px 10px; min-height:112px;}
  .vcs-root .cat .ci{width:42px; height:42px;}
  .vcs-root .cat .cl{font-size:13px;}
  .vcs-root .cat .cc{font-size:13px;}
  .vcs-root .foot .lnks{column-gap:12px;}
  .vcs-root .chips{padding-left:14px; padding-right:14px;}
  .vcs-root .chip{padding:0 13px; font-size:13px;}
  .vcs-root .typerow{padding-left:14px; padding-right:14px;}
  .vcs-root .type{padding:0 12px; font-size:13px;}
  .vcs-root .pd-top{padding-left:14px; padding-right:14px;}
  .vcs-root .pd-name{font-size:22px;}
  .vcs-root .pd-price .now{font-size:26px;}
  
  .vcs-root .buyrow{gap:6px;}
  .vcs-root .buyrow button,.vcs-root .buyrow a{height:48px; font-size:13px; padding:0 2px;}
  .vcs-root .short{margin-left:14px; margin-right:14px; gap:6px;}
  .vcs-root .short div{font-size:13px;}
  .vcs-root .prose{padding-left:14px; padding-right:14px;}
  .vcs-root .fset{padding-left:14px; padding-right:14px;}
  .vcs-root .note-top{padding-left:14px; padding-right:14px;}
  .vcs-root .mid{padding-left:16px; padding-right:16px;}
  .vcs-root .searchbox{padding-left:14px; padding-right:14px;}
  .vcs-root .tags{padding-left:14px; padding-right:14px;}
  .vcs-root .wa-card{margin-left:14px; margin-right:14px; padding:16px;}
  .vcs-root .citem{grid-template-columns:76px 1fr; gap:10px;}
  .vcs-root .citem .ci-img{width:76px; height:76px;}
  .vcs-root .qty span{width:44px;}
  .vcs-root .oline{grid-template-columns:48px 1fr auto; gap:10px;}
  .vcs-root .oline .oi{width:48px; height:48px;}
}

body.vcs-preview{margin:0;background:#fff;display:block;}
.vcs-root{font-family:var(--text);font-size:15px;line-height:1.5;color:var(--ink);background:#fff;max-width:1200px;margin:auto;isolation:isolate;padding-bottom:100px;}
.vcs-root h1,.vcs-root h2,.vcs-root h3,.vcs-root p{font-style:normal;text-transform:none;}
.vcs-root a{text-decoration:none;}
.vcs-root img{max-width:100%;}
.vcs-root button,.vcs-root input{font-family:var(--text);text-transform:none;letter-spacing:normal;}
.vcs-root .pg{display:block;}
.vcs-root .tabbar{width:100%;max-width:1200px;left:50%;transform:translateX(-50%);}
.vcs-root [hidden]{display:none!important;}
.vcs-root .vcs-add-form{margin-top:auto;margin-bottom:0;}
.vcs-root .card .pr{flex-wrap:wrap;gap:6px;}
.vcs-root .pr del{color:var(--mute);font-size:13px;font-weight:400;}
.vcs-root .pr ins{background:none;color:var(--ink);text-decoration:none;}
.vcs-root .pr .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.vcs-root a.atc{display:flex;align-items:center;justify-content:center;}
.vcs-root .vcs-preview-note{margin:20px 16px;padding:12px;border:1px dashed var(--line);font-size:13px;color:var(--mute);}
.vcs-root #vcs-search{padding:12px 16px;display:flex;gap:8px;}
.vcs-root #vcs-search input[type=search]{width:100%;min-width:0;font-size:16px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px;}
.vcs-root #vcs-search button{flex:0 0 70px;}
.vcs-root .tab.on{color:var(--red);}
.vcs-root :focus-visible{outline:2px solid var(--red);outline-offset:3px;}
@media(min-width:768px){
 .vcs-root .hero{padding:24px;}
 .vcs-root .heroimg{height:320px;}
 .vcs-root .hero-tx h1{font-size:44px;}
 .vcs-root .hero-tx{padding-left:28px;}
 .vcs-root .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
 .vcs-root .band{padding-left:24px;padding-right:24px;}
 .vcs-root .rev{flex:1 1 0;}
 .vcs-root .trust{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
}

/* Public-site safeguards: the old theme also has generic review/tab/WhatsApp rules. */
@media(max-width:767px){
  .vcs-root .revs{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:12px!important;padding-bottom:0!important;}
  .vcs-root .rev{display:block!important;min-width:0!important;width:100%!important;flex:none!important;}
  .vcs-root .tabbar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;z-index:9998!important;}
  .vcs-root .tabbar .tab{display:flex!important;flex:0 0 25%!important;width:25%!important;min-width:0!important;visibility:visible!important;opacity:1!important;}
  .vcs-root{padding-bottom:84px!important;}
}

/* Keep the original horizontally swipeable review cards. */
.vcs-root .revs{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory}
.vcs-root .rev{flex:0 0 86%!important;min-width:0!important;width:auto!important}
.vcs-root .drawer.open,.vcs-root .scrim.open{display:block}
.vcs-root .scrim{width:100%;max-width:none}
.vcs-root .tabbar{position:fixed!important;left:50%!important;bottom:0;transform:translateX(-50%)!important;width:100%;z-index:1000}
.vcs-root .commerce{padding:16px;min-height:45vh}
.vcs-root .commerce input:not([type=radio]):not([type=checkbox]),.vcs-root .commerce select,.vcs-root .commerce textarea{max-width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px}
.vcs-root .commerce button,.vcs-root .commerce .button{background:var(--red);color:white;border:0;border-radius:8px;padding:12px 18px;min-height:44px}
.vcs-root .commerce table{width:100%}.vcs-root .commerce img{max-width:100%}
.vcs-root .commerce .quantity input{width:72px}
.vcs-root .product-layout{display:grid;gap:24px}.vcs-root .product-layout .ph{max-width:520px}
@media(min-width:768px){.vcs-root .rev{flex:1 1 0!important}.vcs-root .product-layout{grid-template-columns:1fr 1fr}}