﻿:root { --bg:#15181d; --panel:#252b34; --text:#f8fafc; --muted:#cbd5e1; --line:rgba(255,255,255,.14); --soft:#303743; --accent:#d81717; --accent-hi:#f0322b; --green:#27b95f; }
        * { box-sizing:border-box; }
        body { background:var(--bg); color:var(--text); }
        a { color:inherit; text-decoration:none; }
        button { font:inherit; }
        .site-header .hero-slider { display:none; }
        .page { width:min(1180px, calc(100% - 32px)); margin:0 auto; padding:22px 0 56px; }
        .detail-backbar { display:flex; margin-bottom:18px; color:var(--muted); font-size:14px; }
        .detail-backbar a:hover { color:var(--text); }
        .title-row { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:end; margin-bottom:16px; }
        h1 { margin:0 0 6px; color:var(--text); font-size:32px; line-height:1.12; }
        .subtitle { margin:0; color:var(--muted); }
        .price { color:var(--text); font-size:30px; font-weight:900; white-space:nowrap; }
        .price small { display:block; margin-top:4px; color:var(--muted); font-size:13px; font-weight:700; text-align:right; }
        .sale-layout { display:grid; grid-template-columns:260px minmax(420px, 1fr) 300px; gap:18px; align-items:start; }
        .card { background:var(--panel); border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 46px rgba(0,0,0,.18); }
        .summary { padding:16px; }
        .summary h2,.seller h2,.section h2 { margin:0 0 14px; color:var(--text); font-size:20px; }
        .spec-list { display:grid; gap:0; }
        .spec { display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-top:1px solid var(--line); font-size:14px; }
        .spec:first-child { border-top:0; }
        .spec span { color:var(--muted); }
        .spec strong { color:var(--text); text-align:right; }
        .gallery-main { position:relative; overflow:hidden; border-radius:10px; background:#0f1115; cursor:zoom-in; }
        .gallery-main img { width:100%; display:block; aspect-ratio:4/3; object-fit:cover; }
        .gallery-arrow { width:42px; height:42px; display:grid; place-items:center; position:absolute; top:50%; z-index:2; transform:translateY(-50%); border:0; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; font-size:28px; cursor:pointer; }
        .gallery-arrow:hover { background:rgba(216,23,23,.92); }
        .gallery-arrow.prev { left:12px; }
        .gallery-arrow.next { right:12px; }
        .gallery-counter { position:absolute; right:12px; bottom:12px; padding:5px 9px; border-radius:6px; background:rgba(0,0,0,.62); color:#fff; font-size:13px; }
        .thumbs { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:8px; }
        .thumb { display:block; padding:0; border:2px solid transparent; border-radius:8px; background:#0f1115; overflow:hidden; cursor:pointer; opacity:.78; }
        .thumb.active { opacity:1; border-color:var(--accent); }
        .thumb img { width:100%; aspect-ratio:4/3; display:block; object-fit:cover; }
        .seller { padding:16px; position:sticky; top:16px; }
        .seller-name { display:flex; gap:10px; align-items:center; margin-bottom:14px; }
        .avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#fff; font-weight:900; }
        .seller-name strong { display:block; color:var(--text); }
        .seller-name span { color:var(--muted); font-size:13px; }
        .call-button { display:flex; align-items:center; justify-content:center; min-height:46px; margin-top:10px; border-radius:8px; background:linear-gradient(180deg,var(--accent-hi),var(--accent)); color:#fff; font-weight:900; }
        .ghost-button { display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:8px; border-radius:8px; background:var(--soft); color:var(--text); font-weight:800; }
        .ghost-button:hover { background:#3a4350; color:#fff; }
        .seller-note { margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
        .price-breakdown { margin-top:16px; border-top:1px solid var(--line); }
        .price-breakdown div { display:grid; grid-template-columns:1fr auto; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; }
        .price-breakdown span { color:var(--muted); }
        .price-breakdown strong { color:var(--text); text-align:right; }
        .price-breakdown em { display:block; color:var(--muted); font-style:normal; font-size:12px; }
        .price-total { margin-top:12px; padding:12px; border-radius:8px; background:var(--soft); }
        .price-total span { display:block; color:var(--muted); font-size:12px; margin-bottom:4px; }
        .price-total strong { color:#fff; font-size:22px; }
        .section { margin-top:22px; padding:20px; }
        .facts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
        .fact { padding:14px; border-radius:8px; background:var(--soft); }
        .fact span { display:block; color:var(--muted); font-size:13px; margin-bottom:5px; }
        .fact strong { color:#fff; font-size:16px; }
        .equipment-head { display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:12px; }
        .equipment-head p { margin:4px 0 0; color:var(--muted); }
        .equipment-chips { display:flex; flex-wrap:wrap; gap:10px; }
        .chip { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 14px; border:0; border-radius:10px; background:var(--soft); color:var(--text); cursor:pointer; font-weight:800; }
        .chip span { color:var(--muted); font-weight:700; }
        .all-options { min-width:180px; min-height:44px; border:0; border-radius:8px; background:var(--accent); color:#fff; font-weight:900; cursor:pointer; }
        .similar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .similar-card { display:flex; flex-direction:column; overflow:hidden; border-radius:10px; border:1px solid var(--line); background:var(--panel); }
        .similar-card img { width:100%; aspect-ratio:4/3; display:block; object-fit:cover; background:#0f1115; }
        .similar-card div { flex:1; display:grid; grid-template-rows:auto auto 1fr; gap:8px; padding:12px; }
        .similar-card strong { min-height:40px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:15px; line-height:1.3; }
        .similar-card small { color:var(--muted); font-size:13px; }
        .similar-card span { align-self:end; width:max-content; padding:6px 10px; border-radius:5px; background:var(--soft); color:var(--text); font-size:14px; font-weight:900; }
        .listing-lead { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:28px; align-items:center; overflow:hidden; }
        .listing-lead-copy { padding:4px 0; }
        .listing-lead-copy h2 { margin-bottom:10px; font-size:26px; }
        .listing-lead-copy p { margin:0; color:var(--muted); line-height:1.6; }
        .listing-lead-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
        .listing-lead-form input { width:100%; min-width:0; min-height:48px; padding:0 14px; border:1px solid var(--line); border-radius:8px; outline:0; background:var(--soft); color:var(--text); }
        .listing-lead-form input::placeholder { color:#9ca8b8; }
        .listing-lead-form input:focus { border-color:var(--accent-hi); box-shadow:0 0 0 3px rgba(240,50,43,.14); }
        .listing-lead-form .lead-submit { grid-column:1/-1; min-height:48px; border:0; border-radius:8px; background:linear-gradient(180deg,var(--accent-hi),var(--accent)); color:#fff; font-weight:900; cursor:pointer; }
        .listing-lead-form .privacy-consent { grid-column:1/-1; margin:0; }
        .drawer-backdrop { display:none; position:fixed; inset:0; z-index:900; background:rgba(0,0,0,.68); }
        .drawer-backdrop.open { display:block; }
        .drawer { width:min(720px, 100%); height:100%; margin-left:auto; background:var(--panel); overflow:auto; padding:26px 28px 120px; box-shadow:-18px 0 60px rgba(0,0,0,.45); }
        .drawer-top { display:flex; justify-content:space-between; gap:20px; align-items:start; padding-bottom:18px; border-bottom:1px solid var(--line); }
        .drawer-top h2 { margin:0 0 6px; color:var(--text); font-size:28px; }
        .drawer-top p { margin:0; color:var(--muted); }
        .drawer-close { width:40px; height:40px; border:0; border-radius:50%; background:var(--soft); font-size:26px; cursor:pointer; }
        .drawer-group { padding:22px 0; border-bottom:1px solid var(--line); }
        .drawer-group h3 { margin:0 0 18px; color:var(--text); font-size:22px; }
        .drawer-section { display:grid; grid-template-columns:210px 1fr; gap:28px; padding:14px 0; }
        .drawer-section h4 { margin:0; color:var(--text); font-size:17px; }
        .drawer-section ul { margin:0; padding-left:18px; columns:2; column-gap:34px; }
        .drawer-section li { break-inside:avoid; margin:0 0 10px; line-height:1.35; }
        .lightbox { display:none; position:fixed; inset:0; z-index:1000; background:rgba(8,9,12,.96); padding:24px; }
        .lightbox.open { display:grid; grid-template-rows:1fr auto; gap:16px; }
        .lightbox-main { min-height:0; position:relative; display:grid; place-items:center; }
        .lightbox-main img { max-width:100%; max-height:calc(100vh - 158px); object-fit:contain; border-radius:6px; }
        .lightbox-close { width:42px; height:42px; position:absolute; top:0; right:0; z-index:2; border:0; border-radius:50%; background:rgba(34,37,43,.9); color:#fff; font-size:28px; cursor:pointer; }
        .lightbox-arrow { width:52px; height:52px; display:grid; place-items:center; position:absolute; top:50%; z-index:2; transform:translateY(-50%); border:0; border-radius:50%; background:rgba(34,37,43,.86); color:#fff; font-size:34px; cursor:pointer; }
        .lightbox-arrow.prev { left:0; }
        .lightbox-arrow.next { right:0; }
        .lightbox-strip { display:flex; gap:8px; overflow-x:auto; padding:4px 0; }
        .lightbox-thumb { width:112px; flex:0 0 auto; padding:0; border:2px solid transparent; border-radius:6px; background:#101216; overflow:hidden; cursor:pointer; opacity:.68; }
        .lightbox-thumb.active { opacity:1; border-color:var(--accent); }
        .lightbox-thumb img { width:100%; aspect-ratio:4/3; display:block; object-fit:cover; }
        @media (max-width:1050px){ .sale-layout{grid-template-columns:1fr 1fr;} .summary{order:2;} .gallery{order:1; grid-column:1/-1;} .seller{order:3; position:static;} .facts-grid,.similar-grid{grid-template-columns:repeat(2,1fr);} }
        @media (max-width:680px){ .page{width:min(100% - 20px, 1180px);} .title-row,.sale-layout{grid-template-columns:1fr;} h1{font-size:26px;} .price{font-size:26px;} .thumbs{grid-template-columns:repeat(3,1fr);} .facts-grid,.similar-grid{grid-template-columns:1fr;} .equipment-head{display:block;} .all-options{width:100%; margin-top:12px;} .drawer{padding:20px 16px 100px;} .drawer-section{grid-template-columns:1fr; gap:10px;} .drawer-section ul{columns:1;} .lightbox{padding:12px;} .lightbox-thumb{width:82px;} }
        @media (max-width:1199.98px){ .page{width:min(100% - 32px,1180px);} .sale-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);} .gallery{grid-column:2;} .seller{grid-column:1/-1; position:static;} .seller{display:grid; grid-template-columns:1fr 1fr; gap:12px 18px;} .seller-name,.seller-note,.price-breakdown,.price-total{grid-column:1/-1;} }
        @media (max-width:991.98px){ .sale-layout{grid-template-columns:1fr;} .summary,.gallery,.seller{grid-column:auto; order:initial;} .seller{display:block;} .title-row{grid-template-columns:1fr; align-items:start;} .price small{text-align:left;} .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .listing-lead{grid-template-columns:1fr;} .drawer{width:min(640px,100%);} }
        @media (max-width:767.98px){ .page{width:min(100% - 24px,1180px); padding-top:16px;} h1{font-size:clamp(24px,7vw,30px);} .price{font-size:clamp(23px,7vw,28px); white-space:normal;} .card,.gallery-main,.similar-card{border-radius:8px;} .section{padding:16px;} .summary{padding:14px;} .spec{display:grid; grid-template-columns:1fr; gap:4px;} .spec strong{text-align:left; overflow-wrap:anywhere;} .gallery-arrow{width:38px;height:38px;} .thumbs{grid-template-columns:repeat(4,minmax(0,1fr));} .equipment-head{display:grid; gap:12px;} .equipment-chips{gap:8px;} .chip{width:100%; justify-content:space-between;} .drawer-top h2{font-size:24px;} .drawer-group h3{font-size:20px;} .lightbox-main img{max-height:calc(100vh - 132px);} }
        @media (max-width:575.98px){ .page{width:min(100% - 18px,1180px);} .detail-backbar{margin-bottom:12px;} .title-row{gap:10px;} .sale-layout{gap:12px;} .thumbs{grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px;} .facts-grid,.similar-grid{grid-template-columns:1fr;} .fact{padding:12px;} .seller{padding:14px;} .call-button,.ghost-button,.all-options{width:100%;} .price-breakdown div{grid-template-columns:1fr; gap:4px;} .price-breakdown strong{text-align:left;} .listing-lead-form{grid-template-columns:1fr;} .listing-lead-form .lead-submit,.listing-lead-form .privacy-consent{grid-column:auto;} .drawer{padding:18px 14px 96px;} .drawer-top{gap:12px;} .drawer-close{flex:0 0 auto;} .lightbox-arrow{width:42px;height:42px;font-size:28px;} .lightbox-close{width:38px;height:38px;} }
        @media (max-width:399.98px){ .page{width:min(100% - 14px,1180px);} .thumbs{grid-template-columns:repeat(2,minmax(0,1fr));} .gallery-arrow.prev{left:8px;} .gallery-arrow.next{right:8px;} .seller-name{align-items:flex-start;} .avatar{width:36px;height:36px;} .lightbox{padding:8px;} .lightbox-thumb{width:72px;} }

