/* Right-side contacts: WhatsApp, Telegram, then WeChat. */
.export-contact>.telegram-contact-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:11px;line-height:1.5;white-space:nowrap;color:#d2dee7}
.floating-contacts{--rail-width:54px;--rail-item-height:76px;--rail-gap:6px;--rail-code-size:34px;--rail-edge:max(6px,env(safe-area-inset-right,0px));--rail-height:calc(3 * var(--rail-item-height) + 2 * var(--rail-gap));position:fixed;inset:auto var(--rail-edge) auto auto!important;top:max(12px,calc((100dvh - var(--rail-height))/2))!important;display:flex;flex-direction:column;gap:var(--rail-gap);width:var(--rail-width);height:auto;padding:0;border:0;background:none;direction:ltr;transform:none;pointer-events:none;z-index:40}
.floating-contacts .floating-contact{position:relative;inset:auto;transform:none;width:var(--rail-width);min-width:var(--rail-width);height:var(--rail-item-height);min-height:var(--rail-item-height);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;border:1px solid #d5dfe6;border-radius:8px;background:#fff;color:#132738;box-shadow:0 3px 12px #13273812;text-decoration:none;pointer-events:auto;cursor:pointer}
.floating-contacts .floating-whatsapp{order:1;--contact-accent:#168255}
.floating-contacts .floating-telegram{order:2;--contact-accent:#1688bc}
.floating-contacts .floating-wechat{order:3;--contact-accent:#168b60}
html[lang=ar] .floating-contacts .floating-contact{inset:auto}
.floating-contacts .floating-contact-code{display:block;grid-area:auto;width:var(--rail-code-size);height:var(--rail-code-size);object-fit:contain;background:#fff;flex:none;transform:none;direction:ltr}
.floating-contacts .floating-contact-label{font-size:8px;line-height:1.4;letter-spacing:0;text-align:center;align-self:auto;color:#132738}
.floating-contacts .floating-contact-hint{display:flex;align-self:auto;align-items:center;justify-content:center;font-size:9px;line-height:1;color:#617383}
.floating-contacts .floating-contact-hint>span{display:none}
.floating-contacts .floating-contact-hint b{font-size:10px;line-height:1;font-weight:500}
.contact-hover-card,.wechat-hover-preview{display:none}
main .container,footer .container{padding-right:20px;box-sizing:border-box}
@media(hover:hover) and (pointer:fine){
 .floating-contacts .floating-contact:is(:hover,:focus-visible){border-color:var(--contact-accent);z-index:2}
 .contact-hover-card{display:grid;position:absolute;right:calc(100% - 1px);left:auto;top:50%;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:14px;width:min(260px,calc(100vw - var(--rail-width) - var(--rail-edge) - 12px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;padding:18px;border:1px solid #d2dde5;border-radius:12px;background:#fff;color:#132738;box-shadow:0 10px 34px #13273826;transform:translateY(-50%);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease;direction:ltr;text-align:start;cursor:pointer}
 .contact-hover-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border-radius:12px;background:#e8f4fb;color:#1688bc}
 .floating-whatsapp .contact-hover-icon{background:#e8f5ee;color:#168255}
 .contact-hover-icon svg{display:block;width:28px;height:28px}
 .contact-hover-copy{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:start}
 .contact-hover-copy strong{font-size:20px;font-weight:750;line-height:1.25;letter-spacing:-.3px}
 .contact-hover-label{font-size:14px;line-height:1.5;font-weight:600;color:#526a7b;white-space:normal;overflow-wrap:anywhere}
 .contact-hover-arrow{font-size:23px;font-weight:500;line-height:1;color:var(--contact-accent)}
 .floating-contact:is(:hover,:focus-visible)>.contact-hover-card{visibility:visible;opacity:1;pointer-events:auto}
 html[lang=ar] .contact-hover-copy{text-align:right}
 .wechat-hover-preview{--preview-code-size:min(260px,calc(100dvh - 116px),calc(100vw - var(--rail-width) - var(--rail-edge) - 50px));display:flex;position:fixed;top:50dvh;right:calc(var(--rail-width) + var(--rail-edge) - 1px);left:auto;flex-direction:column;align-items:center;gap:8px;width:calc(var(--preview-code-size) + 34px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;padding:14px 16px;border:1px solid #d5dfe6;border-radius:12px;background:#fff;color:#132738;box-shadow:0 10px 34px #13273826;transform:translateY(-50%);visibility:hidden;opacity:0;pointer-events:none;cursor:zoom-in}
 .wechat-hover-preview strong{font-size:14px;line-height:20px;font-weight:750}
 .wechat-hover-preview img{display:block;width:var(--preview-code-size);height:var(--preview-code-size);max-width:100%;object-fit:contain;background:#fff;transform:none;direction:ltr}
 .wechat-hover-preview>span{font-size:12px;line-height:18px;color:#617383;text-align:center}
 .floating-wechat:is(:hover,:focus-visible)>.wechat-hover-preview{visibility:visible;opacity:1;pointer-events:auto}
}
@media(max-width:900px){
 .floating-contacts{--rail-width:48px;--rail-item-height:62px;--rail-code-size:30px}
 .floating-contacts .floating-contact-hint{display:none}
 main .container,footer .container{padding-right:48px}
 .export-contact{flex-wrap:wrap;gap:8px 14px;justify-content:flex-start}
 footer{padding-bottom:0}
}
@media(max-width:600px){
 #vehicles .catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 #vehicles #catalog-brand{display:none}
}
@media(max-height:420px){
 .floating-contacts{--rail-width:48px;--rail-item-height:54px;--rail-gap:4px;--rail-code-size:26px}
 .floating-contacts .floating-contact{padding-block:4px}
 .floating-contacts .floating-contact-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.contact-hover-card{transition:none}}