.product-card{position:relative}
.ak-product-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:8px 0 4px;min-width:0}
.ak-product-actions button,.ak-floating-button,.ak-modal-close{font:inherit;cursor:pointer}
.ak-product-actions button.ak-favorite-btn,.ak-product-actions button.ak-compare-btn{border:1px solid #d8e1ec;background:#fff;color:#102b50;border-radius:10px;flex:0 0 34px;width:34px;height:36px;padding:6px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:.15s ease}
.ak-product-actions button:hover,.ak-product-actions button:focus-visible{border-color:#ff8a3d;box-shadow:0 5px 14px #ff6a0018;outline:0}
.ak-product-actions button.is-active{background:#fff2e9;border-color:#ff8a3d;color:#c34d00}
.ak-product-actions button[disabled]{opacity:.6;cursor:wait}
.ak-icon{width:20px;height:20px;flex-shrink:0;display:block;pointer-events:none}
.ak-product-actions .is-active .ak-icon-heart{fill:currentColor}
.ak-detail-actions{position:static;justify-content:flex-start;margin:14px 0 0;padding:10px 0 0;border-top:1px solid #e4e9f0}
.ak-header-tools{display:flex;align-items:center;flex:0 0 auto;gap:8px;margin-inline-start:auto}
.ak-header-tools .admin-link{margin:0!important}
.ak-header-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #e1e3e7;border-radius:12px;background:#fff;color:var(--brand,#17324d);cursor:pointer}
.ak-header-icon:hover{background:#fff3ea;border-color:#ff8a3d;color:#c34d00}
.ak-header-icon .ak-icon{width:22px;height:22px}
.ak-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--orange,#ff6a00);color:#fff;font:700 10px/1 Tahoma,sans-serif;border:2px solid #fff}
.ak-count[hidden]{display:none}
.retail-store .ak-card-action-row{width:100%;gap:5px;margin:4px 0 10px;flex-shrink:0}
.retail-store .ak-card-action-row button.ak-favorite-btn,.retail-store .ak-card-action-row button.ak-compare-btn{align-self:stretch;height:auto;min-height:36px}
.retail-store .ak-card-action-row .product-detail-link{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;flex:1 1 0;min-width:0;min-height:36px;margin:0;padding:5px 6px;border:1px solid #ffd8b8;border-radius:10px;background:#fff3ea;color:#a74400;font-size:11px;font-weight:800;line-height:1.5;white-space:normal;text-decoration:none}
.retail-store .product-card,.retail-store .block-offers .product-card{height:100%;max-height:none;min-height:0;box-sizing:border-box}
.retail-store .product-card .product-price{flex-shrink:0;min-width:0;width:100%;margin-top:auto;padding-top:4px}
.retail-store .product-card .product-bottom{flex-wrap:nowrap;gap:6px;align-items:center;margin:5px 0 0}
.retail-store .product-card .product-bottom strong{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.7}
.retail-store .product-card .product-bottom strong small{display:block;white-space:normal}
.retail-store .product-card .product-bottom .add-button{flex-shrink:0}
.retail-store .contact-dropdown{inset-inline-start:auto;inset-inline-end:0;min-width:0;width:320px;max-width:calc(100vw - 32px);box-sizing:border-box;overflow-wrap:anywhere}
.retail-store .contact-dropdown:before{inset-inline-start:auto;inset-inline-end:26px}
.retail-store .contact-dropdown:after{content:"";position:absolute;top:-12px;inset-inline:0;height:12px}
.ak-floating-button{border:0;border-radius:999px;background:#102b50;color:#fff;min-height:42px;padding:9px 15px;font-weight:900;box-shadow:0 14px 36px #102b5038}
.ak-floating-button.secondary{background:#fff;color:#102b50;border:1px solid #d8e1ec}
.ak-floating-button:disabled{opacity:.55;cursor:not-allowed}
.ak-overlay{position:fixed;inset:0;z-index:140;background:#102b5066;display:flex;align-items:center;justify-content:center;padding:18px}
.ak-modal{direction:rtl;background:#fff;color:#102b50;border-radius:18px;width:min(980px,100%);max-height:min(86vh,760px);overflow:auto;box-shadow:0 26px 80px #102b5060;border:1px solid #d8e1ec}
.ak-modal-head{position:sticky;top:0;background:#fff;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #edf1f5}
.ak-modal-head h2{font-size:22px;margin:0;font-weight:950}
.ak-modal-close{border:1px solid #d8e1ec;background:#fff;border-radius:12px;width:40px;height:40px;font-size:24px;line-height:1}
.ak-modal-body{padding:18px 20px 22px}
.ak-compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e4e9f0;border-radius:14px;overflow:hidden}
.ak-compare-table th,.ak-compare-table td{border-bottom:1px solid #e4e9f0;border-inline-start:1px solid #e4e9f0;padding:12px;vertical-align:top;text-align:right;min-width:150px}
.ak-compare-table th:first-child,.ak-compare-table td:first-child{border-inline-start:0;background:#f7f9fb;font-weight:900;min-width:110px}
.ak-compare-table tr:last-child th,.ak-compare-table tr:last-child td{border-bottom:0}
.ak-compare-card{display:grid;gap:8px}
.ak-compare-card img,.ak-wishlist-card img{width:120px;height:90px;object-fit:contain;background:#f7f9fb;border-radius:12px}
.ak-wishlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.ak-wishlist-card{border:1px solid #e4e9f0;border-radius:14px;padding:12px;display:grid;gap:9px;background:#fff}
.ak-wishlist-card strong{line-height:1.8}
.ak-wishlist-card a{color:#c34d00;font-weight:900;text-decoration:none}
.ak-wishlist-card button{border:1px solid #ffd1b0;background:#fff3ea;color:#a74400;border-radius:999px;min-height:34px;padding:6px 10px;font-weight:900}
.ak-empty-note{background:#f7f9fb;border:1px dashed #cfd8e3;border-radius:14px;padding:18px;text-align:center;color:#526070}
@media (width<=700px){
  .ak-header-tools{gap:6px}
  .ak-header-icon{flex-basis:38px;width:38px;height:38px;border-radius:10px;padding:8px}
  .ak-floating-button{min-height:40px;padding:8px 12px;font-size:13px}
  .ak-detail-actions{justify-content:flex-start}
  .ak-overlay{padding:10px}
  .ak-modal{max-height:88vh;border-radius:16px}
  .ak-modal-head h2{font-size:18px}
  .ak-modal-body{padding:14px}
  .ak-compare-table{display:block;overflow-x:auto}
  .retail-store .ak-card-action-row{gap:4px}
  .retail-store .ak-card-action-row button.ak-favorite-btn,.retail-store .ak-card-action-row button.ak-compare-btn{flex-basis:32px;width:32px;padding:5px}
}
/* Keep the original offer-card layout; only make the price easier to read. */
.retail-store .block-offers .product-bottom strong{font-size:16px;font-weight:900}

/* Phase 1: compact, accessible product carousel cards. */
.retail-store .product-image{overflow:hidden;border-radius:12px}
.retail-store .product-image img{transition:transform .32s cubic-bezier(.2,.75,.25,1)}
.retail-store .product-card:hover .product-image img,
.retail-store .product-card:focus-within .product-image img{transform:scale(1.045)}

.retail-store .product-carousel .product-card{padding:10px 11px 11px}
.retail-store .product-carousel .product-name{min-height:58px;margin:7px 0 9px;-webkit-line-clamp:2;line-height:1.85}
.retail-store .product-carousel .ak-card-action-row{position:absolute;z-index:4;top:10px;left:10px;width:auto;margin:0;display:flex;flex-direction:column;gap:6px}
.retail-store .product-carousel .ak-card-action-row .product-detail-link,
.retail-store .product-carousel .ak-card-action-row button.ak-favorite-btn,
.retail-store .product-carousel .ak-card-action-row button.ak-compare-btn{flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#fff;color:#17324d;border:1px solid #d8e1ec;box-shadow:0 5px 16px #102b5018}
.retail-store .product-carousel .ak-card-action-row .product-detail-link{font-size:0}
.retail-store .product-carousel .ak-card-action-row .ak-icon{width:18px;height:18px}
.retail-store .product-carousel .ak-card-action-row :is(button,a):hover,
.retail-store .product-carousel .ak-card-action-row :is(button,a):focus-visible{color:#b94b00;border-color:#ff8a3d;background:#fff5ed;transform:translateY(-1px)}

/* The chosen offer text color must win over the old hard-coded white. */
.retail-store .block-offers .block-heading,
.retail-store .block-offers .block-heading>a{color:inherit}

@media (hover:hover) and (pointer:fine){
  .retail-store .product-carousel .ak-card-action-row{opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .2s ease,transform .25s ease,visibility .2s}
  .retail-store .product-carousel .product-card:hover .ak-card-action-row,
  .retail-store .product-carousel .product-card:focus-within .ak-card-action-row{opacity:1;visibility:visible;transform:translateX(0)}
  .retail-store .category-tiles>a,
  .retail-store .category-photo,
  .retail-store .category-page-subcategories a{transition:transform .25s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease,border-color .25s ease}
  .retail-store .category-tiles>a:hover,
  .retail-store .category-tiles>a:focus-visible,
  .retail-store .category-photo:hover,
  .retail-store .category-photo:focus-visible,
  .retail-store .category-page-subcategories a:hover,
  .retail-store .category-page-subcategories a:focus-visible{transform:translateY(-2px) scale(1.025);box-shadow:0 9px 24px #17324d14}
}

@media (width<=700px){
  .retail-store .product-carousel .ak-card-action-row{top:7px;left:7px;gap:4px}
  .retail-store .product-carousel .ak-card-action-row .product-detail-link,
  .retail-store .product-carousel .ak-card-action-row button.ak-favorite-btn,
  .retail-store .product-carousel .ak-card-action-row button.ak-compare-btn{flex-basis:31px;width:31px;height:31px;min-height:31px;padding:5px;border-radius:8px}
  .retail-store .product-carousel .ak-card-action-row .ak-icon{width:17px;height:17px}
}

/* A fresh slide is keyed by banner id, so every automatic/manual change fades cleanly. */
@keyframes ak-banner-slide-in{
  from{opacity:.45;transform:translateX(10px)}
  to{opacity:1;transform:translateX(0)}
}
.retail-store .showcase-main>.promo{animation:ak-banner-slide-in .46s cubic-bezier(.2,.75,.25,1)}

@media (prefers-reduced-motion:reduce){
  .retail-store .showcase-main>.promo{animation:none!important}
  .retail-store .product-image img,
  .retail-store .product-carousel .ak-card-action-row,
  .retail-store .category-tiles>a,
  .retail-store .category-photo,
  .retail-store .category-page-subcategories a{transition:none!important;transform:none!important}
}