/* 1ELEKTROKAMIN — Global Product Card UX v1.0.4.
   Only standard Technics product-card internals are changed. Grid/Slick mechanics stay in Product Blocks. */

/* Top-right actions: red outline heart, compare below, no background/border. */
.ek-product-card .products__item-buttons{top:10px!important;right:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;z-index:30!important}
.ek-product-card .products__item-buttons .btn{display:flex!important;align-items:center!important;justify-content:center!important;order:2;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#a3a9af!important;opacity:1!important;cursor:pointer!important;transition:color .16s ease,transform .16s ease!important}
.ek-product-card .products__item-buttons .btn--like{order:1!important;color:#e0033f!important}
.ek-product-card .products__item-buttons .btn--blog{order:2!important;color:#a3a9af!important}
.ek-product-card .products__item-buttons .btn:hover,.ek-product-card .products__item-buttons .btn:focus{background:transparent!important;outline:0!important;transform:scale(1.06)}
.ek-product-card .products__item-buttons .btn--like:hover,.ek-product-card .products__item-buttons .btn--like:focus,.ek-product-card .products__item-buttons .btn--like.is-added{color:#e0033f!important}
.ek-product-card .products__item-buttons .btn--blog:hover,.ek-product-card .products__item-buttons .btn--blog:focus,.ek-product-card .products__item-buttons .btn--blog.is-added{color:#e0033f!important}
.ek-product-card .products__item-buttons .btn.is-loading{pointer-events:none!important;cursor:wait!important}
.ek-product-card .ek-card-action-icon{display:block;width:18px;height:18px;overflow:visible;color:inherit}
.ek-product-card .ek-card-action-icon--heart path{fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:fill .16s ease,stroke .16s ease}
.ek-product-card .btn--like.is-added .ek-card-action-icon--heart path{fill:currentColor;stroke:currentColor}
.ek-product-card .ek-card-action-icon--compare{width:17px;height:17px}
.ek-product-card .ek-card-action-icon--compare path{fill:currentColor}

/* Stickers: slightly more legible, geometry unchanged. */
.ek-product-card .products__item-mark{font-size:11px!important;line-height:23px!important;font-weight:600!important}
.ek-product-card .products__item-discount{font-size:10.5px!important}

/* Inner image arrows: Ozon-like neutral grey in every interaction state. */
body .ek-product-card .products__item-images .slick-arrow,
body .ek-product-card .products__item-images .slick-arrow:hover,
body .ek-product-card .products__item-images .slick-arrow:focus,
body .ek-product-card .products__item-images .slick-arrow:active{width:28px!important;height:28px!important;margin:-14px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(240,242,244,.97)!important;box-shadow:none!important;color:#a5abb1!important;line-height:28px!important;text-align:center!important;outline:0!important}
body .ek-product-card .products__item-images .slick-arrow:hover,
body .ek-product-card .products__item-images .slick-arrow:focus{background:rgba(233,235,238,.99)!important;color:#7f858c!important}
body .ek-product-card .products__item-images .slick-prev{left:14px!important}
body .ek-product-card .products__item-images .slick-next{right:14px!important}

/* Outer module slider arrows: remove Technics blue/red hover colour, keep mechanics untouched. */
body .products .products__slides > .slick-arrow,
body .products .products__slides > .slick-arrow:hover,
body .products .products__slides > .slick-arrow:focus,
body .products .products__slides > .slick-arrow:active{background:#f6f6f6!important;color:#a5abb1!important;border-color:#eceef0!important;box-shadow:none!important;outline:0!important}
body .products .products__slides > .slick-arrow:hover,
body .products .products__slides > .slick-arrow:focus{background:#f1f2f4!important;color:#7f858c!important}
body .products .products__slides > .slick-arrow.slick-disabled{background:#f6f6f6!important;color:#bfc3c7!important;opacity:.55!important}
body .products .products__slides > .slick-arrow svg,
body .products .products__slides > .slick-arrow svg use{color:inherit!important;fill:currentColor!important;stroke:currentColor!important}

/* Photo-count indicator below image. */
.ek-product-card .ek-card-photo-dots{position:relative;z-index:22;display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:7px;margin:-6px 0 10px;pointer-events:none}
.ek-product-card .ek-card-photo-dots i{display:block;width:5px;height:2px;margin:0;border-radius:999px;background:#d5d8dc;transition:width .15s ease,background-color .15s ease}
.ek-product-card .ek-card-photo-dots i.is-active{width:9px;background:#9ca2a8}

/* Exact content order is enforced by JS: price -> brand/code -> title -> CTA.
   Keep the same structural hierarchy on desktop and mobile. */
.ek-product-card .products__item-in{display:flex!important;flex-direction:column!important;height:100%!important;min-height:100%!important}
.ek-product-card .products__item-images{flex:0 0 auto!important}
.ek-product-card .products__item-desc{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;margin-bottom:0!important}
.ek-product-card .products__item-price.ek-card-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:2px 7px!important;margin:0 0 10px!important;color:#343434!important;white-space:normal!important;line-height:1.2!important}
.ek-product-card .ek-card-price__current{font-size:18px!important;line-height:22px!important;font-weight:700!important;color:#262626!important;white-space:nowrap}
.ek-product-card .ek-card-price__old{font-size:12px!important;line-height:18px!important;font-weight:500!important;color:#9a9fa4!important;text-decoration:line-through!important;text-decoration-thickness:1px!important;white-space:nowrap}
.ek-product-card .ek-card-price__discount{font-size:12px!important;line-height:18px!important;font-weight:600!important;color:#e0033f!important;white-space:nowrap}
.ek-product-card .ek-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px 7px;min-width:0;margin:0 0 7px!important;color:#8a9096;font-size:12px;line-height:16px;font-weight:500}
.ek-product-card .ek-card-meta__brand{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777d84}
.ek-product-card .ek-card-code{position:relative;display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none!important;color:#8a9096;font:inherit;line-height:inherit;white-space:nowrap;cursor:pointer;transition:color .15s ease}
.ek-product-card .ek-card-code:hover,.ek-product-card .ek-card-code:focus{color:#e0033f;outline:0}
.ek-product-card .ek-card-code i{font-size:11px}
.ek-product-card .ek-card-code strong{font-weight:600;color:#666c72}
.ek-product-card .ek-card-code.is-copied{color:#e0033f}
.ek-product-card .ek-card-code.is-copied:after{content:attr(data-feedback);position:absolute;left:50%;bottom:calc(100% + 5px);z-index:80;transform:translateX(-50%);padding:4px 7px;border-radius:6px;background:#34383d;color:#fff;font-size:10px;line-height:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.ek-product-card .products__item-title{display:block!important;margin:0!important;line-height:1.35!important}

/* Full-width fixed CTA at card bottom, as in target mockup.
   Explicitly reset Technics' mobile icon-only/absolute CTA rules. */
html .ek-product-card .products__item-action{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:auto 0 0!important;padding:14px 0 0!important;white-space:normal!important;pointer-events:auto!important}
html .ek-product-card .products__item-action .btn--cart{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:4.2rem!important;height:4.2rem!important;margin:0!important;padding:0 1.5rem!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;text-align:center!important;text-indent:0!important;text-transform:none!important;white-space:nowrap!important}
html .ek-product-card .products__item-action .btn--cart svg,html .ek-product-card .products__item-action .btn--cart [class^="icon-"]{display:none!important}

@media(max-width:767px){
  .ek-product-card .products__item-buttons{top:7px!important;right:7px!important;gap:3px!important}
  .ek-product-card .products__item-buttons .btn{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}
  .ek-product-card .ek-card-action-icon{width:18px;height:18px}
  .ek-product-card .ek-card-action-icon--heart path{stroke-width:1.85}
  .ek-product-card .ek-card-action-icon--compare{width:15px;height:15px}
  .ek-product-card .products__item-mark{font-size:9px!important;line-height:20px!important;padding-left:6px!important;padding-right:6px!important}
  .ek-product-card .products__item-discount{font-size:9px!important}
  body .ek-product-card .products__item-images .slick-arrow,
  body .ek-product-card .products__item-images .slick-arrow:hover,
  body .ek-product-card .products__item-images .slick-arrow:focus{width:24px!important;height:24px!important;margin-top:-12px!important;line-height:24px!important}
  body .ek-product-card .products__item-images .slick-prev{left:8px!important}
  body .ek-product-card .products__item-images .slick-next{right:8px!important}
  .ek-product-card .ek-card-photo-dots{gap:2px;height:6px;margin:-5px 0 8px}
  .ek-product-card .ek-card-photo-dots i{width:4px;height:2px}
  .ek-product-card .ek-card-photo-dots i.is-active{width:7px}
  .ek-product-card .products__item-price.ek-card-price{gap:1px 4px!important;margin:0 0 7px!important}
  .ek-product-card .ek-card-price__current{font-size:15px!important;line-height:18px!important}
  .ek-product-card .ek-card-price__old,.ek-product-card .ek-card-price__discount{font-size:10.5px!important;line-height:15px!important}
  .ek-product-card .ek-card-meta{gap:1px 5px;margin:0 0 5px!important;font-size:10.5px;line-height:14px}
  .ek-product-card .ek-card-code{gap:3px}
  .ek-product-card .ek-card-code i{font-size:9.5px}
  .ek-product-card .products__item-in{height:100%!important;min-height:100%!important;padding-bottom:10px!important}
  .ek-product-card .products__item-desc{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;margin-bottom:0!important}
  .ek-product-card .products__item-price.ek-card-price{row-gap:2px!important;column-gap:4px!important;margin:0 0 8px!important}
  .ek-product-card .ek-card-price__current{font-size:15px!important;line-height:18px!important}
  .ek-product-card .ek-card-price__old,.ek-product-card .ek-card-price__discount{font-size:10.5px!important;line-height:14px!important}
  .ek-product-card .ek-card-meta{margin:0 0 6px!important;line-height:14px!important}
  .ek-product-card .products__item-title{margin:0!important;line-height:1.38!important}
  html .ek-product-card .products__item-action{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin:auto 0 0!important;padding:12px 0 0!important}
  html .ek-product-card .products__item-action .btn--cart{display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:3.9rem!important;min-height:3.9rem!important;margin:0!important;padding:0 8px!important;font-size:14px!important;line-height:1.15!important;letter-spacing:0!important;text-indent:0!important;text-transform:none!important;white-space:nowrap!important}
  /* After the UX script changes content order/height, keep each mobile Slick row
     in normal document flow. This prevents card contents/CTA from overflowing into
     the next product section while preserving equal card heights in a 2-up slider. */
  body .products__slides>.slick-list>.slick-track{display:flex!important;align-items:stretch!important}
  body .products__slides>.slick-list>.slick-track>.slick-slide{height:auto!important;display:flex!important;align-items:stretch!important}
  body .products__slides>.slick-list>.slick-track>.slick-slide>div{display:flex!important;align-items:stretch!important;width:100%!important;height:auto!important}
  body .products__slides>.slick-list>.slick-track>.slick-slide>div>.ek-product-card{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important}
  body .products__slides>.slick-list>.slick-track>.slick-slide>div>.ek-product-card>.products__item-in{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:auto!important;min-height:0!important}
}

@media(max-width:479px){
  .ek-product-card .ek-card-meta__brand{max-width:100%}
  .ek-product-card .ek-card-code.is-copied:after{left:0;transform:none}
}