/* 内容编辑与产品列表的布局补充 */
[data-cms-text] { white-space: pre-line; }
.product-list-tools { grid-column:1/-1; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.product-list-tools form { display:flex; gap:8px; margin-left:auto; }
.product-list-tools input { min-width:170px; padding:10px; border:1px solid #ddd; border-radius:5px; }
.product-list-tools button,.product-pagination button { padding:9px 14px; border:0; border-radius:5px; background:#be131b; color:white; cursor:pointer; }
.product-pagination { display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:24px; }
.product-pagination button:disabled { background:#aaa; cursor:default; }
.product-pagination input { width:70px; padding:8px; border:1px solid #ccc; }
@media(min-width:769px){
html[data-cms-page="about"] .timeline-item { justify-content:space-between; }
html[data-cms-page="about"] .timeline-item > .timeline-content { box-sizing:border-box; flex:0 0 50%; width:50%!important; }
html[data-cms-page="about"] .timeline-item > .timeline-content.left { padding-right:90px!important; padding-left:0!important; }
html[data-cms-page="about"] .timeline-item > .timeline-content.right { padding-left:90px!important; padding-right:0!important; }
html[data-cms-page="about"] .timeline-item > div[style*="width: 45%"]:not(.timeline-content) { width:50%!important; }
}
@media(max-width:768px){ .product-list-tools form {width:100%;} .product-list-tools input{min-width:0;flex:1;} }
#featured-products { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
#featured-products .product-image img { object-fit:contain!important; background:white; }
@media(max-width:900px){#featured-products {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){#featured-products {grid-template-columns:1fr!important;}}

/* Search flyouts sit beside the sidebar, with a narrow-screen fallback. */
.category-sidebar {overflow:visible!important;position:relative;z-index:2;}
.category-sidebar > .sidebar-header {border-radius:10px 10px 0 0;}
.vehicle-search-fields .searchable-dropdown-list {left:calc(100% + 12px)!important;top:0!important;right:auto!important;width:300px!important;max-height:320px;z-index:100;box-sizing:border-box;}
.vehicle-search-fields .searchable-dropdown {overflow:visible;}
html[data-cms-page="enterprise_showcase"] .timeline-line {left:8px!important;transform:none!important;top:14px!important;}
html[data-cms-page="enterprise_showcase"] .timeline-item {align-items:flex-start!important;padding-left:32px;gap:18px;}
html[data-cms-page="enterprise_showcase"] .timeline-dot {left:1px!important;top:6px;transform:none!important;}
html[data-cms-page="enterprise_showcase"] .timeline-year {flex:0 0 95px;width:95px!important;text-align:left!important;padding:0!important;line-height:28px;}
html[data-cms-page="enterprise_showcase"] .timeline-content {flex:1;min-width:0;padding:0!important;}
html[data-cms-page="enterprise_showcase"] .timeline-content h3 {line-height:28px;margin-top:0!important;}
html[data-cms-page="about"] h2 {font-size:32px!important;color:#222!important;background:none!important;-webkit-text-fill-color:currentColor!important;}
#wechat-qr .qr-image img {width:196px!important;height:196px!important;max-width:100%;object-fit:contain;image-rendering:pixelated;}
#wechat-qr .qr-popup {min-width:220px;}
@media(max-width:768px){
 .logo-section .container {flex-wrap:wrap;gap:12px;}
 .logo-section .logo {min-width:0;max-width:100%;}
 .logo-section .logo img {max-width:100%;height:auto!important;}
 .logo-section .user-actions {margin-left:auto;}
 .product-center-layout {grid-template-columns:minmax(0,1fr)!important;}
 .product-center-layout > * {min-width:0;}
 .company-intro .container > div[style*="display: grid"],
 .company-overview .container > div[style*="display: grid"] {grid-template-columns:minmax(0,1fr)!important;}
 .vehicle-search-fields .searchable-dropdown-list {left:0!important;top:100%!important;width:100%!important;max-height:240px;}
 html[data-cms-page="enterprise_showcase"] .timeline-item {display:block!important;padding-left:30px;}
 html[data-cms-page="enterprise_showcase"] .timeline-year {width:auto!important;margin-bottom:8px;}
 html[data-cms-page="about"] h2 {font-size:28px!important;}
}
@media(max-width:480px){
 .floating-qr-codes .qr-popup {position:fixed!important;left:auto!important;right:10px!important;top:auto!important;bottom:136px!important;transform:none!important;max-width:calc(100vw - 20px);box-sizing:border-box;}
 .floating-qr-codes .qr-popup::after {display:none;}
}