:root{
  --vg5p-bg:#070b12;--vg5p-card:#0e1422;--vg5p-card2:#121a2a;--vg5p-border:rgba(255,255,255,.08);--vg5p-text:#f4f7ff;--vg5p-muted:#9ba6ba;--vg5p-red:#ff4438;--vg5p-orange:#ff7428;--vg5p-cyan:#14d6e5;--vg5p-green:#17d99a;
}
.vg5-product-body{background:var(--vg5p-bg);color:var(--vg5p-text);font-family:Inter,Outfit,"Plus Jakarta Sans",system-ui,sans-serif;}
.vg5-product-page{padding:34px 0 92px;position:relative;overflow:hidden;}
.vg5-product-container{width:min(1320px,calc(100% - 36px));margin:0 auto;}
.vg5-product-hero{position:relative;border:1px solid var(--vg5p-border);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(255,68,56,.13),rgba(20,214,229,.10) 55%,rgba(255,255,255,.025));padding:42px;margin-bottom:18px;min-height:220px;display:flex;align-items:end;}
.vg5-product-hero-bg{position:absolute;inset:0;background:radial-gradient(560px 260px at 8% 10%,rgba(255,68,56,.22),transparent 72%),radial-gradient(620px 300px at 92% 100%,rgba(20,214,229,.18),transparent 72%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;opacity:.95;}
.vg5-product-hero-copy{position:relative;max-width:760px;}
.vg5-product-hero-copy>span{display:inline-flex;align-items:center;gap:8px;color:var(--vg5p-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:650;margin-bottom:12px;}
.vg5p-svg{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;}
.vg5p-svg svg{width:100%;height:100%;fill:currentColor;display:block;}
.vg5-product-hero h1{font-size:clamp(34px,5vw,64px);font-weight:610;letter-spacing:-.06em;line-height:.98;margin:0 0 14px;}
.vg5-product-hero p{color:var(--vg5p-muted);font-size:15px;line-height:1.7;margin:0;}
.vg5-product-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.vg5-product-hero-tags em{font-style:normal;border:1px solid var(--vg5p-border);border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.04);color:var(--vg5p-muted);font-size:12px;}
.vg5-product-filter{display:flex;gap:12px;margin:0 auto 22px;}
.vg5-product-filter input,.vg5-product-filter select{height:46px;border-radius:16px;border:1px solid var(--vg5p-border);background:var(--vg5p-card);color:var(--vg5p-text);padding:0 16px;outline:none;}
.vg5-product-filter input{flex:1;}
.vg5-product-filter input:focus,.vg5-product-filter select:focus{border-color:rgba(20,214,229,.45);}
.vg5p-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 16px;}
.vg5p-head span{display:block;color:var(--vg5p-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:650;margin-bottom:8px;}
.vg5p-head h2{margin:0;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.04em;}
.vg5p-head a{display:inline-flex;align-items:center;gap:8px;color:var(--vg5p-cyan);text-decoration:none;font-weight:540;}
.vg5-subcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;}
.vg5-subcat-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:84px;padding:14px;border-radius:18px;background:var(--vg5p-card);border:1px solid var(--vg5p-border);color:var(--vg5p-text);text-decoration:none;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.vg5-subcat-card:before{content:"";position:absolute;inset:auto -20% -70% 10%;height:110px;background:radial-gradient(circle,rgba(20,214,229,.16),transparent 70%);opacity:.7;}
.vg5-subcat-card:hover{border-color:rgba(20,214,229,.55);box-shadow:0 18px 40px rgba(0,0,0,.24);transform:translateY(-2px);}
.vg5-subcat-card img{width:54px;height:54px;border-radius:15px;object-fit:cover;background:rgba(255,255,255,.04);position:relative;z-index:1;}
.vg5-subcat-card strong{position:relative;z-index:1;font-weight:600;line-height:1.35;}
.vg5-subcat-card .vg5p-svg{position:relative;z-index:1;color:var(--vg5p-cyan);}
.vg5-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;}
.vg5p-card{border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(17,24,38,.94),rgba(8,13,23,.96));border:1px solid var(--vg5p-border);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.vg5p-card:hover{border-color:rgba(255,68,56,.44);box-shadow:0 20px 48px rgba(0,0,0,.24);transform:translateY(-2px);}
.vg5p-img{display:block;position:relative;aspect-ratio:1/0.78;background:#090e18;overflow:hidden;margin:12px;border-radius:18px;}
.vg5p-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1);}
.vg5p-card:hover .vg5p-img img{transform:scale(1.045);}
.vg5p-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease;}
.vg5p-card:hover .vg5p-shine{transform:translateX(120%);}
.vg5p-info{padding:0 16px 16px;}
.vg5p-info small{display:block;color:var(--vg5p-cyan);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px;}
.vg5p-info h3{font-size:15px;line-height:1.38;font-weight:600;margin:0 0 16px;color:var(--vg5p-text);min-height:42px;}
.vg5p-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vg5p-bottom strong{font-size:20px;font-weight:560;color:var(--vg5p-green);letter-spacing:-.03em;}
.vg5p-bottom a{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--vg5p-red),var(--vg5p-orange));color:#fff;box-shadow:0 14px 28px rgba(255,72,42,.22);}
.vg5p-bottom a .vg5p-svg{width:20px;height:20px;}
@media(max-width:760px){.vg5-product-container{width:min(100% - 22px,1320px)}.vg5-product-hero{padding:28px 20px;border-radius:22px}.vg5-product-filter{flex-direction:column}.vg5-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vg5p-info{padding:0 12px 12px}.vg5p-info h3{font-size:13px;min-height:38px}.vg5p-bottom strong{font-size:16px}.vg5p-bottom a{width:36px;height:36px}.vg5-subcat-grid{grid-template-columns:1fr}.vg5p-head{align-items:flex-start;flex-direction:column}}