.elementor-23 .elementor-element.elementor-element-5c53a20{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-5c53a20.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-f11c53a{--e-image-carousel-slides-to-show:1;}.elementor-23 .elementor-element.elementor-element-f11c53a .elementor-swiper-button.elementor-swiper-button-prev, .elementor-23 .elementor-element.elementor-element-f11c53a .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-23 .elementor-element.elementor-element-4de6d6c{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#929292;--border-color:#929292;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-d9ec829{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-d9ec829 img{width:100%;max-width:100%;}.elementor-23 .elementor-element.elementor-element-6150273{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-86e5309{margin:25px -215px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:right;}.elementor-23 .elementor-element.elementor-element-86e5309.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-86e5309 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:30px;font-weight:700;color:#000000;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-23 .elementor-element.elementor-element-c7abfff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-c7abfff .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-c7abfff .woocommerce-loop-category__title .count{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-a8d7334{--display:flex;}.elementor-23 .elementor-element.elementor-element-a8d7334.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-a7c18d2{margin:25px 125px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:right;}.elementor-23 .elementor-element.elementor-element-a7c18d2.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-a7c18d2 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:30px;font-weight:700;color:#000000;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);border-color:#A4A4A4C4;}.elementor-23 .elementor-element.elementor-element-74e49c1 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:25px;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:15px 15px 0px 0px;margin-bottom:0px;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cairo", Sans-serif;font-size:12px;font-weight:700;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price{color:#00A631;font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price ins{color:#00A631;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price ins .amount{color:#00A631;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price del{color:#ED7979;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price del .amount{color:#ED7979;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .price del {font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product .button{font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products ul.products li.product span.onsale{display:block;background-color:#007B18;font-family:"Cairo", Sans-serif;font-size:9px;border-radius:10px;min-width:61px;min-height:18px;line-height:18px;margin:6px;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-4de6d6c{--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-d9ec829{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-86e5309{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-a7c18d2{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-f11c53a{width:100%;max-width:100%;}.elementor-23 .elementor-element.elementor-element-f11c53a .elementor-swiper-button.elementor-swiper-button-prev, .elementor-23 .elementor-element.elementor-element-f11c53a .elementor-swiper-button.elementor-swiper-button-next{font-size:10px;}.elementor-23 .elementor-element.elementor-element-4de6d6c{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-d9ec829{width:100%;max-width:100%;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-86e5309 .elementor-heading-title{font-size:20px;}.elementor-23 .elementor-element.elementor-element-c7abfff{width:initial;max-width:initial;}.elementor-23 .elementor-element.elementor-element-a8d7334{--width:396px;}.elementor-23 .elementor-element.elementor-element-a7c18d2 .elementor-heading-title{font-size:20px;}.elementor-23 .elementor-element.elementor-element-74e49c1 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-23 .elementor-element.elementor-element-74e49c1.elementor-wc-products  ul.products{grid-column-gap:14px;grid-row-gap:26px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-5c53a20{--width:102.841%;}.elementor-23 .elementor-element.elementor-element-4de6d6c{--content-width:850px;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-4de6d6c{--content-width:583px;}}/* Start custom CSS for wc-categories, class: .elementor-element-c7abfff *//* ===== HomeBox-style category strip (CSS-only, scoped to this widget) ===== */
.elementor-23 .elementor-element.elementor-element-c7abfff{
  --tile-w:160px;          /* tile width (desktop)  */
  --tile-h:130px;          /* tile height (desktop) */
  --gap:12px;
  --radius:18px;
  --ring:#e8edf2;
  --shadow:0 6px 16px rgba(0,0,0,.08);
  --shadow-hover:0 10px 22px rgba(0,0,0,.12);
  --pill-bg:#fff;
  --text:#111;
}

/* 1) FORCE one horizontal, swipeable row (cover all common wrappers) */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(ul,ol,.products,.product-categories,.elementor-grid){
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:var(--gap) !important;
  margin:0 !important;
  padding:8px var(--gap) !important;
  list-style:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-x;
  overscroll-behavior-x:contain;
}
.elementor-23 .elementor-element.elementor-element-c7abfff :is(ul,ol,.products,.product-categories,.elementor-grid)::-webkit-scrollbar{display:none}

/* 2) Each item fixed width (match both Woo and Elementor renderings) */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category){
  flex:0 0 auto !important;
  width:var(--tile-w) !important;
  scroll-snap-align:start;
  margin:0 !important;
  padding:0 !important;
  position:relative; /* for stray themes that position the title separately */
}

/* 3) Card link / clickable tile (when <a> wraps image) */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category) > a{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:var(--tile-h) !important;
  border-radius:var(--radius) !important;
  border:1px solid var(--ring) !important;
  background:#fff !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  text-decoration:none !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

/* 4) Image fills the card (handles img, picture, figure > img) */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category) > a :is(img, picture img, figure img){
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
  border:none !important;
  outline:0 !important;
}

/* Some themes put <figure> between <a> and <img> — make it behave */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category) > a figure{
  position:absolute !important;
  inset:0 !important;
  margin:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  overflow:hidden !important;
}

/* 5) Bottom white pill label (whether title sits inside or outside <a>) */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category) 
         :is(.woocommerce-loop-category__title, h2, h3, .cat-label){
  position:absolute !important;
  left:50% !important;
  bottom:8px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:5px 16px !important;
  background:var(--pill-bg) !important;
  border:1px solid var(--ring) !important;
  border-radius:999px !important;
  box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
  color:var(--text) !important;
  font:600 10px/1 "Cairo",system-ui,sans-serif !important;
  white-space:nowrap !important;
  max-width:calc(100% - 3px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  z-index:2;
}

/* If the theme outputs the title OUTSIDE the <a>, still pin it to the card */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category){
  /* create a positioning context for the title above */
  /* the title .elementor-23 .elementor-element.elementor-element-c7abfff above is absolutely positioned, so this ensures it
     sits on top of the tile card even if outside the link */
}

/* 6) Hide counts for clean look */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .product-category) .count{ display:none !important; }

/* 7) Hover micro interaction */
.elementor-23 .elementor-element.elementor-element-c7abfff :is(li, .elementor-grid-item, .product-category) > a:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--shadow-hover) !important;
  border-color:#e1e6eb !important;
}

/* 8) Kill any extra spacing the theme injects on THIS widget only */
.elementor-23 .elementor-element.elementor-element-c7abfff, .elementor-23 .elementor-element.elementor-element-c7abfff .elementor-widget-container{
  min-height:auto !important;
  padding:0 !important;
  margin:0 !important;
}

/* 9) RTL nicety */
html[dir="rtl"] .elementor-23 .elementor-element.elementor-element-c7abfff :is(ul,ol,.products,.product-categories,.elementor-grid){
  scroll-padding-inline-start:10px;
}

/* 10) Responsive sizes */
@media (max-width:768px){
  .elementor-23 .elementor-element.elementor-element-c7abfff{ --tile-w:148px; --tile-h:100px; }
}
@media (max-width:480px){
  .elementor-23 .elementor-element.elementor-element-c7abfff{ --tile-w:130px; --tile-h:112px; }
}
@media (min-width:1025px){
  .elementor-23 .elementor-element.elementor-element-c7abfff,
  .elementor-23 .elementor-element.elementor-element-c7abfff .elementor-widget-container{
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    margin-left: calc(50vw - 100%) !important;
    margin-right: calc(50vw - 100%) !important;
  }
  .elementor-23 .elementor-element.elementor-element-c7abfff :is(ul,ol,.products,.product-categories,.elementor-grid){
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-74e49c1 *//* ================= BELMAKINA — Button + Price ONLY (scoped: .bk-progrid) ================= */

/* --- knobs you can tweak any time --- */
.bk-progrid{
  /* button position (percent from top of the image) */
  --cta-y-rest: 64%;   /* desktop idle (lower on image, hidden) */
  --cta-y-show: 63%;   /* visible position (moves up a bit on image) */

  /* glass styling */
  --glass-blur: 14px;
  --glass-shadow: 0 10px 26px rgba(16,24,40,.18);
  --glass-bg: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.18) 60%, rgba(255,255,255,.12));
  --glass-bd: 1px solid rgba(255,255,255,.55);
  --glass-outline: 1px solid rgba(16,24,40,.10);
  --glass-hi: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 60%);

  /* price colors */
  --brand:#18a66f;      /* sale color */
  --muted:#667085;      /* regular color */
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
}

/* ============ BUTTON: draw a glass pill ON the image link (no HTML needed) ============ */
.bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link){
  position:relative; display:block; overflow:hidden; /* ensures overlay stays on the photo */
  border-radius:inherit;
}

/* button body */
.bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link)::after{
  content:"اطلب الآن";
  position:absolute; left:50%; top:var(--cta-y-rest); z-index:3;
  transform:translate(-50%, 8px);
  width:min(72%, 360px); height:48px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; pointer-events:none;
  background:var(--glass-bg);
  border:var(--glass-bd);
  outline:var(--glass-outline);
  -webkit-backdrop-filter:blur(var(--glass-blur)); backdrop-filter:blur(var(--glass-blur));
  box-shadow:var(--glass-shadow);
  color:#0f172a; text-shadow:0 1px 0 rgba(255,255,255,.35);
  font:900 16px/1 "Cairo",sans-serif; letter-spacing:.2px;
  opacity:0;
  transition:opacity .22s ease, transform .22s ease, top .22s ease, box-shadow .22s ease;
}
/* glossy highlight layer */
.bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link)::before{
  content:""; position:absolute; left:50%; top:var(--cta-y-rest); z-index:2;
  transform:translate(-50%, 8px);
  width:min(72%, 360px); height:48px; border-radius:999px; pointer-events:none;
  background:var(--glass-hi); mix-blend-mode:screen; opacity:.55;
  transition:opacity .22s ease, transform .22s ease, top .22s ease;
}

/* desktop: show ONLY when hovering the image (not the whole card) */
@media (hover:hover){
  .bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link):hover::after,
  .bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link):hover::before{
    opacity:1; top:var(--cta-y-show); transform:translate(-50%, 0);
  }
}

/* mobile (<=767px): always visible on the image; thumb-friendly */
@media (max-width:767px){
  .bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link)::after,
  .bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link)::before{
    opacity:1; top:var(--cta-y-show); transform:translate(-50%, 0);
    width:min(70%, 420px); height:38px;
  }
  /* tap feedback */
  .bk-progrid ul.products li.product :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link):active::after{
    box-shadow:0 8px 20px rgba(16,24,40,.24);
    transform:translate(-50%, 1px);
  }
}

/* hide Woo’s default below-image buttons (we’re using the glass overlay) */
.bk-progrid ul.products li.product a.button,
.bk-progrid ul.products li.product .added_to_cart{ display:none !important; }

/* =================== PRICE ROW — sale right (bigger), regular left (crossed) =================== */
.bk-progrid ul.products li.product .price{
  display:inline-flex; align-items:baseline; justify-content:center; gap:8px;
  margin:6px 0 12px; text-align:center; direction:ltr !important; /* keeps numerals tidy */
}
/* regular (left) */
.bk-progrid ul.products li.product .price del{
  order:1; color:var(--muted) !important; font-size:.90em !important;
  text-decoration:line-through !important; text-decoration-thickness:2px !important;
  text-decoration-color:currentColor !important; opacity:.95;
}
/* sale (right, bigger, emphasized) */
.bk-progrid ul.products li.product .price ins{
  order:2; color:var(--brand) !important; font-weight:900 !important;
  font-size:1.14em !important; text-decoration:none !important;
}

/* RTL nicety: keep sale visually on the RIGHT even in RTL UIs */
html[dir="rtl"] .bk-progrid ul.products li.product .price{
  flex-direction:row; justify-content:center; /* keep center pairing */
}
html[dir="rtl"] .bk-progrid ul.products li.product .price del{ order:1; } /* left */
html[dir="rtl"] .bk-progrid ul.products li.product .price ins{ order:2; } /* right */
/* === Photo-only subtle hover (bk-progrid) === */
.bk-progrid{
  --img-hover-scale: 1.035;             /* how much to zoom */
  --img-hover-raise: -4px;              /* how much to lift (negative = up) */
  --img-shadow:    0 2px 8px rgba(2,6,23,.06);
  --img-shadow-h:  0 12px 24px rgba(2,6,23,.16);
}

/* base image state */
.bk-progrid ul.products li.product img{
  box-shadow: var(--img-shadow);
  transition: transform .35s cubic-bezier(.2,.6,.2,1), box-shadow .35s ease;
  will-change: transform;
}

/* hover ONLY when the image area is hovered (not the whole card) */
@media (hover:hover){
  .bk-progrid ul.products li.product
  :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link):hover img{
    transform: translateY(var(--img-hover-raise)) scale(var(--img-hover-scale));
    box-shadow: var(--img-shadow-h);
  }
}

/* touch feedback (no hover on mobile): a tiny lift on tap */
@media (max-width:767px){
  .bk-progrid ul.products li.product
  :is(a.woocommerce-LoopProduct_link, a.woocommerce-LoopProduct-link):active img{
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 10px 20px rgba(2,6,23,.14);
  }
}

/* a11y: reduce motion if user prefers */
@media (prefers-reduced-motion:reduce){
  .bk-progrid ul.products li.product img{ transition:none !important; }
}
/* mobile button vertical position */
@media (max-width:767px){
  .bk-progrid{ --cta-y-show: 55%; }  /* try 40–70%; 44% = higher, 62% = lower */
}/* End custom CSS */