/* Add custom CSS styles below */ 
/* ===== متجر العزم — التصميم المخصص (قالب رائد) ===== */

/* --- 1. الألوان والتوكنات --- */
:root{
  --color-primary:#0B7F65;
  --color-primary-d:#096752;
  --color-primary-l:#3FA48D;
  --color-primary-reverse:#5DD1B2;
  --main-text-color:#0F1B2A;
  --main-text-color-dark:#0F1B2A;
  --color-text:#5A6B7B;
  --color-grey:#F5F8F7;
  --color-light-grey:#E4EAE8;
  --bg-gray:#F5F8F7;

  --az-primary:#0B7F65;
  --az-primary-hover:#096752;
  --az-primary-soft:#E8F8F3;
  --az-primary-border:#BCE6D9;
  --az-mint:#5DD1B2;
  --az-ink:#0F1B2A;
  --az-ink-2:#5A6B7B;
  --az-ink-3:#8C9AA6;
  --az-surface:#F5F8F7;
  --az-border:#E4EAE8;
  --az-border-strong:#CFD9D6;
  --az-danger:#D92D20;

  --az-2:8px; --az-3:12px; --az-4:16px; --az-5:20px; --az-6:24px;
  --az-r-sm:10px; --az-r-md:14px; --az-r-lg:18px; --az-r-pill:999px;
  --az-sh-1:0 1px 2px rgba(15,27,42,.05);
  --az-sh-2:0 2px 8px rgba(15,27,42,.06);
  --az-sh-3:0 8px 24px rgba(15,27,42,.09);
  --az-focus:0 0 0 3px rgba(11,127,101,.28);
  --az-t-fast:.15s cubic-bezier(.4,0,.2,1);
  --az-t:.25s cubic-bezier(.4,0,.2,1);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* --- 2. خط ثمانية --- */
@font-face{font-family:"Thmanyah Sans";font-weight:400;font-style:normal;font-display:swap;
  src:url("https://cdn.jsdelivr.net/gh/engdawood/thmanyah-font-web@4266a9d/fonts/thmanyah-sans/woff2/thmanyah-sans-Regular.woff2") format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:500;font-style:normal;font-display:swap;
  src:url("https://cdn.jsdelivr.net/gh/engdawood/thmanyah-font-web@4266a9d/fonts/thmanyah-sans/woff2/thmanyah-sans-Medium.woff2") format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:700;font-style:normal;font-display:swap;
  src:url("https://cdn.jsdelivr.net/gh/engdawood/thmanyah-font-web@4266a9d/fonts/thmanyah-sans/woff2/thmanyah-sans-Bold.woff2") format("woff2")}

:root{--font-main:"Thmanyah Sans","PingARLT",system-ui,sans-serif}
body,button,input,select,textarea,h1,h2,h3,h4,h5,
.s-product-card-entry,salla-button,salla-search,salla-add-product-button{font-family:var(--font-main)}
body{color:var(--az-ink);line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{line-height:1.3;letter-spacing:-.01em;color:var(--az-ink)}
h1{font-size:clamp(24px,3.2vw,34px);font-weight:700}
h2{font-size:clamp(20px,2.4vw,27px);font-weight:700}
h3{font-size:19px;font-weight:700}
strong,b,.font-semibold{font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:none;box-shadow:var(--az-focus);border-radius:var(--az-r-sm)}

/* --- 3. الهيدر --- */
.store-header .top-navbar{background:var(--az-ink);color:#DCE5E2;font-size:12.5px;border:0}
.store-header .top-navbar a{color:#DCE5E2;transition:color var(--az-t-fast)}
.store-header .top-navbar a:hover{color:var(--az-mint)}
.top-navbar .s-search-input{
  background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22);color:#fff}
.top-navbar .s-search-input::placeholder{color:#9DB5AE}

.main-nav-container{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--az-border);
  box-shadow:var(--az-sh-1)}
.navbar-brand img{max-height:52px;width:auto;object-fit:contain}

.s-search-input{
  border-radius:var(--az-r-pill);
  border:1px solid var(--az-border-strong);
  background:var(--az-surface);
  transition:var(--az-t-fast)}
.s-search-input:focus{background:#fff;border-color:var(--az-primary);box-shadow:var(--az-focus)}

.header-btn,.header-btn__icon,salla-cart-summary,salla-user-menu{color:var(--az-ink-2)}
.header-btn__icon{font-size:22px}
.mainmenu>li>a,.main-menu>li>a{
  font-weight:500;font-size:14px;color:var(--az-ink-2);
  border-bottom:2px solid transparent;transition:var(--az-t-fast)}
.mainmenu>li>a:hover,.main-menu>li>a:hover,.mainmenu>li.active>a{
  color:var(--az-primary);border-bottom-color:var(--az-primary)}
.mega-menu .sub-menu,.has-children .sub-menu{
  border-radius:var(--az-r-md);border:1px solid var(--az-border);
  box-shadow:var(--az-sh-3);padding:var(--az-4)}

/* --- 4. أقسام الصفحة الرئيسية --- */
.s-block{padding-block:clamp(36px,5.5vw,64px)}
.s-block__title{margin-bottom:var(--az-6)}
.s-block__title h2{position:relative;padding-inline-start:14px}
.s-block__title h2::before{
  content:"";position:absolute;inset-inline-start:0;top:.28em;
  width:4px;height:.85em;border-radius:var(--az-r-pill);
  background:linear-gradient(180deg,var(--az-mint),var(--az-primary))}
.s-block__display-all a{color:var(--az-primary);font-weight:700;font-size:14px}
.s-block--latest-products,.s-block--tabs-produtcs{background:var(--az-surface)}

.s-block--categories .slide--cat-entry{
  display:flex;flex-direction:column;align-items:center;gap:var(--az-3);
  text-align:center;padding:var(--az-5) var(--az-3);height:100%;
  border:1px solid var(--az-border);border-radius:var(--az-r-lg);
  background:#fff;transition:var(--az-t)}
.s-block--categories .slide--cat-entry:hover{
  border-color:var(--az-primary-border);box-shadow:var(--az-sh-3);transform:translateY(-3px)}
.s-block--categories .slide--cat-entry img{
  width:64px;height:64px;border-radius:var(--az-r-md);object-fit:cover;
  margin:0;background:var(--az-primary-soft)}
.s-block--categories .slide--cat-entry i{
  display:grid;place-items:center;width:56px;height:56px;
  border-radius:var(--az-r-md);font-size:24px;
  background:var(--az-primary-soft);color:var(--az-primary);transition:var(--az-t-fast)}
.s-block--categories .slide--cat-entry:hover i{background:var(--az-primary);color:#fff}
.s-block--categories .slide--cat-entry h2{
  font-size:14px;font-weight:700;color:var(--az-ink);line-height:1.45;margin:0}

.s-block--features .s-block__item{
  display:flex;align-items:center;gap:var(--az-3);padding:var(--az-4);
  border-radius:var(--az-r-md);background:#fff;border:1px solid var(--az-border)}
.s-block--features .s-block__item i{
  display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;
  border-radius:var(--az-r-md);font-size:20px;
  background:var(--az-primary-soft);color:var(--az-primary)}
.s-block--features .s-block__item h3{font-size:14px;font-weight:700;margin:0}
.s-block--features .s-block__item p{font-size:12.5px;color:var(--az-ink-2);margin:0}

/* --- 5. بطاقة المنتج --- */
.s-product-card-entry{
  border:1px solid var(--az-border);border-radius:var(--az-r-lg);
  background:#fff;overflow:hidden;
  transition:border-color var(--az-t),box-shadow var(--az-t),transform var(--az-t)}
.s-product-card-entry:hover,.s-product-card-shadow:hover{
  border-color:var(--az-primary-border);box-shadow:var(--az-sh-3);transform:translateY(-4px)}

.s-product-card-image{position:relative;overflow:hidden;background:var(--az-surface);border-radius:0}
.s-product-card-image img{
  aspect-ratio:1/1;width:100%;height:100%;
  transition:transform .45s cubic-bezier(.4,0,.2,1)}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.05)}

.s-product-card-promotion-title,.s-product-card-out-badge,.s-product-card-quantity{
  border-radius:var(--az-r-pill);font-size:11px;font-weight:700;
  line-height:1.6;padding:4px 10px;background:var(--az-danger);box-shadow:var(--az-sh-1)}
.s-product-card-promotion-title{top:10px;inset-inline-start:10px;inset-inline-end:auto}

.s-product-card-wishlist-btn{top:10px!important}
.s-product-card-wishlist-btn button{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.94);border:0;box-shadow:var(--az-sh-1);
  color:var(--az-ink-2);transition:var(--az-t-fast)}
.s-product-card-wishlist-btn button:hover{transform:scale(1.08);color:var(--az-danger)}
.s-product-card-wishlist-added button{color:var(--az-danger)}

.s-product-card-content{padding:var(--az-4);gap:var(--az-2)}
.s-product-card-content-title{margin:0}
.s-product-card-content-title a{
  font-size:15px;font-weight:700;line-height:1.55;color:var(--az-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:2.9em;transition:color var(--az-t-fast)}
.s-product-card-content-title a:hover{color:var(--az-primary)}
.s-product-card-content-subtitle{font-size:12.5px;color:var(--az-ink-2)}

.s-product-card-content-sub{
  display:flex;align-items:center;gap:var(--az-2);
  margin-top:auto;padding-top:var(--az-2)}
.s-product-card-price,.s-product-card-sale-price h4{
  font-size:18px;font-weight:700;color:var(--az-ink);margin:0}
.s-product-card-sale-price{display:flex;align-items:baseline;gap:var(--az-2)}
.s-product-card-sale-price span{
  font-size:12.5px;color:var(--az-ink-3);text-decoration:line-through}
.s-product-card-rating{
  display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--az-ink-2)}
.s-product-card-rating i::before{color:#F5A524}

.s-product-card-content-footer{margin-top:var(--az-3)}
.s-product-card-content-footer .s-button-element{
  border-radius:var(--az-r-pill);height:42px;font-weight:700;font-size:14px;
  background:var(--az-primary);color:#fff;border-color:var(--az-primary);
  transition:var(--az-t-fast)}
.s-product-card-content-footer .s-button-element .s-button-text,
.s-product-card-content-footer .s-button-element i{color:#fff}
.s-product-card-content-footer .s-button-element:hover{
  background:var(--az-primary-hover);border-color:var(--az-primary-hover)}

@media (hover:hover) and (min-width:1024px){
  .s-product-card-vertical .s-product-card-content-footer{
    opacity:0;transform:translateY(6px);
    transition:opacity var(--az-t),transform var(--az-t)}
  .s-product-card-entry:hover .s-product-card-content-footer,
  .s-product-card-entry:focus-within .s-product-card-content-footer{
    opacity:1;transform:none}
}
@media(max-width:640px){
  .s-product-card-content{padding:var(--az-3)}
  .s-product-card-content-title a{font-size:13.5px}
  .s-product-card-price,.s-product-card-sale-price h4{font-size:16px}
}

/* --- 6. صفحة المنتج --- */
.container--product-details{padding-block:var(--az-6) 40px}
.details-slider,.image-slider,.magnify-wrapper{
  border-radius:var(--az-r-lg);overflow:hidden;background:var(--az-surface)}
.container--product-details h1{
  font-size:clamp(21px,2.6vw,29px);font-weight:700;line-height:1.4;margin-bottom:var(--az-3)}
.product-entry__sub-title{color:var(--az-ink-2);font-size:15px}
.price-wrapper{display:flex;align-items:baseline;gap:var(--az-3);flex-wrap:wrap}
.price-wrapper h2,.price-wrapper .total-price{
  font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--az-primary)}
.price_is_on_sale .total-price{color:var(--az-danger)}
.before-price{font-size:16px;color:var(--az-ink-3);text-decoration:line-through}
.promotion-title{
  background:var(--az-danger);color:#fff;border-radius:var(--az-r-pill);
  padding:4px 12px;font-size:12.5px;font-weight:700}
.product__description{color:var(--az-ink-2);line-height:1.95;font-size:15.5px}
.product__description h2,.product__description h3{color:var(--az-ink);margin-top:var(--az-5)}
.product__description img{border-radius:var(--az-r-md)}

.form-label{font-weight:700;font-size:14px;color:var(--az-ink)}
.s-quantity-input-container{
  border-radius:var(--az-r-pill);border:1px solid var(--az-border-strong);height:48px}
.s-form-control,.form-input,select,textarea,
input[type=text],input[type=email],input[type=tel]{
  border-radius:var(--az-r-sm);border-color:var(--az-border-strong)}
.s-form-control:focus,.form-input:focus{
  border-color:var(--az-primary);box-shadow:var(--az-focus)}

.product-form .s-button-element{
  height:56px;font-size:16px;font-weight:700;border-radius:var(--az-r-pill);
  background:var(--az-primary);border-color:var(--az-primary);color:#fff;
  box-shadow:0 6px 16px rgba(11,127,101,.26)}
.product-form .s-button-element .s-button-text,
.product-form .s-button-element i{color:#fff}
.product-form .s-button-element:hover{
  background:var(--az-primary-hover);border-color:var(--az-primary-hover)}
.btn--wishlist{
  width:56px;height:56px;border-radius:var(--az-r-pill);
  border:1px solid var(--az-border-strong);color:var(--az-ink-2);
  transition:var(--az-t-fast)}
.btn--wishlist:hover{border-color:var(--az-danger);color:var(--az-danger)}

/* شريط الشراء الثابت في الجوال — يوفّره القالب، ننسّقه فقط */
.sticky-product-bar{
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid var(--az-border);
  box-shadow:0 -4px 16px rgba(15,27,42,.08);
  border-radius:0!important;
  padding:10px var(--az-4) calc(10px + env(safe-area-inset-bottom))!important;
  z-index:60}
.sticky-product-bar .s-button-element{height:48px;font-size:15px}

/* زر الواتساب كان يغطّي شريط الشراء */
.wa-s-n{z-index:59!important}
body:has(.sticky-product-bar) .wa-s-n{bottom:132px}
@media(min-width:1024px){body:has(.sticky-product-bar) .wa-s-n{bottom:18px}}

/* --- 7. صفحات التصنيفات --- */
.container--breadcrumbs .breadcrumbs{padding-block:var(--az-4)}
salla-breadcrumb a{color:var(--az-ink-2);font-size:13px}
#page-main-title{font-size:clamp(21px,2.6vw,28px);font-weight:700}
.container--products-list{padding-block:var(--az-4) 48px}
#filters-menu{border:1px solid var(--az-border);border-radius:var(--az-r-lg);background:#fff}
.filters-trigger{
  border-radius:var(--az-r-pill);min-height:44px;min-width:44px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--az-primary-soft);color:var(--az-primary)}
#product-filter{
  border-radius:var(--az-r-pill);border:1px solid var(--az-border-strong);
  padding-block:8px;background:#fff;font-size:14px}

/* --- 8. الأزرار العامة والفوتر --- */
.s-button-element{border-radius:var(--az-r-pill);font-weight:700}
.btn--primary{
  background:var(--az-primary);border-color:var(--az-primary);
  border-radius:var(--az-r-pill);font-weight:700}
.btn--primary:hover{background:var(--az-primary-hover);border-color:var(--az-primary-hover)}
.btn--rounded-gray{border-radius:var(--az-r-pill)}
@media(max-width:768px){button,.btn,a.btn,.s-button-element{min-height:44px}}

.store-footer{
  background:var(--az-surface);border-top:1px solid var(--az-border);
  color:var(--az-ink-2);padding-block:48px var(--az-6)}
.store-footer h3,.store-footer h4,.store-footer .footer-title{
  color:var(--az-ink);font-size:14px;font-weight:700;margin-bottom:var(--az-4)}
.store-footer a{color:var(--az-ink-2);font-size:14px;transition:color var(--az-t-fast)}
.store-footer a:hover{color:var(--az-primary)}
.store-footer salla-social a{
  width:38px;height:38px;border-radius:var(--az-r-sm);
  background:#fff;border:1px solid var(--az-border);display:grid;place-items:center}
.store-footer salla-social a:hover{
  background:var(--az-primary);color:#fff;border-color:var(--az-primary)}
.store-footer salla-payments img{border-radius:6px;background:#fff}

/* --- 9. RTL --- */
[dir="rtl"] .sicon-arrow-left,[dir="rtl"] .sicon-arrow-right,
[dir="rtl"] .swiper-button-next i,[dir="rtl"] .swiper-button-prev i{transform:scaleX(-1)}
[dir="rtl"] .sicon-shopping-bag,[dir="rtl"] .sicon-heart,
[dir="rtl"] .sicon-star2,[dir="rtl"] .sicon-menu{transform:none}
.price-wrapper,.s-product-card-price,.s-product-card-sale-price{
  direction:rtl;unicode-bidi:isolate}
.s-product-card-price,.s-product-card-sale-price,.price-wrapper,.total-price{
  font-variant-numeric:tabular-nums}
img{height:auto}