*,*::before,*::after{box-sizing:border-box}
:root{--bg:#0a1f2e;--bg2:#0f2838;--bg3:#133048;--text:#e8eef4;--muted:#9ab0c0;--gold:#d4a447;--gold2:#f0c670;--accent:#4faed9;--danger:#c24040;--good:#4fd96a;--brand-blue:#00456a}
body{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><defs><linearGradient id='lt' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%231f4769'/><stop offset='1' stop-color='%230f2538'/></linearGradient></defs><polygon points='0,0 14,0 14,14 0,14' fill='%23122a40'/><polygon points='0,0 14,0 14,14' fill='%231a3e5e'/><polygon points='14,14 28,0 28,14' fill='%23102839'/><polygon points='14,14 28,0 14,0' fill='%231a3e5e'/><polygon points='0,14 14,28 14,14' fill='%231a3e5e'/><polygon points='0,14 14,28 0,28' fill='%230f2538'/><polygon points='14,28 28,28 28,14' fill='%23122a40'/><polygon points='14,28 14,14 28,14' fill='%231a3e5e'/></svg>");background-size:28px 28px;background-attachment:fixed;background-color:var(--bg)}body::before{content:"";position:fixed;inset:-20vmin;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 10%, rgba(212,164,71,.07), transparent 46%),radial-gradient(ellipse at 80% 90%, rgba(82,118,165,.10), transparent 52%);animation:beam 46s linear infinite;mix-blend-mode:screen}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg, rgba(8,14,24,.28) 0%, rgba(8,14,24,.52) 100%);}@keyframes beam{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body > *{position:relative;z-index:1}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,'Noto Sans','PT Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1320px;margin:0 auto;padding:0 24px}
.brass{color:var(--gold2);font-weight:600}
.accent{color:var(--accent)}

/* HEADER / NAV */
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,31,46,.92);border-bottom:1px solid rgba(212,164,71,.15)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px}
.site-header__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;color:var(--text)}
.logo-mark{color:var(--gold);font-size:22px}
.site-nav{display:flex;gap:22px;flex-wrap:wrap}
.site-nav a{font-size:14px;color:var(--muted);transition:color .2s;padding:4px 0;border-bottom:2px solid transparent}
@media (hover:hover){
.site-nav a:hover{color:var(--gold)}}
.site-nav__cta{background:var(--gold);color:#1a1400 !important;padding:6px 16px !important;border-radius:6px;font-weight:600}
.breadcrumb{background:linear-gradient(90deg,rgba(10,31,46,.6),rgba(15,40,56,.6));border-bottom:1px solid rgba(212,164,71,.15);font-size:13px}
.breadcrumb__inner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 24px;color:#9ab0c0}
.breadcrumb a{color:var(--gold2);text-decoration:none;transition:color .15s}
@media (hover:hover){
.breadcrumb a:hover{color:var(--gold);text-decoration:underline}}
.breadcrumb__sep{color:rgba(212,164,71,.55);font-weight:700}
.breadcrumb [aria-current="page"]{color:#e8eef4;font-weight:500}
@media(max-width:720px){.breadcrumb__inner{font-size:12px}}
@media (hover:hover){
.site-nav__cta:hover{background:var(--gold2);color:#1a1400}}

/* HERO */
.hero{padding:80px 0 100px;background:radial-gradient(ellipse at top right,#1a3d5a 0%,var(--bg) 60%);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-10%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,164,71,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.hero__tag{display:inline-block;background:#d4a447;color:#1a1400;padding:7px 18px;border-radius:14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 2px 8px rgba(212,164,71,.28)}
.hero__title{font-size:52px;line-height:1.1;margin:0 0 24px;font-weight:800;letter-spacing:-1px}
.hero__descr{font-size:17px;color:#cfe2f3;margin:0 0 16px;max-width:600px}
.hero__descr strong{color:#fff;font-weight:700}
.hero__descr--tight{margin-bottom:30px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;transition:all .2s;border:none;cursor:pointer;letter-spacing:.3px}
.btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1400}
@media (hover:hover){
.btn--gold:hover{box-shadow:0 8px 20px rgba(212,164,71,.3);}}
.btn--ghost{border:1px solid rgba(212,164,71,.4);color:var(--text);background:transparent}
@media (hover:hover){
.btn--ghost:hover{border-color:var(--gold);background:rgba(212,164,71,.08)}}
.hero__flagship{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid rgba(212,164,71,.2);border-radius:14px;padding:30px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.hero__flagship-img{width:100%;height:auto;border-radius:8px}
.hero__flagship-label{margin-top:18px;padding-top:18px;border-top:1px solid rgba(212,164,71,.15)}
.hero__flagship-sku{color:var(--gold);font-weight:700;font-size:14px;letter-spacing:.5px;margin-bottom:4px}
.hero__flagship-title{color:#cfe2f3;font-size:13px;line-height:1.4}

/* CATALOG tiles */
.cats{padding:60px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));border-top:1px solid rgba(212,164,71,.08)}
.cats__title{text-align:center;font-size:32px;margin:0 0 40px;font-weight:700;letter-spacing:-.5px}
.cats__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.tile{display:block;background:var(--bg2);border:1px solid rgba(212,164,71,.1);border-radius:10px;padding:24px 16px;text-align:center;transition:all .2s}
@media (hover:hover){
.tile:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.3)}}
.tile--gold{background:linear-gradient(135deg,rgba(212,164,71,.08),rgba(212,164,71,.02));border-color:rgba(212,164,71,.25)}
.tile__ico{font-size:0;margin-bottom:14px;display:flex;justify-content:center;align-items:center;height:52px}
.tile__svg{width:48px;height:48px;color:var(--gold);filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:all .3s}
@media (hover:hover){
.tile:hover .tile__svg{color:var(--gold2);}}
.tile--gold .tile__svg{color:var(--gold2)}
.tile__name{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px}
.tile__count{color:var(--muted);font-size:12px}

/* SECTIONS */
.section{padding:80px 0;border-bottom:1px solid rgba(212,164,71,.08)}
.section:nth-child(odd){background:linear-gradient(180deg,var(--bg),var(--bg2))}
.section:nth-child(even){background:var(--bg)}
.section__head{max-width:900px;margin:0 auto 40px;text-align:center}
.section__title{font-size:36px;margin:0 0 12px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.section__count{display:inline-block;font-size:14px;color:var(--gold);font-weight:500;background:rgba(212,164,71,.1);padding:3px 12px;border-radius:10px;margin-left:8px;vertical-align:middle}
.section__sub{font-size:17px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.section__lead{font-size:15px;color:var(--muted);max-width:780px;margin:10px auto 0;line-height:1.6;font-style:italic;opacity:.85}

/* GRID / CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:var(--bg2);border:1px solid rgba(212,164,71,.1);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:all .2s}
@media (hover:hover){
.card:hover{border-color:rgba(212,164,71,.4);box-shadow:0 15px 35px rgba(0,0,0,.35)}}
.card__img{background:#f4f6f8;height:160px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}
.card__img img{max-width:100%;max-height:100%;object-fit:contain}
.card__body{padding:13px 14px;flex:1;display:flex;flex-direction:column;position:relative}.card__body::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg, transparent 44%, rgba(212,164,71,.5) 45%, rgba(212,164,71,.5) 55%, transparent 56%),linear-gradient(45deg, transparent 44%, rgba(212,164,71,.35) 45%, rgba(212,164,71,.35) 55%, transparent 56%);background-size:8px 8px;opacity:.35;pointer-events:none}
.card__title{font-size:14.5px;color:var(--text);margin:0 0 4px;font-weight:700;line-height:1.25;letter-spacing:.1px}
.card__sku{font-size:11px;color:var(--muted);font-family:'SF Mono','Consolas','Courier New',monospace;margin-bottom:10px;letter-spacing:.3px}
.card__badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.b{font-size:9px;padding:2px 7px;border-radius:8px;font-weight:600;letter-spacing:.3px;white-space:nowrap}
.b--band{background:rgba(79,174,217,.12);color:var(--accent);border:1px solid rgba(79,174,217,.3)}
.b--power{background:rgba(212,164,71,.12);color:var(--gold);border:1px solid rgba(212,164,71,.3)}
.b--freq{background:rgba(154,122,200,.12);color:#c0a0e4;border:1px solid rgba(154,122,200,.3)}
.b--maker{background:rgba(79,217,106,.1);color:var(--good);border:1px solid rgba(79,217,106,.3)}
.b--new{background:rgba(79,217,106,.14);color:var(--good);border:1px solid rgba(79,217,106,.3)}
.b--used{background:rgba(79,174,217,.12);color:var(--accent);border:1px solid rgba(79,174,217,.3)}
.b--restored{background:rgba(212,164,71,.12);color:var(--gold);border:1px solid rgba(212,164,71,.3)}
.b--defect{background:rgba(194,64,64,.12);color:#d46a6a;border:1px solid rgba(194,64,64,.3)}
.card__desc{font-size:12.5px;color:var(--muted);margin:0 0 12px;flex:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p-price{font-size:20px;font-weight:700;color:var(--gold);margin-bottom:10px;font-family:sans-serif}.p-price--request{color:#9cabb7 !important;font-size:16px !important;font-style:italic !important;font-weight:500 !important}
.p-price--none{color:var(--muted);font-size:13px;font-weight:500;font-style:italic}
.card__btn{background:linear-gradient(90deg,var(--brand-blue),#0a5f8a);color:var(--text);padding:10px;border-radius:6px;font-size:13px;font-weight:600;text-align:center;transition:all .2s;display:block}
@media (hover:hover){
.card__btn:hover{background:linear-gradient(90deg,#005a8a,#0a7aab);box-shadow:0 6px 16px rgba(0,90,138,.4)}}
.ribbon{position:absolute;top:12px;right:-32px;transform:rotate(35deg);font-size:9px;font-weight:700;padding:4px 34px;letter-spacing:.5px;z-index:2;box-shadow:0 3px 8px rgba(0,0,0,.3);text-transform:uppercase;white-space:nowrap}
.ribbon--gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1400}

/* FAQ */
.faq__list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq__q{background:var(--bg2);border:1px solid rgba(212,164,71,.12);border-radius:10px;padding:16px 20px}
.faq__q summary{cursor:pointer;font-weight:600;font-size:15.5px;color:var(--text);list-style:none;position:relative;padding-right:30px}
.faq__q summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--gold);font-size:20px;font-weight:300;transition:transform .2s}
.faq__q[open] summary::after{content:"−"}
.faq__q summary::-webkit-details-marker{display:none}
.faq__q p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}

/* CONTACTS */
.geo__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}
@media(max-width:900px){.geo__grid{grid-template-columns:1fr}}
.geo__lead{color:var(--muted);font-size:16px;margin-bottom:28px}
.geo__block{margin-bottom:18px}
.geo__label{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-weight:600}
.geo__link{font-size:18px;color:var(--text);font-weight:500;border-bottom:1px solid rgba(212,164,71,.3)}
@media (hover:hover){
.geo__link:hover{color:var(--gold);border-bottom-color:var(--gold)}}
.geo__family-title{font-size:18px;margin:0 0 18px;color:var(--text);font-weight:600}
.geo__family-list{list-style:none;padding:0;margin:0}
.geo__family-list li{padding:8px 0;font-size:13px;color:var(--muted);border-bottom:1px solid rgba(212,164,71,.08)}
.geo__family-list a{color:var(--accent);font-weight:500}
@media (hover:hover){
.geo__family-list a:hover{color:var(--gold)}}

/* FOOTER */
.footer{padding:56px 0 28px;background:linear-gradient(180deg,#081421 0%,#050e18 100%);color:var(--muted);font-size:13px;border-top:1px solid rgba(212,164,71,.12);text-align:left}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;align-items:start;padding:10px 0 28px}
@media(max-width:900px){.footer__grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:520px){.footer__grid{grid-template-columns:1fr;gap:22px}}
.footer__col{display:flex;flex-direction:column;gap:6px;min-width:0}
.footer__brand{font-size:17px;font-weight:700;color:#e7eef5;letter-spacing:.3px;margin-bottom:6px}
.footer__brand .logo-mark{color:var(--gold);margin-right:4px}
.footer__desc{color:var(--muted);font-size:12.5px;line-height:1.55}
.footer__hdr{font-size:11px;color:var(--gold);letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(212,164,71,.15)}
.footer__link{display:block;color:#bcc6d4;text-decoration:none;padding:4px 0;font-size:12.5px;line-height:1.5;transition:color .15s;word-break:break-word}
@media (hover:hover){
.footer__link:hover{color:var(--gold2)}}
.footer__list{color:var(--muted);font-size:12px;line-height:1.55}
.footer__flags{display:flex;gap:36px;flex-wrap:wrap;align-items:center;padding:22px 0;margin-top:6px;border-top:1px solid rgba(212,164,71,.1);border-bottom:1px solid rgba(212,164,71,.1)}
.footer__flags-item{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.footer__flags-item img{display:block;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px rgba(212,164,71,.18)}
.footer__flags-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.footer__flags-txt strong{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:3px}
.footer__flags-txt span{font-size:12px;color:var(--muted);line-height:1.45}
.footer__flags-tag{margin-left:auto;font-family:'SF Mono','Consolas','Courier New',monospace;font-size:10.5px;color:var(--gold);letter-spacing:1.8px;text-transform:uppercase;padding:7px 13px;border:1px solid rgba(212,164,71,.22);border-radius:4px;background:rgba(212,164,71,.04);white-space:nowrap}
@media(max-width:720px){.footer__flags{gap:22px;justify-content:center}.footer__flags-item{flex:1 1 260px;min-width:0}.footer__flags-tag{margin:0 auto;flex:0 1 auto}}
.footer__bottom{padding:18px 0 0;font-size:12px;color:var(--muted);text-align:center;opacity:.82}
.footer__bottom a{color:var(--gold2);text-decoration:none}
@media (hover:hover){
.footer__bottom a:hover{color:var(--gold)}}

/* ===== PREMIUM UPGRADES ===== */
/* Eyebrow mono-label above section title */
.section__eb{text-align:center;margin-bottom:14px}
.eyebrow{font-family:'SF Mono','Consolas','Courier New',monospace;font-size:11px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border:1px solid rgba(212,164,71,.25);border-radius:30px;background:rgba(212,164,71,.05)}

/* Accent spans inside h2 */
.brass,.section__title .brass,.hero__title .brass,.cats__title .brass,.hero__descr .brass{color:#f0c670;font-weight:800}
.section__title .accent{color:var(--accent)}
.section__title--center{text-align:center}
.section__sub--center{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}

/* Alternating section backgrounds */
.section--teal{background:linear-gradient(180deg,var(--bg) 0%,#0d2838 100%)}
.section{padding:80px 0;position:relative}
.section + .section{border-top:1px solid rgba(212,164,71,.05)}

/* Ship schematic block */
.schem{padding:100px 0 90px;background:linear-gradient(180deg,var(--bg) 0%,#08182a 100%);border-top:1px solid rgba(212,164,71,.08);border-bottom:1px solid rgba(212,164,71,.08)}
.schem__wrap{max-width:1180px;margin:30px auto 0;background:#06111d;border:1px solid rgba(212,164,71,.12);border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.schem__wrap svg{display:block;width:100%;height:auto}
.schem__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:22px}
.schem__note{background:rgba(212,164,71,.04);border-left:2px solid var(--gold);padding:10px 14px;font-size:12.5px;color:var(--muted);line-height:1.5;border-radius:0 6px 6px 0}
.schem__note strong{display:block;color:var(--gold2);font-weight:700;font-size:12px;letter-spacing:.3px;margin-bottom:3px}

/* Partners / Brands strip */
.partners{padding:80px 0;background:linear-gradient(180deg,#0d2838 0%,var(--bg) 100%)}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:36px}
.brand{background:linear-gradient(180deg,rgba(212,164,71,.06) 0%,rgba(212,164,71,.02) 100%);border:1px solid rgba(212,164,71,.15);border-radius:10px;padding:22px 18px;text-align:center;transition:all .25s}
@media (hover:hover){
.brand:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(212,164,71,.12)}}
.brand__name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:.2px}
.brand__cc{font-size:11px;color:var(--gold);margin:6px 0;text-transform:uppercase;letter-spacing:.8px}
.brand__items{font-size:12px;color:var(--muted);margin-top:6px;font-family:'SF Mono','Consolas','Courier New',monospace}

/* Geography ports */
.geo-ports{padding:80px 0}
.geo-ports__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}@media (max-width:1024px){.geo-ports__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.geo-ports__grid{grid-template-columns:1fr}}
.geo-ports__col{background:rgba(10,31,46,.55);border:1px solid rgba(212,164,71,.1);border-radius:10px;padding:22px 20px}
.geo-ports__region{font-size:15px;font-weight:700;color:var(--gold2);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(212,164,71,.15);display:flex;align-items:center;gap:10px}.geo-ports__ico{width:22px;height:22px;flex:0 0 22px;color:var(--gold)}.geo-ports__ico path,.geo-ports__ico circle{vector-effect:non-scaling-stroke}
.geo-ports__col ul{list-style:none;padding:0;margin:0}
.geo-ports__col li{padding:6px 0;font-size:13px;color:var(--muted);border-bottom:1px dashed rgba(255,255,255,.05
)}
.geo-ports__col li:last-child{border-bottom:none}

/* Vessel-strip headers (01/02/03) */
.vessel-strip__hdr{display:flex;align-items:baseline;gap:14px;margin:42px 0 18px;padding-bottom:10px;border-bottom:1px solid rgba(212,164,71,.12)}
.vessel-strip__ltr{font-family:'SF Mono','Consolas','Courier New',monospace;font-size:13px;color:var(--gold);font-weight:700;letter-spacing:.5px;flex:0 0 auto}
.vessel-strip__txt{font-size:14px;color:var(--gold2);font-weight:600;letter-spacing:.2px}

/* Vessels grid (типы судов) */
.vessels{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:8px}
@media(max-width:1180px){.vessels{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.vessels{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.vessels{grid-template-columns:repeat(2,1fr)}}
.vessel{background:rgba(10,31,46,.55);border:1px solid rgba(212,164,71,.1);border-radius:10px;padding:12px 10px 14px;text-align:center;transition:border-color .2s,transform .2s}
@media (hover:hover){
.vessel:hover{border-color:rgba(212,164,71,.3);}}
.vessel__ico{width:100%;max-width:140px;margin:0 auto 8px;aspect-ratio:120/80;display:block}
.vessel__ico svg{display:block;width:100%;height:100%}
.vessel__name{font-size:12.5px;font-weight:700;color:var(--gold2);margin:6px 0 3px;line-height:1.25}
.vessel__sub{font-size:11px;color:var(--muted);line-height:1.35}

/* Geo alphabet — 70+ portов */
.geo-alpha{margin-top:8px;padding:18px 20px;background:rgba(10,31,46,.4);border:1px solid rgba(212,164,71,.08);border-radius:10px;line-height:2;font-size:12.5px;color:var(--muted)}
.geo-alpha span{display:inline-block;padding:2px 9px;margin:3px 4px 3px 0;background:rgba(212,164,71,.06);border:1px solid rgba(212,164,71,.1);border-radius:6px;color:#bcc6d4;white-space:nowrap;transition:background .15s,color .15s}
@media (hover:hover){
.geo-alpha span:hover{background:rgba(212,164,71,.14);color:var(--gold2)}}

/* RESPONSIVE */
@media(max-width:900px){
.hero__inner{grid-template-columns:1fr;gap:28px}
.hero__right{display:block}
.hero__flagship{padding:20px}
.hero__flagship-img{display:block;width:100%;max-width:420px;margin:0 auto;height:auto}
.hero__title{font-size:36px}
.site-nav{gap:12px;font-size:12px}
.section__title{font-size:28px}
}
@media(max-width:600px){
.grid{grid-template-columns:1fr}
.hero__title{font-size:28px}
.cats__grid{grid-template-columns:repeat(2,1fr)}
.brands{grid-template-columns:repeat(2,1fr)}
.schem{padding:60px 0}
.schem__wrap{padding:12px}
.schem__legend{grid-template-columns:1fr}
}

/* FLAG-PLATE — floating right-side widget (e-mail CTA) */
.flag-plate{position:fixed;top:192px;right:0;z-index:9999;background:linear-gradient(180deg,#0c1a1f,#060f13);color:#fff;padding:12px 14px;border-radius:8px 0 0 8px;box-shadow:-6px 6px 22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);border:1px solid rgba(212,164,71,.25);border-right:0;width:auto;max-width:210px;font-family:inherit}
.flag-plate__row{display:flex;gap:6px;align-items:center;margin-bottom:8px;justify-content:center}
.flag-plate__flag{width:48px;height:32px;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0;border:1px solid rgba(255,255,255,.12);background:#0b0d13}
.flag-plate__flag img{width:100%;height:100%;display:block;object-fit:cover}
.flag-plate__email{display:block;color:var(--gold);font-weight:700;font-size:10px;margin:4px 0 6px;white-space:nowrap;text-align:center;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (hover:hover){
.flag-plate__email:hover{color:var(--gold2);text-decoration:underline}}
.flag-plate__btn{display:block;width:100%;padding:6px 8px;background:var(--gold);color:#1a1400;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;text-align:center;transition:all .2s;border:0;cursor:pointer;font-family:inherit}
@media (hover:hover){
.flag-plate__btn:hover{background:var(--gold2);}}
.flag-plate__btn.is-copied{background:var(--good);color:#fff}
.flag-plate__note{font-size:10px;color:var(--muted);text-align:center;margin:5px 0 0;line-height:1.25;white-space:nowrap}
@media(max-width:860px){
.flag-plate{top:126px;right:0;width:108px;max-width:108px;padding:7px 8px;border-radius:6px 0 0 6px}
.flag-plate__row{margin-bottom:5px;gap:3px}
.flag-plate__flag{width:32px;height:22px}
.flag-plate__email{margin:3px 0 5px;font-size:7px;letter-spacing:-.02em}
.flag-plate__btn{padding:3px 5px;font-size:8px;letter-spacing:.03em}
.flag-plate__note{font-size:6px;margin-top:3px;letter-spacing:-.01em}
}
@media(max-width:380px){
.flag-plate{top:118px;width:96px;max-width:96px;padding:6px 7px}
.flag-plate__flag{width:28px;height:19px}
.flag-plate__email{font-size:6px}
.flag-plate__btn{font-size:7px;padding:3px 4px}
.flag-plate__note{font-size:5px;letter-spacing:-.02em}
}


.subfilter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:-8px auto 28px;max-width:960px;padding:0 8px}
.subfilter .chip{appearance:none;background:rgba(10,31,46,.65);border:1px solid rgba(212,164,71,.35);color:#d9e3ea;padding:8px 14px;border-radius:100px;font:600 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.2px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:8px}
@media (hover:hover){
.subfilter .chip:hover{border-color:rgba(212,164,71,.75);color:#fff;}}
.subfilter .chip.is-active{background:linear-gradient(180deg,#d4a447,#a87e2d);color:#1a1208;border-color:transparent;box-shadow:0 6px 18px -6px rgba(212,164,71,.55)}
.subfilter .chip__n{font-size:10.5px;opacity:.75;font-weight:500;padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.15)}
.subfilter .chip.is-active .chip__n{background:rgba(26,18,8,.2);opacity:.85}
.card{cursor:pointer;transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease, filter .25s ease}
.card.is-dim{opacity:.32;filter:saturate(.5)}
.card.is-match{box-shadow:0 0 0 1px rgba(212,164,71,.85), 0 16px 40px -14px rgba(212,164,71,.55), 0 0 48px -12px rgba(212,164,71,.4);transform:translateY(-2px)}
.card__btn{pointer-events:auto}
.card__actions{display:flex;gap:6px;margin-top:auto}
.card__actions .card__btn{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.card__btn--pdf{background:transparent;background-image:none;border:1px solid rgba(126,184,218,.45);color:#cfe2f3}
@media (hover:hover){
.card__btn--pdf:hover{background:rgba(126,184,218,.12);border-color:rgba(126,184,218,.85);color:#fff;box-shadow:none}}

.card__title-cat{display:inline-block;color:var(--gold,#d4a447);font:700 10.5px/1 'SF Mono','Consolas','Courier New',monospace;letter-spacing:1.3px;text-transform:uppercase;margin-right:6px;padding:2px 7px;border:1px solid rgba(212,164,71,.28);border-radius:4px;background:rgba(212,164,71,.06);vertical-align:2px}
.card__title{line-height:1.3}
.card__img{position:relative}
.card__brand{position:absolute;bottom:7px;right:7px;z-index:3;font:700 10px/1 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:.9px;text-transform:uppercase;padding:5px 8px;border:1px solid rgba(212,164,71,.9);border-radius:3px;background:rgba(10,31,46,.88);white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 3px 8px -2px rgba(0,0,0,.45),inset 0 0 0 1px rgba(244,216,124,.15)}
.rs-modal{position:fixed;inset:0;background:rgba(6,18,28,.82);z-index:9000;display:none;align-items:center;justify-content:center;padding:20px;animation:rsFade .18s ease}
.rs-modal.is-open{display:flex}
@keyframes rsFade{from{opacity:0}to{opacity:1}}
.rs-modal__box{background:linear-gradient(180deg,#0e2538,#0a1b28);border:1px solid rgba(212,164,71,.3);border-radius:14px;max-width:780px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(212,164,71,.08)}
.rs-modal__close{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(212,164,71,.35);background:rgba(10,31,46,.6);color:#d4a447;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
@media (hover:hover){
.rs-modal__close:hover{background:rgba(212,164,71,.15)}}
.rs-modal__img{width:100%;height:280px;background:#0c2031;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(212,164,71,.15)}
.rs-modal__img img{width:auto;max-width:95%;max-height:95%;object-fit:contain}
.rs-modal__body{padding:24px 28px 28px}
.rs-modal__topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;flex-wrap:wrap}
.rs-modal__eyebrow{font:500 11px/1 'SF Mono','Consolas','Courier New',monospace;letter-spacing:1px;color:#d4a447;text-transform:uppercase;margin:0;flex:1 1 auto;min-width:0}
.rs-modal__brand{font:700 20px/1 Georgia,"Times New Roman",serif;color:#f4d87c;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;padding:8px 14px;border:1px solid rgba(212,164,71,.55);border-radius:5px;background:linear-gradient(180deg,rgba(212,164,71,.2),rgba(212,164,71,.06));text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px 10px -3px rgba(0,0,0,.4);flex:0 0 auto}
.rs-modal__brand:empty{display:none}
.rs-modal__title{font-size:22px;font-weight:700;color:#f5f7f9;margin:0 0 6px;line-height:1.25}
.rs-modal__sku{font:500 12.5px/1.4 'SF Mono','Consolas','Courier New',monospace;color:#9cabb7;margin:0 0 14px}
.rs-modal__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.rs-modal__desc{font-size:14.5px;color:#c7d2dc;line-height:1.62;margin:0 0 18px}
.rs-modal__price{font-size:22px;font-weight:700;color:#d4a447;margin:0 0 18px}
.rs-modal__price--none{color:#9cabb7;font-size:15px;font-weight:500;font-style:italic}
.rs-modal__cta{display:flex;gap:10px;flex-wrap:wrap}
.rs-modal__cta .btn{flex:0 0 auto}
.rs-modal__meta{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;background:rgba(212,164,71,.06);border-left:2px solid rgba(212,164,71,.5);border-radius:4px;font-size:12.5px;color:#9cabb7}
.rs-modal__meta b{color:#d4a447;font-weight:600}
@media (max-width:680px){.rs-modal__img{height:200px}.rs-modal__body{padding:18px 20px 22px}.rs-modal__title{font-size:18px}.rs-modal__brand{font-size:15px;padding:6px 10px;letter-spacing:.8px}}


/* Декоративная брасс-полоска pyramid-stud между фото и инфо (карточки + модалка) */
.card__body{padding-top:calc(13px + 8px)}
.card__body::before,
.rs-modal__body::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:6px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><rect width='8' height='8' fill='%23402c10'/><polygon points='0,0 4,0 4,4' fill='%23f0c670'/><polygon points='0,0 4,4 0,4' fill='%23a8762a'/><polygon points='4,0 8,0 8,4' fill='%23d4a447'/><polygon points='4,0 8,4 4,4' fill='%236e4913'/><polygon points='0,4 4,4 4,8' fill='%23d4a447'/><polygon points='0,4 4,8 0,8' fill='%236e4913'/><polygon points='4,4 8,4 8,8' fill='%23f0c670'/><polygon points='4,4 8,8 4,8' fill='%23a8762a'/></svg>") repeat;
  background-size:8px 8px;
  box-shadow:0 1px 0 rgba(0,0,0,.35) inset,
             0 -1px 0 rgba(255,220,140,.20) inset;
  pointer-events:none;
  opacity:.92;
}
/* модалке нужна сама позиция-якорь и чуть больше top-padding */
.rs-modal__body{position:relative;padding-top:calc(24px + 10px) !important}
.rs-modal__body::before{height:8px}
/* На hover полоска карточки чуть ярче */
@media (hover:hover){
.card:hover .card__body::before{opacity:1}}


/* search trigger в хедере */
.rs-search-btn{appearance:none;background:transparent;border:1px solid rgba(212,164,71,.4);color:#d4a447;width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:12px;transition:all .18s}
@media (hover:hover){
.rs-search-btn:hover{background:rgba(212,164,71,.12);border-color:#d4a447}}
.rs-search-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}
/* full-screen overlay */
.rs-search{position:fixed;inset:0;background:rgba(6,18,28,.88);z-index:9500;display:none;align-items:flex-start;justify-content:center;padding:8vh 20px 20px;animation:rsSFade .18s ease}
.rs-search.is-open{display:flex}
@keyframes rsSFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.rs-search__box{background:linear-gradient(180deg,#0e2538,#0a1b28);border:1px solid rgba(212,164,71,.35);border-radius:14px;max-width:680px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px rgba(0,0,0,.75)}
.rs-search__top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(212,164,71,.18)}
.rs-search__top svg{width:20px;height:20px;stroke:#d4a447;stroke-width:2;fill:none;flex-shrink:0}
.rs-search__input{flex:1;appearance:none;background:transparent;border:0;outline:0;color:#f5f7f9;font:500 16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:6px 2px}
.rs-search__input::placeholder{color:#6b7c88}
.rs-search__hint{font:500 11px/1 'SF Mono','Consolas','Courier New',monospace;color:#7a8c98;letter-spacing:.6px;padding:3px 7px;border:1px solid rgba(212,164,71,.22);border-radius:5px;flex-shrink:0}
.rs-search__results{overflow-y:auto;padding:4px 0}
.rs-search__empty{padding:28px 20px;text-align:center;color:#7a8c98;font-size:13.5px}
.rs-search__item{display:block;padding:10px 16px;border-bottom:1px solid rgba(212,164,71,.06);cursor:pointer;transition:background .14s}
.rs-search__item:last-child{border-bottom:0}
.rs-search__item.is-active{background:rgba(212,164,71,.08)}@media (hover:hover){
.rs-search__item:hover{background:rgba(212,164,71,.08)}}
.rs-search__t{font:600 13.5px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f7f9;margin:0 0 2px}
.rs-search__m{font:500 11.5px/1.3 'SF Mono','Consolas','Courier New',monospace;color:#7a8c98;letter-spacing:.3px}
.rs-search__m b{color:#d4a447;font-weight:600;font-style:normal}
.rs-search__hi{background:rgba(212,164,71,.25);color:#fbe7a8;border-radius:3px;padding:0 2px}
.rs-search__cat{font:500 10px/1 'SF Mono','Consolas','Courier New',monospace;color:#d4a447;letter-spacing:.6px;text-transform:uppercase;margin-left:8px}
@media (max-width:640px){.rs-search{padding:4vh 10px 10px}.rs-search__box{max-height:92vh}}

.contact-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.c-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:14px;background:rgba(212,164,71,.08);border:1px solid rgba(212,164,71,.3);color:#cfe2f3;font:600 12px/1 'SF Mono','Consolas','Courier New',monospace;letter-spacing:.5px}
.c-chip--accent{background:linear-gradient(180deg,rgba(47,160,96,.22),rgba(47,160,96,.08));border-color:rgba(47,160,96,.55);color:#b5e8c5}
.footer__note{font:500 11.5px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#8a9aa6;margin:-4px 0 10px;max-width:220px}
/* removed 2026-04-25 hide-on-mobile rule — флаги должны быть видны на всех viewport, scaling уже сделан в @media строка 247 */
.footer__sub{font:600 10px/1 'SF Mono','Consolas','Courier New',monospace;color:#d4a447;letter-spacing:1.2px;text-transform:uppercase;margin-top:12px;margin-bottom:4px}
.footer__sub:first-child,.footer__hdr + .footer__sub{margin-top:2px}
.footer__geo{font-size:11.5px;color:#8a9aa6;line-height:1.45;max-width:230px;margin-top:2px}
.site-burger{display:none;appearance:none;background:transparent;border:1px solid rgba(212,164,71,.35);color:#d4a447;width:38px;height:38px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:all .15s;margin-left:auto}
@media (hover:hover){
.site-burger:hover{background:rgba(212,164,71,.12);border-color:#d4a447;color:#f0c670}}
@media (max-width:920px){
  .site-header__inner{flex-wrap:wrap;padding:8px 12px;gap:8px;align-items:center}
  .site-header__logo{font-size:17px;order:1;flex:0 0 auto}
  .site-header__logo .logo-text{display:inline !important}
  .site-burger{display:none !important}
  .site-nav{position:static;transform:none;inset:auto;order:3;flex-basis:100%;width:100%;flex-direction:row;flex-wrap:nowrap;gap:0;padding:4px 0 0;margin:0 -12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:none;border:0;align-items:center;white-space:nowrap;scrollbar-width:none}
  .site-nav::-webkit-scrollbar{display:none}
  .site-nav::before,.site-nav::after{content:"";flex:0 0 12px}
  .site-nav a{padding:8px 11px;border:0;font-size:13px;letter-spacing:.1px;flex:0 0 auto;color:#cfe2f3}
  .site-nav a:last-of-type{border:0}
  .site-nav__cta{margin:0 !important;padding:7px 13px !important;font-size:13px !important;border-radius:7px !important}
  .site-header__tools{order:2;display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
  .lang-switch{margin:0 !important}
  .rs-search-btn{margin:0 !important;width:32px;height:32px}
}
@media (max-width:480px){
  .site-header__logo{font-size:16px}
  .site-nav a{padding:7px 9px;font-size:12.5px}
}

.koden-docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.koden-docs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;background:rgba(126,184,218,.08);border:1px solid rgba(126,184,218,.35);color:#cfe2f3;font:600 12px/1 'SF Mono','Consolas','Courier New',monospace;letter-spacing:.3px;text-decoration:none;transition:all .18s}
@media (hover:hover){
.koden-docs a:hover{background:rgba(126,184,218,.18);border-color:rgba(126,184,218,.85);color:#fff;}}
.koden-docs a .doc-ico{color:#d4a447}

.lang-switch{position:relative;display:inline-flex;align-items:stretch;background:linear-gradient(180deg,#131824,#0b0f18);border:1px solid rgba(212,164,71,.28);border-radius:999px;padding:3px;gap:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 14px rgba(0,0,0,.4);user-select:none;font-family:inherit}
.lang-switch__btn{position:relative;z-index:2;padding:7px 14px;min-width:44px;color:#cdd6e8;font-weight:800;font-size:.82rem;letter-spacing:.08em;border-radius:999px;transition:color .3s ease;cursor:pointer;background:transparent;border:0;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.lang-switch__btn .ico{width:14px;height:10px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex-shrink:0;background:#0b0d13;display:inline-block}
.lang-switch__btn .ico svg,.lang-switch__btn .ico img{width:100%;height:100%;display:block;object-fit:cover}
@media (hover:hover){
.lang-switch__btn:hover{color:#fff}}
.lang-switch__btn.is-active{color:#18120a}
@media (hover:hover){
.lang-switch__btn.is-active:hover{color:#18120a}}
.lang-switch__pill{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(135deg,#f2a03c,#d4a447);border-radius:999px;transition:transform .38s cubic-bezier(.16,1,.3,1);z-index:1;box-shadow:0 4px 14px -2px rgba(242,160,60,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.lang-switch[data-current="en"] .lang-switch__pill{transform:translateX(100%)}
@media (max-width:860px){
  .lang-switch{padding:2px}
  .lang-switch__btn{padding:5px 10px;min-width:38px;font-size:.74rem;letter-spacing:.06em}
  .lang-switch__btn .ico{width:12px;height:9px}
}

/* v8.62c (20260503-134336) — mobile footer: убрать "вплотную к левому краю" */
@media (max-width: 768px) {
  .footer > p { padding-left: 18px !important; padding-right: 18px !important; box-sizing: border-box; }
  .footer .container { padding-left: 18px !important; padding-right: 18px !important; }
}