@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&family=Noto+Sans+Arabic:wght@100..900&display=swap');

@font-face {
  font-family: "a";
  src: url("http://nussuq-dev.com/grasse/TheYearofHandicraftsTTF-Reg.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ====== GENERAL ====== */
.home-block-line {display:none}
.fixed-products a.btn.btn--outline-primary {border:none; font-size:1rem; font-weight:400}
.fixed-products a.btn.btn--outline-primary i {display:none}
.font-bold {font-weight: 500;}
.tracking-tight {letter-spacing: unset;}

.s-block--about.title {padding:0; margin-bottom:0}
.s-block--about.title h2 {font-size:1.5rem; margin-bottom:0;line-height: 2.25rem;}
.s-block--about.title p {font-size: 1.2rem;line-height: 2;color: #777;font-weight: 600;margin-top:5px}
.fixed-products {margin-top:0}
.fixed-products .home-block-title {display:none}

@media (max-width: 767px) {
.index.mobile_small_blocks_titles h2.text-3xl {font-size: 1.5rem;}
}

/* ====== HEADER ====== */
.store-header .sicon-cart:before {content: "\ef36";}
.animated-text ul, .promotion-banner ul {font-size:1.2rem}
.animated-text ul li a, .promotion-banner ul li a {font-size:1rem; font-family: 'Noto Naskh Arabic';}

/* ====== CATEGORIES ====== */
.s-block--square-links {margin-bottom:2rem}
.s-block--square-links h3 {margin-top:.5rem; font-size:1.2rem;}
.s-block--square-links h2 {font-size:1.5rem}

@media (max-width:768px){
.s-block--square-links .mx-auto.max-w-7xl.px-6 {padding-left:.5rem; padding-right:.5rem}
.s-block--square-links ul {gap:1rem .5rem}
.index.mobile_small_blocks_titles h2.text-3xl+p.text-lg {font-size: 1.2rem;line-height: 2;color: #777;font-weight: 600;}
}

@media (max-width: 991px) {
.simplified-products .offer-slide .product-card--simplified .product-card__mini-cart .s-button-text,
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart .s-button-text,
.simplified-products .s-products-slider-card .product-card--simplified .product-card__mini-cart .s-button-text {
  font-size: .95rem;
}

.simplified-products .offer-slide .product-card--simplified .product-card__mini-cart button,
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button,
.simplified-products .s-products-slider-card .product-card--simplified .product-card__mini-cart button {
  padding: 4px;
  border-radius: 0;
  width: 90%;
  margin: auto;
}
}

/* ====== popup ====== */
#selia-start-shopping-btn {color:#fff; border-radius:2px}
.selia-discount-popup-content salla-button button {
  background: none;
  color: var(--color-primary);
  border-radius: 2px !important;
}
.selia-discount-popup-content salla-button button i {color: var(--color-primary);}
.selia-discount-code-section {border-radius:2px}

@media (max-width: 768px) {
.selia-discount-popup-content {border-radius: 15px;}
.selia-discount-popup-content .flex-col.gap-3 {text-align:center}
}

/* ====== BANNERS ====== */
.banner--fixed img {border-radius:20px}

/* ====== SLIDER ====== */
@media (max-width: 1024px) {
salla-slider.photos-slider .swiper-slide {margin: 0 1rem;}
salla-slider.photos-slider .swiper {padding-left:.5rem; padding-right:.5rem}
salla-slider.photos-slider img {border-radius:20px}
salla-slider.photos-slider .swiper {padding-bottom:0}
.swiper-pagination-bullet {height:4px}
}

/* ====== CONTENT ====== */
.s-block--advanced-content {margin-top:1rem !important}
.s-block--advanced-content p.text-lg {font-size:1.3rem}

/* ====== FOOTER ====== */
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__newsletter {
  border-bottom-color: #ffffff20;
}

.basic-footer .store-footer__inner p,
.footer-list a {
  font-size:1.1rem !important
}

@media (max-width:768px){
.store-footer .store-footer__inner .grid.grid-cols-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
}

/* ====== SIDEBAR ====== */
.mm-spn.mm-spn--navbar.mm-spn--main {font-size:0}
.mm-spn li a, .mm-spn li>span {font-size: 1.2rem;}
.mm-spn.mm-spn--navbar ul:before {display:none}

/* ====== PRODUCT PAGE ====== */
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn span {
  font-size:.85rem !important
}

/* ========================================= */
/* ====== ADD TO CART COLOR UPDATE ====== */
/* ========================================= */

salla-add-product-button button,
.product-card__mini-cart button,
.s-button-btn {
  background-color: #0b2032 !important;
  border-color: #0b2032 !important;
  color: #ffffff !important;
}

salla-add-product-button button span,
.product-card__mini-cart button span,
salla-add-product-button button i,
.product-card__mini-cart button i {
  color: #ffffff !important;
}

/* Hover */
salla-add-product-button button:hover,
.product-card__mini-cart button:hover,
.s-button-btn:hover {
  background-color: #12324d !important;
  border-color: #12324d !important;
}

.product-card__promotion {
  font-size: 0.7rem !important;
  padding: 3px 6px !important;
}

/* ### start(css - Offer Countdown (تصميم العداد)) ### */
/* =========================================
   GRASSE OFFER COUNTDOWN
   Theme: #caa6b3  (Sizes back to original)
   ========================================= */

:root{
  --oc-bg: #caa6b3;                 /* خلفية البنر */
  --oc-box: rgba(255,255,255,.18);  /* خلفية مربعات الوقت (شفافة) */
  --oc-border: rgba(255,255,255,.25);
  --oc-text: #ffffff;
  --oc-accent: #6d3d55;             /* لون متناسق للزر */
}

/* ===== Banner ===== */
section.s-block--offer-countdown{
  background: var(--oc-bg) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;     /* ✅ رجعناها أقرب للأول */
  margin: 14px 0 !important;
  overflow: hidden !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.08) !important;
}

section.s-block--offer-countdown .offer-countdown-container{
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
}

/* Desktop layout */
section.s-block--offer-countdown .offer-countdown-content{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

/* ===== Right: title + button ===== */
section.s-block--offer-countdown .inner-wrapper{
  order:2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  text-align:right !important;
  gap:10px !important;
  min-width:240px !important;
  flex:0 0 auto !important;
}

section.s-block--offer-countdown .offer-countdown-title{
  margin:0 !important;
  color:var(--oc-text) !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1.2 !important;
}

/* CTA */
section.s-block--offer-countdown .offer-countdown-cta{
  display:block !important;
}

section.s-block--offer-countdown .offer-countdown-cta a,
section.s-block--offer-countdown .offer-countdown-cta button,
section.s-block--offer-countdown .offer-countdown-cta .btn,
section.s-block--offer-countdown .offer-countdown-cta [role="button"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  background:#ffffff !important;
  color:var(--oc-accent) !important;

  padding:9px 14px !important;       /* ✅ نفس الأول */
  border-radius:12px !important;

  font-weight:900 !important;
  font-size:13px !important;

  box-shadow: 0 10px 20px rgba(0,0,0,.12) !important;
  border:0 !important;
}

/* ===== Left: timer ===== */
section.s-block--offer-countdown .timer-inner{
  order:1 !important;
  width:auto !important; /* يلغي inline width:48% */
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;      /* وسط */
  justify-content:center !important;
  gap:8px !important;
  flex:1 1 auto !important;
}

/* list */
section.s-block--offer-countdown ul.s-count-down-list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

/* ✅ boxes: رجعنا المقاس مثل أول */
section.s-block--offer-countdown li.s-count-down-item{
  width:56px !important;              /* ✅ كان 56 */
  height:62px !important;             /* ✅ كان 62 */

  background: var(--oc-box) !important;
  border: 1px solid var(--oc-border) !important;
  border-radius:14px !important;
  backdrop-filter: blur(6px) !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:0 !important;
}

/* ✅ numbers: رجعناها مثل أول */
section.s-block--offer-countdown .s-count-down-item-value{
  color:#ffffff !important;
  font-size:20px !important;          /* ✅ كان ~20 */
  font-weight:900 !important;
  line-height:1 !important;
}

/* labels */
section.s-block--offer-countdown .s-count-down-item-label{
  color:rgba(255,255,255,.85) !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin:0 !important;
}

/* description */
section.s-block--offer-countdown .offer-countdown-description{
  margin:0 !important;
  color:rgba(255,255,255,.9) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* ===== Mobile ===== */
@media (max-width:768px){
  section.s-block--offer-countdown{
    padding:14px !important;
  }

  section.s-block--offer-countdown .offer-countdown-content{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:12px !important;
  }

  section.s-block--offer-countdown .inner-wrapper{
    align-items:center !important;
    text-align:center !important;
    min-width:0 !important;
  }

  /* ✅ boxes: رجعنا مقاس الموبايل مثل أول */
  section.s-block--offer-countdown li.s-count-down-item{
    width:52px !important;            /* ✅ كان 52 */
    height:58px !important;           /* ✅ كان 58 */
  }

  section.s-block--offer-countdown .s-count-down-item-value{
    font-size:18px !important;        /* ✅ كان 18 */
  }
}
 /* ### end(css - Offer Countdown (تصميم العداد)) ### */
/* اخفاءالعرض السريع (قد يخفي أزرار داخل كرت المنتج حسب الثيم) */
.product-card__buttons {display:none}

/* اخفاء أيقونة داخل زر الإضافة في كرت المنتج */
.product-card__enhanced-mini-cart button.s-button-element i{
  display:none;
}

/* اخفاء اكشنز كرت المنتج (قد يشمل زر الإضافة حسب الثيم) */
.product-card__actions{
  display:none;
}

/* ستايل زر الإضافة في كرت المنتج */
.product-card__enhanced-mini-cart button.s-button-element {
  background: var(--product-enhanced-btn-bg) !important;
  border: 0;
  border-radius: 0;
  color: var(--product-enhanced-btn-color) !important;
  display: block;
  font-size: 14px;
  min-height: 22px;
  padding: 6px 10px;
}

/* لون زر الإضافة (يشمل: زر الستكي بالمنتج + زر السلة + زر الإضافة في كرت المنتج) */
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn,
.sticky-cart-single .s-button-element,
.product-card__enhanced-mini-cart button.s-button-element {
  background-color: #0b2032 !important;
  border-color: #0b2032 !important;
  color: #fff !important;
}

/* زر الإضافة في الوضع العادي داخل كرت المنتج */
.product-card__normal-cart salla-add-product-button salla-button button {
  background: #000;
}

.product-card__normal-cart__btn .s-button-text {
  color: #fff;
}

/* يخلي زر الإضافة بعرض كامل */
.s-add-product-button-main:not(.w-full) > salla-button {
  width: 100% !important;
}

/* Fix - اظهار نص زر الاضافة و الايكون بالموبايل */
@media (max-width: 768px) {

  .sticky-product-bar .s-add-product-button-main salla-button button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    font-family: inherit !important;
  }

  .sticky-product-bar .s-add-product-button-main salla-button button .s-button-text{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    white-space:nowrap !important;
    font-family: inherit !important;
  }

  .sticky-product-bar .s-add-product-button-main salla-button button::before,
  .sticky-product-bar .s-add-product-button-main salla-button button::after{
    content:none !important;
  }

  .sticky-product-bar .s-add-product-button-main salla-button button .s-button-text svg {
    display: none !important;
  }

}

/* (اختياري) تحسين بادنج زر الإضافة في كرت المنتج بالموبايل */
@media (max-width: 991px) {
  .product-card.product-card--enhanced-btn:not(.product-card--simplified) .product-card__enhanced-mini-cart button {
    padding-bottom: 5px !important;
  }
}
/* إخفاء زر اشترِ الآن (الشراء السريع) في صفحة المنتج */
.product-single .s-add-product-button-mini-checkout {
    display: none !important;
}
/* إخفاء شريط الاعلاني سله*/
salla-advertisement {
  display: none !important;
}