/* Only category and listing pages. The approved homepage stays independent. */
.catalog-page { background: linear-gradient(135deg,#fff8fd,#f6f7ff 55%,#fff); color:#20214e; overflow-x:visible; }
.catalog-page .page,.catalog-page .bar-row { width:100%; max-width:1500px; margin-inline:auto; padding-inline:clamp(16px,2.3vw,32px); }
.catalog-page .page { padding-top:24px; padding-bottom:100px; }
.catalog-page .topbar { background:#fff; box-shadow:0 2px 16px #39258215; }
.catalog-page .logo,.catalog-page .ghostlink,.catalog-page .userchip,.catalog-page .linklike { color:#292464; }
.catalog-page .bar-row { flex-wrap:wrap; }
.catalog-page .bar-actions { flex-wrap:wrap; }
.catalog-page > .ad-slot { display:none; }
.catalog-page .sitefoot .fine { display:none; }
.catalog-page .demo-banner { font-size:14px; padding:10px 16px; }
.catalog-page .breadcrumb { display:flex; flex-wrap:wrap; gap:8px; font-size:14px; margin-bottom:10px; overflow-wrap:anywhere; }
.catalog-page .catalog-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:16px; font-weight:650; text-decoration:none; }
.catalog-page h1 { font-size:clamp(26px,2.5vw,38px); line-height:1.2; overflow-wrap:anywhere; }
.catalog-page h2 { font-size:24px; }
.catalog-page .category-hero { display:flex; align-items:center; gap:clamp(20px,3vw,40px); border:1px solid #e6ddf5; border-radius:20px; padding:24px; background:linear-gradient(110deg,#fff,#f7eaff); box-shadow:0 4px 20px #39258209; margin-bottom:24px; }
.catalog-page .category-hero img { width:32%; max-width:360px; aspect-ratio:3/2; object-fit:cover; border-radius:14px; }
.catalog-page .category-hero > div { min-width:0; }
.catalog-page .catalog-eyebrow { font-weight:700; color:#962779; font-size:14px; }
.catalog-page .intro { font-size:17px; max-width:65ch; margin-bottom:0; }
.catalog-page .examples { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 20px; }
.catalog-page .chip-link { display:inline-flex; align-items:center; min-height:44px; font-size:15px; padding:10px 16px; border:1px solid #ddd3ef; border-radius:24px; background:#fff; color:#4a3579; text-decoration:none; overflow-wrap:anywhere; max-width:100%; }
.catalog-page .chip-link[aria-current=page] { background:var(--grad); color:#fff; border-color:transparent; }
.catalog-page .hint { font-size:15px; }
.catalog-page .feed { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
.catalog-page .lcard { min-width:0; border:1px solid #e8dff4; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 4px 16px #3925820b; }
.catalog-page .lcard-media { display:block; position:relative; height:auto; aspect-ratio:3/2; }
.catalog-page .lcard-media-link { display:block; width:100%; height:100%; }
.catalog-page .lcard-media img { display:block; width:100%; height:100%; object-fit:cover; }
.catalog-page .lcard-body { padding:16px; overflow-wrap:anywhere; }
.catalog-page .lcard-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.catalog-page .lcard h3 { font-size:18px; line-height:1.35; margin:10px 0; }
.catalog-page .lcard h3 a { color:#24215d; text-decoration:none; }
.catalog-page .lcard .price { font-size:23px; color:#7321c7; line-height:1.25; }
.catalog-page .lcard .loc { font-size:15px; color:#535574; }
.catalog-page .lcard .attrs { font-size:14px; }
.catalog-page .lcard .chip { font-size:12px; white-space:normal; }
.catalog-page .catalog-demo { display:inline-block; font-size:12px; font-weight:700; color:#8c1a71; background:#fce9f7; padding:4px 8px; border-radius:6px; margin-bottom:10px; }
.catalog-page .nohit { padding:32px; border:1px dashed #c9b5e8; background:#fff; border-radius:16px; }
.catalog-page .nohit h2 { margin-top:0; }
.catalog-page .detail { max-width:none; }
.catalog-page .detail-overview { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:start; }
.catalog-page .gallery { min-width:0; margin:0; }
.catalog-page .gallery .main { display:block; width:100%; max-height:650px; height:auto; aspect-ratio:4/3; object-fit:contain; background:#f0edf6; border:1px solid #e5dcef; border-radius:18px; }
.catalog-page .thumbs { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
.catalog-page .thumbs a { display:block; border:3px solid transparent; border-radius:10px; padding:2px; }
.catalog-page .thumbs a[aria-current=true] { border-color:var(--accent-2); }
.catalog-page .thumbs img { display:block; width:96px; height:72px; object-fit:cover; border-radius:6px; }
.catalog-page .detail-head { min-width:0; padding:24px; border:1px solid #e7dcf2; background:#fff; border-radius:18px; overflow-wrap:anywhere; }
.catalog-page .detail-head h1 { margin-top:0; }
.catalog-page .price.big { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:clamp(28px,2.7vw,38px); line-height:1.2; color:#7321c7; margin:22px 0; }
.catalog-page .keyfacts { font-size:17px; line-height:1.65; }
.catalog-page .keyfacts li { display:block; padding-block:6px; overflow-wrap:anywhere; }
.catalog-page .contactbar { margin-top:16px; }
.catalog-page .contactform { display:grid; gap:8px; border:1px solid #e7dcf2; border-radius:14px; padding:14px; background:#fff; max-width:560px; }
.catalog-page .contactform label { font-weight:700; font-size:15px; color:#24215d; }
.catalog-page .contactform textarea { font:inherit; font-size:15px; padding:10px; border:1px solid #cfc4e0; border-radius:10px; min-height:88px; resize:vertical; }
.catalog-page .contactform .hint { margin:0; }
.catalog-page .contactform .btn { justify-self:start; }
.catalog-page .detail-description { margin-top:28px; padding:24px; border:1px solid #e7dcf2; border-radius:18px; background:#fff; }
.catalog-page .detail-description h2:first-child { margin-top:0; }
.catalog-page .attrs.big { display:flex; flex-wrap:wrap; gap:12px 32px; padding-left:20px; font-size:17px; }
.catalog-page .desc { white-space:pre-wrap; overflow-wrap:anywhere; font-size:17px; line-height:1.7; max-width:85ch; }
.catalog-page .shortdesc { font-size:18px; }
.catalog-page a:focus-visible,.catalog-page button:focus-visible { outline:3px solid #6722d3; outline-offset:4px; }
@media(min-width:640px) { .catalog-page .feed { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1000px) { .catalog-page .feed { grid-template-columns:repeat(3,minmax(0,1fr)); } .catalog-page .detail-overview { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); } }
@media(min-width:1200px) { .catalog-page .feed { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(min-width:1600px) { .catalog-page .feed { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:639px) { .catalog-page .category-hero { flex-direction:column; align-items:stretch; padding:16px; gap:12px; } .catalog-page .category-hero img { width:100%; max-width:none; aspect-ratio:2/1; } .catalog-page .detail-head,.catalog-page .detail-description { padding:18px; } .catalog-page .bar-row { gap:4px; } .catalog-page .bar-actions { gap:4px; } .catalog-page .nohit { padding:20px; } }

/* Vehicle Market 2.0: approved desktop reference composition. */
.vehicle-topbar{background:#fff;border-bottom:1px solid #e8eaf5;box-shadow:0 2px 16px #363a6c0a}.vehicle-topbar-inner{display:grid;grid-template-columns:250px minmax(230px,430px) 1fr;align-items:center;gap:26px;width:100%;max-width:1420px;min-height:65px;margin:auto;padding:0 clamp(16px,2.3vw,32px)}.vehicle-logo{position:relative;color:#09145b;font-size:21px;font-weight:850;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.vehicle-logo>span{color:#a61ee1}.vehicle-logo>span:first-child{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:4px;border:3px solid #a61ee1;border-radius:12px;font-size:17px;vertical-align:middle}.vehicle-logo small{display:block;margin-left:39px;margin-top:-3px;color:#6f7ba5;font-size:10px;font-weight:600;letter-spacing:0}.vehicle-header-search{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:10px 15px;border:1px solid #e2e6f1;border-radius:24px;color:#9aa4c1;background:#fbfcff;font-size:13px;text-decoration:none}.vehicle-header-search b{color:#19306f;font-size:21px}.vehicle-nav{display:flex;justify-content:flex-end;gap:7px;min-width:0}.vehicle-nav a{padding:11px 10px;border-radius:10px;color:#111d62;font-size:12px;font-weight:720;text-decoration:none;white-space:nowrap}.vehicle-nav a[aria-current=page]{background:linear-gradient(145deg,#f4ecff,#ecebff);color:#9723e8}.vehicle-nav a:hover{background:#f5f6ff}
.catalog-page:has(.vehicle-market){background:radial-gradient(circle at 18% 12%,#fff3ff 0,#f7f8ff 35%,#f6faff 100%)}
.vehicle-market{max-width:1420px;margin:auto;color:#11195c}.vehicle-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:8px 0 22px}.vehicle-eyebrow{display:none}.vehicle-intro h1{font-size:clamp(30px,3vw,45px);letter-spacing:-1.8px;margin:0 0 2px;font-weight:850}.vehicle-intro h1 em{font-style:normal;color:#e3009e}.vehicle-intro>div>p{font-size:17px;margin:0;color:#31416e}.vehicle-trust{display:flex;gap:30px;padding:0;margin:0;list-style:none}.vehicle-trust li{display:flex;align-items:center;gap:10px;white-space:nowrap}.vehicle-trust i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#32c870;color:white;font-style:normal;font-size:18px}.vehicle-trust li:nth-child(2) i{background:#c43df1}.vehicle-trust li:nth-child(3) i{background:#ffb416}.vehicle-trust b,.vehicle-trust small{display:block}.vehicle-trust b{font-size:14px}.vehicle-trust small{font-size:11px;color:#8490af}
.vehicle-type-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}.vehicle-type-card{position:relative;display:flex;min-height:142px;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px 8px 12px;border:1px solid #edf0fa;border-radius:15px;background:linear-gradient(145deg,#fff,#f8f9ff);box-shadow:0 4px 14px #20256b0c;color:#0c175b;text-align:center;text-decoration:none;overflow:hidden;transition:transform .16s,box-shadow .16s,border .16s}.vehicle-type-card:hover,.vehicle-type-card.selected{border-color:#bf47ff;box-shadow:0 8px 22px #b81fff35;transform:translateY(-2px)}.vehicle-type-card.selected{background:linear-gradient(145deg,#fff,#fbebff)}.vehicle-type-card img{position:absolute;inset:5px 8px 37px;width:calc(100% - 16px);height:91px;object-fit:contain;object-position:center;opacity:1}.vehicle-type-card[data-vehicle-type=kerekpar] img{height:76px;top:8px}.vehicle-type-card strong{font-size:14px;line-height:1.1;position:relative}.vehicle-type-card small{position:relative;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;color:#53618c}.vehicle-count{position:absolute;right:10px;top:10px;padding:3px 10px;border-radius:12px;background:#e9edff;color:#162466;font-size:12px;z-index:1}
.vehicle-search-panel{margin-top:18px;border:1px solid #dfcef9;border-radius:17px;background:linear-gradient(110deg,#fff 0%,#fbf7ff 48%,#fbebfa 100%);box-shadow:0 7px 22px #40328c0c;padding:17px}.vehicle-search-heading{display:flex;align-items:center;gap:13px}.vehicle-search-heading h2{margin:0;font-size:22px}.vehicle-search-heading p{margin:0;color:#627096}.vehicle-search-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#d300aa,#6d22f0);color:#fff;font-size:27px}.vehicle-detail-link{margin-left:auto;border-radius:10px;padding:12px 20px;background:linear-gradient(135deg,#ca08b0,#7416e7);color:#fff;font-weight:750;text-decoration:none;white-space:nowrap}.vehicle-quick-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.vehicle-quick-form label{font-size:12px;color:#5a668d;font-weight:700}.vehicle-quick-form input,.vehicle-quick-form select{width:100%;height:37px;margin-top:3px;border:1px solid #d9deed;border-radius:8px;background:#fff;padding:0 11px;color:#34446d;font:inherit;font-size:13px}.vehicle-quick-form button{grid-column:span 2;border:0;border-radius:9px;background:linear-gradient(135deg,#d000aa,#7d1beb);color:#fff;font:700 14px inherit;min-height:42px;align-self:end;cursor:pointer}.vehicle-featured{margin-top:23px}.vehicle-section-heading{display:flex;align-items:center;justify-content:space-between}.vehicle-section-heading h2{margin:0;font-size:22px;color:#11195c}.vehicle-section-heading p{margin:1px 0;color:#495a8a;font-size:14px}.vehicle-section-heading>a{font-weight:750;font-size:14px;text-decoration:none}.vehicle-listings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:13px}.vehicle-listing{min-width:0;overflow:hidden;background:#fff;border:1px solid #e6e9f4;border-radius:12px;box-shadow:0 4px 14px #1d2e690d}.vehicle-listing-media{display:block;height:104px;background:linear-gradient(135deg,#f0f2f9,#e6e8f3);color:#677393;text-align:center;text-decoration:none}.vehicle-listing-media img{width:100%;height:100%;object-fit:cover}.vehicle-listing-media span{display:grid;height:100%;place-items:center;font-size:12px}.vehicle-listing>div{padding:8px 10px}.vehicle-listing strong{font-size:15px;color:#0060c6}.vehicle-listing h3{font-size:13px;margin:3px 0;line-height:1.25}.vehicle-listing h3 a{color:#17215a;text-decoration:none}.vehicle-listing p{margin:0;color:#68779b;font-size:12px}.vehicle-body-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.vehicle-body-chips a{padding:7px 12px;border:1px solid #dcdcf1;border-radius:18px;background:#fff;color:#1c2763;text-decoration:none;font-size:13px}.vehicle-body-chips a[aria-current=page]{background:#7c20ea;color:#fff}.vehicle-empty{padding:16px;background:#fff;border-radius:12px}
@media(max-width:1200px){.vehicle-topbar-inner{grid-template-columns:220px minmax(210px,1fr) auto;gap:12px}.vehicle-nav a{padding-inline:7px}.vehicle-type-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vehicle-listings{grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-trust{gap:13px}.vehicle-trust small{display:none}}@media(max-width:900px){.vehicle-topbar-inner{grid-template-columns:1fr auto}.vehicle-header-search{display:none}.vehicle-nav a{display:none}.vehicle-nav a[aria-current=page],.vehicle-nav a:last-child{display:block}}@media(max-width:800px){.vehicle-intro{display:block}.vehicle-trust{margin-top:14px;flex-wrap:wrap}.vehicle-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-quick-form{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-listings{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-section-heading{align-items:flex-start;gap:12px;flex-direction:column}.vehicle-detail-link{margin-left:0}}@media(max-width:480px){.vehicle-topbar-inner{min-height:58px}.vehicle-logo{font-size:18px}.vehicle-logo small{display:none}.vehicle-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vehicle-type-card{min-height:132px}.vehicle-quick-form{grid-template-columns:1fr}.vehicle-quick-form button{grid-column:auto}.vehicle-intro h1{font-size:30px}.vehicle-search-panel{padding:13px}.vehicle-search-heading{flex-wrap:wrap}.vehicle-detail-link{width:100%;text-align:center}.vehicle-trust li{font-size:12px}}

/* The quick panel intentionally mirrors the approved 1536px reference: a
   five-control first row, six numeric controls below, then fixed filters. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vehicle-search-actions{display:flex;gap:10px;margin-left:auto;align-items:center}.vehicle-simple-link{border:1px solid #e1c9f5;border-radius:10px;padding:11px 18px;background:#fff;color:#a440dd;font-weight:760;text-decoration:none;white-space:nowrap}.vehicle-search-panel{padding:18px 17px 12px}.vehicle-search-heading p{font-size:14px}.vehicle-quick-form{display:block;margin-top:15px}.vehicle-type-choice{display:block;max-width:290px;margin-bottom:12px}.vehicle-quick-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 14px}.vehicle-quick-fields label:nth-child(-n+5){grid-row:1}.vehicle-quick-fields label:nth-child(n+6){grid-row:2}.vehicle-quick-form label{font-size:12px;line-height:1.2}.vehicle-quick-form input,.vehicle-quick-form select{height:35px}.vehicle-quick-bottom{display:flex;align-items:center;gap:14px;margin-top:11px}.vehicle-quick-checks{display:flex;align-items:center;flex:1;gap:12px;padding:0;margin:0;border:0;min-width:0}.vehicle-quick-checks label{display:flex;align-items:center;gap:5px;color:#53618a;font-size:12px;font-weight:650;white-space:nowrap}.vehicle-quick-checks input{width:16px;height:16px;margin:0;padding:0;accent-color:#a300e5}.vehicle-quick-form button{grid-column:auto;flex:0 0 min(360px,32%);min-height:42px;padding:0 16px;margin-left:auto;white-space:nowrap}.vehicle-listings{gap:14px}.vehicle-listing-media{height:112px}.vehicle-listing>div{padding:9px 11px}.vehicle-listing strong{font-size:16px}.vehicle-listing h3{font-size:13px}.vehicle-listing p{font-size:12px}
@media(max-width:1240px){.vehicle-quick-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-quick-fields label{grid-row:auto!important}.vehicle-quick-checks{flex-wrap:wrap;gap:8px 13px}.vehicle-quick-form button{flex-basis:290px}}
@media(max-width:800px){.vehicle-search-actions{margin:12px 0 0;width:100%}.vehicle-search-actions a{flex:1;text-align:center}.vehicle-quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-quick-bottom{align-items:stretch;flex-direction:column}.vehicle-quick-checks{flex-wrap:wrap}.vehicle-quick-form button{flex-basis:auto;width:100%;min-height:46px}}
@media(max-width:480px){.vehicle-search-actions{flex-direction:column}.vehicle-search-actions a{width:100%}.vehicle-quick-fields{grid-template-columns:1fr}.vehicle-quick-checks{display:grid;grid-template-columns:1fr}.vehicle-quick-checks label{white-space:normal}}

/* The rail stays contained by the same 1420px market frame as the approved
   1536px composition.  It scrolls inside itself instead of widening the page. */
.vehicle-carousel-shell{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:13px}.vehicle-listings{display:flex;gap:14px;min-width:0;margin:0;padding:2px 1px 13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.vehicle-listings::-webkit-scrollbar{display:none}.vehicle-listing{position:relative;flex:0 0 calc((100% - 70px)/6);min-width:0;overflow:hidden;scroll-snap-align:start;background:#fff;border:1px solid #e6e9f4;border-radius:12px;box-shadow:0 4px 14px #1d2e690d}.vehicle-listing-media{height:128px}.vehicle-listing-media img{display:block}.vehicle-listing>div{min-height:88px;padding:9px 11px}.vehicle-listing strong{display:block;color:#0762c8;font-size:16px;line-height:1.18}.vehicle-listing h3{margin:4px 0 2px;font-size:13px;line-height:1.24}.vehicle-listing p{overflow:hidden;color:#68779b;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.vehicle-listing .vehicle-card-facts{color:#253664;font-weight:650}.vehicle-status{position:absolute;z-index:2;top:8px;left:8px;padding:3px 7px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;line-height:1.1;box-shadow:0 2px 7px #17215a33}.vehicle-status.featured{background:#9e16dc}.vehicle-status.company{background:#1874ce}.vehicle-status.new{background:#00ad73}.vehicle-favorite{position:absolute;z-index:2;top:7px;right:7px;margin:0}.vehicle-favorite button{width:28px;height:28px;padding:0;border:1px solid #dce1ef;border-radius:8px;background:#fff;color:#27396c;font-size:18px;line-height:1;cursor:pointer}.vehicle-carousel-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#526797;box-shadow:0 2px 9px #21286a17;font-size:30px;line-height:1;cursor:pointer;transition:transform .15s,opacity .15s}.vehicle-carousel-arrow:hover:not(:disabled){transform:scale(1.06);color:#a01ee3}.vehicle-carousel-arrow:disabled{cursor:default;opacity:.34}.vehicle-empty{margin-top:13px}
@media(max-width:1240px){.vehicle-listing{flex-basis:calc((100% - 56px)/5)}}
@media(max-width:960px){.vehicle-carousel-shell{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px}.vehicle-carousel-arrow{width:34px;height:34px;font-size:26px}.vehicle-listing{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:640px){.vehicle-carousel-shell{grid-template-columns:minmax(0,1fr);margin-inline:-2px}.vehicle-listings{gap:12px;padding-bottom:10px}.vehicle-listing{flex-basis:calc(86% - 6px)}.vehicle-carousel-arrow{position:absolute;z-index:3;top:57px;width:32px;height:32px;background:#ffffffeb}.vehicle-carousel-arrow.previous{left:5px}.vehicle-carousel-arrow.next{right:5px}.vehicle-listing-media{height:145px}.vehicle-listing>div{min-height:82px}}
