/* Global RTL + Font + Helpers */
@font-face{
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html[dir="rtl"] body {
  font-family: 'Shabnam', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Naskh Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;
}
/* Fix FA alignment in RTL */
.fa-chevron-left{ transform: scaleX(-1); }
.fa-chevron-right{ transform: scaleX(-1); }

/* Simple slider helpers */
.slider-container{ position:relative; overflow:hidden; }
.slider-track{ display:flex; transition: transform .5s ease; }
.slide{ min-width:100%; height:100%; }
.slider-dots{ position:absolute; left:0; right:0; bottom:.75rem; display:flex; justify-content:center; gap:.5rem; }
.slider-dot{ width:8px; height:8px; border-radius:9999px; background:rgba(255,255,255,.6); cursor:pointer; }
.slider-dot.active{ background:#f59e0b; }

/* Utilities */
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.product-card .product-actions{ opacity:0; transition:opacity .3s; }
.product-card:hover .product-actions{ opacity:1; }
.hamburger{ cursor:pointer; width:24px; height:24px; transition:all .25s; position:relative; }
.hamburger-top,.hamburger-middle,.hamburger-bottom{ position:absolute; top:0; right:0; width:24px; height:2px; background:#000; transform:rotate(0); transition:all .5s; }
.hamburger-middle{ transform:translateY(7px); }
.hamburger-bottom{ transform:translateY(14px); }
.open{ transform:rotate(90deg); transform:translateY(0); }
.open .hamburger-top{ transform: rotate(45deg) translateY(6px) translateX(6px); }
.open .hamburger-middle{ display:none; }
.open .hamburger-bottom{ transform: rotate(-45deg) translateY(6px) translateX(-6px); }