
/* Same administrator design; public variants stay outside the admin surface. */
.seller-certificate-thumb:has(.credential-original){display:grid;place-items:center;overflow:hidden;aspect-ratio:1}
.seller-certificate-thumb .credential-original{width:100%;height:100%;object-fit:contain;transform:rotate(-90deg)}
#seller-card-current.credential-original{width:240px;height:240px;object-fit:contain;transform:rotate(-90deg)}
.image-viewer-stage:has(.credential-original){display:grid;place-items:center;min-height:min(85vw,75vh);overflow:hidden}
#image-full.credential-original{width:auto!important;height:min(65vw,65vh)!important;max-width:none!important;transform:rotate(-90deg);object-fit:contain}
.public-surface .brand-name small{font-size:.67rem;letter-spacing:.04em}
.public-surface .brand-mark{width:46px;height:46px;font-size:1rem}
.public-surface .btn-primary{background:var(--orange);border-color:var(--orange)}
.public-surface .category-recommended{background:var(--soft);color:var(--navy)}
.public-surface .trust-brand{border-color:var(--line)}
.public-surface .trust-brand-copy>span{color:var(--navy)}
.public-surface .product-number{background:var(--navy)}
.public-surface .price{color:#d52128}

.site-road.public-surface{--navy:#292620;--ink:#2c2920;--muted:#726d60;--orange:#e8b900;--line:#e7dfc6;--bg:#faf8f0;--soft:#fff4bc;--radius:8px}
.site-road.public-surface .utility{background:#24231f;color:#fff4bc}
.site-road.public-surface header{border-bottom:5px solid #f2c500}
.site-road.public-surface .header-inner{min-height:94px}
.site-road.public-surface .brand-mark{background:#f2c500;color:#292620;border-radius:3px;transform:skew(-5deg)}
.site-road.public-surface .hero{grid-template-columns:1.3fr 1fr;padding:44px 0;gap:48px}
.site-road.public-surface .hero h1{font-size:clamp(2rem,3.7vw,3.4rem);font-weight:900}
.site-road.public-surface .hero h1 span{color:#9b7400}
.site-road.public-surface .hero .eyebrow{color:#6d5700}
.site-road.public-surface .trust-brand{border-radius:0;border:0;border-bottom:6px solid #f2c500;box-shadow:12px 12px 0 #fff0ad}
.site-road.public-surface .search-shell{border:0;background:#fff9de;box-shadow:none;border-radius:0;padding:24px}
.site-road.public-surface .type-photo-button{border-radius:3px;border-color:#e7dfc6}
.site-road.public-surface .type-photo-button.active{border-color:#9b7400;background:#fff1aa;color:#4a3b00}
.site-road.public-surface .catalog-layout{display:block}
.site-road.public-surface #filter-form{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;margin-bottom:32px;padding:24px;border:1px solid #e6d791;border-top:5px solid #edc100;background:#fff}
.site-road.public-surface #filter-form .filter-title,.site-road.public-surface #filter-form .filter-help{grid-column:1/-1;margin:0}
.site-road.public-surface #filter-form .filter-group{margin:0}
.site-road.public-surface #filter-form .year-range{grid-column:span 2}
.site-road.public-surface .vehicle-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-road.public-surface .vehicle-card{border-radius:5px;box-shadow:none;border-color:#ded9cd}
.site-road.public-surface .vehicle-group-title{border-bottom:2px solid #292620;padding-bottom:14px}
.site-road.public-surface .btn-primary{color:#292620;font-weight:800}
.site-road.public-surface .footer{border-top:6px solid #edc100;background:#292620;color:#e6e2d6}
.site-road.public-surface .footer .brand-name{color:#fff}
@media(max-width:900px){.site-road.public-surface .header-inner{gap:20px}.site-road.public-surface .hero{gap:24px}.site-road.public-surface .vehicle-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.site-road.public-surface .hero{grid-template-columns:1fr;padding:24px 0}.site-road.public-surface #filter-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.site-road.public-surface .vehicle-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-road.public-surface .hero h1{font-size:2rem}.site-road.public-surface .brand-name{font-size:1.3rem}.site-road.public-surface .trust-brand{box-shadow:none}}

/* Same vehicle-photo density as Trucksesang, with this site's own layout. */
.public-surface .vehicle-group-recommended .vehicle-group-grid,.public-surface .vehicle-group-normal .vehicle-group-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.public-surface .vehicle-group .spec-cover{aspect-ratio:16/10;min-height:0}
.public-surface .quick-type-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.public-surface .type-photo-button{padding:5px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.public-surface .type-photo-button>img{width:100%;height:80px;object-fit:contain;border-radius:6px}
.public-surface .type-photo-button>span:last-child{display:block;font-size:clamp(12px,1.2vw,14px);padding:6px 2px;line-height:1.4}
@media(max-width:1100px){.public-surface .vehicle-group-recommended .vehicle-group-grid,.public-surface .vehicle-group-normal .vehicle-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-surface .type-photo-button>img{height:65px}}
@media(max-width:800px){.public-surface .quick-type-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){.public-surface .vehicle-group-recommended .vehicle-group-grid,.public-surface .vehicle-group-normal .vehicle-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-surface .quick-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-surface .type-photo-button>img{height:63px}}
@media(max-width:380px){.public-surface .quick-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep visitor totals legible against the dark footer. */
.footer .visitor-counts strong[data-stat]{color:#ffffff;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:800;display:inline-block;min-width:1.5ch;margin:0 .2em;font-variant-numeric:tabular-nums;line-height:1.4}
