/* Compact product cards — three columns on desktop, two on mobile. */
.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cat-card{display:flex;flex-direction:column;border:1px solid #e4e9ef;border-radius:10px;background:#fff;transition:translate .35s ease,border-color .3s,box-shadow .35s;isolation:isolate}
.cat-enhanced .cat-card[data-cat-reveal].is-visible{transition:opacity .7s var(--cat-ease),transform .7s var(--cat-ease),translate .35s ease,border-color .3s,box-shadow .35s;transition-delay:var(--cat-delay,0ms),var(--cat-delay,0ms),0s,0s,0s}
.cat-card:after{content:'';position:absolute;inset-inline:18px;bottom:-1px;height:2px;background:var(--brand-red);transform:scaleX(0);transform-origin:center;transition:transform .35s;pointer-events:none}
.cat-card:focus-within{border-color:#c1121f55;box-shadow:0 8px 25px #0b1c3a0b}
.cat-card.is-selected{border-color:var(--brand-red);box-shadow:0 0 0 1px var(--brand-red)}
.cat-card-visual{aspect-ratio:1.45;max-height:295px;border-radius:9px 9px 0 0}
.cat-card-photo{padding:14px 20px 18px}.cat-card-photo.is-square{padding:17px 20px}.cat-card-photo.is-photo{padding:0}
.cat-card-copy{padding:17px 19px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.cat-card-copy-top{justify-content:flex-start;min-height:0}
.cat-card-copy h3{font-size:21px;line-height:1.25;overflow-wrap:anywhere}
.cat-card-copy>p{font-size:12px;line-height:1.8;margin-top:5px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:43px}
.cat-card-features{list-style:none;margin:7px 0 10px;padding:0;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:30px}
.cat-feature-item{position:relative;display:flex}
.cat-feature{display:grid;place-items:center;width:31px;height:30px;padding:3px;color:#78838f;background:transparent;border:0;border-radius:5px;transition:color .2s,background .2s}
.cat-feature:hover,.cat-feature:focus-visible,.cat-feature[aria-expanded="true"]{color:var(--brand-red);background:var(--brand-offwhite)}
.cat-feature svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.cat-card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;column-gap:12px;border-top:1px solid #e8ecf0;padding-top:10px;margin-top:auto}
.cat-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:3px;min-width:0}
.cat-price-top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:7px;color:#657484;font-size:12px;min-height:0}
.cat-price-old{display:flex;align-items:baseline;gap:0;white-space:nowrap}
.cat-price-old del{font-size:12px;text-decoration-thickness:1px}
.cat-discount{background:#c1121f0d;color:#b5101c;padding:2px 5px;border-radius:4px;font-size:12px;font-weight:750;line-height:1.5;white-space:nowrap}
.cat-price-current{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:0;line-height:1.5;min-height:0}
.cat-price-current strong{font-size:21px;font-weight:800;letter-spacing:-.035em;color:var(--brand-navy);white-space:nowrap}
.cat-price-current>span{font-size:12px;color:#586776}
.cat-compare-label{position:absolute;top:12px;inset-inline-end:12px;z-index:8;display:flex;align-items:center;gap:7px;min-height:32px;margin:0;padding:6px 9px;border:1px solid #e5e9ed;border-radius:6px;background:#ffffffed;box-shadow:0 3px 10px #0b1c3a05;cursor:pointer;font-size:12px;line-height:1.6;color:#4f5f6e;transition:opacity .25s,transform .25s}
.cat-compare-label input{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:var(--brand-red);cursor:pointer}
.cat-card-bottom{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:3px;margin:0;min-width:0;text-align:end}
.cat-detail-short{display:none}
.cat-stock{display:flex;align-items:center;gap:5px;color:#267258;font-size:12px;line-height:1.8;min-height:0;white-space:nowrap}
.cat-stock.is-unavailable{color:#657484}
.cat-card-link{display:inline-flex;justify-content:flex-start;align-items:center;gap:7px;margin:0;min-height:26px;padding:0;border:0;border-radius:0;font-size:12px;line-height:1.7;background:transparent;font-weight:600;white-space:nowrap;transition:color .2s}
.cat-card-link:hover{background:transparent;color:var(--brand-red);border:0}.cat-card-link svg{width:14px;height:14px}
/* One semantic link covers the card; the independent controls stay above it. */
.cat-card-link{position:static}
.cat-card-link::after{content:'';position:absolute;inset:0;z-index:2;border-radius:10px;cursor:pointer}
.cat-card-link:focus-visible{outline:none}
.cat-card-link:focus-visible::after{outline:3px solid var(--brand-blue);outline-offset:3px}
.cat-feature-item{z-index:3}
.cat-card-open{font-size:12px;min-height:32px;padding:7px 11px;bottom:12px;inset-inline-end:12px}
.cat-card-open svg{width:14px;height:14px}.cat-card-badge{top:12px;inset-inline-start:12px;font-size:12px;padding:5px 8px}

.cat-products{padding-top:42px}
@media(hover:hover) and (pointer:fine){
 .cat-card:hover{translate:0 -6px;border-color:#c1121f45;box-shadow:0 18px 36px #0b1c3a12,0 4px 12px #c1121f07}.cat-card:hover:after{transform:scaleX(1)}
 .cat-card .cat-compare-label{opacity:0;pointer-events:none;transform:translateY(-4px)}
 .cat-card:hover .cat-compare-label,.cat-card:focus-within .cat-compare-label,.cat-card.is-selected .cat-compare-label{opacity:1;pointer-events:auto;transform:none}
}
@media(any-pointer:coarse){.cat-card .cat-compare-label{opacity:1;pointer-events:auto;transform:none}}
@media(max-width:899px){
 .cat-card-link{min-height:0;gap:0}
 .cat-card-link>span,.cat-card-link>svg{display:none}
}
@media(min-width:900px) and (max-width:1199px){.cat-card-copy{padding-inline:14px}.cat-card-meta{column-gap:8px}.cat-price-current{justify-content:flex-start}.cat-card-visual{aspect-ratio:1.3}}
@media(min-width:600px) and (max-width:899px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cat-card-meta{column-gap:8px}}
@media(max-width:599px){
 .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.cat-card{border-radius:8px}.cat-card-visual{aspect-ratio:1.05;max-height:210px;border-radius:7px 7px 0 0}
 .cat-card-photo{padding:12px 6px 16px}.cat-card-photo.is-square{padding:12px 6px}.cat-card-photo.is-photo{padding:0}
 .cat-card-copy{padding:11px 9px 9px}.cat-card-copy h3{font-size:17px;line-height:1.25}.cat-card-copy>p{font-size:12px;max-height:41px;line-height:1.7;margin-top:4px}
 .cat-card-features{gap:3px;margin:5px 0 7px;min-height:27px}.cat-feature{width:26px;height:27px;padding:2px}.cat-feature svg{width:22px;height:22px}
 .cat-card-meta{column-gap:5px;padding-top:7px}.cat-price{gap:2px}.cat-price-top{gap:3px;min-height:18px;flex-direction:row;flex-wrap:wrap;align-items:center}.cat-price-old del{font-size:12px}.cat-discount{font-size:12px;padding:1px 3px}
 .cat-price-current{column-gap:4px;row-gap:0;margin:0;flex-direction:row;min-height:23px}.cat-price-current strong{font-size:15px;letter-spacing:-.025em}.cat-price-current>span{font-size:12px;line-height:1.5}
 .cat-compare-label{top:8px;inset-inline-end:8px;padding:6px;min-height:29px;gap:0}.cat-compare-label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cat-compare-label input{width:15px;height:15px}
 .cat-card-bottom{gap:2px;margin:0}.cat-detail-full,.cat-detail-short{display:none}.cat-stock{font-size:12px;gap:3px}.cat-card-link{font-size:12px;gap:0;min-height:0;padding:0}
 .cat-card-open{font-size:12px;min-height:28px;padding:6px 8px;gap:5px;bottom:8px;inset-inline-end:8px}.cat-card-open svg{width:12px;height:12px}.cat-card-badge{top:8px;inset-inline-start:8px;font-size:12px;padding:4px 6px}
 html[lang="en"] .cat-stock{max-width:44px;white-space:normal;line-height:1.5}
 .cat-products{padding-top:28px}
}
@media(max-width:359px){.cat-products.cat-wrap{width:calc(100% - 24px)}.cat-grid{gap:13px 9px}.cat-card-copy{padding-inline:6px}.cat-card-copy h3{font-size:15px}.cat-price-current strong{font-size:14px}.cat-feature{width:25px}.cat-card-copy>p{font-size:12px;max-height:41px}}
.cat-motion-off .cat-card,.cat-motion-off .cat-card:hover{translate:none!important}.cat-motion-off .cat-card:after,.cat-motion-off .cat-compare-label{transition:none!important}
@media(prefers-reduced-motion:reduce){.cat-card,.cat-card:hover{translate:none!important}.cat-card,.cat-card:after,.cat-feature,.cat-card-link,.cat-compare-label{transition:none!important}}
.cat-feature-tooltip{position:fixed;z-index:10000;display:block;width:max-content;max-width:min(230px,calc(100vw - 24px));box-sizing:border-box;padding:10px 13px;border-radius:7px;background:#0b1c3a;color:#fff;font:12px/1.9 IRANYekanX,Exo,sans-serif;text-align:start;box-shadow:0 7px 25px #0b1c3a24;overflow-wrap:anywhere}
html[lang="en"] .cat-feature-tooltip{font-family:Exo,IRANYekanX,sans-serif;line-height:1.6}
.cat-feature-tooltip[hidden]{display:none!important}
.cat-sample-note{display:flex;align-items:center;gap:9px;margin:0 0 20px!important;font-size:12px;line-height:1.9;color:#697787}
.cat-sample-note:before{content:'';width:4px;height:4px;border-radius:50%;background:#9aa4ae;flex-shrink:0}
.cat-compare-bar{position:fixed;inset-inline:20px;bottom:20px;z-index:80;max-width:700px;margin-inline:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #dce2e9;border-radius:12px;box-shadow:0 10px 50px #0b1c3a25;color:#0b1c3a}
.cat-compare-bar[hidden]{display:none!important}
.cat-compare-summary{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px;font-weight:650}
.cat-compare-summary small{font-size:12px;font-weight:400;color:#657484}
.cat-compare-actions{display:flex;gap:10px;align-items:center}
.cat-compare-bar button{font:inherit;cursor:pointer;border:0;border-radius:22px;padding:10px 18px;min-height:40px;font-size:12px;white-space:nowrap;background:var(--brand-red);color:#fff}
.cat-compare-bar button:disabled{background:#e8ecf1;color:#7c8895;cursor:default}
.cat-compare-bar #cat-compare-clear{padding:10px 5px;background:none;color:#657484;font-size:12px}
.cat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cat-compare-dialog{box-sizing:border-box;width:min(1040px,calc(100% - 28px));max-height:calc(100svh - 40px);margin:auto;padding:28px;border:0;border-radius:12px;color:#0b1c3a;background:#fff;overflow:auto}
.cat-compare-dialog::backdrop{background:#071324a6;backdrop-filter:blur(7px)}
.cat-compare-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.cat-compare-dialog h2{font-size:24px;margin:0;font-weight:750}
.cat-compare-dialog-head button{font:inherit;display:grid;place-items:center;min-width:40px;height:40px;border:1px solid #dce2e9;border-radius:50%;background:#fff;font-size:24px;color:#657484;cursor:pointer}
#cat-compare-content{overflow:auto;overscroll-behavior:contain}
.cat-compare-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;text-align:start;line-height:1.9}
.cat-compare-table caption{text-align:start;color:#657484;font-size:12px;margin-bottom:14px}
.cat-compare-table th,.cat-compare-table td{padding:15px 12px;border:1px solid #e1e6ec;vertical-align:top;text-align:start;overflow-wrap:anywhere}
.cat-compare-table th{font-weight:650;background:var(--brand-offwhite)}
.cat-compare-table tr>th:first-child{width:125px}
.cat-compare-image{display:block;width:100%;height:155px;object-fit:contain;margin:0 auto 12px;background:#f5f7fa;border-radius:5px}
.cat-compare-features{padding-inline-start:16px;margin:0}
.cat-compare-details{color:var(--brand-red);text-decoration:underline;text-underline-offset:4px}
.cat-compare-remove{font:inherit;margin-top:12px;display:block;color:#657484;padding:5px 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px}
.cat-compare-bar :is(button,input):focus-visible,.cat-compare-dialog :is(button,a):focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}
body.has-cat-comparison{padding-bottom:100px}

@media(max-width:599px){
.cat-sample-note{font-size:12px;line-height:1.9}
.cat-compare-bar{inset-inline:10px;bottom:10px;padding:12px;gap:10px;border-radius:9px}.cat-compare-summary{font-size:12px}.cat-compare-summary small{font-size:12px}.cat-compare-actions{gap:7px}.cat-compare-bar button{font-size:12px;padding:9px 12px}.cat-compare-bar #cat-compare-clear{font-size:12px}
.cat-compare-dialog{padding:17px 12px;max-height:calc(100svh - 20px)}.cat-compare-dialog h2{font-size:20px}.cat-compare-table{min-width:620px;font-size:12px}.cat-compare-table tr>th:first-child{width:100px}.cat-compare-table th,.cat-compare-table td{padding:12px 9px}.cat-compare-image{height:125px}
}
body.has-cat-comparison .al-back-top{bottom:115px}