/* CAR SELECT — finishing details for the existing lake / champagne identity. */
/* Keep the existing header geometry and navigation lifecycle unchanged. */
.car-dialog .similar-cars{margin:0 34px 34px;padding-top:30px;border-top:1px solid #cad2c7;color:#233e3f}
.similar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.car-dialog .similar-heading h3{font:400 30px/1.2 var(--serif);letter-spacing:-.025em;margin:0}
.similar-heading p{font:12px/1.6 var(--sans);color:#536a67;margin:0}
.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.similar-card{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #c5cec3;border-radius:6px;overflow:hidden;background:#faf8f1;color:#233e3f;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.similar-card:hover{border-color:#55726b;box-shadow:0 5px 18px #183c3610}
.similar-card:focus-visible{outline:2px solid #305354;outline-offset:4px}
.similar-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe4db}
.similar-image img{display:block;width:100%;height:100%;object-fit:cover}
.similar-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:18px;min-width:0}
.similar-name{font:500 19px/1.35 var(--sans);letter-spacing:-.03em;overflow-wrap:anywhere}
.similar-specs{font:12px/1.65 var(--sans);color:#536a67;overflow-wrap:anywhere}
.similar-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;font:500 20px/1.4 var(--sans);font-variant-numeric:lining-nums tabular-nums}
.similar-price>span{font-size:22px;color:#647d6c}
.similar-date{font:11px/1.5 var(--sans);color:#536a67}
@media(max-width:760px){
 .car-dialog .similar-cars{margin:0 22px 30px;padding-top:26px}
 .similar-heading{display:block;margin-bottom:18px}
 .car-dialog .similar-heading h3{font-size:27px}
 .similar-heading p{margin-top:8px}
 .similar-grid{grid-template-columns:1fr;gap:18px}
 .similar-name{font-size:21px}
 .similar-price{font-size:23px}
}
.cs-cinema-theme .site-header .header-end .btn{min-height:46px;border-radius:4px}

.cs-cinema-theme #catalog .car-grid{gap:32px 26px}
.cs-cinema-theme #catalog .car-card{border-color:#3f565c;border-radius:8px}
.cs-cinema-theme #catalog .card-photo,.cs-cinema-theme #catalog .catalog-content[data-assist=true] .card-photo{aspect-ratio:16/10}
.cs-cinema-theme #catalog .card-body{padding:24px;min-width:0}
.cs-cinema-theme #catalog .card-kicker{font-size:11px;letter-spacing:.1em;gap:12px}
.cs-cinema-theme #catalog .card-title h3{font-size:25px;line-height:1.3;margin-top:12px}
.cs-cinema-theme #catalog .card-name{text-align:left;overflow-wrap:anywhere}
.cs-cinema-theme #catalog .card-trim{white-space:normal;overflow:visible;font-size:13px;line-height:1.65;margin-top:8px;min-height:3.3em}
.cs-cinema-theme #catalog .card-specs{font-size:13px;line-height:1.75;gap:5px 8px;margin:16px 0 24px;color:#bfcecd}
.cs-cinema-theme #catalog .card-bottom{align-items:center;padding-top:20px;gap:12px;min-width:0}
.cs-cinema-theme #catalog .card-price{font-size:clamp(23px,2vw,29px);line-height:1.25;min-width:0;white-space:normal}
.cs-cinema-theme #catalog .card-open{flex:0 0 46px;width:46px;height:46px;border-color:#bca47d}
.cs-cinema-theme #catalog .card-price-meta{display:grid;gap:3px;font:12px/1.65 var(--sans);color:#aebfbe;margin:12px 0 0;white-space:normal;overflow-wrap:anywhere}
.publication-date{white-space:nowrap;color:#c7d2cd}
.cs-cinema-theme #catalog .card-status{font-size:11px;padding:7px 11px;border-radius:4px}
.cs-cinema-theme #catalog .card-heart{top:14px;right:14px;min-width:46px;min-height:46px}
.cs-cinema-theme #catalog .card-arrows{left:14px;bottom:14px;gap:8px}
.cs-cinema-theme #catalog .card-arrows button{width:44px;height:44px;background:#14272ee8;border:1px solid #d9e1d140}
.cs-cinema-theme #catalog .card-photo-count{right:14px;bottom:21px;font-size:11px;padding:4px 8px}

.cs-cinema-theme .site-footer{padding-top:60px;padding-bottom:30px}
.site-footer .footer-invite{gap:32px;padding-bottom:32px;margin-bottom:0}
.site-footer .footer-invite h2{font-size:clamp(38px,4.4vw,58px);line-height:1.16;margin:0}
.site-footer .footer-invite .btn{min-height:52px;border-radius:4px;flex-shrink:0}
.site-footer .owner-contact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;max-width:var(--container);margin:0 auto;padding:28px 0;border-bottom:1px solid #ffffff24}
.site-footer .owner-contact .contact-phone{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-block:4px;font-size:inherit;line-height:1.3;text-decoration:none;color:#f1ece2}
.contact-caption{font-size:12px;letter-spacing:.02em;color:#b5c5c2}
.contact-number{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums}
.site-footer .owner-contact .contact-phone:hover .contact-number{color:#dfc39b}
.site-footer .owner-contact .contact-telegram{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 20px;border:1px solid #8e9b8e;border-radius:4px;font:14px/1.5 var(--sans);letter-spacing:0;color:#e7dbc4;text-decoration:none;transition:background-color .18s,border-color .18s}
.contact-telegram svg{flex:none}.contact-telegram>span:last-child{margin-left:8px;font-size:21px}
.site-footer .owner-contact .contact-telegram:hover{background:#233a40;border-color:#dfc39b}
.site-footer .footer-top{padding-top:24px;gap:24px}
.site-footer .footer-top .wordmark{font-size:18px;letter-spacing:.13em}
.site-footer .footer-links .text-button{min-height:44px;font-size:13px}
.site-footer .footer-bottom{margin-top:22px;padding-top:20px;gap:12px 24px;font-size:11px;line-height:1.6;align-items:center}
.site-footer .footer-bottom a{min-height:40px;display:inline-flex;align-items:center}

/* The gallery is revealed only when approved, real handovers are available. */
.cs-cinema-theme #cs-handovers{max-width:1336px;margin-block:32px 56px;padding:48px 40px;border-radius:8px}
.cs-handovers .cs-handover-layout{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:32px}
.cs-handovers .cs-handover-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cs-handover-items[hidden]{display:none}
.cs-handovers .cs-handover-item{border-color:#c3cbc1;border-radius:6px;background:#f8f6ef}
.cs-handovers .cs-handover-item img{aspect-ratio:4/3;object-fit:contain;background:#dce2da}
.cs-handovers .cs-handover-item h3{font:500 21px/1.35 var(--sans);margin:20px 20px 8px;letter-spacing:-.02em}
.cs-handovers .cs-handover-city{display:block;margin:0 20px 8px;font:12px/1.5 var(--sans);color:#3f6056}
.cs-handovers .cs-handover-item time{font:12px/1.5 var(--sans);color:#52695f}
.cs-handovers .cs-handover-item p{font:13px/1.7 var(--sans);color:#4a6257}
.cs-handovers .cs-pickup{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 32px;padding:24px 28px;background:#1b343b}
.cs-handovers .cs-pickup>.cs-kicker{display:none}
.cs-handovers .cs-pickup h3{font:400 30px/1.2 var(--serif);margin:0}
.cs-handovers .cs-pickup p{margin:0;font:13px/1.7 var(--sans)}
.cs-handovers .cs-pickup .cs-pickup-address:not([hidden]){grid-column:2;grid-row:1}
.cs-handovers .cs-pickup .cs-pickup-address:not([hidden])+p{grid-column:2}
.cs-handovers .cs-pickup-button{font:13px/1.5 var(--sans);margin:0;grid-column:3;grid-row:1/span 2}

@media(min-width:761px) and (max-width:1050px){
 .cs-cinema-theme .site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:20px}
 .cs-cinema-theme .site-header .desktop-nav{display:none}
 .cs-cinema-theme .site-header .mobile-toggle{display:inline-flex;width:44px;height:44px}
 .cs-cinema-theme #catalog .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-handovers .cs-handover-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .cs-cinema-theme .site-header{padding-inline:18px;column-gap:12px}
 .cs-cinema-theme .site-header .wordmark{font-size:16px;letter-spacing:.09em}
 .cs-cinema-theme .site-header .header-end{gap:8px}
 .cs-cinema-theme .site-header .header-end .btn{display:inline-flex;min-height:44px;padding:10px 12px;font-size:11px;gap:8px}
 .cs-cinema-theme .site-header .header-end .btn span{display:none}
 .cs-cinema-theme .site-header .mobile-toggle{width:44px;height:44px;flex:none}
 .cs-cinema-theme .scene-scroll-hint{left:20px}
 .cs-cinema-theme .cs-cinema-controls{right:20px;gap:8px}
 .cs-cinema-theme .cs-cinema-controls>button{font-size:11px;max-width:158px;min-height:44px}
 .cs-cinema-theme #catalog{padding-inline:20px}
 .cs-cinema-theme #catalog .catalog-head{min-height:210px}
 .cs-cinema-theme #catalog .car-grid{grid-template-columns:1fr;gap:24px}
 .cs-cinema-theme #catalog .card-body{padding:22px 20px}
 .cs-cinema-theme #catalog .card-title h3{font-size:24px}
 .cs-cinema-theme #catalog .card-trim{min-height:0;font-size:13px}
 .cs-cinema-theme #catalog .card-specs{font-size:13px;margin-bottom:22px}
 .cs-cinema-theme #catalog .card-price{font-size:27px}
 .cs-cinema-theme #catalog .card-price-meta{font-size:12px}
 .cs-cinema-theme .site-footer{padding:42px 22px calc(92px + env(safe-area-inset-bottom))}
 .site-footer .footer-invite{padding-bottom:26px}
 .site-footer .footer-invite h2{font-size:38px;line-height:1.14}
 .site-footer .footer-invite .btn{margin-top:22px;width:100%;justify-content:space-between;font-size:13px}
 .site-footer .owner-contact{flex-direction:column;align-items:stretch;gap:20px;padding-block:24px}
 .contact-number{font-size:clamp(27px,8vw,36px)}
 .site-footer .owner-contact .contact-telegram{width:100%;justify-content:flex-start;padding-inline:18px;box-sizing:border-box}
 .contact-telegram>span:last-child{margin-left:auto}
 .site-footer .footer-top{gap:14px;align-items:center;padding-top:20px}
 .site-footer .footer-top .wordmark{font-size:16px}
 .site-footer .footer-links .text-button{font-size:12px}
 .site-footer .footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:18px;padding-top:20px;font-size:11px;align-items:start}
 .site-footer .footer-bottom>span:first-child{grid-column:1/-1;margin-bottom:10px}
 .site-footer .footer-bottom a{min-height:44px;line-height:1.55}
 .mobile-dock{padding-inline:16px;gap:10px;box-shadow:0 -4px 18px #06101626}
 .mobile-dock a,.mobile-dock button{min-height:46px;border-radius:4px}
 .cs-cinema-theme #cs-handovers{width:auto;margin:24px 12px 30px;padding:32px 20px;border-radius:6px}
 .cs-handovers .cs-handover-items{grid-template-columns:1fr;gap:20px}
 .cs-handovers .cs-pickup{display:flex;align-items:stretch;gap:16px;padding:24px}
 .cs-handovers .cs-pickup-button{margin-top:4px}
}
@media(max-width:360px){
 .cs-cinema-theme .site-header{padding-inline:12px;column-gap:8px}
 .cs-cinema-theme .site-header .wordmark{font-size:14px}
 .cs-cinema-theme .site-header .header-end{gap:6px}
 .cs-cinema-theme .site-header .header-end .btn{padding-inline:9px;font-size:10px}
 .cs-cinema-theme #catalog .card-price{font-size:25px}
 .site-footer .footer-top .wordmark{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .site-footer .owner-contact .contact-telegram{transition:none}
}
