/* UI-14: dynamic price-linked variants; no global text/table alignment changes. */
.about-hero-complete .page-introduction{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;max-height:none;height:auto;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:2.15}
.variant-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}
.variant-badges>span,.variant-badges>strong{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:8px;border:1px solid #c5d8e8;background:#edf5fb;color:#133d61;font-size:.8rem;line-height:1.7}
.variant-badges .variant-light-duty{border-color:#d5b16e;background:#fff6e1;color:#654817}
.card .variant-apps-label{font-size:.78rem;line-height:1.85;color:var(--muted);margin:0 0 5px}
.variant-apps-compact{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:4px;font-size:.9rem;line-height:1.85}
.variant-apps-compact li{margin:0;padding-inline-start:14px;position:relative}
.variant-apps-compact li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.variant-price-link{font-size:.84rem;margin:8px 0 10px;display:inline-block}
.products-directory .card.product-copy{display:flex;flex-direction:column;min-width:0}
.products-directory .card.product-copy>.btn{margin-top:auto;align-self:flex-start}
.variant-table{background:#fff;border:1px solid var(--line);border-radius:16px}
.variant-table table{margin:0;width:100%;min-width:0;table-layout:fixed}
.variant-table th,.variant-table td{text-align:center!important;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;padding:15px 18px}
.variant-table th{width:38%;background:#eef4fa}
.variant-warning{background:#fff7e7;border-inline-start:4px solid var(--gold);border-radius:8px;padding:16px 20px;line-height:2}
.variant-applications{margin:28px 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}
.variant-applications h2{margin-top:0}
.variant-applications ul{padding-inline-start:24px;line-height:2.1}
.variant-applications li+li{margin-top:14px}
.variant-image-note{font-size:.8rem;line-height:1.9}
.price-page .price-product-link{display:block;font-size:.8rem;font-weight:500;margin-top:8px;white-space:normal}
.price-page tr[id^="price-"]{scroll-margin-top:160px}
.price-page tr:target{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:600px){.variant-table th,.variant-table td{padding:12px 10px;font-size:.87rem}.variant-applications{padding:18px}.about-hero-complete .page-introduction{font-size:1rem;line-height:2}}

.variant-voltage-group{margin:28px 0 40px}.variant-voltage-group>h3{padding-block:10px;border-bottom:1px solid var(--line);margin-bottom:24px}
.card.product-variant h3,.variant-page-hero h1{font-family:var(--product-font,Vazirmatn),Tahoma,sans-serif;line-height:1.85;overflow-wrap:anywhere}

/* UI-15: clickable product cards, variant-dimension media and about-page cleanup */
.product-card-linkable{position:relative;cursor:pointer}
.product-card-linkable.product-copy{display:flex;flex-direction:column;min-width:0}
.product-card-linkable>*{position:relative;z-index:1}
.product-card-linkable .card-overlay-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.product-card-linkable :is(.btn,.more,a:not(.card-overlay-link),button,input,select,textarea){position:relative;z-index:3}
.product-card-linkable:has(.card-overlay-link:focus-visible){outline:3px solid var(--gold);outline-offset:4px}
.product-card-linkable .more{display:inline-block}
.variant-context-note{margin:0 0 22px;padding:16px 18px;background:#edf5fb;border:1px solid #c6d9ea;border-radius:14px}
.variant-context-note p{margin:0}.variant-context-note p+p{margin-top:8px}
.product-model-card{padding:22px 24px}.product-model-card h2{margin-top:0}
.product-model-card .actions{margin-top:10px}
.product-comparison table{width:100%}.product-comparison th{background:#eef4fa}

/* UI-20: reuse the public theme's navy/gold tokens; price data still comes from the price catalog. */
.product-price-box{
    box-sizing:border-box;display:flex;flex-direction:column;gap:7px;
    width:100%;min-width:0;max-width:100%;margin-top:auto;padding:13px 12px 14px;
    background:var(--navy,#073b72);border:1px solid var(--gold,#c7a16b);
    border-top-width:2px;border-radius:12px;box-shadow:none;
    color:#fff;text-align:center;direction:rtl;container-type:inline-size;
}
.product-price-box .product-price-box-label{
    color:rgba(255,255,255,.9);font-size:.78rem;line-height:1.8;font-weight:700;
}
.product-price-box .product-price-box-value{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;
    gap:2px 6px;max-width:100%;min-width:0;margin:0;
    color:#fff;font-family:var(--product-font,Vazirmatn),Tahoma,sans-serif;
    font-size:1.3rem;line-height:1.65;font-weight:800;letter-spacing:normal;
}
.product-price-box .product-price-amount{
    max-width:100%;color:inherit;font-size:inherit;font-weight:inherit;
    font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;white-space:nowrap;
}
.product-price-box .product-price-currency{
    color:inherit;white-space:nowrap;font-size:.84rem;font-weight:700;
}
.product-price-box .product-price-text{
    max-width:100%;min-width:0;color:inherit;font-size:1.05rem;line-height:1.85;
    white-space:normal;overflow-wrap:anywhere;
}
.product-variant .product-price-box{margin-top:auto}
/* Scale the full amount, never truncate it. The currency may wrap on very narrow cards. */
@supports (font-size:1cqi){
    .product-price-box .product-price-box-value{font-size:clamp(.95rem,10cqi,1.5rem)}
}
.variant-apps-compact{margin-bottom:12px}
@media(max-width:380px){
    .product-price-box{padding-inline:10px}
}