/* RB Product Sections — values match the current Elementor sections (post-6396.css + Additional CSS). */
.rbp{--rbp-gap:10px;--rbp-pv:var(--rbp-d,6);--rbp-font:Roboto,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;position:relative;width:min(100% - 24px,1240px);margin:0 auto;padding:28px 0 0;box-sizing:border-box}
.rbp *,.rbp *::before,.rbp *::after{box-sizing:border-box}
@media (max-width:1024px){.rbp{--rbp-pv:var(--rbp-t,4)}}
@media (max-width:767px){.rbp{--rbp-pv:var(--rbp-m,2);--rbp-gap:8px;width:min(100% - 16px,1240px);padding-top:20px}}

/* ---------- header: title + subtitle at the start, button at the end ---------- */
.rbp .rbp__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5%;margin:0 0 22px}
.rbp .rbp__title{margin:0;padding:0;font-family:var(--rbp-font);font-weight:600;font-size:30px;line-height:1.3;color:var(--rbp-title)}
.rbp .rbp__sub{margin:2px 0 0;padding:0;font-family:var(--rbp-font);font-weight:600;font-size:18px;line-height:1.45;color:var(--rbp-sub)}
.rbp a.rbp__btn{flex:0 0 auto;display:inline-block;padding:15px 30px;border:0;border-radius:4px;background:var(--rbp-btn);color:var(--rbp-btn-text);font-family:var(--rbp-font);font-weight:500;font-size:16px;line-height:1;text-decoration:none;transition:background-color .2s}
.rbp a.rbp__btn:hover,.rbp a.rbp__btn:focus-visible{background:#cda748;color:var(--rbp-btn-text);text-decoration:none}
.rbp .rbp__foot{display:none;margin:26px 0 0;text-align:center}

/* ---------- carousel ---------- */
.rbp .rbp__stage{position:relative;container-type:inline-size}
.rbp .rbp__viewport{overflow:hidden;overflow:clip;padding:8px 2px 14px}
.rbp .rbp__track{display:flex;gap:var(--rbp-gap);margin:0;padding:0;list-style:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform:translate3d(0,0,0)}
.rbp .rbp__item{flex:0 0 calc((100% - (var(--rbp-pv) - 1) * var(--rbp-gap)) / var(--rbp-pv));min-width:0;margin:0;padding:0;list-style:none}
.rbp.is-drag .rbp__track{cursor:grabbing}

/* ---------- card ---------- */
.rbp .rbp__card{position:relative;display:flex;flex-direction:column;height:100%;padding:0 0 12px;background:#fff;border-radius:12px;transition:box-shadow .25s ease,transform .25s ease}
.rbp .rbp__media{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px 12px 0 0;background:#fff}
.rbp .rbp__media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none}

/* "Sale!" corner ribbon (stays top-left in Arabic, as on the live site) */
.rbp .rbp__badge{position:absolute;top:0;left:0;z-index:2;width:clamp(58px,40%,86px);aspect-ratio:1/1;background:var(--rbp-badge);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
.rbp .rbp__badge span{position:absolute;top:24%;left:-10%;width:80%;transform:rotate(-45deg);color:#fff;font-size:13px;font-weight:600;line-height:1;text-align:center;white-space:nowrap}

/* cart button: gold circle at the image's bottom-right */
.rbp a.rbp__cart{position:absolute;right:8px;bottom:8px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--rbp-cart);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);text-decoration:none;transition:opacity .2s,transform .2s,background-color .2s}
.rbp a.rbp__cart:hover,.rbp a.rbp__cart:focus-visible{background:#cda748;color:#fff}
.rbp a.rbp__cart svg{width:18px;height:18px;fill:currentColor}
.rbp a.rbp__cart.loading{opacity:.6;pointer-events:none}
.rbp .added_to_cart{display:none!important} /* WooCommerce injects a "View cart" link; the cart drawer covers it */

/* name: one link for the whole card */
.rbp .rbp__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin:10px 0 4px;padding:0 10px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;text-align:center;color:var(--rbp-name)}
.rbp .rbp__name a{color:inherit;text-decoration:none}
.rbp .rbp__name a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}
.rbp .rbp__name a:focus-visible{outline:none}
.rbp .rbp__name a:focus-visible::after{outline:2px solid var(--rbp-name);outline-offset:-2px}

/* price */
.rbp .rbp__price{margin-top:auto;padding:0 8px;font-size:15px;line-height:1.4;text-align:center;color:var(--rbp-price)}
.rbp .rbp__price .amount,.rbp .rbp__price bdi{color:inherit}
.rbp .rbp__price del{margin-inline-end:4px;font-size:12px;opacity:1;color:var(--rbp-price)}
.rbp .rbp__price ins{background:none;font-weight:700;text-decoration:none;color:var(--rbp-sale)}

/* desktop (real hover only): card lifts, cart button appears */
@media (hover:hover) and (pointer:fine){
  .rbp a.rbp__cart{opacity:0;transform:translateY(6px)}
  .rbp .rbp__card:hover a.rbp__cart,.rbp a.rbp__cart:focus-visible,.rbp a.rbp__cart.loading{opacity:1;transform:none}
  .rbp .rbp__card:hover{box-shadow:0 6px 18px rgba(30,41,59,.10);transform:translateY(-2px)}
}

/* ---------- arrows: soft grey squares on the carousel edges ---------- */
.rbp button.rbp__nav{position:absolute;top:30%;top:calc(((100cqw - (var(--rbp-pv) - 1) * var(--rbp-gap)) / var(--rbp-pv)) / 2 + 8px - 20px);z-index:4;display:grid;place-items:center;width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:6px;background:#eee;color:#000;box-shadow:0 0 16px 12px rgba(255,255,255,.85);cursor:pointer;transition:background-color .2s,color .2s}
.rbp button.rbp__nav[hidden]{display:none}
.rbp button.rbp__nav:hover,.rbp button.rbp__nav:focus-visible{background:#cda748;color:#fff}
.rbp button.rbp__nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.rbp .rbp__nav--l{left:4px}
.rbp .rbp__nav--r{right:4px}

.rbp hr.rbp__divider{width:100%;height:0;margin:22px auto 0;border:0;border-top:1.5px solid #ffd486;background:none}

/* ---------- phones: centred heading, button under the carousel ---------- */
@media (max-width:767px){
  .rbp .rbp__head{flex-direction:column;justify-content:center;padding:0 8px;margin-bottom:14px;text-align:center}
  .rbp .rbp__head .rbp__btn{display:none}
  .rbp .rbp__foot{display:block}
  .rbp .rbp__title{font-size:23px}
  .rbp .rbp__sub{font-size:15px}
  .rbp .rbp__name{font-size:15px}
  .rbp .rbp__badge span{font-size:12px}
  .rbp:not(.rbp--arrows-m) button.rbp__nav{display:none}
  .rbp hr.rbp__divider{width:92%}
}

@media (prefers-reduced-motion:reduce){
  .rbp .rbp__card,.rbp a.rbp__cart,.rbp .rbp__track{transition:none!important}
  .rbp .rbp__card:hover{transform:none}
}