﻿/* Product comparison cards follow the catalog design; comparison controls stay available. */
body.shop-design .ks-modern #ks-compare-section{border:1px solid #dbe9f1;border-radius:20px;background:#fff;padding:22px}
body.shop-design .ks-modern #ks-compare-section .ks-compare-cards{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px 2px 18px!important;align-items:stretch}
body.shop-design .ks-modern #ks-compare-section .ks-compare-card{box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 calc((100% - 48px)/4)!important;width:calc((100% - 48px)/4)!important;max-width:none!important;min-width:0;min-height:0!important;gap:0!important;padding:0!important;border:1px solid #dfe8ef!important;border-radius:19px!important;background:#fff!important;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 18px rgba(15,48,76,.04)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
body.shop-design .ks-modern #ks-compare-section .ks-compare-card:hover{transform:translateY(-4px);border-color:#b8d8e4!important;box-shadow:0 12px 28px rgba(15,48,76,.1)!important}
body.shop-design .ks-modern #ks-compare-section .ks-card-img{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:210px!important;min-height:210px!important;max-height:none!important;padding:24px!important;background:#fff!important;border-radius:0!important;border-bottom:1px solid #edf2f5;box-sizing:border-box}
body.shop-design .ks-modern #ks-compare-section .ks-card-img img{width:100%!important;height:100%!important;max-width:100%!important;max-height:162px!important;object-fit:contain;transition:transform .2s}
body.shop-design .ks-modern #ks-compare-section .ks-compare-card:hover .ks-card-img img{transform:scale(1.04)}
body.shop-design .ks-modern #ks-compare-section .ks-card-identity{display:flex;justify-content:center;align-items:center;gap:6px;min-height:20px;margin:14px 14px 5px;font-size:10px!important;color:#7c91a3!important;text-align:center}
body.shop-design .ks-modern #ks-compare-section .ks-card-identity span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:48%}
body.shop-design .ks-modern #ks-compare-section .ks-card-identity i{font-style:normal;color:#afbfca}
body.shop-design .ks-modern #ks-compare-section .ks-card-title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:44px!important;max-height:44px!important;margin:0 14px 8px;font-size:12px!important;line-height:1.8!important;font-weight:800;color:#123b5c;text-align:center;text-decoration:none}
body.shop-design .ks-modern #ks-compare-section .ks-card-tag{align-self:center!important;margin:0 14px 10px;padding:3px 8px!important;border-radius:6px;background:#f1f7fa!important;color:#658293!important;font-size:10px!important}
body.shop-design .ks-modern #ks-compare-section .ks-card-price{margin: auto 14px 0!important;font-size:18px!important;font-weight:900;color:#103a5b;text-align:center;line-height:1.6}
body.shop-design .ks-modern #ks-compare-section .ks-card-stock{display:flex;align-items:center;justify-content:center;gap:6px;margin:9px 14px;font-size:10px;font-weight:750;color:#087c9c}
body.shop-design .ks-modern #ks-compare-section .ks-card-stock.is-out{color:#c7444e}
body.shop-design .ks-modern #ks-compare-section .ks-card-stock span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #edf6fa}
body.shop-design .ks-modern #ks-compare-section .ks-card-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;border:0!important;padding:0!important;margin:0 14px 14px!important}
body.shop-design .ks-modern #ks-compare-section .ks-card-actions>a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:auto!important;min-height:39px!important;padding:9px 10px;box-sizing:border-box;background:var(--shop-accent,#8bc34a)!important;color:#fff!important;border-radius:9px!important;text-decoration:none;font-size:12px;font-weight:800;order:-1}
body.shop-design .ks-modern #ks-compare-section .ks-card-actions>a svg{width:16px;height:16px;flex-shrink:0}
body.shop-design .ks-modern #ks-compare-section .ks-card-actions>a:hover{background:#005342!important}
body.shop-design .ks-modern #ks-compare-section .ks-compare-choice{display:flex;justify-content:center;align-items:center;gap:7px;min-height:32px;box-sizing:border-box;border:1px solid #dce9f0!important;border-radius:8px!important;padding:6px 8px!important;background:#f7fbfd!important;color:#087ba6!important;font-size:11px!important;cursor:pointer}
body.shop-design .ks-modern #ks-compare-section .ks-compare-card:has(input:checked){border-color:#087ba6!important;box-shadow:0 0 0 2px #087ba622!important}
body.shop-design .ks-modern #ks-compare-section :is(a,label):focus-within{outline:2px solid #087ba6;outline-offset:3px}
@media(min-width:761px) and (max-width:1179px){body.shop-design .ks-modern #ks-compare-section .ks-compare-card{flex-basis:calc((100% - 32px)/3)!important;width:calc((100% - 32px)/3)!important}}
@media(max-width:760px){body.shop-design .ks-modern #ks-compare-section{padding:13px}body.shop-design .ks-modern #ks-compare-section .ks-compare-cards{gap:10px!important}body.shop-design .ks-modern #ks-compare-section .ks-compare-card{flex-basis:calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important}body.shop-design .ks-modern #ks-compare-section .ks-card-img{height:155px!important;min-height:155px!important;padding:15px!important}body.shop-design .ks-modern #ks-compare-section .ks-card-img img{max-height:125px!important}body.shop-design .ks-modern #ks-compare-section .ks-card-title{font-size:11px!important}body.shop-design .ks-modern #ks-compare-section .ks-card-price{font-size:16px!important}body.shop-design .ks-modern #ks-compare-section .ks-card-actions{margin-inline:10px!important}}
@media(max-width:380px){body.shop-design .ks-modern #ks-compare-section .ks-compare-card{flex-basis:82%!important;width:82%!important}}
@media(prefers-reduced-motion:reduce){body.shop-design .ks-modern #ks-compare-section :is(.ks-compare-card,.ks-card-img img){transition:none!important}}
