/* Ekano – shared product cards, rails (carousels) and boxes: home, shop, product. */
.ek-track::-webkit-scrollbar{display:none}
/* shared rail (scroll-snap carousel) */
.ek-rail{position:relative}
/* 2.1.2: scroll-padding = the 2px side padding, so the first card is already snapped at load. Without it Chrome snap-scrolls the track during load and stops recording LCP (Lighthouse/PSI «NO_LCP» on home + product). */
.ek-track{display:flex;gap:12px;margin:0;padding:4px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.ek-track>li{scroll-snap-align:start;list-style:none}
.ek-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s}
.ek-arrow:hover{color:var(--ek-red)}
.ek-arrow[disabled]{opacity:0;pointer-events:none}
.ek-rail .ek-prev{inset-inline-start:-8px}
.ek-rail .ek-next{inset-inline-end:-8px}
/* product boxes */
.ek-box{--tone:#1f6fd1;--tone2:#3d8bf0;background:#fff;border-radius:var(--ek-r);padding:10px 10px 6px;box-shadow:0 0 0 1px var(--ek-line);max-width:calc(var(--ek-wrap) - 32px);width:calc(100% - 32px)}
.ek-tone-red{--tone:#d6002f;--tone2:#f2194c}
.ek-tone-green{--tone:#0f8a5f;--tone2:#18b27b}
.ek-box-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;height:46px;padding:0 16px;margin-bottom:10px;border-radius:10px;background:linear-gradient(90deg,var(--tone2),var(--tone));color:#fff}
[dir=rtl] .ek-box-bar{background:linear-gradient(270deg,var(--tone),var(--tone2))}
.ek-box-title{display:flex;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1}
.ek-box-more{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#fff;text-decoration:none;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:14px}
.ek-box-more:hover{background:rgba(255,255,255,.3);color:#fff}
.ek-card{position:relative;flex:0 0 calc((100% - 5*12px)/6);min-width:170px;box-sizing:border-box;display:flex;flex-direction:column;padding:10px;border-radius:12px;background:#fff;border:1px solid #f0f0f0;transition:box-shadow .2s}
.ek-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.ek-card-img{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;margin-bottom:8px;line-height:0}
.ek-card-img img{width:100%;height:100%;object-fit:contain}
.ek-flag{position:absolute;top:10px;inset-inline-start:10px;background:#e8f1ff;color:#1f6fd1;font-size:11px;line-height:1;padding:5px 8px;border-radius:6px}
.ek-flag-off{background:var(--ek-red);color:#fff}
.ek-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;font-size:12.5px;line-height:1.7;color:#333;text-decoration:none;margin-bottom:8px}
.ek-card-title:hover{color:var(--ek-red)}
.ek-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}
.ek-card-price{font-size:13px;font-weight:700;color:#222;line-height:1.5;display:flex;flex-direction:column}
.ek-card-price del{font-size:11px;font-weight:400;color:#9a9a9a}
.ek-card-price ins{text-decoration:none}
.ek-card-price .woocommerce-Price-currencySymbol{font-size:10.5px;font-weight:400;color:#777}
.ek-atc{flex:none;width:36px;height:36px;border-radius:9px;background:var(--ek-red);color:#fff!important;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}
.ek-atc:hover{background:var(--ek-red-d)}
.ek-atc.loading{opacity:.6;pointer-events:none}
.ek-atc.added{background:#0f8a5f}
.ek-atc-view{background:#f1f1f1;color:#555!important}
.ek-card .added_to_cart{display:none!important}
.ek-arrow:hover,.ek-arrow:focus{background:#fff}
@media (max-width:991px){
 .ek-arrow{display:none}
 .ek-card{flex-basis:44%;min-width:150px}
 .ek-box{width:calc(100% - 20px);padding:8px 8px 4px}
 .ek-box-bar{height:42px;padding:0 12px}
 .ek-box-title{font-size:15px}
}
.ek-flag-hot{inset-inline-start:auto;inset-inline-end:10px;display:inline-flex;align-items:center;gap:3px;background:#fff4e5;color:#e36a00}
.ek-atc-out{width:auto;padding:0 10px;font-size:11.5px;background:#f4f4f4;color:#999!important;cursor:default}
.ek-atc-out:hover{background:#f4f4f4}
.ek-tone-plain .ek-box-bar,[dir=rtl] .ek-tone-plain .ek-box-bar{background:none;color:#222;border-radius:0;border-bottom:1px solid var(--ek-line);align-items:stretch;padding:0 6px}
.ek-tone-plain .ek-box-title{color:#222;border-bottom:2px solid var(--ek-red);margin-bottom:-1px}
.ek-tone-plain .ek-box-more,.ek-tone-plain .ek-box-more:hover{align-self:center;background:var(--ek-bg);color:#555}