/* Approved mix: direction 1 copy + direction 5 3:4 images, no shared control. */
.pricing-comparison{padding-block:calc(var(--section)/2)}
.pricing-comparison .section-heading{margin-bottom:40px}
.comparison-intro{font-size:14px;line-height:1.7;color:var(--muted);max-width:65ch;margin-top:20px}
.pricing-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pricing-comparison-card{min-width:0}
.comparison-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.comparison-card-top>span{font-size:10px;color:var(--green)}
.comparison-card-top h3{font:inherit;font-size:14px;font-weight:500;margin:0;letter-spacing:0}
.comparison-image{position:relative;aspect-ratio:3/4;overflow:hidden;isolation:isolate;direction:ltr;background:#10170f;touch-action:pan-y}
.comparison-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.comparison-refined{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-labels{position:absolute;z-index:2;top:14px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.comparison-labels span{font-size:10px;line-height:1.6;padding:6px 8px;background:#060a06d9;color:var(--white);max-width:48%;text-align:center}
.comparison-labels span:first-child{color:var(--green)}
.comparison-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:1px;transform:translateX(-50%);background:#f4f3ef;pointer-events:none}
.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:36px;border-radius:3px;background:#060a06e8;border:1px solid #f4f3ef99;display:grid;place-items:center;box-shadow:0 2px 12px #0003}
.comparison-handle svg{width:32px;height:24px;stroke:var(--white);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.comparison-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;direction:ltr;touch-action:pan-y}
.comparison-image:focus-within{outline:2px solid var(--green);outline-offset:4px}
.comparison-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#060a06c9;color:var(--white);font-size:8px;padding:5px 9px;line-height:1.6;white-space:nowrap;pointer-events:none}
.comparison-caption{text-align:center}
.comparison-caption h4{font:inherit;font-size:17px;font-weight:400;letter-spacing:-.02em;line-height:1.5;margin:18px 0 5px}
.comparison-caption p{font-size:12px;line-height:1.7;color:var(--muted)}
.comparison-disclosure{font-size:10px;color:var(--muted);line-height:1.7;margin-top:28px;max-width:95ch}
html[lang=ar] .comparison-intro{font-size:12px;line-height:1.95}
html[lang=ar] .comparison-card-top h3{font-size:12px;line-height:1.8}
html[lang=ar] .comparison-labels span{font-size:9px}
html[lang=ar] .comparison-hint{font-size:9px}
html[lang=ar] .comparison-caption h4{font-size:15px;letter-spacing:0;line-height:1.9}
html[lang=ar] .comparison-caption p,html[lang=ar] .comparison-disclosure{font-size:11px;line-height:1.95}
@media(max-width:760px){
 .pricing-comparison-grid{grid-template-columns:1fr;gap:32px}
 .pricing-comparison .section-heading{margin-bottom:28px}
 .comparison-intro{font-size:13px}
 .comparison-labels span{font-size:11px}
 .comparison-caption h4{font-size:19px;margin-top:14px}
 .comparison-caption p{font-size:13px}
 .comparison-disclosure{font-size:11px}
 html[lang=ar] .comparison-labels span{font-size:10px}
 html[lang=ar] .comparison-caption h4{font-size:17px}
}