.elementor-27 .elementor-element.elementor-element-e0ab481{--display:flex;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-ae6a0d6{width:100%;max-width:100%;--wd-brd-radius:30px;}.elementor-27 .elementor-element.elementor-element-ae6a0d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:31px 31px 31px 31px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-ae77b79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-10px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-99496e8{--display:flex;}.elementor-27 .elementor-element.elementor-element-9c2f54e img{border-radius:27px 27px 27px 27px;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.91);}.elementor-27 .elementor-element.elementor-element-48863a8{--display:flex;}.elementor-27 .elementor-element.elementor-element-9ad844a img{border-radius:27px 27px 27px 27px;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.91);}.elementor-27 .elementor-element.elementor-element-66306d5{--display:flex;}.elementor-27 .elementor-element.elementor-element-5358dcb img{border-radius:27px 27px 27px 27px;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.91);}.elementor-27 .elementor-element.elementor-element-be67932{--display:flex;}.elementor-27 .elementor-element.elementor-element-35dee12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-35dee12:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-35dee12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-383a916{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-27 .elementor-element.elementor-element-51bc0c6{width:var( --container-widget-width, 100.965% );max-width:100.965%;--container-widget-width:100.965%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-51bc0c6 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-51bc0c6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-51bc0c6 .title-subtitle{color:#32323280;font-size:16px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-51bc0c6 .title{font-size:38px;font-weight:700;line-height:1.2em;}.elementor-27 .elementor-element.elementor-element-120f54f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-products-with-bg, .elementor-27 .elementor-element.elementor-element-a1d30fb .wd-products-with-bg .wd-product{--wd-prod-bg:#FAFAFA;--wd-bordered-bg:#FAFAFA;}.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-products-with-bg, .elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-products-with-bg .wd-product{--wd-prod-bg:#FAFAFA;--wd-bordered-bg:#FAFAFA;}.elementor-27 .elementor-element.elementor-element-85580c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-610d4c4 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-610d4c4 .title-subtitle{color:#32323280;font-size:16px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-610d4c4 .title{font-size:38px;line-height:1.2em;}.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-products-with-bg, .elementor-27 .elementor-element.elementor-element-7cb9eba .wd-products-with-bg .wd-product{--wd-prod-bg:#FAFAFA;--wd-bordered-bg:#FAFAFA;}@media(min-width:769px){.elementor-27 .elementor-element.elementor-element-383a916{--width:100%;}}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-ae77b79{--margin-top:-10px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-9c2f54e img{border-radius:22px 22px 22px 22px;}.elementor-27 .elementor-element.elementor-element-9ad844a img{border-radius:22px 22px 22px 22px;}.elementor-27 .elementor-element.elementor-element-5358dcb img{border-radius:22px 22px 22px 22px;}.elementor-27 .elementor-element.elementor-element-51bc0c6{width:var( --container-widget-width, 748.342px );max-width:748.342px;--container-widget-width:748.342px;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-51bc0c6 .title{font-size:32px;}.elementor-27 .elementor-element.elementor-element-610d4c4 .title{font-size:32px;}}@media(max-width:768px){.elementor-27 .elementor-element.elementor-element-e0ab481{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-ae77b79{--margin-top:-5px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-9c2f54e img{border-radius:25px 25px 25px 25px;}.elementor-27 .elementor-element.elementor-element-9ad844a img{border-radius:25px 25px 25px 25px;}.elementor-27 .elementor-element.elementor-element-5358dcb img{border-radius:25px 25px 25px 25px;}.elementor-27 .elementor-element.elementor-element-35dee12{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-51bc0c6 > .elementor-widget-container{margin:-30px -30px -30px -30px;}.elementor-27 .elementor-element.elementor-element-51bc0c6 .title{font-size:19px;}.elementor-27 .elementor-element.elementor-element-120f54f{width:var( --container-widget-width, 447.447px );max-width:447.447px;--container-widget-width:447.447px;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-120f54f > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-85580c0{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-610d4c4 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-610d4c4 .title{font-size:26px;}}/* Start custom CSS for container, class: .elementor-element-e0ab481 *//* Make Belmakina hero banner full-width */
.bel-full-banner {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Optional: keep inner content nicely centered */
.bel-full-banner > .elementor-container,
.bel-full-banner > .e-con-inner,
.bel-full-banner > .e-con {
    max-width: 1200px;
    margin: 0 auto;
}

/* Prevent horizontal scroll from the 100vw trick */
body.elementor-page {
    overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-a1d30fb *//* Prices block – centered under product */
.bel-prices-rtl .price {
    direction: ltr;               /* control left/right order */
    display: flex;
    align-items: center;
    justify-content: center;      /* center the whole line */
    gap: 6px;
    font-family: "Cairo", sans-serif;
    text-align: center;
    width: 100%;
}

/* Regular price – LEFT, smaller, with custom line */
.bel-prices-rtl .price del {
    order: 1;                     /* regular price first (left) */
    opacity: 0.7;
    font-size: 13px;              /* smaller than sale */
    position: relative;
    display: inline-block;
    text-decoration: none;        /* we’ll draw our own line */
}

/* The strike-through line */
.bel-prices-rtl .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(0, 0, 0, 0.55);   /* adjust if you want lighter/darker */
    transform: translateY(-50%);
}

/* Sale price – RIGHT, bigger and stronger */
.bel-prices-rtl .price ins {
    order: 2;                     /* sale price second (right) */
    font-weight: 700;
    font-size: 15px;              /* bigger than regular */
}

/* Show amount as: 220 د.م (number first, currency after) */
.bel-prices-rtl .price .amount bdi {
    display: inline-flex;
    flex-direction: row-reverse;  /* number then currency */
    gap: 3px;
}

/* Optional: currency a bit lighter */
.bel-prices-rtl .price .woocommerce-Price-currencySymbol {
    opacity: 0.85;
}
/* 1) Hide Woodmart hover icons (wishlist/compare/cart/quickview...) */
.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-buttons,
.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-add-btn,
.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-compare-btn,
.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-wishlist-btn,
.elementor-27 .elementor-element.elementor-element-a1d30fb .quick-view,
.elementor-27 .elementor-element.elementor-element-a1d30fb .wd-quick-view-btn{
  display:none !important;
}

/* 2) Make image area a positioning context */
.elementor-27 .elementor-element.elementor-element-a1d30fb .product,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product .product-image,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product .product-element-top,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product .product-image > a,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product a.product-image-link,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product a.woocommerce-LoopProduct-link{
  position: relative;
  display:block;
}

/* 3) PRO button overlay (slightly rounded + small height) */
.elementor-27 .elementor-element.elementor-element-a1d30fb .product .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product a.woocommerce-LoopProduct-link::after{
  content:"أطلب الآن";
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translate(-50%, 10px);
  opacity:0;
  pointer-events:none;  /* click stays on the image link => product page */
  z-index:6;

  width:74%;
  max-width:220px;

  padding:8px 12px;     /* low height */
  border-radius:12px;   /* small rounded (pro) */

  background: rgba(255,255,255,.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);

  color:#111;
  font-weight:800;
  font-size:13px;
  text-align:center;
  line-height:1.1;

  transition: opacity .18s ease, transform .18s ease;
}

/* 4) Show only on hover */
.elementor-27 .elementor-element.elementor-element-a1d30fb .product:hover .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product:hover a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-a1d30fb .product:hover a.woocommerce-LoopProduct-link::after{
  opacity:1;
  transform:translate(-50%, 0);
}

/* 5) Small professional hover polish */
.elementor-27 .elementor-element.elementor-element-a1d30fb .product img{
  transition: filter .18s ease, transform .18s ease;
}
.elementor-27 .elementor-element.elementor-element-a1d30fb .product:hover img{
  filter: brightness(.95) contrast(1.02);
  transform: scale(1.01);
}
/* Remove WoodMart white frame/padding ONLY inside this block */
.bm-clean-products{
  --wd-prod-bg-sp: 0px !important;
}

.bm-clean-products .wd-product .product-wrapper,
.bm-clean-products .wd-product .wd-product-wrapper,
.bm-clean-products .wd-product .product-inner{
  padding: 0 !important;
}

/* keep spacing for title + price so it doesn't get tight */
.bm-clean-products .wd-product .product-element-bottom{
  padding: 10px 12px 14px !important;
}

/* optional: keep rounded corners without cutting content */
.bm-clean-products .wd-product .product-wrapper{
  border-radius: 14px;
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-8cea1f3 *//* Prices block – centered under product */
.bel-prices-rtl .price {
    direction: ltr;               /* control left/right order */
    display: flex;
    align-items: center;
    justify-content: center;      /* center the whole line */
    gap: 6px;
    font-family: "Cairo", sans-serif;
    text-align: center;
    width: 100%;
}

/* Regular price – LEFT, smaller, with custom line */
.bel-prices-rtl .price del {
    order: 1;                     /* regular price first (left) */
    opacity: 0.7;
    font-size: 13px;              /* smaller than sale */
    position: relative;
    display: inline-block;
    text-decoration: none;        /* we’ll draw our own line */
}

/* The strike-through line */
.bel-prices-rtl .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(0, 0, 0, 0.55);   /* adjust if you want lighter/darker */
    transform: translateY(-50%);
}

/* Sale price – RIGHT, bigger and stronger */
.bel-prices-rtl .price ins {
    order: 2;                     /* sale price second (right) */
    font-weight: 700;
    font-size: 15px;              /* bigger than regular */
}

/* Show amount as: 220 د.م (number first, currency after) */
.bel-prices-rtl .price .amount bdi {
    display: inline-flex;
    flex-direction: row-reverse;  /* number then currency */
    gap: 3px;
}

/* Optional: currency a bit lighter */
.bel-prices-rtl .price .woocommerce-Price-currencySymbol {
    opacity: 0.85;
}
/* 1) Hide Woodmart hover icons (wishlist/compare/cart/quickview...) */
.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-buttons,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-add-btn,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-compare-btn,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-wishlist-btn,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .quick-view,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .wd-quick-view-btn{
  display:none !important;
}

/* 2) Make image area a positioning context */
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product .product-image,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product .product-element-top,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product .product-image > a,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product a.product-image-link,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product a.woocommerce-LoopProduct-link{
  position: relative;
  display:block;
}

/* 3) PRO button overlay (slightly rounded + small height) */
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product a.woocommerce-LoopProduct-link::after{
  content:"أطلب الآن";
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translate(-50%, 10px);
  opacity:0;
  pointer-events:none;  /* click stays on the image link => product page */
  z-index:6;

  width:74%;
  max-width:220px;

  padding:8px 12px;     /* low height */
  border-radius:12px;   /* small rounded (pro) */

  background: rgba(255,255,255,.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);

  color:#111;
  font-weight:800;
  font-size:13px;
  text-align:center;
  line-height:1.1;

  transition: opacity .18s ease, transform .18s ease;
}

/* 4) Show only on hover */
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product:hover .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product:hover a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product:hover a.woocommerce-LoopProduct-link::after{
  opacity:1;
  transform:translate(-50%, 0);
}

/* 5) Small professional hover polish */
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product img{
  transition: filter .18s ease, transform .18s ease;
}
.elementor-27 .elementor-element.elementor-element-8cea1f3 .product:hover img{
  filter: brightness(.95) contrast(1.02);
  transform: scale(1.01);
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-7cb9eba *//* 1) Hide Woodmart hover icons (wishlist/compare/cart/quickview...) */
.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-buttons,
.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-add-btn,
.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-compare-btn,
.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-wishlist-btn,
.elementor-27 .elementor-element.elementor-element-7cb9eba .quick-view,
.elementor-27 .elementor-element.elementor-element-7cb9eba .wd-quick-view-btn{
  display:none !important;
}

/* 2) Make image area a positioning context */
.elementor-27 .elementor-element.elementor-element-7cb9eba .product,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product .product-image,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product .product-element-top,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product .product-image > a,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product a.product-image-link,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product a.woocommerce-LoopProduct-link{
  position: relative;
  display:block;
}

/* 3) PRO button overlay (slightly rounded + small height) */
.elementor-27 .elementor-element.elementor-element-7cb9eba .product .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product a.woocommerce-LoopProduct-link::after{
  content:"أطلب الآن";
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translate(-50%, 10px);
  opacity:0;
  pointer-events:none;  /* click stays on the image link => product page */
  z-index:6;

  width:74%;
  max-width:220px;

  padding:8px 12px;     /* low height */
  border-radius:12px;   /* small rounded (pro) */

  background: rgba(255,255,255,.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);

  color:#111;
  font-weight:800;
  font-size:13px;
  text-align:center;
  line-height:1.1;

  transition: opacity .18s ease, transform .18s ease;
}

/* 4) Show only on hover */
.elementor-27 .elementor-element.elementor-element-7cb9eba .product:hover .product-image > a::after,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product:hover a.product-image-link::after,
.elementor-27 .elementor-element.elementor-element-7cb9eba .product:hover a.woocommerce-LoopProduct-link::after{
  opacity:1;
  transform:translate(-50%, 0);
}

/* 5) Small professional hover polish */
.elementor-27 .elementor-element.elementor-element-7cb9eba .product img{
  transition: filter .18s ease, transform .18s ease;
}
.elementor-27 .elementor-element.elementor-element-7cb9eba .product:hover img{
  filter: brightness(.95) contrast(1.02);
  transform: scale(1.01);
}/* End custom CSS */