.supplier-sidebar{position:sticky;top:100px;max-height:calc(100vh - 125px);overflow-y:auto;scrollbar-width:thin;box-shadow:0 8px 25px #10273a08}
.supplier-group>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 26px;gap:10px;min-height:70px;align-items:center;padding-inline:4px}
.supplier-group>summary:not(:has(img)){grid-template-columns:minmax(0,1fr) 26px}
.supplier-group>summary img{justify-self:center;width:32px;height:30px}
.group-chevron{width:26px;height:26px;display:grid;place-items:center;font-size:0;margin:0;justify-self:center}
.group-chevron:before{content:'';display:block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.supplier-group[open] .group-chevron{transform:rotate(180deg)}
.catalog-table code,.supplier-card code{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.legacy-table th:first-child,.legacy-table td:first-child{width:200px;min-width:180px;white-space:nowrap}
.supplier-oe{overflow-wrap:normal;word-break:normal;white-space:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.supplier-filter,.catalog-filters{align-items:end;gap:12px}
.supplier-filter input:not([type=hidden]),.supplier-filter select,.supplier-filter .button,.catalog-filters input,.catalog-filters select,.catalog-filters>.button{height:46px;min-height:46px;box-sizing:border-box;margin:0;line-height:22px;padding-block:11px}
.catalog-filters label{display:flex;flex-direction:column;gap:7px;margin:0}
.supplier-filter .button,.catalog-filters>.button{display:inline-flex;align-items:center;justify-content:center;padding-block:0;flex-shrink:0}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23374f5b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:16px 16px!important;background-position:right 15px center!important;padding-inline-end:43px!important}
[dir=rtl] select{background-position:left 15px center!important}
.article-directory .articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.article-directory .article-card{min-width:0}.article-directory .article-card>img{height:140px;object-fit:cover}.article-directory .article-card>div{padding:18px 15px}.article-directory .article-card h3{font-size:17px;line-height:1.3}.article-directory .article-card p{font-size:12px;line-height:1.6}.article-directory .article-card .eyebrow{font-size:9px}
.article-topic{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 10px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.article-topic:last-child{border-bottom:0}.article-topic strong{font-size:12px;color:var(--muted)}.article-topic.active{color:var(--green)}
.social-links{gap:12px}.social-links .social-icon-link{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;color:#ccdedf;padding:8px}.social-icon-link svg{width:18px;height:18px;fill:currentColor}.social-icon-link:hover{background:var(--green);color:white}
.quick a.social-whatsapp svg{width:21px;height:21px;fill:currentColor}
.social-mark{display:block;width:18px;height:18px;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.social-instagram{mask-image:url('/static/social-icons/instagram.svg')}.social-facebook{mask-image:url('/static/social-icons/facebook.svg')}.social-telegram{mask-image:url('/static/social-icons/telegram.svg')}.social-wechat{mask-image:url('/static/social-icons/wechat.svg')}.social-tiktok{mask-image:url('/static/social-icons/tiktok.svg')}.social-whatsapp.social-mark{mask-image:url('/static/social-icons/whatsapp.svg')}
.quick>a>.social-mark{position:static!important;display:block!important;width:21px;height:21px;padding:0;opacity:1;visibility:visible;transform:none;background:currentColor;border:0}
.workbook-details{max-width:900px}.workbook-details .tabs{flex-wrap:wrap}.workbook-details .detail-section{scroll-margin-top:110px}.workbook-details .supplier-detail-images{gap:32px}.workbook-table{border-collapse:collapse;width:100%;margin:20px 0}.workbook-table th,.workbook-table td{padding:13px 18px;border:1px solid var(--line);text-align:start}.workbook-table th{background:var(--pale)}.workbook-details .faq summary{font-weight:650;padding:5px 0;font-size:14px}.workbook-details .faq details{padding:6px 16px;margin-bottom:6px}.workbook-details .faq p{margin:8px 0 0;font-size:13px}.workbook-details .faq details{border-bottom:1px solid var(--line)}
@media(max-width:1150px){.article-directory .articles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.article-directory .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.supplier-sidebar{position:relative;top:auto;max-height:none;overflow:visible}.article-sidebar{display:flex;overflow-x:auto;gap:8px;padding:10px;margin-bottom:20px}.article-topic{flex-shrink:0;border:0;max-width:180px;padding:11px;font-size:12px}.article-topic.active{background:#e2f3ed;border-radius:6px}.supplier-group>summary{min-height:56px}.supplier-filter input[type=hidden]{display:none}.article-directory .article-card h3{font-size:15px}.catalog-entry-links{grid-template-columns:1fr;gap:0}.legacy-table{min-width:780px}}

footer [data-wa]:before,.contact-line [data-wa]:before{content:"";display:inline-block;width:15px;height:15px;margin-inline-end:7px;vertical-align:-2px;background:currentColor;mask:url(/static/social-icons/whatsapp.svg) center/contain no-repeat}

.supplier-photo-note{font-size:12px;line-height:1.5;padding:10px 16px;margin:0;background:#f2f7f6;color:#365b56}

/* Model photography: one 3:2 image area, matching UNI-T on every card. */
.model-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.model-directory .model-card:has(.model-photo){min-height:0;aspect-ratio:1/1.05;padding:24px;background:#112633}
.model-directory .model-card .model-photo{inset:0 0 auto;width:100%;height:auto;aspect-ratio:3/2;background:#112633}
.model-directory .model-card .model-photo img{object-fit:cover;object-position:center;filter:grayscale(1) contrast(.96) brightness(.9);transform:none}
.model-directory .model-card:has(.model-photo):after{background:linear-gradient(180deg,#11263300 42%,#11263333 51%,#112633ed 67%,#112633 78%)}
.model-directory .model-card:has(.model-photo) .eyebrow{margin-bottom:7px}
.model-directory .model-card:has(.model-photo) h3{font-size:27px;margin-bottom:7px}
.model-directory .model-card:has(.model-photo) p{margin-bottom:15px}
.model-directory .model-card:hover .model-photo img{transform:none;filter:grayscale(1) contrast(1) brightness(1)}
@media(max-width:1100px){.model-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.model-directory{grid-template-columns:1fr;gap:20px}.model-directory .model-card:has(.model-photo){aspect-ratio:1/1.08;padding:23px}}

/* Wide or transparent studio assets retain the entire car on a continuous studio backdrop. */
.model-directory .model-card .model-photo-studio{background:#fff;filter:grayscale(1) contrast(.96) brightness(.9)}.model-directory .model-card .model-photo-plain{background:#112633}.model-directory .model-card .model-photo-plain img{object-fit:contain;object-position:center bottom;padding:14px 18px;filter:grayscale(1) contrast(.96) brightness(.96)}.model-directory .model-card:hover .model-photo-plain img{filter:grayscale(1) contrast(1) brightness(1)}
.model-directory .model-card .model-photo-studio img{object-fit:contain;filter:none}
.model-directory .model-card:hover .model-photo-studio img{filter:none}
.model-directory .model-card:hover .model-photo-studio{filter:grayscale(1) contrast(1) brightness(1)}

/* Wuling model cards: text-free official vehicles on the shared studio backdrop. */
.model-directory .model-card .model-photo-wuling-studio{background:#a1a3a4 url('/static/models/wuling-studio-backdrop-v1.jpg') center/cover no-repeat;filter:grayscale(1) contrast(.96) brightness(.9)}
.model-directory .model-card .model-photo-wuling-studio img{width:110%;max-width:none;margin-left:-5%;height:100%;object-fit:contain;object-position:center;padding:0;filter:none;transform:none}
.model-directory .model-card:hover .model-photo-wuling-studio{filter:grayscale(1) contrast(1) brightness(1)}
.model-directory .model-card:hover .model-photo-wuling-studio img{filter:none;transform:none}

.supplier-oe .oe-more{color:var(--green);font-weight:650;margin-inline-start:4px}

.supplier-card h3,.part-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.card-summary{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}