* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', 'Roboto', -apple-system, 'Segoe UI', sans-serif;
background: #f4f5f8;
color: #1a1c22;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; }
.topbar {
position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
height: 56px; background: #11141a; color: #fff;
}
.topbar-inner {
max-width: 1200px; margin: 0 auto; height: 100%;
display: flex; align-items: center;
padding: 0 24px;
}
.partner-login { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 0.85rem; border: 1px solid rgba(255, 255, 255, 0.25); padding: 8px 16px; border-radius: 6px; transition: all 0.3s ease; white-space: nowrap; }
.partner-login:hover { background: linear-gradient(135deg, #3a3f47, #e67e22); border-color: transparent; color: #fff; }
.brand { display: flex; flex-direction: column; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 1.05rem; color: #fff; line-height: 1.2; }
.brand span { font-size: 0.6rem; letter-spacing: 1.5px; color: rgba(255, 255, 255, 0.55); font-weight: 500; }
.topbar-contacts { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 10px; font-size: 14px; letter-spacing: 0.3px; color: #a0a5b0; white-space: nowrap; }
.topbar-contacts .phone-icon { width: 16px; height: 16px; stroke: #e67e22; flex-shrink: 0; }
.topbar-contacts .city { font-weight: 300; }
.topbar-contacts .sep { color: rgba(255, 255, 255, 0.22); }
.topbar-contacts a { color: #a0a5b0; text-decoration: none; transition: color 0.3s ease; }
.topbar-contacts a:hover { color: #e67e22; }
.topbar-contacts .mail { color: #8b919e; }
.cart-count {
position: absolute; top: -7px; right: -9px;
background: #e67e22; color: #fff; font-size: 0.62rem; font-weight: 700;
width: 16px; height: 16px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
}
.subbar {
position: fixed; top: 56px; left: 0; right: 0; z-index: 999;
height: 46px; background: linear-gradient(to bottom, #ffffff, #f8f9fa);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(230, 126, 34, 0.15);
}
.subbar-inner {
max-width: 1200px; margin: 0 auto; height: 100%;
display: flex; align-items: center; justify-content: space-between;
padding: 0 24px;
}
.subbar-links { display: flex; align-items: center; gap: 26px; }
.subbar-actions { display: flex; align-items: center; gap: 22px; }
.subbar a { font-size: 15px; font-weight: 500; letter-spacing: 0.5px; color: #3a3f47; position: relative; padding: 4px 0; white-space: nowrap; text-decoration: none; }
.subbar-links a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #e67e22; transition: width 0.3s ease; }
.subbar-links a:hover { color: #11141a; }
.subbar-links a:hover::after { width: 100%; }
.subbar .write-us { display: inline-block; padding: 6px 16px; border: 1px solid #e67e22; border-radius: 20px; color: #e67e22; font-weight: 500; letter-spacing: 0.3px; transition: all 0.3s ease; }
.subbar .write-us:hover { background: linear-gradient(45deg, #e67e22, #d35400); color: #fff; border-color: transparent; }
.subbar .cart { position: relative; display: inline-flex; align-items: center; padding: 4px 0; color: #3a3f47; transition: color 0.3s ease; }
.subbar .cart:hover { color: #e67e22; }
.subbar .cart svg { width: 22px; height: 22px; stroke: currentColor; }
.layout {
max-width: 1200px; margin: 0 auto; padding: 102px 24px 70px;
display: grid; grid-template-columns: 280px 1fr; gap: 30px;
}
.side-logo { display: block; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 1.4rem; color: #11141a; margin-bottom: 24px; padding: 0 14px; }
.side-logo span { display: block; font-size: 0.62rem; letter-spacing: 1.5px; color: #8a8f99; margin-top: 4px; }
.search {
display: flex; align-items: center; background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(8px);
border: 1px solid #e2e6ec; border-radius: 12px; padding: 0 16px; height: 54px;
box-shadow: 0 10px 28px rgba(17, 20, 26, 0.08), 0 1px 2px rgba(17, 20, 26, 0.04);
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.search svg { width: 18px; height: 18px; stroke: #aab0ba; flex-shrink: 0; }
.search input { flex: 1; border: none; outline: none; background: transparent; font-size: 1rem; color: #1a1c22; padding: 0 12px; }
.search input::placeholder { color: #aab0ba; }
.search:focus-within { border-color: #e67e22; box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.12); }
.banner {
background: #10233f; border-radius: 16px; padding: 44px; color: #fff;
display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px;
}
.banner h2 { font-size: 1.9rem; line-height: 1.2; margin-bottom: 12px; }
.badge { display: inline-block; background: #e53935; color: #fff; padding: 6px 14px; border-radius: 6px; font-weight: 700; font-size: 0.85rem; margin-bottom: 12px; }
.banner p { color: #c7d4e6; margin-bottom: 20px; }
.btn-blue { display: inline-block; background: #1976d2; color: #fff; padding: 12px 24px; border-radius: 8px; font-weight: 600; transition: background 0.3s ease; }
.btn-blue:hover { background: #1565c0; }
.banner img { max-width: 320px; border-radius: 10px; }
.section-title { font-size: 1.3rem; font-weight: 700; margin: 28px 0 16px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 22px; }
.card {
background: #fff; border-radius: 16px; padding: 18px;
display: flex; flex-direction: column; gap: 10px; height: 100%;
box-shadow: 0 8px 24px rgba(17, 20, 26, 0.05);
transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.card:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(17, 20, 26, 0.11); }
.card .img { display: block; position: relative; background: #fafbfd; border-radius: 12px; padding: 14px; }
.card img { width: 100%; height: 230px; object-fit: contain; transition: transform 0.4s ease; }
.card .img:hover img { transform: scale(1.04); }
.card a.name { color: #1a1c22; font-weight: 600; min-height: 40px; font-size: 0.95rem; transition: color 0.2s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card a.name:hover { color: #e67e22; }
.card .code { color: #8a8f99; font-size: 0.82rem; }
.card .price { font-weight: 700; font-size: 1.1rem; margin-top: auto; }
.card .stock { font-size: 0.82rem; color: #8a8f99; }
.card .stock.ok { color: #2e7d32; }
.card .stock.out { color: #c62828; }
.card-footer { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.card-footer .price { margin-top: 0; }
.plaque {
position: absolute; top: 8px; z-index: 2;
font-size: 0.62rem; font-weight: 600; letter-spacing: 0.04em;
text-transform: uppercase; line-height: 1;
padding: 4px 8px; border-radius: 6px;
color: #2a2e35;
background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(8px);
border: 1px solid rgba(17, 20, 26, 0.06);
box-shadow: 0 1px 3px rgba(17, 20, 26, 0.06);
}
.plaque-hit { left: 8px; }
.plaque-sale { right: 8px; }
.popular-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 6px 0 18px; }
.popular-head .section-title { margin: 0; }
.tabs {
display: inline-flex; align-items: center; gap: 28px;
padding: 0; background: transparent; border: none;
border-bottom: 1px solid #eceef2;
}
.tab {
position: relative;
border: none; background: transparent; cursor: pointer;
padding: 0 0 10px; border-radius: 0;
font-family: inherit; font-size: 0.9rem; font-weight: 500;
color: #8a8f99; white-space: nowrap;
transition: color 0.25s ease;
}
.tab:hover { color: #11141a; }
.tab.active { color: #11141a; font-weight: 600; }
.tab.active::after {
content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
height: 2px; background: #11141a; border-radius: 2px;
}
.card.leaving { opacity: 0; transform: translateY(8px); pointer-events: none; }
.card.entering { animation: cardIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes cardIn {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.btn-cart {
background: #11141a; color: #fff; border: none; border-radius: 8px;
padding: 12px; font-weight: 500; font-size: 0.92rem; cursor: pointer;
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.btn-cart:hover { background: linear-gradient(45deg, #e67e22, #d35400); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(230, 126, 34, 0.35); }
.brand-filter { margin: 16px 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.brand-filter strong { margin-right: 4px; }
.brand-filter a { padding: 6px 14px; border: 1px solid #e8eaef; border-radius: 20px; color: #1a1c22; font-size: 0.88em; transition: all 0.25s ease; }
.brand-filter a:hover { border-color: #e67e22; color: #e67e22; }
.brand-filter a.active { background: #e67e22; color: #fff; border-color: #e67e22; }
.product-card {
display: grid; grid-template-columns: 1fr 1fr; gap: 56px;
background: #fff; border-radius: 20px; padding: 48px;
box-shadow: 0 20px 60px rgba(17, 20, 26, 0.06);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.product-card:hover { transform: translateY(-4px); box-shadow: 0 32px 80px rgba(17, 20, 26, 0.10); }
.product-media { position: relative; background: #fafbfd; border-radius: 14px; display: flex; align-items: center; justify-content: center; padding: 32px; min-height: 420px; }
.product-media img { max-width: 100%; max-height: 460px; object-fit: contain; border-radius: 10px; transition: transform 0.5s ease; }
.product-media:hover img { transform: scale(1.03); }
.product-info { display: flex; flex-direction: column; gap: 18px; }
.brand { color: #e67e22; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.product-title { font-size: 2rem; font-weight: 700; line-height: 1.2; }
.meta { color: #8a8f99; font-size: 0.9rem; }
.price { font-size: 2.4rem; font-weight: 700; color: #11141a; }
.description { color: #5b606a; font-size: 0.98rem; }
.specs { display: flex; flex-direction: column; border-top: 1px solid #eef0f4; }
.spec { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eef0f4; }
.spec span { color: #8a8f99; font-size: 0.9rem; }
.spec strong { font-weight: 600; font-size: 0.95rem; }
.actions { display: flex; gap: 14px; margin-top: 8px; }
.btn-add { flex: 1; background: #11141a; color: #fff; border: none; border-radius: 10px; padding: 16px 24px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1); box-shadow: 0 6px 16px rgba(17, 20, 26, 0.12); }
.btn-add:hover { background: #e67e22; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(230, 126, 34, 0.35); }
.btn-buy { flex: 1; background: #fff; color: #11141a; border: 1px solid #e2e4ea; border-radius: 10px; padding: 16px 24px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.btn-buy:hover { border-color: #e67e22; color: #e67e22; transform: translateY(-3px); }
.back-link { display: inline-block; margin-top: 8px; color: #8a8f99; font-size: 0.9rem; transition: color 0.3s ease; }
.back-link:hover { color: #e67e22; }
.pagination { margin-top: 20px; display: flex; gap: 10px; align-items: center; }
.muted { color: #8a8f99; }
.footer { text-align: center; color: #8a8f99; padding: 24px; font-size: 0.9em; }
.btn { display: inline-block; background: #e67e22; color: #fff; padding: 10px 20px; border-radius: 8px; font-weight: 600; transition: background 0.3s ease; }
.btn:hover { background: #d35400; }
h1 { margin-bottom: 16px; }
@media (max-width: 900px) {
.layout { grid-template-columns: 1fr; padding-top: 130px; }
.catalog { position: static; }
.topbar-inner { padding-left: 118px; }
.subbar-inner { padding: 0 18px; }
.subbar-links { gap: 18px; overflow-x: auto; }
.subbar-actions { gap: 14px; }
.topbar-contacts { display: none; }
.banner { flex-direction: column; }
.product-card { grid-template-columns: 1fr; gap: 32px; padding: 28px; }
.product-media { min-height: 280px; }
}
:root{
--ink: var(--text);
--ink-2: var(--text-2);
--ink-3: var(--text-3);
--ink-4: var(--text-disabled);
--accent-text: var(--accent-hover);
--accent-soft: var(--accent-weak);
}
html{scroll-behavior:smooth;scroll-padding-top:120px;}
body{
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
background:var(--bg);
color:var(--ink);
font-size:15px;
line-height:1.55;
letter-spacing:-.003em;
-moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;}
h1,h2,h3,.section-title,.product-title,.topbar .brand,.catalog-title{
font-family:'Manrope','Inter',sans-serif;
letter-spacing:-.022em;
}
.price,.card .price,.cart-count{font-variant-numeric:tabular-nums;}
:where(a,button,input):focus-visible{
outline:2px solid var(--accent);
outline-offset:2px;
}
.topbar{background:#0B0D11;}
.topbar .brand{
color:#fff;font-size:16px;font-weight:800;
letter-spacing:.16em;text-transform:uppercase;line-height:1.15;
}
.topbar .brand span{
font-family:'Inter',sans-serif;
font-size:9px;font-weight:600;letter-spacing:.24em;
color:rgba(255,255,255,.45);margin-top:4px;
}
.partner-login{
font-size:12.5px;font-weight:500;letter-spacing:.02em;
padding:8px 15px;border-radius:9px;
border-color:rgba(255,255,255,.18);
background:rgba(255,255,255,.04);
transition:background .25s var(--ease),border-color .25s var(--ease);
}
.partner-login:hover{
background:rgba(255,255,255,.12);
border-color:rgba(255,255,255,.38);
color:#fff;
}
.topbar-contacts{font-size:13px;color:#8B919E;gap:9px;}
.topbar-contacts a{color:#C7CBD3;}
.topbar-contacts a:hover{color:var(--accent);}
.topbar-contacts .phone-icon{stroke:#C7CBD3;width:16px;height:16px;flex-shrink:0;}
.topbar-contacts .mail-icon{stroke:#C7CBD3;width:16px;height:16px;flex-shrink:0;}
.cart-count{
position:static;top:auto;right:auto;
width:auto;height:auto;margin-left:6px;
background:none;border:none;border-radius:0;
font-size:13px;font-weight:700;color:var(--ink);
display:inline;
}
.subbar{
background:rgba(255,255,255,.86);
-webkit-backdrop-filter:saturate(180%) blur(14px);
backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid var(--line);
}
.subbar a{font-size:14px;font-weight:500;letter-spacing:0;color:var(--ink-2);}
.subbar-links{gap:22px;padding-left:24px;}
.subbar-links a:hover{color:var(--ink);}
.subbar-links a::after{height:1.5px;background:var(--ink);bottom:-1px;transition:width .3s var(--ease);}
.subbar .write-us{
padding:7px 15px;border-radius:999px;font-size:13px;font-weight:600;
border-color:var(--line);color:var(--ink);
transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.subbar .write-us:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
.subbar .cart:hover{color:var(--accent-text);}
.layout{padding:134px 24px 96px;gap:40px;grid-template-columns:264px 1fr;}
.catalog{position:sticky;top:118px;height:fit-content;z-index:1100;}
.catalog::before{
content:"";
position:absolute;
left:0;
top:-134px;
bottom:0;
width:1px;
background:rgba(15,17,21,0.15);
border-radius:1px;
}
.catalog-title{
font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--ink-4);margin:0 0 12px;padding:0 12px 14px;
}
.catalog a{
display:flex;align-items:center;gap:11px;
padding:10px 12px;border-radius:11px;
font-size:14.5px;font-weight:500;line-height:1.4;
color:var(--ink-2);
transition:background .2s var(--ease),color .2s var(--ease);
}
.catalog a span{min-width:0;overflow-wrap:break-word;}
.catalog a:hover{background:#f5f5f7;color:var(--ink);}
.catalog a.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600;}
.cat-icon{flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);transition:color .2s var(--ease);}
.cat-icon svg{width:18px;height:18px;stroke-width:1.2;color:inherit;}
.catalog a:hover .cat-icon{color:var(--ink);}
.catalog a.active .cat-icon{color:var(--accent-text);}
.catalog a.catalog-title{
display:flex !important;
align-items:center;
gap:11px !important;
padding:0 12px 14px !important;
border-radius:0;
font-size:15px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--ink-4);
line-height:1.2;
}
.catalog a.catalog-title svg{
width:18px !important;
height:18px !important;
flex-shrink:0;
color:var(--ink-4);
transition:color .2s var(--ease);
}
.catalog a.catalog-title:hover{
background:none;
color:var(--accent-text);
}
.catalog a.catalog-title:hover svg{
color:var(--accent-text);
}
.search{
height:56px;border-radius:14px;padding:0 18px;
background:var(--surface);border:1px solid var(--line);
box-shadow:var(--sh-1);
transition:border-color .25s var(--ease),box-shadow .25s var(--ease);
}
.search:hover{border-color:#D5D8DF;}
.search svg{width:17px;height:17px;stroke:var(--ink-4);}
.search input{font-size:15px;padding:0 14px;letter-spacing:-.003em;}
.search input::placeholder{color:var(--ink-4);}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);}
.banner{
position:relative;overflow:hidden;
margin-top:28px;padding:52px 48px;gap:40px;
border-radius:24px;
background:linear-gradient(135deg,#101319 0%,#182130 52%,#22303F 100%);
box-shadow:var(--sh-3);
}
.banner::after{
content:'';position:absolute;inset:0;pointer-events:none;
background:radial-gradient(680px 300px at 82% 12%,rgba(224,103,15,.22),transparent 60%);
}
.banner>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;}
.banner img{
position:relative;z-index:1;max-width:340px;
border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.banner h2{
font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-.03em;
margin:0 0 14px;color:#fff;
}
.banner .badge{
order:-1;margin:0 0 18px;
background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
color:#fff;border-radius:999px;padding:6px 13px;
font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.banner p{color:rgba(255,255,255,.62);margin:0 0 26px;max-width:42ch;font-size:15px;}
.btn-blue{
background:#fff;color:var(--ink);border-radius:11px;
padding:13px 24px;font-size:14.5px;font-weight:600;letter-spacing:-.005em;
box-shadow:0 6px 18px rgba(0,0,0,.22);
transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-blue:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.30);}
.popular-head{margin:44px 0 20px;gap:20px;}
.section-title{font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:700;letter-spacing:-.025em;}
.tabs{gap:26px;border-bottom:1px solid var(--line);}
.tab{
font-size:13.5px;font-weight:500;color:var(--ink-4);
padding:0 0 12px;letter-spacing:-.005em;
transition:color .25s var(--ease);
}
.tab:hover{color:var(--ink-2);}
.tab.active{color:var(--ink);font-weight:600;}
.tab::after{
content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
background:var(--ink);border-radius:2px;
transform:scaleX(0);transform-origin:left center;
transition:transform .35s var(--ease);
}
.tab.active::after{transform:scaleX(1);background:var(--ink);}
.grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));}
.card{
background:var(--surface);
border:1px solid var(--line);
border-radius:18px;
padding:14px 14px 16px;
gap:11px;
box-shadow:none;
transition:transform .45s var(--ease),box-shadow .45s var(--ease),
border-color .45s var(--ease),opacity .22s ease;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-3);border-color:#DDE0E6;}
.card .img{
background:linear-gradient(180deg,#FBFBFC 0%,#F2F3F6 100%);
border-radius:13px;padding:16px;overflow:hidden;
}
.card img{height:clamp(150px,16vw,196px);transition:transform .6s var(--ease);}
.card .img:hover img{transform:scale(1.05);}
.card a.name{
font-size:14.5px;font-weight:600;line-height:1.35;letter-spacing:-.012em;
color:var(--ink);min-height:2.7em;
}
.card a.name:hover{color:var(--accent-text);}
.card .code{font-size:12px;color:var(--ink-4);letter-spacing:.005em;}
.card .price{font-size:1.15rem;font-weight:700;letter-spacing:-.025em;color:var(--ink);}
.card-footer{gap:12px;}
.btn-cart{
background:var(--ink);border-radius:11px;padding:11px 14px;
font-size:13.5px;font-weight:600;letter-spacing:-.005em;
transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
}
.btn-cart:hover{background:#252A33;transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,17,21,.22);}
.btn-cart:active{transform:translateY(0);box-shadow:none;}
.plaque{
top:10px;font-size:9.5px;font-weight:700;letter-spacing:.09em;
padding:5px 9px;border-radius:999px;color:var(--ink-2);
background:rgba(255,255,255,.88);border:1px solid rgba(15,17,21,.06);
box-shadow:0 1px 3px rgba(15,17,21,.07);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.plaque-hit{left:10px;}
.plaque-sale{right:10px;color:#fff;background:var(--accent-text);border-color:transparent;}
.card.leaving{opacity:0;transform:translateY(6px) scale(.99);}
@keyframes cardIn{
from{opacity:0;transform:translateY(14px) scale(.985);}
to{opacity:1;transform:translateY(0) scale(1);}
}
.card.entering{animation:cardIn .5s var(--ease) both;}
.product-card{border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:24px;padding:44px;gap:52px;}
.product-card:hover{transform:none;box-shadow:var(--sh-2);}
.product-media{background:linear-gradient(180deg,#FBFBFC,#F2F3F6);border-radius:18px;}
.product-info .brand{color:var(--accent-text);font-size:11.5px;letter-spacing:.18em;}
.product-title{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;}
.price{font-size:clamp(1.75rem,3vw,2.15rem);font-weight:700;letter-spacing:-.03em;color:var(--ink);}
.specs,.spec{border-color:var(--line);}
.btn-add{background:var(--ink);border-radius:12px;box-shadow:none;}
.btn-add:hover{background:#252A33;transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,17,21,.22);}
.btn-buy{border-color:var(--line);border-radius:12px;}
.btn-buy:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px);}
.brand-filter a{border-color:var(--line);border-radius:999px;font-size:13px;color:var(--ink-2);}
.brand-filter a:hover{border-color:var(--ink-3);color:var(--ink);}
.brand-filter a.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.muted,.footer{color:var(--ink-4);}
.btn{background:var(--ink);border-radius:11px;font-weight:600;}
.btn:hover{background:#252A33;}
@media (max-width:1100px){
.layout{grid-template-columns:236px 1fr;gap:28px;}
}
@media (max-width:900px){
.layout{padding:118px 16px 72px;gap:22px;}
.partner-login{left:16px;}
.topbar-inner{padding-left:122px;}
.subbar-links{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.subbar-links::-webkit-scrollbar{display:none;}
.catalog{
position:static;width:auto;height:auto;
display:flex;gap:8px;overflow-x:auto;
padding:2px 0 6px;
scrollbar-width:none;-ms-overflow-style:none;
-webkit-overflow-scrolling:touch;
}
.catalog::-webkit-scrollbar{display:none;}
.catalog-title{display:none;}
.catalog a{
flex:0 0 auto;width:auto;white-space:nowrap;
padding:9px 14px;border-radius:999px;
background:var(--surface);border:1px solid var(--line);
font-size:12.5px;
}
.catalog a svg{width:15px;height:15px;}
.banner{margin-top:20px;padding:30px 22px;border-radius:20px;gap:24px;align-items:flex-start;}
.banner>div{width:100%;}
.banner img{max-width:100%;}
.popular-head{margin:32px 0 16px;flex-direction:column;align-items:stretch;gap:14px;}
.tabs{display:flex;width:100%;gap:20px;overflow-x:auto;
scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.tabs::-webkit-scrollbar{display:none;}
.tab{padding-bottom:10px;}
.search{height:50px;border-radius:13px;padding:0 15px;}
}
@media (max-width:560px){
.grid{grid-template-columns:repeat(2,1fr);gap:12px;}
.card{padding:10px 10px 12px;border-radius:15px;gap:8px;}
.card .img{padding:10px;border-radius:11px;}
.card img{height:118px;}
.card a.name{font-size:13px;}
.card .code{font-size:11px;}
.card .price{font-size:1rem;}
.btn-cart{padding:10px 8px;font-size:12.5px;}
.plaque{font-size:9px;padding:4px 7px;top:8px;}
.plaque-hit{left:8px;}
.plaque-sale{right:8px;}
.banner h2{font-size:1.35rem;}
.card:hover{transform:none;box-shadow:none;}
.card .img:hover img{transform:none;}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
scroll-behavior:auto!important;
}
}
.topbar-inner,.subbar-inner,.layout{max-width:var(--container);}
.topbar-inner{
display:flex;align-items:center;justify-content:flex-start;
gap:26px;padding:0 24px 0 48px;margin:0 auto;
}
.topbar .brand{margin-right:auto;}
.topbar-contacts{
position:static;transform:none;left:auto;right:auto;top:auto;
margin-left:auto;
}
.partner-login{
position:static;transform:none;left:auto;right:auto;top:auto;
flex-shrink:0;
color:#fff;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.20);
}
.partner-login:hover{
background:rgba(255,255,255,.14);
border-color:rgba(255,255,255,.40);
color:#fff;
}
.card .img:has(.plaque-sale) .plaque-hit{display:none;}
.card .img{
background:linear-gradient(180deg,#F4F5F8 0%,#E9EBF0 100%);
box-shadow:inset 0 0 0 1px rgba(15,17,21,.04);
}
.product-media{
background:linear-gradient(180deg,#F4F5F8 0%,#E9EBF0 100%);
box-shadow:inset 0 0 0 1px rgba(15,17,21,.04);
}
.site-footer{
background:#0B0D11;
color:rgba(255,255,255,.62);
padding:64px 24px 26px;
}
.footer-inner{
max-width:var(--container);margin:0 auto;
display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:48px;
}
.footer-logo{
display:flex;flex-direction:column;
font-family:'Manrope','Inter',sans-serif;
font-size:16px;font-weight:800;letter-spacing:.16em;
text-transform:uppercase;color:#fff;line-height:1.15;margin-bottom:18px;
}
.footer-logo span{
font-family:'Inter',sans-serif;
font-size:9px;font-weight:600;letter-spacing:.24em;
color:rgba(255,255,255,.45);margin-top:4px;text-transform:uppercase;
}
.footer-brand p{
font-size:13.5px;line-height:1.65;max-width:36ch;
color:rgba(255,255,255,.48);margin:0;
}
.footer-col h3{
font-family:'Inter',sans-serif;
font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
color:rgba(255,255,255,.38);margin:0 0 16px;
}
.footer-col a{
display:block;font-size:13.5px;color:rgba(255,255,255,.66);
padding:6px 0;transition:color .2s var(--ease);
}
.footer-col a:hover{color:#fff;}
.footer-note{font-size:13px;color:rgba(255,255,255,.42);padding:6px 0;}
.footer-bottom{
max-width:var(--container);margin:46px auto 0;padding-top:22px;
border-top:1px solid rgba(255,255,255,.08);
display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;
font-size:12.5px;color:rgba(255,255,255,.36);
}
.footer-bottom a{color:rgba(255,255,255,.5);transition:color .2s var(--ease);}
.footer-bottom a:hover{color:#fff;}
@media (max-width:900px){
.topbar-inner{padding:0 16px;gap:12px;}
.site-footer{padding:44px 16px 22px;}
.footer-inner{grid-template-columns:1fr 1fr;gap:32px 20px;}
.footer-brand{grid-column:1 / -1;}
.footer-bottom{margin-top:32px;}
}
@media (max-width:560px){
.footer-inner{grid-template-columns:1fr;gap:28px;}
}
.card{
display:flex;
flex-direction:column;
height:auto;
}
.card .img,
.card .card-brand,
.card .name,
.card .code,
.card .card-stock,
.card .card-footer{
flex-shrink:0;
}
.card .img{
background:#fff;
border:1px solid #EEF0F4;
box-shadow:none;
}
.card .card-brand{
margin:14px 0 4px;
font-family:'Manrope', sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:#8c8c8c;
}
.card .name{
font-family:'Manrope', sans-serif;
font-size:15px;
line-height:1.3;
font-weight:500;
color:#1a1a1a;
margin:0 0 8px;
min-height:2.6em;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
word-break:break-word;
overflow-wrap:break-word;
hyphens:auto;
}
.card .code{
font-size:12px;
color:var(--ink-4);
margin:0 0 8px;
}
.card .card-stock{
display:flex;
align-items:center;
gap:7px;
font-size:12.5px;
font-weight:600;
margin:0 0 8px;
}
.card .card-stock::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
flex:0 0 auto;
}
.card .card-stock.in{ color:#177A42; }
.card .card-stock.in::before{
background:#177A42;
box-shadow:0 0 0 3px rgba(23,122,66,.14);
}
.card .card-stock.out{ color:var(--ink-4); }
.card .card-stock.out::before{
background:transparent;
border:1.5px solid var(--ink-4);
}
.card .card-footer{ margin-top:auto; }
.card .price{
font-family:'Manrope', sans-serif;
font-weight:800;
font-size:20px;
letter-spacing:-.01em;
color:var(--ink);
white-space:nowrap;
}
.banner .banner-art{ border-radius:16px; }
@media (max-width:860px){
.banner .banner-art{ display:none; }
}
@media (max-width:560px){
.card .card-brand{ margin-top:12px; font-size:10px; }
.card .name{ font-size:14px; min-height:2.6em; }
.card .price{ font-size:17px; }
}
.cookie-banner{
position:fixed;
left:24px;
right:24px;
bottom:24px;
max-width:1200px;
margin:0 auto;
background:#11141a;
color:#cfd3da;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
padding:18px 22px;
display:flex;
align-items:center;
gap:20px;
box-shadow:0 18px 44px rgba(17,20,26,.28);
z-index:2000;
font-size:13.5px;
line-height:1.55;
}
.cookie-banner p{ flex:1; margin:0; }
.cookie-banner a{ color:#e67e22; text-decoration:none; }
.cookie-banner a:hover{ text-decoration:underline; }
.cookie-accept{
background:linear-gradient(45deg,#e67e22,#d35400);
color:#fff;
border:none;
border-radius:9px;
padding:11px 24px;
font-family:'Inter',sans-serif;
font-weight:600;
font-size:14px;
cursor:pointer;
white-space:nowrap;
transition:all .3s ease;
}
.cookie-accept:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(230,126,34,.35);
}
@media (max-width:560px){
.cookie-banner{ flex-direction:row; align-items:center; text-align:left; left:8px; right:8px; bottom:8px;
padding:10px 12px; gap:10px; font-size:12px; line-height:1.4; border-radius:10px; }
.cookie-accept{ width:auto; padding:8px 14px; font-size:13px; }
}
.search-wrap{ position:relative; z-index:900; }
.search-overlay{
position:fixed;inset:0;background:rgba(15,17,21,.42);z-index:800;
opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
.search-overlay.open{ opacity:1;visibility:visible; }
.search-popup{
position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
width:min(620px,calc(100vw - 32px));max-height:min(72vh,640px);overflow-y:auto;
background:var(--surface);border:1px solid var(--line);border-radius:18px;
box-shadow:0 28px 70px rgba(15,17,21,.22);z-index:1500;padding:12px;
user-select:text;-webkit-user-select:text;
opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;
}
.search-popup.open{ opacity:1;visibility:visible; }
.search-popup-body{ display:flex;flex-direction:column; }
.sp-item{
display:flex;align-items:center;gap:13px;padding:10px;border-radius:12px;
text-decoration:none;color:inherit;transition:background .18s var(--ease);
border-bottom:1px solid #EFF1F4;
user-select:text;-webkit-user-select:text;
-webkit-user-drag:none;user-drag:none;
cursor:pointer;
}
.sp-item *{ -webkit-user-select:text !important; user-select:text !important; -webkit-user-drag:none !important; }
.sp-item.is-last{ border-bottom:none; }
.sp-item:hover{ background:#F4F6F8; }
.sp-item img{ width:46px;height:46px;border-radius:9px;object-fit:contain;background:#F4F5F8;flex-shrink:0;pointer-events:none;-webkit-user-drag:none;user-drag:none; }
.sp-item-info{ min-width:0;flex:1; }
.sp-item-code{ font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sp-item-title{ font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px; }
.sp-item-brand{ font-size:12px;color:var(--ink-4);margin-top:2px; }
.sp-item-stock{ font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sp-item-stock.vlad{ color:#178A4C; }
.sp-item-stock.remote{ color:#B07D2B; }
.sp-item-stock.order{ color:#8A8F99; }
.sp-item-stock.remote-line{ color:#8A8F99; margin-top:1px; }
.sp-item-price{ font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;flex-shrink:0; }
.sp-item-code,.sp-item-title,.sp-item-brand,.sp-item-stock,.sp-item-price{ user-select:text;-webkit-user-select:text; }
.sp-section{ padding:12px 10px 6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4); }
.sp-tags{ display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 4px; }
.sp-tag{
display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;
border:1px solid var(--line);background:#FAFBFC;color:var(--ink-2);
font-size:13px;text-decoration:none;transition:all .2s ease;
}
.sp-tag:hover{ border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft); }
.search-popup-all{
display:block;margin:12px 2px 2px;padding:14px 18px;text-align:center;border-radius:12px;
background:linear-gradient(135deg,#101319 0%,#182130 52%,#22303F 100%);
border-top:1px solid var(--accent);
color:#fff;font-weight:600;font-size:14px;letter-spacing:.01em;
text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;
}
.search-popup-all:hover{ transform:translateY(-1px);box-shadow:0 10px 24px rgba(24,33,48,.38); }
.sp-empty{ padding:22px;text-align:center;color:var(--ink-3);font-size:14px; }
.filter-toggle{
display:inline-flex;align-items:center;justify-content:center;gap:0;
width:40px;height:38px;padding:0;border-radius:10px;
border:1px solid var(--line);background:#FAFBFC;
color:var(--ink-2);font-size:13.5px;font-weight:600;
cursor:pointer;transition:all .2s ease;flex-shrink:0;
}
.filter-toggle svg{width:16px;height:16px;stroke:var(--ink-3);}
.filter-toggle:hover{border-color:var(--accent);color:var(--accent-text);}
.filter-toggle:hover svg{stroke:var(--accent-text);}
.filter-toggle.active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft);}
.filter-popup{
position:absolute;top:calc(100% + 8px);right:0;
width:260px;background:var(--surface);border:1px solid var(--line);
border-radius:14px;box-shadow:0 20px 50px rgba(15,17,21,.18);
padding:12px;display:flex;flex-direction:column;gap:8px;
z-index:1500;opacity:0;visibility:hidden;transform:translateY(-6px);
transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}
.filter-popup.open{opacity:1;visibility:visible;transform:translateY(0);}
.sp-filter{
display:block;width:100%;text-align:left;
padding:9px 13px;border-radius:10px;border:1px solid var(--line);
background:#FAFBFC;color:var(--ink-2);font-size:13px;font-weight:600;
cursor:pointer;transition:all .2s ease;
}
.sp-filter:hover{border-color:var(--accent);color:var(--accent-text);}
.sp-filter.active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent);}
.pdp{
--grad-accent:linear-gradient(45deg,#e67e22,#d35400);
--ok:#178A4C;--ok-soft:rgba(23,138,76,.10);
--info:#2563EB;--info-soft:rgba(37,99,235,.10);
display:flex;flex-direction:column;gap:34px;min-width:0;
}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--ink-3);}
.crumbs a{color:var(--ink-3);transition:color .2s var(--ease);}
.crumbs a:hover{color:var(--accent-text);}
.crumbs-current{color:var(--ink-2);font-weight:500;}
.crumbs-sep{color:var(--ink-4);}
.pdp-head{display:flex;flex-direction:column;gap:10px;}
.pdp-brand{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);}
.pdp-title{font-size:clamp(1.55rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink);}
.pdp-sub{display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:var(--ink-3);font-size:14px;}
.pdp-rating{display:inline-flex;align-items:center;gap:8px;}
.pdp-stars{position:relative;display:inline-block;font-size:15px;line-height:1;letter-spacing:2px;color:#D7DAE0;}
.pdp-stars-fill{position:absolute;left:0;top:0;bottom:0;overflow:hidden;white-space:nowrap;color:var(--accent);}
.pdp-rating-value{font-weight:700;color:var(--ink);}
.pdp-reviews{color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--line);transition:color .2s var(--ease),border-color .2s var(--ease);}
.pdp-reviews:hover{color:var(--accent-text);border-color:var(--accent);}
.pdp-code strong{color:var(--ink);font-weight:600;}
.pdp-main{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;min-width:0;}
.pdp-gallery{display:flex;flex-direction:column;gap:14px;min-width:0;}
.pdp-gallery-main{position:relative;background:linear-gradient(180deg,#FBFBFC,#F2F3F6);border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:28px;min-height:420px;}
.pdp-gallery-main img{max-width:100%;max-height:440px;object-fit:contain;mix-blend-mode:multiply;}
.pdp-badge{position:absolute;top:16px;left:16px;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--sh-1);}
.pdp-badge-hit{color:var(--accent-text);border-color:rgba(224,103,15,.25);background:var(--accent-soft);}
.pdp-badge-new{color:var(--info);border-color:rgba(37,99,235,.2);background:var(--info-soft);}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.pdp-thumb{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:6px;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.pdp-thumb img{width:100%;height:64px;object-fit:contain;display:block;mix-blend-mode:multiply;}
.pdp-thumb:hover{border-color:var(--accent);}
.pdp-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);}
.pdp-buybox{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-2);padding:28px;display:flex;flex-direction:column;gap:20px;min-width:0;}
.pdp-key-specs{display:flex;flex-wrap:wrap;gap:8px;}
.pdp-tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);background:#FAFBFC;border:1px solid var(--line);border-radius:999px;padding:7px 12px;}
.pdp-tag-k{color:var(--ink-4);}
.pdp-tag-v{font-weight:600;color:var(--ink);}
.pdp-price-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.pdp-price{display:flex;flex-direction:column;gap:4px;}
.pdp-price-label{font-size:12px;color:var(--ink-4);}
.pdp-price-value{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);}
.pdp-partner{font-size:13px;font-weight:600;color:var(--accent-text);text-decoration:none;border-bottom:1px solid rgba(224,103,15,.35);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease);}
.pdp-partner:hover{color:var(--accent);border-color:var(--accent);}
.pdp-stock{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;padding:10px 14px;border-radius:12px;width:fit-content;}
.pdp-stock-dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.pdp-stock-in{color:var(--ok);background:var(--ok-soft);}
.pdp-stock-remote{color:var(--info);background:var(--info-soft);}
.pdp-stock-order{color:var(--ink-3);background:#F1F2F5;}
.pdp-actions{display:flex;gap:12px;}
.pdp-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:15px 20px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .3s var(--ease);}
.pdp-btn-primary{background:var(--ink);color:#fff;}
.pdp-btn-primary:hover{background:var(--grad-accent);transform:translateY(-2px);box-shadow:0 14px 30px rgba(224,103,15,.30);}
.pdp-btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line);}
.pdp-btn-ghost:hover{border-color:var(--accent);color:var(--accent-text);transform:translateY(-2px);box-shadow:0 10px 24px rgba(224,103,15,.12);}
.pdp-delivery{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:10px;}
.pdp-delivery-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);}
.pdp-delivery ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.pdp-delivery li{font-size:13.5px;color:var(--ink-2);display:flex;gap:8px;align-items:baseline;}
.pdp-delivery li span{color:var(--ink);font-weight:600;min-width:150px;}
.pdp-carousel{min-width:0;}
.pdp-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.pdp-carousel-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.pdp-carousel-nav{display:flex;gap:8px;}
.pdp-nav{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease);}
.pdp-nav svg{width:18px;height:18px;stroke:currentColor;}
.pdp-nav:hover{border-color:var(--accent);color:var(--accent-text);}
.pdp-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;}
.pdp-carousel-track::-webkit-scrollbar{display:none;}
.pdp-mini{flex:0 0 220px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--sh-1);transition:box-shadow .25s var(--ease),transform .25s var(--ease);}
.pdp-mini:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.pdp-mini-img{position:relative;display:block;background:linear-gradient(180deg,#FBFBFC,#F2F3F6);border-radius:11px;padding:10px;}
.pdp-mini-img img{width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply;display:block;}
.pdp-mini-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--accent-text);box-shadow:var(--sh-1);}
.pdp-mini-brand{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);}
.pdp-mini-name{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ink);min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s var(--ease);}
.pdp-mini-name:hover{color:var(--accent-text);}
.pdp-mini-code{font-size:12px;color:var(--ink-4);}
.pdp-mini-foot{margin-top:auto;display:flex;flex-direction:column;gap:9px;}
.pdp-mini-price{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.pdp-mini-btn{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s var(--ease);}
.pdp-mini-btn:hover{background:var(--grad-accent);transform:translateY(-1px);box-shadow:0 10px 20px rgba(224,103,15,.25);}
.pdp-tabs{margin-top:8px;}
.pdp-tablist{display:flex;gap:4px;border-bottom:1px solid var(--line);}
.pdp-tab{position:relative;padding:13px 18px;font-size:14.5px;font-weight:600;color:var(--ink-3);background:transparent;border:none;cursor:pointer;transition:color .2s var(--ease);}
.pdp-tab::after{content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px;opacity:0;transform:scaleX(.5);transition:opacity .2s var(--ease),transform .2s var(--ease);}
.pdp-tab:hover{color:var(--ink);}
.pdp-tab.active{color:var(--ink);}
.pdp-tab.active::after{opacity:1;transform:scaleX(1);}
.pdp-panel{display:none;padding:26px 2px 4px;}
.pdp-panel.active{display:block;animation:pdpFade .3s var(--ease) both;}
@keyframes pdpFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.pdp-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:22px;}
.pdp-feature{background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:16px;}
.pdp-feature-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.pdp-feature-text{font-size:13px;line-height:1.55;color:var(--ink-3);}
.pdp-desc{font-size:14.5px;line-height:1.7;color:var(--ink-2);white-space:pre-line;}
.pdp-spec-table{width:100%;border-collapse:collapse;}
.pdp-spec-table tr{border-bottom:1px solid var(--line);}
.pdp-spec-table tr:last-child{border-bottom:none;}
.pdp-spec-table th{width:34%;text-align:left;padding:13px 16px 13px 0;font-size:13.5px;font-weight:600;color:var(--ink-3);vertical-align:top;}
.pdp-spec-table td{padding:13px 0;font-size:14px;color:var(--ink);}
.pdp-spec-note{margin-top:14px;font-size:12.5px;color:var(--ink-4);}
.pdp-docs{display:flex;flex-direction:column;gap:10px;max-width:640px;}
.pdp-doc{display:flex;align-items:center;gap:14px;background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.pdp-doc:hover{border-color:var(--accent);box-shadow:var(--sh-1);}
.pdp-doc-icon{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--accent-text);background:var(--accent-soft);border-radius:8px;padding:6px 9px;}
.pdp-doc-title{flex:1;font-size:14px;font-weight:600;color:var(--ink);}
.pdp-doc-action{font-size:12.5px;font-weight:600;color:var(--ink-3);}
.pdp-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;}
.pdp-modal-backdrop{position:absolute;inset:0;background:rgba(15,17,21,.45);backdrop-filter:blur(3px);}
.pdp-modal-card{position:relative;width:100%;max-width:420px;background:var(--surface);border-radius:20px;box-shadow:var(--sh-3);padding:28px;display:flex;flex-direction:column;gap:14px;animation:pdpFade .25s var(--ease) both;}
.pdp-modal-title{font-size:1.15rem;font-weight:700;color:var(--ink);}
.pdp-modal-field{display:flex;flex-direction:column;gap:6px;}
.pdp-modal-field label{font-size:12.5px;font-weight:600;color:var(--ink-3);}
.pdp-modal-field input{border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14px;color:var(--ink);outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.pdp-modal-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.pdp-modal-error{font-size:12.5px;color:#C62828;display:none;}
.pdp-modal-actions{display:flex;gap:10px;margin-top:4px;}
.pdp-modal-submit{flex:1;background:var(--ink);color:#fff;border:none;border-radius:12px;padding:13px;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .3s var(--ease);}
.pdp-modal-submit:hover{background:var(--grad-accent);transform:translateY(-1px);box-shadow:0 12px 24px rgba(224,103,15,.25);}
.pdp-modal-close{background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:13px 18px;font-size:14px;font-weight:600;cursor:pointer;}
.pdp-modal-success{color:var(--ok);font-size:14px;font-weight:600;display:none;}
@media (max-width:900px){
.pdp-main{grid-template-columns:1fr;gap:24px;}
.pdp-gallery-main{min-height:300px;}
}
@media (max-width:560px){
.pdp-actions{flex-direction:column;}
.pdp-delivery li span{min-width:0;}
.pdp-mini{flex-basis:168px;}
.pdp-tab{padding:12px 13px;font-size:13.5px;}
.pdp-tab::after{left:10px;right:10px;}
.pdp-spec-table th{width:44%;}
}
.pdp-carousel-track{gap:20px;}
.pdp-mini{
flex:0 0 calc((100% - 60px)/4);
border-color:#E5E5E5;
border-radius:18px;
padding:18px;
gap:10px;
box-shadow:none;
background:#fff;
}
.pdp-mini:hover{border-color:#D5D7DB;transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,17,21,.07);}
.pdp-mini-img{border-radius:12px;padding:14px;background:linear-gradient(180deg,#FBFBFC,#F3F4F7);}
.pdp-mini-img img{height:170px;}
.pdp-mini-badge{
top:10px;left:10px;
font-size:10.5px;font-weight:500;letter-spacing:.02em;
padding:4px 9px;border-radius:6px;
background:rgba(255,255,255,.92);border:1px solid #ECECEC;
color:#7A808B;box-shadow:none;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.pdp-mini-brand{font-size:10.5px;font-weight:600;letter-spacing:.1em;color:#9AA0AC;text-transform:uppercase;}
.pdp-mini-name{font-size:14px;font-weight:600;line-height:1.4;min-height:2.8em;color:var(--ink);}
.pdp-mini-code{font-size:11.5px;color:#B3B8C2;}
.pdp-mini-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pdp-mini-price{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.pdp-mini-cart{
flex:0 0 auto;width:38px;height:38px;border-radius:10px;
border:1px solid #E5E5E5;background:#fff;color:#3C4149;
display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
transition:all .25s var(--ease);
}
.pdp-mini-cart svg{width:18px;height:18px;stroke:currentColor;}
.pdp-mini-cart:hover{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-1px);}
.pdp-tablist{gap:0;border-bottom:1px solid #ECECEC;}
.pdp-tab{padding:14px 20px;font-size:14.5px;font-weight:500;color:#8A8F99;}
.pdp-tab::after{left:20px;right:20px;bottom:-1px;height:2px;background:var(--accent);}
.pdp-tab:hover{color:var(--ink);}
.pdp-tab.active{color:var(--ink);font-weight:600;}
.pdp-panel{padding:24px 2px 4px;}
.pdp-features{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;}
.pdp-feature{background:none;border:none;border-radius:0;padding:0 0 0 22px;position:relative;}
.pdp-feature::before{content:'';position:absolute;left:4px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--accent);}
.pdp-feature-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px;}
.pdp-feature-text{font-size:13.5px;line-height:1.6;color:var(--ink-3);}
.pdp-spec-table tr{border-bottom:1px solid #F0F0F0;}
.pdp-spec-table tr:last-child{border-bottom:none;}
.pdp-spec-table th{width:32%;padding:13px 18px 13px 0;font-size:13px;font-weight:500;color:#8A8F99;}
.pdp-spec-table td{padding:13px 0;font-size:14px;font-weight:500;color:var(--ink);}
.pdp-doc{border-radius:12px;border-color:#ECECEC;padding:13px 16px;background:#fff;}
.pdp-doc:hover{border-color:var(--accent);box-shadow:var(--sh-1);}
@media (max-width:1100px){
.pdp-mini{flex-basis:calc((100% - 40px)/3);}
}
@media (max-width:700px){
.pdp-mini{flex-basis:calc((100% - 20px)/2);padding:14px;}
.pdp-mini-img img{height:130px;}
}
.pdp-overline{font-size:13px;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;font-weight:500;}
.pdp-grid-section{display:flex;flex-direction:column;gap:16px;min-width:0;}
.pdp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.pdp-grid .pdp-mini{background:#fff;border-color:#F0F0F0;box-shadow:0 14px 34px rgba(15,17,21,.06);}
.pdp-grid .pdp-mini:hover{box-shadow:0 22px 46px rgba(15,17,21,.10);}
.pdp-mini-img img{filter:grayscale(100%) brightness(.85) contrast(1.05);opacity:.92;transition:filter .35s var(--ease),opacity .35s var(--ease);}
.pdp-mini:hover .pdp-mini-img img{filter:none;opacity:1;}
.pdp-tab::after{background:linear-gradient(45deg,#e67e22,#d35400);}
.pdp-spec-table tr{border-bottom:1px solid #E5E5E5;}
.pdp-spec-table th{color:#8A8F99;}
.pdp-spec-table td{color:var(--ink);}
@media (max-width:1100px){
.pdp-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
.pdp-grid{grid-template-columns:1fr;}
}
.pdp-spec-table th{width:40%;padding:12px 0;color:#7f8c8d;font-weight:500;font-size:13.5px;}
.pdp-spec-table td{width:60%;padding:12px 0;color:#2c3e50;font-weight:500;font-size:14px;}
.pdp-spec-table tr{border-bottom:1px solid #f2f2f2;}
.pdp-spec-table tr:last-child{border-bottom:none;}
.pdp-spec-note{font-style:italic;font-size:12.5px;color:#7f8c8d;margin-top:14px;}
.pdp-title{font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.12;}
.pdp-overline{font-family:'Inter',sans-serif;font-weight:500;letter-spacing:.14em;}
.pdp-price-value{font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.02em;}
.pdp-mini-price{font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.01em;}
.pdp-carousel-title{font-family:'Manrope','Inter',sans-serif;font-weight:700;letter-spacing:-.02em;}
.pdp-rating-value{font-family:'Manrope','Inter',sans-serif;font-weight:700;}
.pdp-feature-title{font-family:'Manrope','Inter',sans-serif;font-weight:700;}
.pdp-desc{font-size:15px;line-height:1.75;color:var(--ink-2);}
.pdp-tab{font-family:'Inter',sans-serif;}
.search-wrap--card{margin:0 0 22px;}
.search-wrap--card .search{height:50px;border-radius:14px;}
.search-wrap--card .search-popup{top:calc(100% + 8px);}
body{
font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
.pdp-title{
font-family:'Manrope', 'SF Pro Display', 'Inter', sans-serif;
font-weight:600;
letter-spacing:-.02em;
line-height:1.14;
color:#1a1a1a;
}
.pdp-overline{
font-family:'Inter', sans-serif;
font-weight:400;
letter-spacing:.16em;
color:#86868b;
}
.pdp-price-value{
font-family:'Manrope', 'SF Pro Display', 'Inter', sans-serif;
font-weight:500;
font-size:30px;
letter-spacing:-.02em;
color:#1a1a1a;
}
.pdp-price-label{font-size:12px;color:#86868b;font-weight:400;}
.pdp-partner{
font-size:13px;
font-weight:500;
color:#555;
text-decoration:none;
border-bottom:1px solid transparent;
padding-bottom:1px;
transition:color .2s var(--ease),border-color .2s var(--ease);
}
.pdp-partner:hover{color:#1d1d1f;border-bottom-color:#1d1d1f;}
.pdp-code{color:#86868b;font-weight:400;font-size:13px;}
.pdp-code strong{color:#1d1d1f;font-weight:500;}
.pdp-sub{color:#86868b;font-size:13.5px;}
.pdp-rating-value{font-family:'Manrope','Inter',sans-serif;font-weight:500;color:#1d1d1f;}
.pdp-tag{font-size:12.5px;color:#86868b;border-color:#ECECEC;line-height:1.5;}
.pdp-tag-k{font-weight:400;color:#86868b;}
.pdp-tag-v{font-weight:500;color:#1d1d1f;}
.pdp-stock{font-size:13.5px;font-weight:500;line-height:1.5;}
.pdp-spec-table th{font-weight:400;color:#86868b;font-size:13px;line-height:1.6;}
.pdp-spec-table td{font-weight:500;color:#1d1d1f;font-size:14px;line-height:1.6;}
.pdp-desc{font-size:15px;line-height:1.7;color:#3a3a3c;}
.pdp-delivery-title{font-size:12px;color:#86868b;}
.pdp-delivery li{font-size:13px;line-height:1.6;color:#1d1d1f;}
.pdp-delivery li span{font-weight:400;color:#7f8c8d;min-width:150px;}
.pdp-mini-name{font-weight:600;color:#1d1d1f;letter-spacing:-.01em;}
.pdp-mini-price{font-family:'Manrope','Inter',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:#1d1d1f;}
.pdp-carousel-title{font-family:'Manrope','Inter',sans-serif;font-weight:600;letter-spacing:-.02em;color:#1a1a1a;}
.pdp-mini-img img{
height:110px;
opacity:0.35;
filter:grayscale(100%);
transition:opacity .3s ease;
}
.pdp-mini:hover .pdp-mini-img img{opacity:0.9;}
.pdp-mini{padding-bottom:20px;}
.pdp-mini-badge{
font-size:11px;
background:rgba(244,245,248,0.85);
color:#555;
border-color:rgba(15,17,21,0.06);
}
.catalog-sub{
display:flex;
flex-direction:column;
gap:1px;
margin:0 0 10px 21px;
padding:2px 0 4px 18px;
border-left:1px solid rgba(15,17,21,.08);
}
.catalog-sub-l2{
position:relative;
font-size:11px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:#9AA0AC;
padding:8px 6px 2px 0;
}
.catalog-sub-l2::before{
content:"";
position:absolute;
left:-18px;
top:50%;
width:12px;
height:1px;
background:rgba(15,17,21,.08);
}
.catalog-sub a{
display:block;
padding:6px 6px 6px 12px;
border-radius:8px;
font-size:13px;
font-weight:400;
line-height:1.3;
color:#6E7481;
text-decoration:none;
transition:background .2s var(--ease),color .2s var(--ease);
}
.catalog-sub a:hover{
background:#f5f5f7;
color:var(--ink);
}
.catalog-sub a.catalog-all{
padding-left:0;
font-weight:500;
color:var(--accent-text);
}
.catalog-sub a.catalog-all:hover{
color:var(--accent);
}
.catalog-group{position:relative;}
.cat-caret{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;color:var(--ink-4);transition:transform .25s var(--ease),color .2s var(--ease);}
.cat-caret svg{width:16px;height:16px;}
.catalog-group.collapsed .cat-caret{transform:rotate(0deg);}
.catalog-group:not(.collapsed) .cat-caret{transform:rotate(90deg);}
.catalog-sub.collapsed{display:none;}
.pdp-gallery-main{
overflow:hidden;
cursor:zoom-in;
transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.pdp-gallery-main:hover{
border-color:rgba(15,17,21,.12);
box-shadow:0 24px 48px rgba(15,17,21,.10);
}
.pdp-gallery-main img{
transition:transform .4s ease-in-out,opacity .25s ease;
will-change:transform;
}
.pdp-gallery-main:hover img{transform:scale(1.05);}
.pdp-gallery-main img.is-swapping{opacity:0;}
.pdp-zoom-hint{
position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
display:inline-flex;align-items:center;gap:6px;
padding:7px 13px;border-radius:999px;
background:rgba(255,255,255,.85);border:1px solid rgba(15,17,21,.08);
color:#6E7481;font-size:11.5px;font-weight:500;letter-spacing:.02em;
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
opacity:0;transform:translate(-50%,6px);
transition:opacity .3s var(--ease),transform .3s var(--ease);
pointer-events:none;
white-space:nowrap;
}
.pdp-gallery-main:hover .pdp-zoom-hint{opacity:1;transform:translate(-50%,0);}
.pdp-zoom-hint svg{width:13px;height:13px;stroke:currentColor;}
.pdp-thumbs{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));max-width:420px;}
.pdp-thumb{
font:inherit;appearance:none;-webkit-appearance:none;
background:var(--surface);padding:5px;
transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
}
.pdp-thumb:hover{transform:translateY(-1px);}
.pdp-thumb img{height:60px;mix-blend-mode:multiply;}
.pdp-lightbox{
position:fixed;inset:0;z-index:2100;
display:flex;align-items:center;justify-content:center;
padding:clamp(16px,4vw,48px);
background:rgba(15,17,21,.62);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
opacity:0;visibility:hidden;
transition:opacity .28s ease,visibility .28s ease;
touch-action:none;
}
.pdp-lightbox.open{opacity:1;visibility:visible;}
.pdp-lb-backdrop{position:absolute;inset:0;}
.pdp-lightbox-stage{
position:relative;z-index:1;
max-width:92vw;max-height:86vh;
display:flex;flex-direction:column;align-items:center;gap:12px;
animation:pdpLbZoom .34s cubic-bezier(.2,.75,.25,1) both;
}
.pdp-lightbox img{
display:block;max-width:92vw;max-height:78vh;
object-fit:contain;
background:rgba(255,255,255,.96);
border-radius:16px;
box-shadow:0 32px 90px rgba(0,0,0,.55);
mix-blend-mode:normal;
transform-origin:center;
will-change:transform;
-webkit-user-drag:none;user-select:none;
touch-action:none;
transition:opacity .2s ease;
}
.pdp-lightbox img.is-swapping{opacity:0;}
.pdp-lb-counter{
font-size:12.5px;font-weight:500;letter-spacing:.06em;
color:rgba(255,255,255,.7);
}
.pdp-lb-close{
position:absolute;top:20px;right:20px;z-index:2;
width:46px;height:46px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
color:#fff;cursor:pointer;
transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.pdp-lb-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;}
.pdp-lb-close:hover{transform:rotate(90deg);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);}
.pdp-lb-nav{
position:absolute;top:50%;transform:translateY(-50%);z-index:2;
width:48px;height:48px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
color:#fff;cursor:pointer;
transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.pdp-lb-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.pdp-lb-nav:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);}
.pdp-lb-nav.prev{left:20px;}
.pdp-lb-nav.next{right:20px;}
.pdp-lb-nav.prev:hover{transform:translateY(-50%) translateX(-2px);}
.pdp-lb-nav.next:hover{transform:translateY(-50%) translateX(2px);}
body.pdp-lb-open{overflow:hidden;}
@keyframes pdpLbZoom{
from{opacity:0;transform:scale(.92);}
to{opacity:1;transform:scale(1);}
}
@media (max-width:560px){
.pdp-lb-close{top:14px;right:14px;width:40px;height:40px;}
.pdp-lb-nav{width:40px;height:40px;}
.pdp-lb-nav.prev{left:12px;}
.pdp-lb-nav.next{right:12px;}
}
.spec-filters{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0 0 18px;padding:14px 16px;background:var(--surface,#fff);border:1px solid var(--border,#e2e4ea);border-radius:12px;}
.spec-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:flex-start;}
.spec-filter-title{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.03em;width:100%;margin-bottom:2px;}
.spec-filter-opt{font-size:13px;color:#1a1c22;padding:5px 11px;border:1px solid #e2e4ea;border-radius:999px;text-decoration:none;transition:all .2s;white-space:nowrap;}
.spec-filter-opt:hover{border-color:#e67e22;color:#e67e22;}
.spec-filter-opt.active{background:#e67e22;border-color:#e67e22;color:#fff;}
.spec-filter-n{font-size:11px;color:#999;}
.spec-filter-opt.active .spec-filter-n{color:rgba(255,255,255,.8);}
.spec-filter-clear{font-size:13px;color:#e67e22;text-decoration:underline;align-self:flex-end;}
.catalog-layout{display:grid;grid-template-columns:1fr 280px;gap:26px;align-items:start;}
.catalog-main{min-width:0;}
.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;}
.catalog-head .section-title{margin:0;}
.filter-reset{font-size:0.84rem;color:#e67e22;text-decoration:none;font-weight:600;white-space:nowrap;}
.filter-reset:hover{text-decoration:underline;}
.filter-sidebar{position:sticky;top:130px;}
.filter-panel{background:#fff;border:1px solid #e2e6ec;border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:18px;box-shadow:0 6px 22px rgba(17,20,26,0.05);}
.filter-panel-head{font-weight:700;font-size:1.05rem;color:#11141a;border-bottom:1px solid #eef0f3;padding-bottom:12px;}
.filter-instock{display:flex;align-items:center;}
.filter-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:0.92rem;font-weight:600;color:#1a1c22;user-select:none;}
.filter-check input{width:18px;height:18px;accent-color:#e67e22;cursor:pointer;}
.filter-block{display:flex;flex-direction:column;gap:8px;}
.filter-block-title{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8a8f99;}
.filter-list{display:flex;flex-direction:column;gap:2px;}
.filter-link{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:0.88rem;color:#3a3f48;text-decoration:none;padding:6px 8px;border-radius:8px;transition:background .15s,color .15s;}
.filter-link:hover{background:#f5f5f7;}
.filter-link.active{background:rgba(230,126,34,0.1);color:#e67e22;font-weight:600;}
.filter-link-n{font-size:0.76rem;color:#aab0ba;}
.filter-link.active .filter-link-n{color:#e67e22;}
.filter-chips{display:flex;flex-wrap:wrap;gap:6px;}
.filter-chip{font-size:0.82rem;color:#3a3f48;padding:5px 10px;border:1px solid #e2e6ec;border-radius:999px;text-decoration:none;transition:all .18s;white-space:nowrap;}
.filter-chip:hover{border-color:#e67e22;color:#e67e22;}
.filter-chip.active{background:#e67e22;border-color:#e67e22;color:#fff;}
.filter-chip-n{font-size:0.72rem;color:#aab0ba;}
.filter-chip.active .filter-chip-n{color:rgba(255,255,255,.8);}
@media (max-width:900px){.catalog-layout{grid-template-columns:1fr;}.filter-sidebar{position:static;}}
.filter-block summary.filter-block-title{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;padding:2px 0;}
.filter-block summary.filter-block-title::-webkit-details-marker{display:none;}
.filter-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8a8f99;transition:transform .25s;flex-shrink:0;}
.filter-block[open] .filter-caret{transform:rotate(180deg);}
.filter-block .filter-list,.filter-block .filter-chips{margin-top:8px;}
.filter-price{margin:0;}
.price-range{display:flex;align-items:center;gap:6px;margin-top:8px;}
.price-range input{width:100%;min-width:0;padding:7px 8px;border:1px solid #e2e6ec;border-radius:8px;font-size:0.85rem;color:#1a1c22;outline:none;}
.price-range input:focus{border-color:#e67e22;}
.price-range input::-webkit-inner-spin-button{-webkit-appearance:none;}
.price-range-sep{color:#aab0ba;flex-shrink:0;}
.price-apply{flex-shrink:0;background:#e67e22;color:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:0.82rem;font-weight:600;cursor:pointer;}
.price-apply:hover{background:#d35400;}
.catalog-layout{grid-template-columns:1fr;}
.catalog-tools{display:flex;align-items:center;gap:12px;}
.filter-check-inline{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.9rem;font-weight:600;color:#1a1c22;user-select:none;}
.filter-check-inline input{width:17px;height:17px;accent-color:#e67e22;cursor:pointer;}
.filter-open-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(45deg,#e67e22,#d35400);color:#fff;border:0;border-radius:10px;padding:9px 16px;font-size:0.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(230,126,34,.25);transition:transform .25s,box-shadow .25s,filter .25s;}
.filter-open-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,126,34,.35);filter:saturate(1.08);}
.filter-open-btn svg{width:17px;height:17px;stroke:#fff;}
.filter-open-badge{background:rgba(255,255,255,.25);border-radius:999px;padding:1px 8px;font-size:0.75rem;font-weight:700;}
.filter-overlay{position:fixed;inset:0;background:rgba(17,20,26,.45);backdrop-filter:blur(3px);z-index:1200;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.filter-overlay.open{opacity:1;visibility:visible;}
.filter-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1210;width:360px;max-width:88vw;transform:translateX(-100%);transition:transform .35s cubic-bezier(.22,1,.36,1);}
.filter-sidebar.open{transform:none;}
.filter-panel{height:100%;overflow-y:auto;background:#fff;padding:22px 20px;display:flex;flex-direction:column;gap:18px;box-shadow:24px 0 60px rgba(17,20,26,.18);}
.filter-panel-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.1rem;color:#11141a;border-bottom:1px solid #eef0f3;padding-bottom:14px;}
.filter-close-btn{background:none;border:0;font-size:1.6rem;line-height:1;color:#8a8f99;cursor:pointer;padding:0 4px;}
.filter-close-btn:hover{color:#e67e22;}
.filter-sidebar{left:auto;right:0;transform:translateX(100%);will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1);}
.filter-sidebar.open{transform:translateX(0);}
.filter-panel{box-shadow:-24px 0 60px rgba(17,20,26,.16);}
.filter-overlay{background:rgba(17,20,26,.35);backdrop-filter:none;transition:opacity .35s ease,visibility .35s ease;}
.filter-open-btn{background:#fff;color:#11141a;border:1px solid #e2e6ec;box-shadow:0 1px 2px rgba(17,20,26,.04),0 3px 10px rgba(17,20,26,.05);font-weight:600;letter-spacing:.01em;border-radius:12px;}
.filter-open-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(17,20,26,.06),0 10px 24px rgba(17,20,26,.09);filter:none;}
.filter-open-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(17,20,26,.05);}
.filter-open-btn svg{stroke:#11141a;}
.filter-open-badge{background:#e67e22;color:#fff;font-size:0.7rem;min-width:18px;text-align:center;font-weight:700;}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;}
.page-size{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:#8a8f99;}
.page-size-opt{min-width:34px;text-align:center;padding:6px 10px;border:1px solid #e2e6ec;border-radius:8px;color:#3a3f48;text-decoration:none;font-size:0.85rem;transition:all .15s;}
.page-size-opt:hover{border-color:#e67e22;color:#e67e22;}
.page-size-opt.active{background:#e67e22;border-color:#e67e22;color:#fff;font-weight:600;}
.pagination{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.pagination .btn{min-width:36px;padding:6px 10px;text-align:center;}
.page-num{min-width:36px;text-align:center;padding:6px 10px;border:1px solid #e2e6ec;border-radius:8px;color:#3a3f48;text-decoration:none;font-size:0.85rem;transition:all .15s;}
.page-num:hover{border-color:#e67e22;color:#e67e22;}
.page-cur{min-width:36px;text-align:center;padding:6px 10px;background:#e67e22;border-radius:8px;color:#fff;font-weight:600;font-size:0.85rem;}
.page-dots{color:#aab0ba;padding:0 4px;}
.pdp-badges{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:3;max-width:calc(100% - 24px);}
.pdp-badge-info{background:#10233f;color:#fff;font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.pdp-badges-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.pdp-badge-chip{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:700;padding:6px 12px;border-radius:999px;line-height:1;letter-spacing:0.2px;}
.pdp-badge-ru{background:#e6f7ec;color:#157347;border:1px solid #b9e7c8;}
.pdp-badge-st1{background:#d9f2e3;color:#0c6b3c;border:1px solid #a5dfbd;}
.pdp-badge-gift{background:#eaf1fe;color:#1a56db;border:1px solid #c8d9fb;}
.pdp-badge-ru::before{content:'\2713';font-weight:800;}
.pdp-badge-st1::before{content:'\2713';font-weight:800;}
.pdp-badge-gift::before{content:'\2726';font-weight:800;}
.pdp-badge-warranty{background:#e6f4f4;color:#0b6e6e;border:1px solid #bde0e0;}
.pdp-badge-warranty::before{content:'\2713';font-weight:800;}
.filter-popup{max-height:70vh;overflow-y:auto;}
.filter-popup-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-3);padding:2px 4px;}
.sp-filter{display:flex;align-items:center;gap:9px;}
.sp-filter-ic{width:16px;height:16px;display:inline-flex;flex-shrink:0;color:var(--ink-3);}
.sp-filter-ic svg{width:16px;height:16px;}
.sp-filter-all{margin-top:2px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;color:var(--accent-text);font-weight:700;}
.trust-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 18px;background:#e6f7ec;border:1px solid #b9e7c8;border-radius:12px;font-size:0.95rem;}
.trust-badge{background:#157347;color:#fff;font-weight:700;padding:5px 12px;border-radius:999px;font-size:0.8rem;}
.trust-strip strong{font-size:1.3rem;color:#0c6b3c;}
.trust-strip a{color:#0c6b3c;font-weight:600;border-bottom:1px dashed;}
.pdp-title{font-family:'Manrope','Inter',sans-serif;font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.15;color:#1a1a1a;}
.pdp-overline{font-family:'Inter',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#86868b;}
.pdp-price-value{font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:30px;letter-spacing:-.02em;color:#1a1a1a;line-height:1;}
.pdp-price-label{font-size:12px;color:#86868b;font-weight:400;letter-spacing:.02em;}
.pdp-mini-price{font-family:'Manrope','Inter',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:#1d1d1f;}
.pdp-carousel-title{font-family:'Manrope','Inter',sans-serif;font-weight:600;letter-spacing:-.02em;color:#1a1a1a;}
.pdp-feature-title{font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:15px;color:#1a1a1a;}
.pdp-tab{font-family:'Inter',sans-serif;font-weight:500;font-size:15px;}
.pdp-desc{font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;color:#3a3f47;font-weight:400;}
.pdp-intro{font-family:'Inter',sans-serif;font-size:15.5px;line-height:1.6;color:#5b616b;max-width:72ch;margin:0;}
.pdp-badge-chip{font-family:'Inter',sans-serif;font-weight:600;}
.pdp-key-specs .pdp-tag{font-family:'Inter',sans-serif;}
.pdp-stock{font-family:'Inter',sans-serif;font-size:13.5px;}
.pdp-spec-table th{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:500;color:#7f8c8d;}
.pdp-spec-table td{font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:#2c3e50;}
.pdp-desc--collapsed{max-height:150px;overflow:hidden;position:relative;}
.pdp-desc--collapsed::after{content:'';position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,rgba(244,245,248,0),#f4f5f8);}
.pdp-desc-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:9px 18px;border:1px solid #d9dee6;border-radius:10px;background:#fff;color:#3a3f47;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.pdp-desc-toggle:hover{border-color:var(--accent);color:var(--accent-text);}
.sp-filter-cat{font-weight:700;color:var(--ink);}
.sp-filter-sub{font-size:12.5px;font-weight:500;color:var(--ink-3);padding:6px 12px 6px 30px;border:0;background:transparent;border-radius:8px;}
.sp-filter-sub:hover{color:var(--accent-text);background:#FAFBFC;}
:root{
--accent:#2563EB;
--accent-text:#1E3A8A;
--accent-soft:rgba(37,99,235,.10);
--ok:#059669;
--ok-soft:rgba(5,150,105,.10);
}
.filter-popup{max-height:min(72vh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.catalog{position:sticky;top:110px;height:fit-content;z-index:10;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.banner{background:linear-gradient(135deg,#1E3A8A 0%,#2563EB 100%);}
.banner .badge{background:rgba(255,255,255,.14);color:#fff;}
.btn-blue{background:#1E3A8A;color:#fff;}
.btn-blue:hover{background:#1E40AF;}
.btn-cart{background:#111827;color:#fff;}
.btn-cart:hover{background:#1E3A8A;box-shadow:0 10px 22px rgba(37,99,235,.28);}
.pdp-btn-primary{background:#111827;border-color:#111827;color:#fff;}
.pdp-btn-primary:hover{background:#1E3A8A;border-color:#1E3A8A;}
.pdp-badge-chip{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500;font-size:0.72rem;}
.pdp-badge-ru,.pdp-badge-st1,.pdp-badge-gift,.pdp-badge-warranty{background:#fff;border:1px solid var(--line);color:var(--ink);}
.pdp-badge-chip::before{color:var(--accent);font-weight:600;}
.pdp-stock-in{color:var(--ok);}
.pdp-stock-in .pdp-stock-dot{background:var(--ok);}
.filter-popup{display:block;max-height:min(72vh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.filter-popup>*{flex-shrink:0;}
.filter-popup .sp-filter{margin-bottom:6px;}
.filter-popup .sp-filter:last-child{margin-bottom:0;}
.filter-popup-head{margin-bottom:6px;}
.pdp-mini{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 20px;border-bottom:1px solid #EFF1F4;transition:none;}
.pdp-mini:hover{transform:none;box-shadow:none;}
.pdp-mini-img{background:#F9FAFB;border-radius:14px;padding:16px;}
.pdp-mini-img img{height:150px;}
.pdp-mini-brand{color:var(--ink-4);font-weight:500;letter-spacing:.08em;}
.pdp-mini-name{font-weight:500;font-size:13.5px;}
.pdp-mini-price{font-weight:500;font-size:1rem;color:#111827;letter-spacing:-.01em;}
.pdp-mini-cart{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;line-height:1;padding:0;opacity:0;cursor:pointer;transition:opacity .2s ease,background .2s ease,color .2s ease,border-color .2s ease;}
.pdp-mini:hover .pdp-mini-cart{opacity:1;}
.pdp-mini-cart:hover{background:#111827;color:#fff;border-color:#111827;}
.spec-filter-opt:hover{border-color:#2563EB;color:#2563EB;}
.spec-filter-opt.active{background:#2563EB;border-color:#2563EB;color:#fff;}
.spec-filter-clear,.filter-reset{color:#2563EB;}
.filter-check input,.filter-check-inline input{accent-color:#2563EB;}
.filter-link.active{background:rgba(37,99,235,.1);color:#1E3A8A;}
.filter-link.active .filter-link-n{color:#1E3A8A;}
.filter-chip:hover{border-color:#2563EB;color:#2563EB;}
.filter-chip.active{background:#2563EB;border-color:#2563EB;color:#fff;}
.price-range input:focus{border-color:#2563EB;}
.price-apply{background:#111827;}
.price-apply:hover{background:#1E3A8A;}
.filter-open-btn{background:#111827;box-shadow:none;}
.filter-open-btn:hover{background:#1E3A8A;}
.filter-close-btn:hover{color:#2563EB;}
.filter-open-badge{background:#2563EB;}
.page-size-opt:hover{border-color:#2563EB;color:#2563EB;}
.page-size-opt.active{background:#2563EB;border-color:#2563EB;color:#fff;}
.page-num:hover{border-color:#2563EB;color:#2563EB;}
.page-cur{background:#2563EB;}
.banner{background:#10233f;}
.banner .badge{background:#e53935;color:#fff;}
.banner .badge{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);}
.filter-open-btn{background:linear-gradient(45deg,#e67e22,#d35400);box-shadow:0 6px 16px rgba(230,126,34,.25);}
.filter-open-btn:hover{background:linear-gradient(45deg,#e67e22,#d35400);filter:brightness(1.05);}
.card a.name{font-size:0.9rem;font-weight:500;letter-spacing:-.01em;line-height:1.35;color:#111827;}
.filter-open-btn{background:#1E3A8A;box-shadow:none;}
.filter-open-btn:hover{background:#2563EB;}
.card a.name{font-size:0.85rem;font-weight:500;letter-spacing:-.01em;line-height:1.35;color:#111827;}
:root{--accent:#E0670F;--accent-text:#B85307;--accent-soft:rgba(224,103,15,.10);--ok:#178A4C;--ok-soft:rgba(23,138,76,.10);}
.banner .badge{background:#e53935;color:#fff;border:0;}
.btn-cart:hover{background:linear-gradient(45deg,#e67e22,#d35400);box-shadow:0 10px 22px rgba(230,126,34,.35);}
.pdp-btn-primary:hover{background:linear-gradient(45deg,#e67e22,#d35400);border-color:transparent;}
.filter-open-btn{background:linear-gradient(45deg,#e67e22,#d35400);box-shadow:0 6px 16px rgba(230,126,34,.25);}
.filter-open-btn:hover{background:linear-gradient(45deg,#e67e22,#d35400);filter:brightness(1.05);}
.filter-open-badge{background:#e67e22;}
.price-apply{background:#e67e22;}
.price-apply:hover{background:#d35400;}
.filter-link.active{background:rgba(230,126,34,.1);color:#e67e22;}
.filter-link.active .filter-link-n{color:#e67e22;}
.filter-chip:hover{border-color:#e67e22;color:#e67e22;}
.filter-chip.active{background:#e67e22;border-color:#e67e22;color:#fff;}
.spec-filter-opt:hover{border-color:#e67e22;color:#e67e22;}
.spec-filter-opt.active{background:#e67e22;border-color:#e67e22;color:#fff;}
.spec-filter-clear,.filter-reset{color:#e67e22;}
.filter-check input,.filter-check-inline input{accent-color:#e67e22;}
.price-range input:focus{border-color:#e67e22;}
.filter-close-btn:hover{color:#e67e22;}
.page-size-opt:hover{border-color:#e67e22;color:#e67e22;}
.page-size-opt.active{background:#e67e22;border-color:#e67e22;color:#fff;}
.page-num:hover{border-color:#e67e22;color:#e67e22;}
.page-cur{background:#e67e22;}
.banner .badge{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.38);}
.filter-open-btn{background:linear-gradient(180deg,#F3F4F6,#E5E7EB);color:#111827;border:1px solid #D1D5DB;box-shadow:0 1px 2px rgba(17,24,39,.06);}
.filter-open-btn:hover{background:linear-gradient(180deg,#E9EBEF,#DADDE3);filter:none;color:#111827;}
.filter-open-btn svg{stroke:#111827;}
.filter-chip-check{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#FAFBFC;font-size:13px;cursor:pointer;transition:all .2s ease;}
.filter-chip-check:hover{border-color:var(--accent);}
.filter-chip-check input{accent-color:var(--accent);margin:0;cursor:pointer;}
.filter-chip-check .filter-chip-n{color:var(--ink-4);font-size:12px;}
.filter-apply-btn{width:100%;padding:12px;background:var(--ink);color:#fff;border:0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:background .2s ease;}
.filter-apply-btn:hover{background:var(--accent);}
.card a.name{font-size:0.8rem;font-weight:500;letter-spacing:-.01em;line-height:1.35;color:#111827;}
.pdp-mini{text-align:center;padding:0 6px 24px;}
.pdp-mini-img{display:flex;align-items:center;justify-content:center;background:#F9FAFB;border-radius:16px;padding:22px;}
.pdp-mini-img img{height:150px;}
.pdp-mini-brand{margin:12px auto 0;}
.pdp-mini-name{margin:0 auto;min-height:2.8em;}
.pdp-mini-code{margin:0 auto;}
.pdp-mini-foot{flex-direction:row;align-items:center;justify-content:center;gap:14px;}
.pdp-title{font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:600;letter-spacing:-.015em;line-height:1.22;color:#111827;}
.card{text-align:center;}
.card a.name{margin:0 auto;}
.card .code{margin:0 auto;}
.card .img{display:flex;align-items:center;justify-content:center;}
.card-footer{align-items:center;}
.card-stock{font-size:0.78rem;color:var(--ink-3);line-height:1.45;margin:0 auto;}
.card-stock-in{color:var(--ok);}
.card-stock-remote{color:#B07D2B;}
.card-stock-order{color:var(--ink-4);}
.card .code{font-size:0.82rem;font-weight:600;color:#111827;letter-spacing:-.01em;}
.card .code{font-size:0.95rem;font-weight:600;color:#111827;letter-spacing:-.01em;}
.card .code{font-size:1.1rem;font-weight:600;color:#111827;letter-spacing:-.01em;}
.pdp-mini-img{background:transparent;border-radius:0;padding:8px;}
.pdp-mini-img img{height:130px;width:auto;max-width:100%;}
.filter-check input,.filter-chip-check input{accent-color:#111827;}
.filter-check input[type=radio]{width:16px;height:16px;}
.card-type{font-size:0.8rem;color:var(--ink-3);margin-top:2px;line-height:1.4;}
.pdp-intro{font-family:'Inter',sans-serif;font-size:15px;line-height:1.65;color:var(--ink-2);max-width:72ch;margin:0 0 4px;font-weight:400;letter-spacing:-.005em;}
.filter-check-inline input{accent-color:#111827;width:17px;height:17px;}
.pdp-intro{font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;color:var(--ink-2);max-width:82ch;margin:0 0 8px;font-weight:400;letter-spacing:-.005em;white-space:pre-line;}
.filter-advanced{margin-top:4px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);}
.filter-advanced-toggle{
display:flex;align-items:center;justify-content:space-between;
padding:13px 16px;cursor:pointer;font-weight:600;font-size:14px;
color:var(--ink);list-style:none;
background:linear-gradient(135deg,rgba(245,166,35,.12),rgba(224,103,15,.06));
transition:background .2s,color .2s;
}
.filter-advanced-toggle::-webkit-details-marker{display:none;}
.filter-advanced-toggle:hover{color:var(--accent-text);}
.filter-advanced[open] .filter-advanced-toggle{border-bottom:1px solid var(--line);}
.filter-advanced-body{padding:14px 16px;}
.filter-advanced-title{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:12px 0 6px;}
.filter-advanced-item:first-child .filter-advanced-title{margin-top:0;}
.site-trust{font-size:13px;color:var(--ink-2);}
.hero-cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;}
.hero-cta:hover{background:var(--accent-hover);}
.banner{background:var(--text);padding:20px 15px;}
.banner .badge{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);}
.cookie-banner{padding:12px 15px;font-size:13px;}
.cookie-accept{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:13px;box-shadow:none;}
.cookie-accept:hover{transform:none;box-shadow:none;background:var(--surface-hover);}
.layout > .content{min-width:0;}
.catalog-title,.catalog a.catalog-title,.catalog a.catalog-title svg{color:var(--text);}
.catalog a{color:var(--text);}
.cat-icon{color:var(--text-2);}
.cat-icon svg{stroke-width:var(--icon-stroke);}
.catalog-sub{margin:0 0 var(--s-3) var(--s-5);padding:var(--s-1) 0 var(--s-1) var(--s-4);border-left:var(--bw) solid var(--line);}
.catalog-sub a{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-snug);color:var(--text);}
.catalog-sub a:hover{background:var(--accent-weak);color:var(--accent-hover);}
.catalog-sub-l2::before{background:var(--line);}
.catalog-sub a.catalog-all{padding-left:var(--s-3);font-weight:var(--fw-600);color:var(--accent);}
.catalog-sub a.catalog-all:hover{background:var(--accent-weak);color:var(--accent-hover);}
.catalog-sub-l2{font-size:var(--fs-11);font-weight:var(--fw-700);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--text-2);padding:var(--s-2) var(--s-2) var(--s-1) 0;}
.catalog a.active{background:var(--accent-weak);color:var(--accent-hover);font-weight:var(--fw-600);}
.catalog a.active .cat-icon{color:var(--accent-hover);}
@media (min-width:1101px){
.layout{grid-template-columns:280px 1fr;}
.catalog{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s-4) var(--s-2);}
.catalog::before{display:none;}
}
@media (max-width:900px){
.layout{grid-template-columns:1fr;}
.catalog{position:static;max-height:none;overflow-y:visible;align-items:center;}
.catalog .catalog-sub,.catalog .cat-caret{display:none;}
.catalog a.catalog-title{display:none !important;}
}
.topbar-contacts .tc{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
@media (max-width:900px){
.topbar-contacts{display:flex;align-items:center;gap:16px;margin-left:auto;}
.topbar-contacts .city,.topbar-contacts .sep,.topbar-contacts .tc--khb{display:none;}
}
@media (max-width:560px){
.topbar-inner{gap:10px;}
.topbar-contacts{gap:4px;font-size:12px;}
.topbar-contacts .tc--vlad{justify-content:center;width:36px;height:36px;}
.topbar-contacts .tc--vlad .tc__text,.topbar-contacts .tc--mail .mail-icon{display:none;}
.partner-login{padding:8px 12px;}
.partner-login .pl-word{display:none;}
}
@media (max-width:379px){
.topbar-contacts .tc--mail{justify-content:center;width:36px;height:36px;}
.topbar-contacts .tc--mail .tc__text{display:none;}
.topbar-contacts .tc--mail .mail-icon{display:block;}
}
.pdp-mini-img img{filter:none;opacity:1;}
.topbar-contacts .tc-group{display:inline-flex;align-items:center;gap:8px;}
.topbar-contacts .tc-label{color:#8B919E;font-weight:300;}
@media (max-width:1200px){
.topbar-contacts .tc-label{display:none;}
}
@media (max-width:768px){
.topbar-contacts .tc-group--install,.topbar-contacts .sep{display:none;}
.subbar .write-us{padding:6px 10px;font-size:12px;}
}
@media (max-width:560px){
.topbar-contacts .tc{justify-content:center;width:36px;height:36px;}
.topbar-contacts .tc .tc__text{display:none;}
.topbar-contacts .tc .phone-icon,.topbar-contacts .tc .mail-icon{display:block;}
}
.subbar .write-us .wu-s{display:none;}
@media (max-width:768px){
.subbar-inner{gap:10px;}
.subbar-links{flex:1 1 auto;min-width:0;padding-left:0;gap:16px;
-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);}
.subbar-actions{flex:0 0 auto;gap:8px;}
}
@media (max-width:560px){
.subbar-inner{padding:0 12px;}
.subbar a{font-size:13px;}
.subbar .write-us{padding:5px 10px;font-size:12.5px;}
.subbar .write-us .wu-l{display:none;}
.subbar .write-us .wu-s{display:inline;}
}