/* vstore.css — storefront design layer for الهوية البصرية للاستثمار (2026-10-10).
   Sits on top of the compiled storefront.css (never rebuilt). RTL-first, logical properties. */
:root{
  --vs-navy:#17335f; --vs-navy-2:#0f2445; --vs-navy-3:#22467f;
  --vs-gold:#c8a24a; --vs-gold-2:#e0c076; --vs-gold-soft:#f7efdc;
  --vs-bg:#f3f5f9; --vs-card:#fff; --vs-line:#e3e8f0; --vs-line-2:#eef1f6;
  --vs-text:#0f172a; --vs-text-2:#334155; --vs-muted:#64748b;
  --vs-green:#15803d; --vs-green-soft:#e8f6ee; --vs-red:#dc2626; --vs-amber:#b45309; --vs-amber-soft:#fff4e0;
  --vs-wa:#25d366; --vs-radius:14px; --vs-radius-sm:10px;
  --vs-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px -6px rgba(15,23,42,.10);
  --vs-shadow-lg:0 18px 40px -18px rgba(15,36,69,.35);
}
html{scroll-behavior:smooth}
body.vs-body{background:var(--vs-bg)!important;color:var(--vs-text);font-family:'Cairo','Segoe UI',Tahoma,sans-serif}
.vs-body a{color:inherit;text-decoration:none}
.vs-body img{max-width:100%}
.vs-container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:16px}
.vs-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.vs-hide{display:none!important}
@media (max-width:1023px){.vs-desk{display:none!important}}
@media (min-width:1024px){.vs-mob{display:none!important}}

/* ---------- buttons ---------- */
.vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding-inline:1.25rem;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,transform .1s;white-space:nowrap;line-height:1}
.vs-btn:active{transform:translateY(1px)}
.vs-btn svg{width:18px;height:18px;flex:none}
.vs-btn-primary{background:var(--vs-navy);color:#fff!important}
.vs-btn-primary:hover{background:var(--vs-navy-3)}
.vs-btn-gold{background:var(--vs-gold);color:#1d1503!important}
.vs-btn-gold:hover{filter:brightness(1.06)}
.vs-btn-outline{background:#fff;color:var(--vs-navy)!important;border-color:var(--vs-line)}
.vs-btn-outline:hover{border-color:var(--vs-navy)}
.vs-btn-wa{background:var(--vs-wa);color:#fff!important}
.vs-btn-wa:hover{filter:brightness(.95)}
.vs-btn-sm{height:36px;padding-inline:.9rem;font-size:.85rem}
.vs-btn-block{width:100%}
.vs-btn[disabled]{opacity:.55;cursor:not-allowed}
.vs-link{color:var(--vs-navy);font-weight:700}
.vs-link:hover{text-decoration:underline}

/* ---------- announcement + header ---------- */
.vs-announce{background:linear-gradient(90deg,var(--vs-gold),#d9b766);color:#1d1503;font-size:.82rem;font-weight:700;overflow:hidden;white-space:nowrap}
.vs-announce-track{display:inline-flex;gap:3rem;padding-block:.42rem;animation:vs-marquee 38s linear infinite}
.vs-announce-track span{display:inline-flex;align-items:center;gap:.5rem}
.vs-announce-track span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vs-navy);display:inline-block}
.vs-announce:hover .vs-announce-track{animation-play-state:paused}
@keyframes vs-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
[dir=ltr] .vs-announce-track{animation-name:vs-marquee-ltr}
@keyframes vs-marquee-ltr{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.vs-header{position:sticky;top:0;z-index:40;background:var(--vs-navy);color:#fff;box-shadow:0 2px 12px rgba(15,36,69,.25)}
.vs-header-row{display:flex;align-items:center;gap:1rem;height:72px}
.vs-logo{display:flex;align-items:center;gap:.65rem;flex:none;color:#fff}
.vs-logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--vs-gold),var(--vs-gold-2));color:var(--vs-navy-2);display:grid;place-items:center;font-weight:900;font-size:1.05rem;letter-spacing:-.5px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.vs-logo-text{display:flex;flex-direction:column;line-height:1.1}
.vs-logo-text b{font-size:1.08rem;font-weight:800}
.vs-logo-text small{font-size:.68rem;opacity:.75;letter-spacing:.06em;direction:ltr;text-align:start}
.vs-logo img{height:44px;max-width:170px;object-fit:contain}
.vs-search{flex:1;max-width:640px;position:relative;margin-inline:auto}
.vs-search form{display:flex;align-items:center;background:#fff;border-radius:999px;height:46px;padding-inline:.35rem;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.vs-search input{flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--vs-text)!important;font-size:.95rem;padding-inline:.9rem;height:44px;min-width:0}
.vs-search button{height:36px;width:44px;border-radius:999px;background:var(--vs-gold);color:var(--vs-navy-2);display:grid;place-items:center;border:0;cursor:pointer;flex:none}
.vs-search button svg{width:20px;height:20px}
.vs-suggest{position:absolute;inset-inline:0;top:calc(100% + 6px);background:#fff;color:var(--vs-text);border-radius:14px;box-shadow:var(--vs-shadow-lg);overflow:hidden;max-height:70vh;overflow-y:auto;z-index:60;border:1px solid var(--vs-line)}
.vs-suggest a{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--vs-line-2)}
.vs-suggest a:hover{background:var(--vs-bg)}
.vs-suggest img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--vs-bg);flex:none}
.vs-suggest .t{font-weight:700;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.vs-suggest .p{color:var(--vs-navy);font-weight:800;font-size:.85rem}
.vs-suggest .c{color:var(--vs-muted);font-size:.75rem}
.vs-suggest .all{justify-content:center;font-weight:800;color:var(--vs-navy);background:var(--vs-bg)}
.vs-hicons{display:flex;align-items:center;gap:.25rem;flex:none}
.vs-hicon{position:relative;display:inline-flex;align-items:center;gap:.4rem;height:44px;min-width:44px;justify-content:center;padding-inline:.6rem;border-radius:12px;color:#fff;font-weight:700;font-size:.85rem;background:transparent;border:0;cursor:pointer}
.vs-hicon:hover{background:rgba(255,255,255,.1)}
.vs-hicon svg{width:22px;height:22px}
.vs-hicon .lbl{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.vs-hicon .lbl small{font-size:.68rem;opacity:.7;font-weight:600}
.vs-count{position:absolute;top:3px;inset-inline-end:2px;min-width:19px;height:19px;padding-inline:5px;border-radius:999px;background:var(--vs-gold);color:var(--vs-navy-2);font-size:.7rem;font-weight:900;display:grid;place-items:center;line-height:1}
.vs-count:empty,.vs-count[data-zero="1"]{display:none}
.vs-bump{animation:vs-bump .5s ease}
@keyframes vs-bump{30%{transform:scale(1.35)}}
.vs-dd{position:relative}
.vs-dd-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:200px;background:#fff;color:var(--vs-text);border-radius:12px;box-shadow:var(--vs-shadow-lg);border:1px solid var(--vs-line);padding:.35rem;z-index:70}
.vs-dd-menu a,.vs-dd-menu button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;background:none;border:0;cursor:pointer;text-align:start;color:var(--vs-text)}
.vs-dd-menu a:hover,.vs-dd-menu button:hover{background:var(--vs-bg)}
.vs-dd-menu svg{width:18px;height:18px;color:var(--vs-muted)}

.vs-nav{background:#fff;border-bottom:1px solid var(--vs-line);position:relative;z-index:35}
.vs-nav-row{display:flex;align-items:center;gap:.25rem;height:50px}
.vs-allcats{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding-inline:1rem;border-radius:999px;background:var(--vs-navy);color:#fff;font-weight:800;font-size:.88rem;border:0;cursor:pointer;flex:none}
.vs-allcats svg{width:18px;height:18px}
.vs-nav-links{display:flex;align-items:center;gap:.15rem;overflow-x:auto;scrollbar-width:none;flex:1;padding-inline:.5rem}
.vs-nav-links::-webkit-scrollbar{display:none}
.vs-nav-links a{flex:none;padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700;color:var(--vs-text-2);white-space:nowrap}
.vs-nav-links a:hover,.vs-nav-links a.is-active{background:var(--vs-gold-soft);color:var(--vs-navy-2)}
.vs-nav-links a.vs-hot{color:var(--vs-red)}
.vs-mega{position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--vs-line);box-shadow:var(--vs-shadow-lg);z-index:50}
.vs-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 2rem;padding-block:1.4rem 1.6rem}
.vs-mega-col h4{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:800;margin:0 0 .45rem}
.vs-mega-col h4 img{width:34px;height:34px;border-radius:9px;object-fit:cover}
.vs-mega-col h4 a:hover{color:var(--vs-navy-3)}
.vs-mega-col ul{list-style:none;margin:0;padding:0}
.vs-mega-col li a{display:block;padding:.18rem 0;font-size:.85rem;color:var(--vs-muted)}
.vs-mega-col li a:hover{color:var(--vs-navy);padding-inline-start:.2rem}

/* ---------- generic sections ---------- */
.vs-main{padding-bottom:2rem}
.vs-section{margin-top:2rem}
.vs-panel{background:#fff;border:1px solid var(--vs-line);border-radius:22px;padding:1.4rem 1.4rem 1.2rem;box-shadow:var(--vs-shadow)}
.vs-panel.tint-gold{background:linear-gradient(180deg,#fffaf0,#fff 55%)}
.vs-panel.tint-blue{background:linear-gradient(180deg,#f0f5ff,#fff 55%)}
.vs-panel.tint-green{background:linear-gradient(180deg,#effaf4,#fff 55%)}
.vs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.vs-head .kicker{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--vs-gold);text-transform:uppercase}
.vs-head .kicker i{width:26px;height:26px;border-radius:8px;background:var(--vs-navy);color:var(--vs-gold-2);display:grid;place-items:center;font-style:normal}
.vs-head .kicker i svg{width:15px;height:15px}
.vs-head h2{font-size:1.45rem;font-weight:800;margin:.2rem 0 0;color:var(--vs-text);line-height:1.3}
.vs-head p{margin:.15rem 0 0;color:var(--vs-muted);font-size:.88rem}
.vs-viewall{display:inline-flex;align-items:center;gap:.4rem;height:40px;padding-inline:1.1rem;border-radius:999px;background:var(--vs-navy-2);color:#fff!important;font-weight:800;font-size:.85rem}
.vs-viewall:hover{background:var(--vs-navy-3)}
.vs-viewall svg{width:16px;height:16px}
[dir=rtl] .vs-flip{transform:scaleX(-1)}

/* ---------- hero ---------- */
.vs-hero{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:1rem;margin-top:1.1rem}
@media (max-width:1023px){.vs-hero{grid-template-columns:1fr}}
.vs-slider{position:relative;border-radius:22px;overflow:hidden;background:var(--vs-navy-2);aspect-ratio:16/7;box-shadow:var(--vs-shadow)}
@media (max-width:640px){.vs-slider{aspect-ratio:4/3}}
.vs-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.vs-slide.is-on{opacity:1;pointer-events:auto}
.vs-slide img{width:100%;height:100%;object-fit:cover;display:block}
.vs-slide .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,45,0) 30%,rgba(9,22,45,.82) 100%)}
[dir=ltr] .vs-slide .shade{background:linear-gradient(270deg,rgba(9,22,45,0) 30%,rgba(9,22,45,.82) 100%)}
.vs-slide .copy{position:absolute;inset-block:0;inset-inline-start:0;width:min(560px,78%);display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding-inline:2.4rem;color:#fff}
.vs-slide .copy .tag{align-self:flex-start;background:var(--vs-gold);color:var(--vs-navy-2);font-weight:800;font-size:.75rem;padding:.25rem .7rem;border-radius:999px}
.vs-slide .copy h2{font-size:clamp(1.35rem,3.1vw,2.5rem);font-weight:900;line-height:1.25;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.vs-slide .copy p{font-size:clamp(.85rem,1.4vw,1.05rem);opacity:.92;margin:0;max-width:440px}
.vs-slide .copy .vs-btn{align-self:flex-start;margin-top:.4rem}
@media (max-width:640px){.vs-slide .copy{width:100%;padding-inline:1.2rem;justify-content:flex-end;padding-bottom:2.6rem}.vs-slide .shade{background:linear-gradient(0deg,rgba(9,22,45,.88) 15%,rgba(9,22,45,0) 70%)!important}.vs-slide .copy p{display:none}}
.vs-slide.is-banner .shade,.vs-slide.is-banner .copy{display:none}
.vs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--vs-navy-2);display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);z-index:3}
.vs-arrow svg{width:20px;height:20px}
.vs-arrow.prev{inset-inline-start:12px}.vs-arrow.next{inset-inline-end:12px}
.vs-dots{position:absolute;bottom:14px;inset-inline:0;display:flex;justify-content:center;gap:6px;z-index:3}
.vs-dots button{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.55);border:0;padding:0;cursor:pointer;transition:all .25s}
.vs-dots button.is-on{width:26px;background:var(--vs-gold-2)}
.vs-side-promos{display:grid;grid-template-rows:1fr 1fr;gap:1rem}
@media (max-width:1023px){.vs-side-promos{grid-template-rows:none;grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vs-side-promos{grid-template-columns:1fr}}
.vs-promo{position:relative;border-radius:22px;overflow:hidden;min-height:150px;display:block;box-shadow:var(--vs-shadow);background:var(--vs-navy)}
.vs-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.vs-promo:hover img{transform:scale(1.05)}
.vs-promo .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,45,.85),rgba(9,22,45,.05) 70%)}
.vs-promo .copy{position:absolute;inset-inline:1.1rem;bottom:1rem;color:#fff}
.vs-promo .copy small{display:inline-block;background:var(--vs-gold);color:var(--vs-navy-2);font-weight:800;font-size:.7rem;padding:.15rem .6rem;border-radius:99px}
.vs-promo .copy h3{font-size:1.15rem;font-weight:800;margin:.35rem 0 .1rem}
.vs-promo .copy span{font-size:.82rem;opacity:.9;display:inline-flex;align-items:center;gap:.3rem}

/* ---------- USP strip ---------- */
.vs-usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}
@media (max-width:900px){.vs-usp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vs-usp div{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--vs-line);border-radius:16px;padding:.85rem 1rem}
.vs-usp i{width:44px;height:44px;border-radius:12px;background:var(--vs-gold-soft);color:var(--vs-navy);display:grid;place-items:center;flex:none;font-style:normal}
.vs-usp i svg{width:22px;height:22px}
.vs-usp b{display:block;font-size:.9rem;font-weight:800}
.vs-usp small{display:block;color:var(--vs-muted);font-size:.76rem;line-height:1.35}

/* ---------- category tiles ---------- */
.vs-cats{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:thin}
.vs-cat{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}
.vs-cat .img{width:132px;height:132px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--vs-line);box-shadow:var(--vs-shadow);position:relative;transition:transform .2s,box-shadow .2s}
.vs-cat .img img{width:100%;height:100%;object-fit:cover}
.vs-cat:hover .img{transform:translateY(-3px);box-shadow:var(--vs-shadow-lg)}
.vs-cat b{font-size:.84rem;font-weight:800;line-height:1.3;color:var(--vs-text)}
.vs-cat small{font-size:.72rem;color:var(--vs-muted);margin-top:-.4rem}
@media (max-width:640px){.vs-cats{grid-auto-columns:100px}.vs-cat .img{width:100px;height:100px;border-radius:20px}}

/* ---------- horizontal product rows ---------- */
.vs-rowwrap{position:relative}
.vs-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*1rem)/5);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.25rem .1rem .6rem;scrollbar-width:none}
.vs-row::-webkit-scrollbar{display:none}
.vs-row>*{scroll-snap-align:start}
@media (max-width:1279px){.vs-row{grid-auto-columns:calc((100% - 3*1rem)/4)}}
@media (max-width:1023px){.vs-row{grid-auto-columns:calc((100% - 2*1rem)/3)}}
@media (max-width:640px){.vs-row{grid-auto-columns:46%;gap:.7rem}}
.vs-rowwrap .vs-arrow{top:42%}
.vs-rowwrap .vs-arrow.prev{inset-inline-start:-14px}.vs-rowwrap .vs-arrow.next{inset-inline-end:-14px}
@media (max-width:640px){.vs-rowwrap .vs-arrow{display:none}}

/* ---------- product card ---------- */
.vs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (min-width:1400px){.vs-grid.wide{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.vs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}}
.vs-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--vs-line);border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s;min-width:0}
.vs-card:hover{box-shadow:var(--vs-shadow-lg);transform:translateY(-3px);border-color:#d6dce8}
.vs-card-media{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.vs-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.vs-card:hover .vs-card-media img{transform:scale(1.06)}
.vs-badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start}
.vs-badge{font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:99px;line-height:1.4}
.vs-badge.off{background:var(--vs-red);color:#fff}
.vs-badge.new{background:var(--vs-navy);color:#fff}
.vs-badge.svc{background:var(--vs-gold);color:var(--vs-navy-2)}
.vs-badge.out{background:#334155;color:#fff}
.vs-card-tools{position:absolute;top:10px;inset-inline-end:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.vs-tool{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid var(--vs-line);display:grid;place-items:center;color:var(--vs-text-2);cursor:pointer;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.vs-tool svg{width:17px;height:17px}
.vs-tool:hover{color:var(--vs-navy);border-color:var(--vs-navy)}
.vs-tool.is-on{color:#fff;background:var(--vs-red);border-color:var(--vs-red)}
.vs-tool.is-on svg{fill:currentColor}
.vs-card-tools .vs-tool.qv{opacity:0;transform:translateY(-4px)}
.vs-card:hover .vs-card-tools .vs-tool.qv{opacity:1;transform:none}
@media (hover:none){.vs-card-tools .vs-tool.qv{display:none}}
.vs-card-body{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem .9rem;flex:1}
.vs-card-brand{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--vs-muted);text-transform:uppercase;min-height:1em}
.vs-card-title{font-size:.88rem;font-weight:700;line-height:1.45;color:var(--vs-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.vs-card-title:hover{color:var(--vs-navy-3)}
.vs-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.15rem .45rem;margin-top:auto;padding-top:.3rem}
.vs-price .now{font-size:1.12rem;font-weight:900;color:var(--vs-text);direction:ltr;unicode-bidi:isolate}
.vs-price .now small{font-size:.72rem;font-weight:800;color:var(--vs-muted);margin-inline-end:.15rem}
.vs-price del{font-size:.78rem;color:var(--vs-muted);direction:ltr;unicode-bidi:isolate}
.vs-price .save{font-size:.72rem;font-weight:800;color:var(--vs-green)}
.vs-stock{display:flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700}
.vs-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.vs-stock.ok{color:var(--vs-green)}.vs-stock.low{color:var(--vs-amber)}.vs-stock.req{color:var(--vs-muted)}.vs-stock.out{color:var(--vs-red)}
.vs-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.15rem}
.vs-add{width:40px;height:40px;border-radius:50%;background:var(--vs-navy);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .15s,transform .15s}
.vs-add:hover{background:var(--vs-gold);color:var(--vs-navy-2);transform:rotate(90deg)}
.vs-add svg{width:20px;height:20px}
.vs-add span{display:none}
.vs-add[disabled]{background:#cbd5e1;transform:none}
.vs-card .js-add-status{display:none}
@media (max-width:640px){.vs-card-body{padding:.6rem .65rem .75rem}.vs-card-title{font-size:.82rem}.vs-price .now{font-size:1rem}.vs-add{width:36px;height:36px}}

/* ---------- banners pair + brands ---------- */
.vs-banners{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:760px){.vs-banners{grid-template-columns:1fr}}
.vs-banner{display:block;border-radius:22px;overflow:hidden;box-shadow:var(--vs-shadow);position:relative;aspect-ratio:2/1;background:var(--vs-navy)}
.vs-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vs-banner:hover img{transform:scale(1.04)}
.vs-brands{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:.75rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}
.vs-brands::-webkit-scrollbar{display:none}
.vs-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;height:84px;border-radius:16px;background:#fff;border:1px solid var(--vs-line);text-align:center;transition:all .2s;padding-inline:.5rem}
.vs-brand b{font-size:1rem;font-weight:900;color:var(--vs-navy);letter-spacing:.02em;direction:ltr}
.vs-brand small{font-size:.72rem;color:var(--vs-muted)}
.vs-brand:hover{border-color:var(--vs-gold);box-shadow:var(--vs-shadow)}

/* ---------- newsletter + footer ---------- */
.vs-news{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center;background:linear-gradient(120deg,var(--vs-navy-2),var(--vs-navy-3));color:#fff;border-radius:24px;padding:2rem 2.2rem;overflow:hidden;position:relative}
.vs-news::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(200,162,74,.45),transparent 70%)}
@media (max-width:860px){.vs-news{grid-template-columns:1fr;padding:1.5rem}}
.vs-news h3{font-size:1.4rem;font-weight:800;margin:0 0 .3rem}
.vs-news p{margin:0;opacity:.85;font-size:.9rem}
.vs-news form{display:flex;gap:.5rem;position:relative;z-index:1}
.vs-news input{flex:1;height:48px;border-radius:999px;border:0;padding-inline:1.1rem;color:var(--vs-text);font-size:.95rem;min-width:0;background:#fff}
.vs-news .msg{margin-top:.5rem;font-size:.85rem;font-weight:700;position:relative;z-index:1}
.vs-footer{background:var(--vs-navy-2);color:#cfd8e6;margin-top:3rem}
.vs-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem;padding-block:2.6rem 2rem}
@media (max-width:900px){.vs-footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vs-footer-grid{grid-template-columns:1fr}}
.vs-footer h5{color:#fff;font-size:.95rem;font-weight:800;margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem}
.vs-footer h5::before{content:"";width:4px;height:16px;border-radius:4px;background:var(--vs-gold)}
.vs-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.vs-footer li a{font-size:.88rem;color:#cfd8e6}
.vs-footer li a:hover{color:var(--vs-gold-2)}
.vs-footer p{font-size:.88rem;line-height:1.8;margin:.6rem 0 0}
.vs-contact-line{display:flex;align-items:center;gap:.6rem;font-size:.88rem;margin-top:.55rem}
.vs-contact-line svg{width:17px;height:17px;color:var(--vs-gold-2);flex:none}
.vs-social{display:flex;gap:.5rem;margin-top:1rem}
.vs-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.vs-social a:hover{background:var(--vs-gold);color:var(--vs-navy-2)}
.vs-social svg{width:18px;height:18px}
.vs-pay{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.vs-pay span{font-size:.72rem;font-weight:800;background:#fff;color:var(--vs-navy-2);border-radius:6px;padding:.25rem .55rem}
.vs-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:1rem;font-size:.8rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#9fb0c8}
.vs-wa{position:fixed;bottom:22px;inset-inline-end:22px;z-index:45;width:58px;height:58px;border-radius:50%;background:var(--vs-wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(37,211,102,.7)}
.vs-wa svg{width:30px;height:30px}
.vs-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--vs-wa);animation:vs-ping 2.2s infinite}
@keyframes vs-ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.45);opacity:0}}
@media (max-width:1023px){.vs-wa{bottom:84px;width:52px;height:52px}}

/* ---------- breadcrumb + page head ---------- */
.vs-bc{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;color:var(--vs-muted);padding-block:1rem .2rem}
.vs-bc a:hover{color:var(--vs-navy)}
.vs-bc svg{width:13px;height:13px;opacity:.6}
.vs-bc b{color:var(--vs-text);font-weight:700}
.vs-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block:.4rem 1rem}
.vs-pagehead h1{font-size:1.6rem;font-weight:900;margin:0;line-height:1.3}
.vs-pagehead p{margin:.2rem 0 0;color:var(--vs-muted);font-size:.9rem}

/* ---------- shop ---------- */
.vs-subcats{display:flex;gap:.55rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.3rem;margin-bottom:1rem}
.vs-subcats::-webkit-scrollbar{display:none}
.vs-subcat{flex:none;display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--vs-line);border-radius:999px;padding:.3rem .9rem .3rem .3rem;font-size:.85rem;font-weight:700}
[dir=rtl] .vs-subcat{padding:.3rem .3rem .3rem .9rem}
.vs-subcat img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.vs-subcat small{color:var(--vs-muted);font-weight:600}
.vs-subcat.is-active,.vs-subcat:hover{border-color:var(--vs-navy);background:var(--vs-gold-soft)}
.vs-shop{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.25rem;align-items:start}
@media (max-width:1023px){.vs-shop{grid-template-columns:1fr}}
.vs-filters{background:#fff;border:1px solid var(--vs-line);border-radius:18px;position:sticky;top:132px;max-height:calc(100vh - 150px);overflow-y:auto;scrollbar-width:thin}
.vs-filters-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .6rem}
.vs-filters-head b{font-size:1rem;font-weight:900;display:flex;align-items:center;gap:.4rem}
.vs-filters-head b svg{width:18px;height:18px}
.vs-filters-head a{font-size:.8rem;font-weight:800;color:var(--vs-red)}
.vs-fsec{border-top:1px solid var(--vs-line-2);padding:.85rem 1.1rem}
.vs-fsec>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;font-size:.9rem}
.vs-fsec>summary::-webkit-details-marker{display:none}
.vs-fsec>summary svg{width:16px;height:16px;transition:transform .2s;color:var(--vs-muted)}
.vs-fsec[open]>summary svg{transform:rotate(180deg)}
.vs-fbody{margin-top:.7rem;display:grid;gap:.15rem}
.vs-fsearch{width:100%;height:36px;border:1px solid var(--vs-line)!important;border-radius:10px;padding-inline:.75rem;font-size:.82rem;margin-bottom:.4rem;background:var(--vs-bg)!important;color:var(--vs-text)!important}
.vs-flist{max-height:260px;overflow-y:auto;display:grid;gap:.1rem;scrollbar-width:thin}
.vs-fitem{display:flex;align-items:center;gap:.55rem;padding:.38rem .5rem;border-radius:9px;font-size:.86rem;color:var(--vs-text-2);cursor:pointer;user-select:none}
.vs-fitem:hover{background:var(--vs-bg)}
.vs-fitem.is-active{background:var(--vs-gold-soft);color:var(--vs-navy-2);font-weight:800}
.vs-fitem .n{margin-inline-start:auto;font-size:.72rem;color:var(--vs-muted);background:var(--vs-bg);border-radius:99px;padding:.05rem .45rem;font-weight:700}
.vs-fitem.is-active .n{background:#fff}
.vs-fitem input[type=checkbox],.vs-fitem input[type=radio]{width:17px;height:17px;accent-color:var(--vs-navy);flex:none;margin:0}
.vs-fitem.is-empty{opacity:.45}
.vs-fitem.sub{padding-inline-start:1.4rem;font-size:.82rem}
.vs-price-in{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:center}
.vs-price-in input{width:100%;height:38px;border:1px solid var(--vs-line)!important;border-radius:10px;padding-inline:.6rem;font-size:.85rem;text-align:center;background:#fff!important;color:var(--vs-text)!important}
.vs-quick{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.vs-quick a{font-size:.75rem;font-weight:700;border:1px solid var(--vs-line);border-radius:99px;padding:.2rem .6rem;color:var(--vs-text-2)}
.vs-quick a:hover,.vs-quick a.is-active{border-color:var(--vs-navy);color:var(--vs-navy);background:var(--vs-gold-soft)}
.vs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#fff;border:1px solid var(--vs-line);border-radius:16px;padding:.6rem .8rem;margin-bottom:1rem}
.vs-toolbar .cnt{font-size:.88rem;color:var(--vs-muted)}
.vs-toolbar .cnt b{color:var(--vs-text)}
.vs-toolbar form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.vs-select{height:38px;border:1px solid var(--vs-line)!important;border-radius:10px;padding-inline:.7rem 2rem;font-size:.85rem;font-weight:700;background-color:#fff!important;color:var(--vs-text)!important;cursor:pointer}
.vs-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.vs-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--vs-line);border-radius:99px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}
.vs-chip svg{width:13px;height:13px;color:var(--vs-muted)}
.vs-chip:hover{border-color:var(--vs-red);color:var(--vs-red)}
.vs-chip.clear{color:var(--vs-red);border-color:#f5c2c2;background:#fff5f5}
.vs-empty{text-align:center;background:#fff;border:1px dashed var(--vs-line);border-radius:20px;padding:3rem 1rem}
.vs-empty svg{width:56px;height:56px;color:var(--vs-muted);opacity:.6}
.vs-empty h3{font-size:1.15rem;font-weight:800;margin:.8rem 0 .3rem}
.vs-empty p{color:var(--vs-muted);margin:0 0 1rem}
.vs-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin-top:1.6rem}
.vs-pager a,.vs-pager span{min-width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--vs-line);font-weight:800;font-size:.88rem;padding-inline:.6rem}
.vs-pager a:hover{border-color:var(--vs-navy);color:var(--vs-navy)}
.vs-pager .is-on{background:var(--vs-navy);color:#fff;border-color:var(--vs-navy)}
.vs-pager .is-off{opacity:.45}
.vs-pager svg{width:16px;height:16px}
.vs-pager-note{text-align:center;font-size:.8rem;color:var(--vs-muted);margin-top:.6rem}
.vs-fdrawer{position:fixed;inset:0;z-index:80;display:none}
.vs-fdrawer.is-open{display:block}
.vs-fdrawer .bd{position:absolute;inset:0;background:rgba(9,22,45,.55)}
.vs-fdrawer .pn{position:absolute;inset-block:0;inset-inline-start:0;width:min(360px,90vw);background:var(--vs-bg);overflow-y:auto;padding:1rem;animation:vs-in .25s ease}
@keyframes vs-in{from{transform:translateX(30px);opacity:0}}
.vs-fdrawer .vs-filters{position:static;max-height:none}

/* ---------- product page ---------- */
.vs-pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 300px;gap:1.25rem;align-items:start}
@media (max-width:1199px){.vs-pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vs-pdp-side{grid-column:1/-1}}
@media (max-width:820px){.vs-pdp{grid-template-columns:1fr}}
.vs-gallery{background:#fff;border:1px solid var(--vs-line);border-radius:22px;padding:1rem;position:sticky;top:132px}
@media (max-width:820px){.vs-gallery{position:static}}
.vs-gallery .main{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#fff;cursor:zoom-in}
.vs-gallery .main img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.vs-gallery .main.zoom img{transform:scale(1.8)}
.vs-thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto}
.vs-thumbs button{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid var(--vs-line);padding:0;background:#fff;cursor:pointer;flex:none}
.vs-thumbs button.is-on{border-color:var(--vs-navy)}
.vs-thumbs img{width:100%;height:100%;object-fit:cover}
.vs-pdp-info{background:#fff;border:1px solid var(--vs-line);border-radius:22px;padding:1.4rem}
.vs-pdp-brand{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;color:var(--vs-navy);background:var(--vs-gold-soft);border-radius:99px;padding:.25rem .7rem;letter-spacing:.04em}
.vs-pdp h1{font-size:1.45rem;font-weight:900;line-height:1.45;margin:.6rem 0 .2rem}
.vs-pdp .alt{font-size:.85rem;color:var(--vs-muted);direction:auto}
.vs-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.8rem;color:var(--vs-muted);margin-top:.6rem}
.vs-meta b{color:var(--vs-text-2)}
.vs-pdp-price{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:1rem 0 .3rem;padding-block:1rem;border-block:1px dashed var(--vs-line)}
.vs-pdp-price .now{font-size:2rem;font-weight:900;color:var(--vs-navy-2);direction:ltr;unicode-bidi:isolate}
.vs-pdp-price .now small{font-size:1rem;color:var(--vs-muted);margin-inline-end:.25rem}
.vs-pdp-price del{color:var(--vs-muted);direction:ltr;unicode-bidi:isolate}
.vs-pdp-price .vat{width:100%;font-size:.76rem;color:var(--vs-muted)}
.vs-lead{color:var(--vs-text-2);font-size:.95rem;line-height:1.9;margin:.8rem 0}
.vs-feats{list-style:none;padding:0;margin:.4rem 0 1rem;display:grid;gap:.45rem}
.vs-feats li{display:flex;gap:.55rem;font-size:.9rem;line-height:1.6;color:var(--vs-text-2)}
.vs-feats li svg{width:18px;height:18px;color:var(--vs-green);flex:none;margin-top:.2rem}
.vs-buy{display:grid;grid-template-columns:auto 1fr;gap:.6rem;margin-top:1rem}
.vs-buy .vs-btn-wa,.vs-buy .vs-btn-gold{grid-column:1/-1}
.vs-qty{display:flex;align-items:center;border:1px solid var(--vs-line);border-radius:999px;height:44px;overflow:hidden;background:#fff}
.vs-qty button{width:40px;height:100%;border:0;background:transparent;font-size:1.2rem;font-weight:800;cursor:pointer;color:var(--vs-navy)}
.vs-qty button:hover{background:var(--vs-bg)}
.vs-qty input{width:46px;height:100%;border:0!important;text-align:center;font-weight:800;background:transparent!important;color:var(--vs-text)!important;-moz-appearance:textfield}
.vs-qty input::-webkit-outer-spin-button,.vs-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.vs-pdp-actions{display:flex;gap:.5rem;margin-top:.8rem}
.vs-pdp-actions button{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--vs-text-2);background:var(--vs-bg);border:1px solid var(--vs-line);border-radius:99px;padding:.4rem .85rem;cursor:pointer}
.vs-pdp-actions button svg{width:16px;height:16px}
.vs-pdp-actions button.is-on{color:var(--vs-red);border-color:#f5c2c2;background:#fff5f5}
.vs-pdp-actions button.is-on svg{fill:currentColor}
.vs-pdp-side{display:grid;gap:1rem}
.vs-box{background:#fff;border:1px solid var(--vs-line);border-radius:20px;padding:1.1rem}
.vs-box h4{font-size:.92rem;font-weight:800;margin:0 0 .7rem}
.vs-trust{display:grid;gap:.75rem}
.vs-trust div{display:flex;gap:.7rem;align-items:flex-start}
.vs-trust i{width:38px;height:38px;border-radius:11px;background:var(--vs-gold-soft);color:var(--vs-navy);display:grid;place-items:center;flex:none;font-style:normal}
.vs-trust i svg{width:19px;height:19px}
.vs-trust b{display:block;font-size:.86rem;font-weight:800}
.vs-trust small{display:block;font-size:.76rem;color:var(--vs-muted);line-height:1.5}
.vs-stockbox{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border-radius:14px;font-weight:800;font-size:.88rem}
.vs-stockbox svg{width:20px;height:20px}
.vs-stockbox.ok{background:var(--vs-green-soft);color:var(--vs-green)}
.vs-stockbox.low{background:var(--vs-amber-soft);color:var(--vs-amber)}
.vs-stockbox.req{background:var(--vs-bg);color:var(--vs-text-2)}
.vs-tabs{margin-top:1.5rem;background:#fff;border:1px solid var(--vs-line);border-radius:22px;overflow:hidden}
.vs-tabs-nav{display:flex;gap:.25rem;border-bottom:1px solid var(--vs-line);padding:.4rem .6rem 0;overflow-x:auto}
.vs-tabs-nav button{border:0;background:none;padding:.8rem 1rem;font-weight:800;font-size:.9rem;color:var(--vs-muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.vs-tabs-nav button.is-on{color:var(--vs-navy);border-bottom-color:var(--vs-gold)}
.vs-tab{padding:1.4rem 1.5rem;display:none;line-height:1.9;color:var(--vs-text-2)}
.vs-tab.is-on{display:block}
.vs-spec{width:100%;border-collapse:collapse;font-size:.9rem}
.vs-spec th,.vs-spec td{padding:.7rem .9rem;border-bottom:1px solid var(--vs-line-2);text-align:start}
.vs-spec th{width:34%;color:var(--vs-muted);font-weight:700;background:#fafbfd}
.vs-note{font-size:.76rem;color:var(--vs-muted);margin-top:.8rem}

/* ---------- misc pages ---------- */
.vs-card-plain{background:#fff;border:1px solid var(--vs-line);border-radius:22px;padding:1.6rem}
.vs-prose{line-height:2;color:var(--vs-text-2);font-size:.97rem}
.vs-prose h2{font-size:1.2rem;font-weight:800;color:var(--vs-text);margin:1.4rem 0 .4rem}
.vs-prose ul{padding-inline-start:1.2rem}
.vs-toast{position:fixed;inset-inline:0;bottom:24px;margin-inline:auto;width:max-content;max-width:92vw;z-index:9999;background:var(--vs-navy-2);color:#fff;border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;box-shadow:var(--vs-shadow-lg);font-weight:700;font-size:.9rem;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .25s}
.vs-toast.is-on{transform:none;opacity:1;pointer-events:auto}
.vs-toast svg{width:20px;height:20px;color:var(--vs-gold-2)}
.vs-toast a{color:var(--vs-gold-2);text-decoration:underline;margin-inline-start:.4rem}
@media (max-width:1023px){.vs-toast{bottom:88px}}

/* ---------- integration with the compiled bundle ---------- */
.vs-body .drawer-panel{background:#fff}
.vs-body #mobileCategorySidebar .drawer-header{background:var(--vs-navy);color:#fff}
.vs-body .btn-primary{background:var(--vs-navy)!important;border-color:var(--vs-navy)!important}
.vs-body .text-accent-500{color:var(--vs-navy)!important}
.vs-tabbar{position:fixed;bottom:0;inset-inline:0;z-index:44;background:#fff;border-top:1px solid var(--vs-line);display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(15,36,69,.08)}
.vs-tabbar a,.vs-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.66rem;font-weight:700;color:var(--vs-muted);background:none;border:0;position:relative}
.vs-tabbar svg{width:22px;height:22px}
.vs-tabbar .is-on{color:var(--vs-navy)}
.vs-tabbar .vs-count{top:6px;inset-inline-end:calc(50% - 22px)}
@media (min-width:1024px){.vs-tabbar{display:none}}
@media (max-width:1023px){.vs-main{padding-bottom:5rem}}
@media (max-width:767px){.vs-header-row{height:auto;flex-wrap:wrap;padding-block:.6rem;gap:.6rem}.vs-search{order:3;flex-basis:100%;max-width:none}.vs-hicon .lbl{display:none}.vs-logo-text small{display:none}.vs-logo-mark{width:38px;height:38px}}

/* ---------- shop filters as a drawer on mobile ---------- */
@media (max-width:1023px){
  .vs-side{position:fixed;inset:0;z-index:85;background:rgba(9,22,45,.55);display:none}
  .vs-side.is-open{display:block}
  .vs-side .vs-filters{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(360px,92vw);max-height:none;border-radius:0;animation:vs-in .25s ease}
}
@media (min-width:1024px){.vs-side-close{display:none!important}}
.vs-side-close{width:32px;height:32px}
.vs-search input::-webkit-search-cancel-button{display:none}
.vs-note svg{width:14px;height:14px;display:inline;vertical-align:-2px}
.vs-promo.vs-banner{min-height:0}
.vs-promo .copy h3{color:#fff}
.vs-usp span{min-width:0}
.vs-mega-col li small{color:#94a3b8;font-size:.72rem}
.vs-pdp-brand svg{width:14px;height:14px}
.vs-slide{background:var(--vs-navy-2)}
.vs-price .now,.vs-pdp-price .now{display:inline-flex;align-items:baseline;gap:.3rem;direction:ltr}
.vs-price .now small,.vs-pdp-price .now small{margin:0}
.vs-promo .copy>span{white-space:nowrap}
.vs-hero.no-side{grid-template-columns:1fr}