/* ==================================================
AZIN Jewelry - نسخة اليوم الوطني فقط
اللون الأساسي: الأخضر السعودي
================================================== */

:root {
  --color-primary: #006C35 !important;
  --color-primary-dark: #00572B !important;
  --color-primary-light: #E7F2EC !important;
  --color-primary-reverse: #FFFFFF !important;
}

/* ==================================================
زر إضافة للسلة - الكمبيوتر والجوال
================================================== */

.s-product-card-add-button,
salla-button.s-product-card-add-button,
.s-product-card-add-button .s-button-element,
salla-button.s-product-card-add-button .s-button-element {
  background: #006C35 !important;
  background-color: #006C35 !important;
  border-color: #006C35 !important;
  color: #FFFFFF !important;
}

.s-product-card-add-button:hover,
salla-button.s-product-card-add-button:hover,
.s-product-card-add-button:hover .s-button-element {
  background: #00572B !important;
  background-color: #00572B !important;
  border-color: #00572B !important;
  color: #FFFFFF !important;
}

/* ==================================================
تنزيل صف التصنيفات - الكمبيوتر فقط
================================================== */

@media (min-width: 1024px) {
  .main-menu {
    transform: translateY(8px) !important;
  }
}

/* ==================================================
مميزات المتجر
تحويل الهوية للأخضر
================================================== */

section[component-id="1128766072"] {
  --brand-primary: #006C35;
  --brand-primary-pale: #E6F2EC;
  --brand-border: rgba(0, 108, 53, 0.10);
}

/* ==================================================
إخفاء قسم منتجات على ذوقك
================================================== */

section:has(.personalized-shoppers-who-bought__container) {
  display: none !important;
}

/* ==================================================
شعار الهيدر لليوم الوطني
AZIN ↔ عزنا بطبعنا
Flip + CLS Guard
================================================== */

a.navbar-brand {
  position: relative !important;

  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;

  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;

  flex: 0 0 135px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  perspective: 700px !important;

  overflow: visible !important;
}

/* شعار AZIN الأصلي */

a.navbar-brand img.logo-normal {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;

  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;

  object-fit: contain !important;
  object-position: center !important;

  transform-origin: center center !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  animation: azin-logo-front 10s ease-in-out infinite !important;

  will-change: transform, opacity;
}

/* شعار عزنا بطبعنا */

a.navbar-brand::after {
  content: "" !important;

  position: absolute !important;

  width: 105px !important;
  height: 70px !important;

  top: 10px !important;
  left: 15px !important;

  background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  transform-origin: center center !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  pointer-events: none !important;

  animation: azin-logo-back 10s ease-in-out infinite !important;

  will-change: transform, opacity;
}

/* حركة AZIN */

@keyframes azin-logo-front {
  0%,
  35% {
    opacity: 1;
    transform: rotateY(0deg);
  }

  43%,
  78% {
    opacity: 0;
    transform: rotateY(90deg);
  }

  86%,
  100% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

/* حركة عزنا بطبعنا */

@keyframes azin-logo-back {
  0%,
  35% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  43%,
  78% {
    opacity: 1;
    transform: rotateY(0deg);
  }

  86%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}

/* عند تفعيل تقليل الحركة */

@media (prefers-reduced-motion: reduce) {
  a.navbar-brand img.logo-normal,
  a.navbar-brand::after {
    animation: none !important;
  }

  a.navbar-brand img.logo-normal {
    opacity: 1 !important;
    transform: none !important;
  }

  a.navbar-brand::after {
    display: none !important;
  }
}

/* ==================================================
رمز اليوم الوطني تحت عناوين الأقسام
كمبيوتر + جوال
================================================== */

.enhanced-title-border.home-block-line {
  display: block !important;

  width: 130px !important;
  height: 26px !important;

  margin: 8px auto 0 !important;

  background-image: url("https://cdn.files.salla.network/other/1286202155/cec7c74a-817a-489d-82ff-a481631cd96a-original.webp") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  border: 0 !important;
  background-color: transparent !important;
}

/* الجوال */

@media (max-width: 768px) {
  .enhanced-title-border.home-block-line {
    width: 115px !important;
    height: 24px !important;
    margin: 7px auto 0 !important;
  }
}

/* ==================================================
شعار عزنا بطبعنا تحت موثق الأعمال
كمبيوتر
================================================== */

@media (min-width: 1024px) {
  .store-footer__apps {
    position: relative !important;
    padding-bottom: 0 !important;
  }

  .store-footer__apps::after {
    content: "" !important;

    display: block !important;
    position: relative !important;

    width: 135px !important;
    height: 58px !important;

    margin: 14px auto 0 !important;

    background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
  }
}

/* ==================================================
شعار عزنا بطبعنا تحت موثق الأعمال
الجوال
================================================== */

@media (max-width: 1023px) {
  .store-footer__apps {
    position: relative !important;
    padding-bottom: 0 !important;
  }

  .store-footer__apps::after {
    content: "" !important;

    display: block !important;
    position: relative !important;

    width: 110px !important;
    height: 48px !important;

    margin: 10px auto 0 !important;

    background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
  }
}


/* ==================================================
AZIN — زر الإضافة للسلة
بطاقات المنتجات | كمبيوتر + جوال
================================================== */

/* الزر العادي في بطاقات المنتجات */

custom-salla-product-card
salla-add-product-button
button[aria-label="Add to cart button"],

/* زر الإضافة المحسن في الجوال */

custom-salla-product-card
.product-card__enhanced-mini-cart
.s-button-element,

custom-salla-product-card
.product-card__enhanced-mini-cart
button {

  position: relative !important;
  overflow: hidden !important;

  background-color: #00572B !important;

  background-image:
    linear-gradient(
      rgba(0, 87, 43, 0.68),
      rgba(0, 87, 43, 0.68)
    ),
    url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp") !important;

  background-size: auto 75px !important;
  background-position: center !important;
  background-repeat: repeat-x !important;

  color: #ffffff !important;

  border: 1px solid #00572B !important;
  border-radius: 999px !important;

  box-shadow:
    0 5px 14px rgba(0, 87, 43, 0.16) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease !important;
}


/* النص والأيقونات */

custom-salla-product-card
salla-add-product-button
button[aria-label="Add to cart button"] *,

custom-salla-product-card
.product-card__enhanced-mini-cart
.s-button-element *,

custom-salla-product-card
.product-card__enhanced-mini-cart
button * {

  color: #ffffff !important;
}


/* Hover للكمبيوتر فقط */

@media (hover: hover) {

  custom-salla-product-card
  salla-add-product-button
  button[aria-label="Add to cart button"]:hover {

    transform: translateY(-2px);

    filter: brightness(1.07);

    box-shadow:
      0 8px 20px rgba(0, 87, 43, 0.23) !important;
  }

}

/* ==================================================
AZIN — زر أضف إلى السلة | صفحة المنتج
الرئيسي + الزر المثبت
================================================== */

/* زر أضف إلى السلة الرئيسي في صفحة المنتج */

.s-add-product-button-main
salla-button
button.s-button-element.s-button-primary,

/* زر أضف إلى السلة في الشريط المثبت */

salla-quick-buy
button.s-button-element.s-button-primary {

  position: relative !important;
  overflow: hidden !important;

  background-color: #00572B !important;

  background-image:
    linear-gradient(
      rgba(0, 87, 43, 0.68),
      rgba(0, 87, 43, 0.68)
    ),
    url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp") !important;

  background-size: auto 80px !important;
  background-position: center !important;
  background-repeat: repeat-x !important;

  color: #ffffff !important;

  border: 1px solid #00572B !important;
  border-radius: 999px !important;

  min-height: 48px !important;

  box-shadow:
    0 6px 16px rgba(0, 87, 43, 0.16) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease !important;
}


/* النص والأيقونة */

.s-add-product-button-main
salla-button
button.s-button-element.s-button-primary *,

salla-quick-buy
button.s-button-element.s-button-primary * {

  color: #ffffff !important;
}


/* Hover على الكمبيوتر */

@media (hover: hover) {

  .s-add-product-button-main
  salla-button
  button.s-button-element.s-button-primary:hover,

  salla-quick-buy
  button.s-button-element.s-button-primary:hover {

    transform: translateY(-2px);

    filter: brightness(1.07);

    box-shadow:
      0 10px 24px rgba(0, 87, 43, 0.23) !important;
  }

}


/* الجوال */

@media (max-width: 768px) {

  .s-add-product-button-main
  salla-button
  button.s-button-element.s-button-primary,

  salla-quick-buy
  button.s-button-element.s-button-primary {

    background-size: auto 70px !important;

    min-height: 46px !important;

    box-shadow:
      0 5px 14px rgba(0, 87, 43, 0.15) !important;
  }

}

/* إخفاء تصنيف مختارات اليوم الوطني من قائمة الهيدر فقط */
header a[href*="c456706854"],
nav a[href*="c456706854"] {
  display: none !important;
}

/* ==================================================
AZIN Jewelry
National Day Picks — Campaign Offer 2026
Category ID: 456706854

20% Offer + Free Shipping
Desktop + Mobile
================================================== */


/* ---------- MAIN TOOLBAR ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;

  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}


/* ---------- CAMPAIGN HEADER ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title {
  position: relative !important;
  isolation: isolate;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  gap: 7px !important;

  width: 100% !important;
  min-height: 154px;

  margin: 0 !important;

  /* مساحة يسار للخصم */
  padding: 34px 42px 33px 260px !important;

  overflow: hidden;

  border-radius: 22px;

  border:
    1px solid rgba(23,62,45,.09) !important;

  background:
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #FFFFFF 58%,
      #FAFBFA 100%
    ) !important;

  box-shadow:
    0 10px 28px rgba(23,62,45,.045) !important;

  color: #173E2D !important;

  font-size: 29px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;

  text-align: right !important;
  direction: rtl !important;

  letter-spacing: -.2px;
}


/* ---------- 20% OFFER PANEL ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title::before {
  content: "20%";

  position: absolute;

  inset:
    14px
    auto
    14px
    14px;

  width: 215px;

  display: grid;
  place-items: center;

  border-radius: 17px;

  background:
    linear-gradient(
      rgba(0,87,43,.78),
      rgba(0,87,43,.78)
    ),
    url(
      "https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp"
    );

  background-repeat: repeat;
  background-size: auto 115px;
  background-position: center;

  color: #FFFFFF;

  font-size: 44px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: -1px;

  text-shadow:
    0 2px 12px rgba(0,0,0,.12);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 8px 22px rgba(0,87,43,.16);

  z-index: -1;
}


/* ---------- OFFER DESCRIPTION ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title::after {
  content:
    "خصم على مختارات اليوم الوطني  •  شحن مجاني";

  display: block;

  margin-top: 2px;

  color: #5F6C65;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;

  letter-spacing: 0;
}


/* ---------- SMALL OFFER LABEL ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar::after {
  content: "عرض اليوم الوطني";

  position: absolute;

  left: 37px;
  top: 27px;

  z-index: 3;

  padding: 5px 9px 4px;

  border-radius: 999px;

  background:
    rgba(255,255,255,.94);

  border:
    1px solid rgba(255,255,255,.65);

  color: #00572B;

  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;

  box-shadow:
    0 4px 14px rgba(0,0,0,.08);

  pointer-events: none;
}


/* ---------- SORT / TOOLBAR ACTIONS ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 2px !important;

  background: transparent !important;
}


html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions select,

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions button {
  background: #FFFFFF !important;

  border:
    1px solid rgba(23,62,45,.10) !important;

  border-radius: 11px !important;

  box-shadow:
    0 4px 14px rgba(23,62,45,.035) !important;
}


/* ==================================================
ENGLISH VERSION
================================================== */

html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title {
  direction: ltr !important;
  text-align: left !important;

  padding:
    34px
    260px
    33px
    42px !important;
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title::before {
  inset:
    14px
    14px
    14px
    auto;
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title::after {
  content:
    "20% off National Day picks  •  Free shipping";
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
.product-index__toolbar::after {
  content: "National Day Offer";

  left: auto;
  right: 37px;
}


/* ==================================================
MOBILE
================================================== */

@media (max-width: 768px) {

  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar {
    gap: 12px !important;

    margin-bottom:
      23px !important;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title {
    min-height: 132px;

    padding:
      25px
      20px
      24px
      124px !important;

    border-radius: 17px;

    font-size:
      21px !important;

    box-shadow:
      0 8px 22px
      rgba(23,62,45,.04) !important;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::before {
    inset:
      10px
      auto
      10px
      10px;

    width: 100px;

    border-radius: 13px;

    background-size:
      auto 90px;

    font-size: 31px;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::after {
    margin-top: 1px;

    max-width: 190px;

    font-size: 11.5px;
    line-height: 1.5;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar::after {
    left: 22px;
    top: 20px;

    padding:
      4px 7px;

    font-size: 8.5px;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar-actions {
    padding:
      0 !important;
  }


  /* ---------- EN MOBILE ---------- */

  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title {
    padding:
      25px
      124px
      24px
      20px !important;
  }


  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::before {
    inset:
      10px
      10px
      10px
      auto;
  }


  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar::after {
    left: auto;
    right: 22px;
  }

}
/* =========================================================
   AZIN — National Day Picks
   FINAL MOBILE POLISH
========================================================= */

@media (max-width:768px){

  /* القسم */
  .azin-national-day-picks-v2{
    padding:10px 8px 18px!important;
    border-radius:20px!important;
  }


  /* =========================================
     البانر
  ========================================= */

  .azin-national-day-picks-v2 .home-block-title{
    min-height:236px!important;
    margin-bottom:18px!important;

    padding:
      146px
      16px
      20px!important;

    justify-content:flex-end!important;

    background:
      linear-gradient(
        135deg,
        #EDF4F0 0%,
        #E5EFE9 100%
      )!important;

    border-radius:18px!important;

    box-shadow:
      0 8px 24px
      rgba(15,55,37,.055)!important;

    text-align:center!important;
  }


  /* =========================================
     الباترن العلوي
  ========================================= */

  .azin-national-day-picks-v2
  .home-block-title::before{
    inset:
      0 0 auto 0!important;

    width:100%!important;
    height:128px!important;

    clip-path:none!important;

    border-radius:
      17px 17px 0 0!important;

    background-size:
      auto,
      122px auto!important;

    background-position:
      center,
      center 48%!important;
  }


  /* =========================================
     20%
     صار له مجال تنفس حقيقي
  ========================================= */

  .azin-national-day-picks-v2
  .home-block-title::after{
    top:63px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;

    font-size:41px!important;
    line-height:1!important;

    letter-spacing:-1px!important;
  }


  /* =========================================
     العنوان
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]{
    width:100%!important;
    max-width:330px!important;

    margin:
      0 auto!important;

    padding:
      0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    padding:
      0!important;

    font-size:21px!important;
    font-weight:800!important;
    line-height:1.55!important;

    letter-spacing:0!important;

    white-space:nowrap!important;

    text-align:center!important;
  }


  /* =========================================
     الوصف
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:300px!important;

    margin:
      6px auto 0!important;

    padding:
      0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10.5px!important;
    line-height:1.6!important;

    color:#5E7066!important;

    text-align:center!important;
  }


  /*
    نخفي "تسوقي المختارات"
    على الجوال لأن كامل البانر قابل للضغط
  */
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    content:none!important;
    display:none!important;
  }


  /* =========================================
     عرض اليوم الوطني
  ========================================= */

  .azin-national-day-picks-v2
  .enhanced-title-border{
    top:12px!important;
    bottom:auto!important;

    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;

    min-width:116px!important;
    height:26px!important;

    padding:
      0 12px!important;

    background:
      rgba(255,255,255,.97)!important;

    border:
      1px solid rgba(255,255,255,.8)!important;

    border-radius:
      999px!important;

    box-shadow:
      0 4px 12px
      rgba(0,0,0,.09)!important;
  }


  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    content:"عرض اليوم الوطني"!important;

    color:#00572B!important;

    font-size:8.5px!important;
    font-weight:800!important;
  }


  /* =========================================
     + شحن مجاني
     صار داخل الباترن بالكامل
     وليس على الحافة
  ========================================= */

  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:"+  شحن مجاني"!important;

    position:absolute!important;

    top:82px!important;
    left:50%!important;

    transform:
      translateX(-50%)!important;

    min-width:108px!important;
    height:27px!important;

    padding:
      0 13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
      rgba(0,45,26,.38)!important;

    border:
      1px solid
      rgba(255,255,255,.50)!important;

    border-radius:
      999px!important;

    color:#fff!important;

    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1!important;

    white-space:nowrap!important;

    box-shadow:
      0 4px 12px
      rgba(0,0,0,.08)!important;
  }


  /* =========================================
     شارة المنتجات
  ========================================= */

  .azin-national-day-picks-v2
  custom-salla-product-card::before{
    top:8px!important;
    left:8px!important;

    min-width:43px!important;
    height:23px!important;

    font-size:9px!important;
  }


  /* =========================================
     منطقة الضغط
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:10px!important;
    right:8px!important;
    left:8px!important;

    height:236px!important;

    border-radius:18px!important;
  }


  /* English */

  html[lang="en"]
  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    content:"National Day Offer"!important;
  }

  html[lang="en"]
  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:"+  Free Shipping"!important;
  }

}
/* =========================================================
   AZIN - وهج فضي فاخر ثابت خلف عنوان "مجوهرات فضة"
   بدون خط يتحرك
========================================================= */

section[component-id="781923283"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* وهج خلف مكان العنوان */
section[component-id="781923283"]::after {
  content: "";
  position: absolute;

  top: 30%;
  left: 50%;
  transform: translateX(-50%);

  width: 360px;
  height: 90px;

  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255,255,255,.95) 0%,
      rgba(234,241,238,.58) 24%,
      rgba(210,225,217,.28) 46%,
      rgba(255,255,255,0) 74%
    );

  filter: blur(8px);
  opacity: .55;

  animation: azinTitleGlow 3.8s ease-in-out infinite;
}

/* خَلِّ المحتوى فوق الوهج */
section[component-id="781923283"] salla-text-content {
  position: relative;
  z-index: 2;
}

/* نبضة خفيفة جدًا */
@keyframes azinTitleGlow {
  0%, 100% {
    opacity: .38;
    transform: translateX(-50%) scale(.96);
  }

  50% {
    opacity: .72;
    transform: translateX(-50%) scale(1.04);
  }
}

/* الجوال */
@media (max-width: 767px) {
  section[component-id="781923283"]::after {
    top: 24%;
    width: 250px;
    height: 70px;
    filter: blur(7px);
    opacity: .5;
  }
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  section[component-id="781923283"]::after {
    animation: none !important;
  }
}

/* =========================================================
   AZIN | NATIONAL DAY PICKS — FINAL REDESIGN
   Component: 54290598
========================================================= */

.azin-national-day-picks-v2{
  --nd:#006C35;
  --nd-dark:#004F2A;
  --nd-soft:#E7F0EA;
  --pattern:url("https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp");

  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  padding:28px 22px 24px!important;

  background:#fff!important;
  border:1px solid rgba(0,87,43,.07)!important;
  border-radius:26px!important;

  box-shadow:
    0 16px 42px rgba(18,51,37,.05)!important;
}


/* =========================================================
   CAMPAIGN BANNER
========================================================= */

.azin-national-day-picks-v2 .home-block-title{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  min-height:180px!important;
  margin:0 0 25px!important;

  padding:36px 54px!important;

  direction:rtl!important;
  text-align:right!important;

  /* أخضر سعودي هادئ — بدون باترن شفاف */
  background:
    linear-gradient(
      135deg,
      #EEF5F1 0%,
      #E5EFE9 55%,
      #E1ECE5 100%
    )!important;

  border:
    1px solid rgba(0,108,53,.13)!important;

  border-radius:24px!important;

  box-shadow:
    0 12px 30px rgba(20,63,43,.06)!important;
}


/* =========================================================
   PATTERN PANEL — LEFT
========================================================= */

.azin-national-day-picks-v2 .home-block-title::before{
  content:""!important;

  position:absolute!important;
  inset:0 auto 0 0!important;

  width:36%!important;

  background-color:var(--nd-dark)!important;

  background-image:
    linear-gradient(
      rgba(0,38,21,.04),
      rgba(0,38,21,.04)
    ),
    var(--pattern)!important;

  background-repeat:repeat!important;

  background-size:
    auto,
    150px auto!important;

  background-position:
    center,
    center 48%!important;

  clip-path:
    polygon(
      0 0,
      100% 0,
      91% 100%,
      0 100%
    )!important;

  z-index:0!important;
  pointer-events:none!important;
}


/* =========================================================
   20%
========================================================= */

.azin-national-day-picks-v2 .home-block-title::after{
  content:"20%"!important;

  position:absolute!important;

  left:18%!important;
  top:51%!important;

  transform:
    translate(-50%,-50%)!important;

  z-index:4!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:58px!important;
  font-weight:900!important;
  line-height:1!important;

  letter-spacing:-1.5px!important;
  direction:ltr!important;

  text-shadow:
    0 3px 17px rgba(0,0,0,.17)!important;

  pointer-events:none!important;
}


/* =========================================================
   TITLE
   إعادة رسم النص لمنع قص "الوطني"
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]{
  position:relative!important;
  z-index:3!important;

  width:56%!important;
  max-width:720px!important;

  margin:0 0 0 auto!important;
  padding:0 18px!important;

  overflow:visible!important;

  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;

  background:none!important;
  border:0!important;
  box-shadow:none!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"مختارات اليوم الوطني"!important;

  display:block!important;
  position:static!important;

  padding:5px 4px 8px!important;

  color:#153E2B!important;

  font-family:inherit!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.65!important;

  letter-spacing:0!important;
  word-spacing:normal!important;

  white-space:nowrap!important;
  overflow:visible!important;

  text-align:right!important;

  transform:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   SUBTITLE + CTA
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  position:relative!important;
  z-index:3!important;

  width:56%!important;
  max-width:720px!important;

  margin:2px 0 0 auto!important;
  padding:0 22px!important;

  overflow:visible!important;

  color:transparent!important;
  font-size:0!important;
  line-height:0!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"مختارات خاصة من فضة 925 بتفاصيل أنيقة للمناسبة"!important;

  display:block!important;

  color:#52675B!important;

  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.65!important;

  letter-spacing:0!important;

  text-align:right!important;
}


/* تلميح أن البانر قابل للضغط */

.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"تسوقي المختارات  ←"!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin-top:14px!important;

  padding:8px 14px!important;

  border:
    1px solid rgba(0,108,53,.16)!important;

  border-radius:999px!important;

  background:
    rgba(255,255,255,.74)!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;

  box-shadow:
    0 4px 12px rgba(0,87,43,.04)!important;
}


/* =========================================================
   OFFER STACK
   عرض اليوم الوطني
   20%
   + شحن مجاني
========================================================= */

.azin-national-day-picks-v2
.enhanced-title-border{
  position:absolute!important;

  left:18%!important;
  top:23px!important;
  bottom:auto!important;

  transform:
    translateX(-50%)!important;

  z-index:5!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:120px!important;
  height:29px!important;

  padding:0 14px!important;

  border:0!important;
  border-radius:999px!important;

  background:#fff!important;

  box-shadow:
    0 4px 13px rgba(0,0,0,.09)!important;

  animation:none!important;
}


/* عرض اليوم الوطني */

.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"عرض اليوم الوطني"!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;
}


/* + شحن مجاني
   عنصر واحد مرتب بدل علامة + منفصلة
*/

.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:"+  شحن مجاني"!important;

  position:absolute!important;

  top:112px!important;
  left:50%!important;

  transform:
    translateX(-50%)!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:128px!important;
  height:31px!important;

  padding:0 15px!important;

  border:
    1px solid rgba(255,255,255,.52)!important;

  border-radius:999px!important;

  background:
    rgba(0,38,21,.35)!important;

  color:#fff!important;

  font-family:inherit!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;

  box-shadow:
    0 5px 14px rgba(0,0,0,.09)!important;
}


/* =========================================================
   PRODUCT BADGE
========================================================= */

.azin-national-day-picks-v2
custom-salla-product-card{
  position:relative!important;
  z-index:2!important;

  display:block!important;

  transition:
    transform .25s ease!important;
}


.azin-national-day-picks-v2
custom-salla-product-card::before{
  content:"-20%"!important;

  position:absolute!important;

  top:10px!important;
  left:10px!important;

  z-index:30!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:48px!important;
  height:27px!important;

  padding:0 8px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  direction:ltr!important;

  box-shadow:
    0 5px 14px rgba(0,87,43,.18)!important;

  pointer-events:none!important;
}


@media(hover:hover){

  .azin-national-day-picks-v2
  custom-salla-product-card:hover{
    transform:
      translateY(-3px)!important;
  }

}


/* =========================================================
   VIEW MORE
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]{
  position:static!important;

  min-width:165px!important;
  min-height:43px!important;

  padding:10px 23px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#fff!important;

  font-size:12.5px!important;
  font-weight:800!important;

  box-shadow:
    0 8px 20px rgba(0,87,43,.14)!important;
}


/* كامل البانر قابل للضغط */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]::after{
  content:""!important;

  position:absolute!important;

  top:28px!important;
  right:22px!important;
  left:22px!important;

  height:180px!important;

  z-index:50!important;

  border-radius:24px!important;

  cursor:pointer!important;
}


/* =========================================================
   ENGLISH
========================================================= */

html[lang="en"]
.azin-national-day-picks-v2 .home-block-title{
  direction:ltr!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::before{
  inset:0 0 0 auto!important;

  clip-path:
    polygon(
      9% 0,
      100% 0,
      100% 100%,
      0 100%
    )!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::after{
  left:auto!important;
  right:18%!important;

  transform:
    translate(50%,-50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"],

html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  margin-left:0!important;
  margin-right:auto!important;

  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"National Day Picks"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"Selected 925 silver pieces for Saudi National Day"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"Shop the picks  →"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border{
  left:auto!important;
  right:18%!important;

  transform:
    translateX(50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"National Day Offer"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:"+  Free Shipping"!important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

  .azin-national-day-picks-v2{
    padding:12px 8px 18px!important;
    border-radius:20px!important;
  }


  .azin-national-day-picks-v2
  .home-block-title{
    min-height:250px!important;

    padding:
      126px 16px 20px!important;

    text-align:center!important;

    border-radius:18px!important;
  }


  /* Pattern panel becomes top campaign panel */

  .azin-national-day-picks-v2
  .home-block-title::before{
    inset:
      0 0 auto 0!important;

    width:100%!important;
    height:112px!important;

    clip-path:none!important;

    border-radius:
      17px 17px 0 0!important;

    background-size:
      auto,
      115px auto!important;
  }


  /* 20% */

  .azin-national-day-picks-v2
  .home-block-title::after{
    top:57px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;

    font-size:39px!important;
  }


  /* Content */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:330px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    font-size:21px!important;
    line-height:1.6!important;

    white-space:normal!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10.5px!important;
    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    margin-top:10px!important;

    padding:7px 11px!important;

    font-size:9.5px!important;
  }


  /* Offer */

  .azin-national-day-picks-v2
  .enhanced-title-border{
    top:10px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;

    min-width:106px!important;
    height:25px!important;
  }


  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    font-size:8px!important;
  }


  /* + Free shipping */

  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    top:74px!important;

    min-width:112px!important;
    height:27px!important;

    padding:0 11px!important;

    border:
      3px solid #fff!important;

    background:var(--nd)!important;

    font-size:8.5px!important;
  }


  /* Products */

  .azin-national-day-picks-v2
  custom-salla-product-card::before{
    top:8px!important;
    left:8px!important;

    min-width:43px!important;
    height:23px!important;

    font-size:9px!important;
  }


  /* CTA */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]{
    min-width:150px!important;
    min-height:40px!important;

    padding:9px 19px!important;

    font-size:11.5px!important;
  }


  /* Click area */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:12px!important;
    right:8px!important;
    left:8px!important;

    height:250px!important;

    border-radius:18px!important;
  }


  /* EN mobile */

  html[lang="en"]
  .azin-national-day-picks-v2 .home-block-title{
    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    margin-left:auto!important;
    margin-right:auto!important;

    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before,

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    text-align:center!important;
  }

}

/* =========================================================
   AZIN | مختارات اليوم الوطني
   خلفية صفحة التصنيف — باترن على الأطراف فقط
   Category ID: 456706854
========================================================= */

/* خلفية هادئة ونظيفة للصفحة */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index{
  position:relative!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,#FAFCFB 0%,#F7FAF8 100%)!important;
}

/* إظهار خلفية الصفحة من خلال حاويات سيليا */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper.container,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .product-index__layout,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .main-content,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index salla-products-list{
  background:transparent!important;
}

/* الباترن على اليمين واليسار فقط مع تلاشي نحو المنتصف */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index::before,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:clamp(105px,10vw,155px)!important;
  z-index:0!important;
  pointer-events:none!important;

  background-image:url("https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp")!important;
  background-repeat:repeat-y!important;
  background-size:150px auto!important;
  background-position:center top!important;
  opacity:.11!important;
}

html:has(link[rel="canonical"][href*="c456706854"])
.products-index::before{
  left:0!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
}

html:has(link[rel="canonical"][href*="c456706854"])
.products-index::after{
  right:0!important;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
}

/* المحتوى يبقى فوق زخرفة الأطراف */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .container--breadcrumbs,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index > .s-blocks-wrapper{
  position:relative!important;
  z-index:1!important;
}

/* مساحة بسيطة حول شبكة المنتجات */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper.container{
  padding-top:16px!important;
  padding-bottom:34px!important;
}

/* بطاقات المنتجات تظل نظيفة فوق الخلفية */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index custom-salla-product-card{
  background:#FFFFFF!important;
  border-radius:16px!important;
  box-shadow:0 5px 18px rgba(25,59,43,.04)!important;
}

/* الجوال: الباترن يتحول إلى زخرفة علوية خفيفة في الزاويتين فقط */
@media(max-width:768px){
  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index::before,
  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index::after{
    top:0!important;
    bottom:auto!important;
    width:72px!important;
    height:300px!important;
    background-repeat:repeat-y!important;
    background-size:108px auto!important;
    opacity:.12!important;
  }

  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index .s-blocks-wrapper.container{
    padding-top:12px!important;
    padding-bottom:28px!important;
  }
}

/* ==================================================
AZIN Jewelry - نسخة اليوم الوطني فقط
اللون الأساسي: الأخضر السعودي
================================================== */

:root {
  --color-primary: #006C35 !important;
  --color-primary-dark: #00572B !important;
  --color-primary-light: #E7F2EC !important;
  --color-primary-reverse: #FFFFFF !important;
}

/* ==================================================
زر إضافة للسلة - الكمبيوتر والجوال
================================================== */

.s-product-card-add-button,
salla-button.s-product-card-add-button,
.s-product-card-add-button .s-button-element,
salla-button.s-product-card-add-button .s-button-element {
  background: #006C35 !important;
  background-color: #006C35 !important;
  border-color: #006C35 !important;
  color: #FFFFFF !important;
}

.s-product-card-add-button:hover,
salla-button.s-product-card-add-button:hover,
.s-product-card-add-button:hover .s-button-element {
  background: #00572B !important;
  background-color: #00572B !important;
  border-color: #00572B !important;
  color: #FFFFFF !important;
}

/* ==================================================
تنزيل صف التصنيفات - الكمبيوتر فقط
================================================== */

@media (min-width: 1024px) {
  .main-menu {
    transform: translateY(8px) !important;
  }
}

/* ==================================================
مميزات المتجر
تحويل الهوية للأخضر
================================================== */

section[component-id="1128766072"] {
  --brand-primary: #006C35;
  --brand-primary-pale: #E6F2EC;
  --brand-border: rgba(0, 108, 53, 0.10);
}

/* ==================================================
إخفاء قسم منتجات على ذوقك
================================================== */

section:has(.personalized-shoppers-who-bought__container) {
  display: none !important;
}

/* ==================================================
شعار الهيدر لليوم الوطني
AZIN ↔ عزنا بطبعنا
Flip + CLS Guard
================================================== */

a.navbar-brand {
  position: relative !important;

  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;

  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;

  flex: 0 0 135px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  perspective: 700px !important;

  overflow: visible !important;
}

/* شعار AZIN الأصلي */

a.navbar-brand img.logo-normal {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;

  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;

  object-fit: contain !important;
  object-position: center !important;

  transform-origin: center center !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  animation: azin-logo-front 10s ease-in-out infinite !important;

  will-change: transform, opacity;
}

/* شعار عزنا بطبعنا */

a.navbar-brand::after {
  content: "" !important;

  position: absolute !important;

  width: 105px !important;
  height: 70px !important;

  top: 10px !important;
  left: 15px !important;

  background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  transform-origin: center center !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  pointer-events: none !important;

  animation: azin-logo-back 10s ease-in-out infinite !important;

  will-change: transform, opacity;
}

/* حركة AZIN */

@keyframes azin-logo-front {
  0%,
  35% {
    opacity: 1;
    transform: rotateY(0deg);
  }

  43%,
  78% {
    opacity: 0;
    transform: rotateY(90deg);
  }

  86%,
  100% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

/* حركة عزنا بطبعنا */

@keyframes azin-logo-back {
  0%,
  35% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  43%,
  78% {
    opacity: 1;
    transform: rotateY(0deg);
  }

  86%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}

/* عند تفعيل تقليل الحركة */

@media (prefers-reduced-motion: reduce) {
  a.navbar-brand img.logo-normal,
  a.navbar-brand::after {
    animation: none !important;
  }

  a.navbar-brand img.logo-normal {
    opacity: 1 !important;
    transform: none !important;
  }

  a.navbar-brand::after {
    display: none !important;
  }
}

/* ==================================================
رمز اليوم الوطني تحت عناوين الأقسام
كمبيوتر + جوال
================================================== */

.enhanced-title-border.home-block-line {
  display: block !important;

  width: 130px !important;
  height: 26px !important;

  margin: 8px auto 0 !important;

  background-image: url("https://cdn.files.salla.network/other/1286202155/cec7c74a-817a-489d-82ff-a481631cd96a-original.webp") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  border: 0 !important;
  background-color: transparent !important;
}

/* الجوال */

@media (max-width: 768px) {
  .enhanced-title-border.home-block-line {
    width: 115px !important;
    height: 24px !important;
    margin: 7px auto 0 !important;
  }
}

/* ==================================================
شعار عزنا بطبعنا تحت موثق الأعمال
كمبيوتر
================================================== */

@media (min-width: 1024px) {
  .store-footer__apps {
    position: relative !important;
    padding-bottom: 0 !important;
  }

  .store-footer__apps::after {
    content: "" !important;

    display: block !important;
    position: relative !important;

    width: 135px !important;
    height: 58px !important;

    margin: 14px auto 0 !important;

    background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
  }
}

/* ==================================================
شعار عزنا بطبعنا تحت موثق الأعمال
الجوال
================================================== */

@media (max-width: 1023px) {
  .store-footer__apps {
    position: relative !important;
    padding-bottom: 0 !important;
  }

  .store-footer__apps::after {
    content: "" !important;

    display: block !important;
    position: relative !important;

    width: 110px !important;
    height: 48px !important;

    margin: 10px auto 0 !important;

    background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
  }
}


/* ==================================================
AZIN — زر الإضافة للسلة
بطاقات المنتجات | كمبيوتر + جوال
================================================== */

/* الزر العادي في بطاقات المنتجات */

custom-salla-product-card
salla-add-product-button
button[aria-label="Add to cart button"],

/* زر الإضافة المحسن في الجوال */

custom-salla-product-card
.product-card__enhanced-mini-cart
.s-button-element,

custom-salla-product-card
.product-card__enhanced-mini-cart
button {

  position: relative !important;
  overflow: hidden !important;

  background-color: #00572B !important;

  background-image:
    linear-gradient(
      rgba(0, 87, 43, 0.68),
      rgba(0, 87, 43, 0.68)
    ),
    url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp") !important;

  background-size: auto 75px !important;
  background-position: center !important;
  background-repeat: repeat-x !important;

  color: #ffffff !important;

  border: 1px solid #00572B !important;
  border-radius: 999px !important;

  box-shadow:
    0 5px 14px rgba(0, 87, 43, 0.16) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease !important;
}


/* النص والأيقونات */

custom-salla-product-card
salla-add-product-button
button[aria-label="Add to cart button"] *,

custom-salla-product-card
.product-card__enhanced-mini-cart
.s-button-element *,

custom-salla-product-card
.product-card__enhanced-mini-cart
button * {

  color: #ffffff !important;
}


/* Hover للكمبيوتر فقط */

@media (hover: hover) {

  custom-salla-product-card
  salla-add-product-button
  button[aria-label="Add to cart button"]:hover {

    transform: translateY(-2px);

    filter: brightness(1.07);

    box-shadow:
      0 8px 20px rgba(0, 87, 43, 0.23) !important;
  }

}

/* ==================================================
AZIN — زر أضف إلى السلة | صفحة المنتج
الرئيسي + الزر المثبت
================================================== */

/* زر أضف إلى السلة الرئيسي في صفحة المنتج */

.s-add-product-button-main
salla-button
button.s-button-element.s-button-primary,

/* زر أضف إلى السلة في الشريط المثبت */

salla-quick-buy
button.s-button-element.s-button-primary {

  position: relative !important;
  overflow: hidden !important;

  background-color: #00572B !important;

  background-image:
    linear-gradient(
      rgba(0, 87, 43, 0.68),
      rgba(0, 87, 43, 0.68)
    ),
    url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp") !important;

  background-size: auto 80px !important;
  background-position: center !important;
  background-repeat: repeat-x !important;

  color: #ffffff !important;

  border: 1px solid #00572B !important;
  border-radius: 999px !important;

  min-height: 48px !important;

  box-shadow:
    0 6px 16px rgba(0, 87, 43, 0.16) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease !important;
}


/* النص والأيقونة */

.s-add-product-button-main
salla-button
button.s-button-element.s-button-primary *,

salla-quick-buy
button.s-button-element.s-button-primary * {

  color: #ffffff !important;
}


/* Hover على الكمبيوتر */

@media (hover: hover) {

  .s-add-product-button-main
  salla-button
  button.s-button-element.s-button-primary:hover,

  salla-quick-buy
  button.s-button-element.s-button-primary:hover {

    transform: translateY(-2px);

    filter: brightness(1.07);

    box-shadow:
      0 10px 24px rgba(0, 87, 43, 0.23) !important;
  }

}


/* الجوال */

@media (max-width: 768px) {

  .s-add-product-button-main
  salla-button
  button.s-button-element.s-button-primary,

  salla-quick-buy
  button.s-button-element.s-button-primary {

    background-size: auto 70px !important;

    min-height: 46px !important;

    box-shadow:
      0 5px 14px rgba(0, 87, 43, 0.15) !important;
  }

}

/* إخفاء تصنيف مختارات اليوم الوطني من قائمة الهيدر فقط */
header a[href*="c456706854"],
nav a[href*="c456706854"] {
  display: none !important;
}

/* ==================================================
AZIN Jewelry
National Day Picks — Campaign Offer 2026
Category ID: 456706854

20% Offer + Free Shipping
Desktop + Mobile
================================================== */


/* ---------- MAIN TOOLBAR ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;

  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}


/* ---------- CAMPAIGN HEADER ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title {
  position: relative !important;
  isolation: isolate;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  gap: 7px !important;

  width: 100% !important;
  min-height: 154px;

  margin: 0 !important;

  /* مساحة يسار للخصم */
  padding: 34px 42px 33px 260px !important;

  overflow: hidden;

  border-radius: 22px;

  border:
    1px solid rgba(23,62,45,.09) !important;

  background:
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #FFFFFF 58%,
      #FAFBFA 100%
    ) !important;

  box-shadow:
    0 10px 28px rgba(23,62,45,.045) !important;

  color: #173E2D !important;

  font-size: 29px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;

  text-align: right !important;
  direction: rtl !important;

  letter-spacing: -.2px;
}


/* ---------- 20% OFFER PANEL ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title::before {
  content: "20%";

  position: absolute;

  inset:
    14px
    auto
    14px
    14px;

  width: 215px;

  display: grid;
  place-items: center;

  border-radius: 17px;

  background:
    linear-gradient(
      rgba(0,87,43,.78),
      rgba(0,87,43,.78)
    ),
    url(
      "https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp"
    );

  background-repeat: repeat;
  background-size: auto 115px;
  background-position: center;

  color: #FFFFFF;

  font-size: 44px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: -1px;

  text-shadow:
    0 2px 12px rgba(0,0,0,.12);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 8px 22px rgba(0,87,43,.16);

  z-index: -1;
}


/* ---------- OFFER DESCRIPTION ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
#page-main-title::after {
  content:
    "خصم على مختارات اليوم الوطني  •  شحن مجاني";

  display: block;

  margin-top: 2px;

  color: #5F6C65;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;

  letter-spacing: 0;
}


/* ---------- SMALL OFFER LABEL ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar::after {
  content: "عرض اليوم الوطني";

  position: absolute;

  left: 37px;
  top: 27px;

  z-index: 3;

  padding: 5px 9px 4px;

  border-radius: 999px;

  background:
    rgba(255,255,255,.94);

  border:
    1px solid rgba(255,255,255,.65);

  color: #00572B;

  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;

  box-shadow:
    0 4px 14px rgba(0,0,0,.08);

  pointer-events: none;
}


/* ---------- SORT / TOOLBAR ACTIONS ---------- */

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 2px !important;

  background: transparent !important;
}


html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions select,

html:has(link[rel="canonical"][href*="c456706854"])
.product-index__toolbar-actions button {
  background: #FFFFFF !important;

  border:
    1px solid rgba(23,62,45,.10) !important;

  border-radius: 11px !important;

  box-shadow:
    0 4px 14px rgba(23,62,45,.035) !important;
}


/* ==================================================
ENGLISH VERSION
================================================== */

html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title {
  direction: ltr !important;
  text-align: left !important;

  padding:
    34px
    260px
    33px
    42px !important;
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title::before {
  inset:
    14px
    14px
    14px
    auto;
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
#page-main-title::after {
  content:
    "20% off National Day picks  •  Free shipping";
}


html[lang="en"]:has(
  link[rel="canonical"][href*="c456706854"]
)
.product-index__toolbar::after {
  content: "National Day Offer";

  left: auto;
  right: 37px;
}


/* ==================================================
MOBILE
================================================== */

@media (max-width: 768px) {

  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar {
    gap: 12px !important;

    margin-bottom:
      23px !important;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title {
    min-height: 132px;

    padding:
      25px
      20px
      24px
      124px !important;

    border-radius: 17px;

    font-size:
      21px !important;

    box-shadow:
      0 8px 22px
      rgba(23,62,45,.04) !important;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::before {
    inset:
      10px
      auto
      10px
      10px;

    width: 100px;

    border-radius: 13px;

    background-size:
      auto 90px;

    font-size: 31px;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::after {
    margin-top: 1px;

    max-width: 190px;

    font-size: 11.5px;
    line-height: 1.5;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar::after {
    left: 22px;
    top: 20px;

    padding:
      4px 7px;

    font-size: 8.5px;
  }


  html:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar-actions {
    padding:
      0 !important;
  }


  /* ---------- EN MOBILE ---------- */

  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title {
    padding:
      25px
      124px
      24px
      20px !important;
  }


  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  #page-main-title::before {
    inset:
      10px
      10px
      10px
      auto;
  }


  html[lang="en"]:has(
    link[rel="canonical"][href*="c456706854"]
  )
  .product-index__toolbar::after {
    left: auto;
    right: 22px;
  }

}
/* =========================================================
   AZIN — National Day Picks
   FINAL MOBILE POLISH
========================================================= */

@media (max-width:768px){

  /* القسم */
  .azin-national-day-picks-v2{
    padding:10px 8px 18px!important;
    border-radius:20px!important;
  }


  /* =========================================
     البانر
  ========================================= */

  .azin-national-day-picks-v2 .home-block-title{
    min-height:236px!important;
    margin-bottom:18px!important;

    padding:
      146px
      16px
      20px!important;

    justify-content:flex-end!important;

    background:
      linear-gradient(
        135deg,
        #EDF4F0 0%,
        #E5EFE9 100%
      )!important;

    border-radius:18px!important;

    box-shadow:
      0 8px 24px
      rgba(15,55,37,.055)!important;

    text-align:center!important;
  }


  /* =========================================
     الباترن العلوي
  ========================================= */

  .azin-national-day-picks-v2
  .home-block-title::before{
    inset:
      0 0 auto 0!important;

    width:100%!important;
    height:128px!important;

    clip-path:none!important;

    border-radius:
      17px 17px 0 0!important;

    background-size:
      auto,
      122px auto!important;

    background-position:
      center,
      center 48%!important;
  }


  /* =========================================
     20%
     صار له مجال تنفس حقيقي
  ========================================= */

  .azin-national-day-picks-v2
  .home-block-title::after{
    top:63px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;

    font-size:41px!important;
    line-height:1!important;

    letter-spacing:-1px!important;
  }


  /* =========================================
     العنوان
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]{
    width:100%!important;
    max-width:330px!important;

    margin:
      0 auto!important;

    padding:
      0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    padding:
      0!important;

    font-size:21px!important;
    font-weight:800!important;
    line-height:1.55!important;

    letter-spacing:0!important;

    white-space:nowrap!important;

    text-align:center!important;
  }


  /* =========================================
     الوصف
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:300px!important;

    margin:
      6px auto 0!important;

    padding:
      0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10.5px!important;
    line-height:1.6!important;

    color:#5E7066!important;

    text-align:center!important;
  }


  /*
    نخفي "تسوقي المختارات"
    على الجوال لأن كامل البانر قابل للضغط
  */
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    content:none!important;
    display:none!important;
  }


  /* =========================================
     عرض اليوم الوطني
  ========================================= */

  .azin-national-day-picks-v2
  .enhanced-title-border{
    top:12px!important;
    bottom:auto!important;

    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;

    min-width:116px!important;
    height:26px!important;

    padding:
      0 12px!important;

    background:
      rgba(255,255,255,.97)!important;

    border:
      1px solid rgba(255,255,255,.8)!important;

    border-radius:
      999px!important;

    box-shadow:
      0 4px 12px
      rgba(0,0,0,.09)!important;
  }


  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    content:"عرض اليوم الوطني"!important;

    color:#00572B!important;

    font-size:8.5px!important;
    font-weight:800!important;
  }


  /* =========================================
     + شحن مجاني
     صار داخل الباترن بالكامل
     وليس على الحافة
  ========================================= */

  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:"+  شحن مجاني"!important;

    position:absolute!important;

    top:82px!important;
    left:50%!important;

    transform:
      translateX(-50%)!important;

    min-width:108px!important;
    height:27px!important;

    padding:
      0 13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
      rgba(0,45,26,.38)!important;

    border:
      1px solid
      rgba(255,255,255,.50)!important;

    border-radius:
      999px!important;

    color:#fff!important;

    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1!important;

    white-space:nowrap!important;

    box-shadow:
      0 4px 12px
      rgba(0,0,0,.08)!important;
  }


  /* =========================================
     شارة المنتجات
  ========================================= */

  .azin-national-day-picks-v2
  custom-salla-product-card::before{
    top:8px!important;
    left:8px!important;

    min-width:43px!important;
    height:23px!important;

    font-size:9px!important;
  }


  /* =========================================
     منطقة الضغط
  ========================================= */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:10px!important;
    right:8px!important;
    left:8px!important;

    height:236px!important;

    border-radius:18px!important;
  }


  /* English */

  html[lang="en"]
  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    content:"National Day Offer"!important;
  }

  html[lang="en"]
  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:"+  Free Shipping"!important;
  }

}
/* =========================================================
   AZIN - وهج فضي فاخر ثابت خلف عنوان "مجوهرات فضة"
   بدون خط يتحرك
========================================================= */

section[component-id="781923283"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* وهج خلف مكان العنوان */
section[component-id="781923283"]::after {
  content: "";
  position: absolute;

  top: 30%;
  left: 50%;
  transform: translateX(-50%);

  width: 360px;
  height: 90px;

  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255,255,255,.95) 0%,
      rgba(234,241,238,.58) 24%,
      rgba(210,225,217,.28) 46%,
      rgba(255,255,255,0) 74%
    );

  filter: blur(8px);
  opacity: .55;

  animation: azinTitleGlow 3.8s ease-in-out infinite;
}

/* خَلِّ المحتوى فوق الوهج */
section[component-id="781923283"] salla-text-content {
  position: relative;
  z-index: 2;
}

/* نبضة خفيفة جدًا */
@keyframes azinTitleGlow {
  0%, 100% {
    opacity: .38;
    transform: translateX(-50%) scale(.96);
  }

  50% {
    opacity: .72;
    transform: translateX(-50%) scale(1.04);
  }
}

/* الجوال */
@media (max-width: 767px) {
  section[component-id="781923283"]::after {
    top: 24%;
    width: 250px;
    height: 70px;
    filter: blur(7px);
    opacity: .5;
  }
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  section[component-id="781923283"]::after {
    animation: none !important;
  }
}

/* =========================================================
   AZIN | NATIONAL DAY PICKS — FINAL REDESIGN
   Component: 54290598
========================================================= */

.azin-national-day-picks-v2{
  --nd:#006C35;
  --nd-dark:#004F2A;
  --nd-soft:#E7F0EA;
  --pattern:url("https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp");

  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  padding:28px 22px 24px!important;

  background:#fff!important;
  border:1px solid rgba(0,87,43,.07)!important;
  border-radius:26px!important;

  box-shadow:
    0 16px 42px rgba(18,51,37,.05)!important;
}


/* =========================================================
   CAMPAIGN BANNER
========================================================= */

.azin-national-day-picks-v2 .home-block-title{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  min-height:180px!important;
  margin:0 0 25px!important;

  padding:36px 54px!important;

  direction:rtl!important;
  text-align:right!important;

  /* أخضر سعودي هادئ — بدون باترن شفاف */
  background:
    linear-gradient(
      135deg,
      #EEF5F1 0%,
      #E5EFE9 55%,
      #E1ECE5 100%
    )!important;

  border:
    1px solid rgba(0,108,53,.13)!important;

  border-radius:24px!important;

  box-shadow:
    0 12px 30px rgba(20,63,43,.06)!important;
}


/* =========================================================
   PATTERN PANEL — LEFT
========================================================= */

.azin-national-day-picks-v2 .home-block-title::before{
  content:""!important;

  position:absolute!important;
  inset:0 auto 0 0!important;

  width:36%!important;

  background-color:var(--nd-dark)!important;

  background-image:
    linear-gradient(
      rgba(0,38,21,.04),
      rgba(0,38,21,.04)
    ),
    var(--pattern)!important;

  background-repeat:repeat!important;

  background-size:
    auto,
    150px auto!important;

  background-position:
    center,
    center 48%!important;

  clip-path:
    polygon(
      0 0,
      100% 0,
      91% 100%,
      0 100%
    )!important;

  z-index:0!important;
  pointer-events:none!important;
}


/* =========================================================
   20%
========================================================= */

.azin-national-day-picks-v2 .home-block-title::after{
  content:"20%"!important;

  position:absolute!important;

  left:18%!important;
  top:51%!important;

  transform:
    translate(-50%,-50%)!important;

  z-index:4!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:58px!important;
  font-weight:900!important;
  line-height:1!important;

  letter-spacing:-1.5px!important;
  direction:ltr!important;

  text-shadow:
    0 3px 17px rgba(0,0,0,.17)!important;

  pointer-events:none!important;
}


/* =========================================================
   TITLE
   إعادة رسم النص لمنع قص "الوطني"
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]{
  position:relative!important;
  z-index:3!important;

  width:56%!important;
  max-width:720px!important;

  margin:0 0 0 auto!important;
  padding:0 18px!important;

  overflow:visible!important;

  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;

  background:none!important;
  border:0!important;
  box-shadow:none!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"مختارات اليوم الوطني"!important;

  display:block!important;
  position:static!important;

  padding:5px 4px 8px!important;

  color:#153E2B!important;

  font-family:inherit!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.65!important;

  letter-spacing:0!important;
  word-spacing:normal!important;

  white-space:nowrap!important;
  overflow:visible!important;

  text-align:right!important;

  transform:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   SUBTITLE + CTA
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  position:relative!important;
  z-index:3!important;

  width:56%!important;
  max-width:720px!important;

  margin:2px 0 0 auto!important;
  padding:0 22px!important;

  overflow:visible!important;

  color:transparent!important;
  font-size:0!important;
  line-height:0!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"مختارات خاصة من فضة 925 بتفاصيل أنيقة للمناسبة"!important;

  display:block!important;

  color:#52675B!important;

  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.65!important;

  letter-spacing:0!important;

  text-align:right!important;
}


/* تلميح أن البانر قابل للضغط */

.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"تسوقي المختارات  ←"!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin-top:14px!important;

  padding:8px 14px!important;

  border:
    1px solid rgba(0,108,53,.16)!important;

  border-radius:999px!important;

  background:
    rgba(255,255,255,.74)!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;

  box-shadow:
    0 4px 12px rgba(0,87,43,.04)!important;
}


/* =========================================================
   OFFER STACK
   عرض اليوم الوطني
   20%
   + شحن مجاني
========================================================= */

.azin-national-day-picks-v2
.enhanced-title-border{
  position:absolute!important;

  left:18%!important;
  top:23px!important;
  bottom:auto!important;

  transform:
    translateX(-50%)!important;

  z-index:5!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:120px!important;
  height:29px!important;

  padding:0 14px!important;

  border:0!important;
  border-radius:999px!important;

  background:#fff!important;

  box-shadow:
    0 4px 13px rgba(0,0,0,.09)!important;

  animation:none!important;
}


/* عرض اليوم الوطني */

.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"عرض اليوم الوطني"!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;
}


/* + شحن مجاني
   عنصر واحد مرتب بدل علامة + منفصلة
*/

.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:"+  شحن مجاني"!important;

  position:absolute!important;

  top:112px!important;
  left:50%!important;

  transform:
    translateX(-50%)!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:128px!important;
  height:31px!important;

  padding:0 15px!important;

  border:
    1px solid rgba(255,255,255,.52)!important;

  border-radius:999px!important;

  background:
    rgba(0,38,21,.35)!important;

  color:#fff!important;

  font-family:inherit!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;

  box-shadow:
    0 5px 14px rgba(0,0,0,.09)!important;
}


/* =========================================================
   PRODUCT BADGE
========================================================= */

.azin-national-day-picks-v2
custom-salla-product-card{
  position:relative!important;
  z-index:2!important;

  display:block!important;

  transition:
    transform .25s ease!important;
}


.azin-national-day-picks-v2
custom-salla-product-card::before{
  content:"-20%"!important;

  position:absolute!important;

  top:10px!important;
  left:10px!important;

  z-index:30!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:48px!important;
  height:27px!important;

  padding:0 8px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  direction:ltr!important;

  box-shadow:
    0 5px 14px rgba(0,87,43,.18)!important;

  pointer-events:none!important;
}


@media(hover:hover){

  .azin-national-day-picks-v2
  custom-salla-product-card:hover{
    transform:
      translateY(-3px)!important;
  }

}


/* =========================================================
   VIEW MORE
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]{
  position:static!important;

  min-width:165px!important;
  min-height:43px!important;

  padding:10px 23px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#fff!important;

  font-size:12.5px!important;
  font-weight:800!important;

  box-shadow:
    0 8px 20px rgba(0,87,43,.14)!important;
}


/* كامل البانر قابل للضغط */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]::after{
  content:""!important;

  position:absolute!important;

  top:28px!important;
  right:22px!important;
  left:22px!important;

  height:180px!important;

  z-index:50!important;

  border-radius:24px!important;

  cursor:pointer!important;
}


/* =========================================================
   ENGLISH
========================================================= */

html[lang="en"]
.azin-national-day-picks-v2 .home-block-title{
  direction:ltr!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::before{
  inset:0 0 0 auto!important;

  clip-path:
    polygon(
      9% 0,
      100% 0,
      100% 100%,
      0 100%
    )!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::after{
  left:auto!important;
  right:18%!important;

  transform:
    translate(50%,-50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"],

html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  margin-left:0!important;
  margin-right:auto!important;

  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"National Day Picks"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"Selected 925 silver pieces for Saudi National Day"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"Shop the picks  →"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border{
  left:auto!important;
  right:18%!important;

  transform:
    translateX(50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"National Day Offer"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:"+  Free Shipping"!important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

  .azin-national-day-picks-v2{
    padding:12px 8px 18px!important;
    border-radius:20px!important;
  }


  .azin-national-day-picks-v2
  .home-block-title{
    min-height:250px!important;

    padding:
      126px 16px 20px!important;

    text-align:center!important;

    border-radius:18px!important;
  }


  /* Pattern panel becomes top campaign panel */

  .azin-national-day-picks-v2
  .home-block-title::before{
    inset:
      0 0 auto 0!important;

    width:100%!important;
    height:112px!important;

    clip-path:none!important;

    border-radius:
      17px 17px 0 0!important;

    background-size:
      auto,
      115px auto!important;
  }


  /* 20% */

  .azin-national-day-picks-v2
  .home-block-title::after{
    top:57px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;

    font-size:39px!important;
  }


  /* Content */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:330px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    font-size:21px!important;
    line-height:1.6!important;

    white-space:normal!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10.5px!important;
    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    margin-top:10px!important;

    padding:7px 11px!important;

    font-size:9.5px!important;
  }


  /* Offer */

  .azin-national-day-picks-v2
  .enhanced-title-border{
    top:10px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;

    min-width:106px!important;
    height:25px!important;
  }


  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    font-size:8px!important;
  }


  /* + Free shipping */

  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    top:74px!important;

    min-width:112px!important;
    height:27px!important;

    padding:0 11px!important;

    border:
      3px solid #fff!important;

    background:var(--nd)!important;

    font-size:8.5px!important;
  }


  /* Products */

  .azin-national-day-picks-v2
  custom-salla-product-card::before{
    top:8px!important;
    left:8px!important;

    min-width:43px!important;
    height:23px!important;

    font-size:9px!important;
  }


  /* CTA */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]{
    min-width:150px!important;
    min-height:40px!important;

    padding:9px 19px!important;

    font-size:11.5px!important;
  }


  /* Click area */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:12px!important;
    right:8px!important;
    left:8px!important;

    height:250px!important;

    border-radius:18px!important;
  }


  /* EN mobile */

  html[lang="en"]
  .azin-national-day-picks-v2 .home-block-title{
    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    margin-left:auto!important;
    margin-right:auto!important;

    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before,

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    text-align:center!important;
  }

}

/* =========================================================
   AZIN | مختارات اليوم الوطني
   خلفية صفحة التصنيف — باترن على الأطراف فقط
   Category ID: 456706854
========================================================= */

/* خلفية هادئة ونظيفة للصفحة */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index{
  position:relative!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,#FAFCFB 0%,#F7FAF8 100%)!important;
}

/* إظهار خلفية الصفحة من خلال حاويات سيليا */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper.container,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .product-index__layout,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .main-content,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index salla-products-list{
  background:transparent!important;
}

/* الباترن على اليمين واليسار فقط مع تلاشي نحو المنتصف */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index::before,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:clamp(105px,10vw,155px)!important;
  z-index:0!important;
  pointer-events:none!important;

  background-image:url("https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp")!important;
  background-repeat:repeat-y!important;
  background-size:150px auto!important;
  background-position:center top!important;
  opacity:.11!important;
}

html:has(link[rel="canonical"][href*="c456706854"])
.products-index::before{
  left:0!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
}

html:has(link[rel="canonical"][href*="c456706854"])
.products-index::after{
  right:0!important;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.9) 30%,transparent 100%)!important;
}

/* المحتوى يبقى فوق زخرفة الأطراف */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .container--breadcrumbs,
html:has(link[rel="canonical"][href*="c456706854"])
.products-index > .s-blocks-wrapper{
  position:relative!important;
  z-index:1!important;
}

/* مساحة بسيطة حول شبكة المنتجات */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index .s-blocks-wrapper.container{
  padding-top:16px!important;
  padding-bottom:34px!important;
}

/* بطاقات المنتجات تظل نظيفة فوق الخلفية */
html:has(link[rel="canonical"][href*="c456706854"])
.products-index custom-salla-product-card{
  background:#FFFFFF!important;
  border-radius:16px!important;
  box-shadow:0 5px 18px rgba(25,59,43,.04)!important;
}

/* الجوال: الباترن يتحول إلى زخرفة علوية خفيفة في الزاويتين فقط */
@media(max-width:768px){
  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index::before,
  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index::after{
    top:0!important;
    bottom:auto!important;
    width:72px!important;
    height:300px!important;
    background-repeat:repeat-y!important;
    background-size:108px auto!important;
    opacity:.12!important;
  }

  html:has(link[rel="canonical"][href*="c456706854"])
  .products-index .s-blocks-wrapper.container{
    padding-top:12px!important;
    padding-bottom:28px!important;
  }
}

/* =========================================================
   AZIN | شريط عروض اليوم الوطني
   الحركة: من اليسار إلى اليمين
   العرض الأساسي كما هو + توضيح الخصم
   Class: azin-nd-promo-bar
========================================================= */

.azin-nd-promo-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  /* نفس المسافة بين جزأي الجملة الأصلية */
  gap:7px!important;

  min-height:42px!important;
  padding:9px 14px!important;

  overflow:hidden!important;

  background:#006C35!important;
  color:#FFFFFF!important;

  direction:rtl!important;
  text-align:center!important;
}


/* إخفاء النص الأصلي */
.azin-nd-promo-bar > *{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* النص المتحرك */
.azin-nd-promo-bar::before,
.azin-nd-promo-bar::after{
  position:relative!important;
  z-index:2!important;

  display:inline-block!important;
  flex:none!important;

  color:#FFFFFF!important;
  font-family:inherit!important;
  font-size:13.5px!important;
  line-height:1.4!important;

  white-space:nowrap!important;
  pointer-events:none!important;

  /* تكرار واسع لتجنب التداخل */
  text-shadow:
    -3600px 0 0 currentColor,
    -2400px 0 0 currentColor,
    -1200px 0 0 currentColor,
     1200px 0 0 currentColor,
     2400px 0 0 currentColor,
     3600px 0 0 currentColor!important;

  animation:azinNdPromoMoveLTR 30s linear infinite!important;

  will-change:transform;
}


/* حركة من اليسار إلى اليمين */
@keyframes azinNdPromoMoveLTR{

  from{
    transform:translateX(-1200px);
  }

  to{
    transform:translateX(0);
  }

}


/* الجملة الأولى كما كانت */
.azin-nd-promo-bar::before{
  content:"عروض اليوم الوطني بدأت"!important;
  font-weight:800!important;
}


/* الجملة الأصلية + فاصل + التوضيح الجديد */
.azin-nd-promo-bar::after{
  content:"خصم يصل حتى 20% + شحن مجاني\2003\2003\2003\2003 ✦ \2003\2003\2003\2003أضف المنتج للسلة ليظهر الخصم ويتفعّل تلقائيًا"!important;
  font-weight:500!important;
}


/* =========================================================
   English
========================================================= */

html[lang="en"] .azin-nd-promo-bar{
  direction:ltr!important;
}


html[lang="en"] .azin-nd-promo-bar::before{
  content:"Saudi National Day offers are here"!important;
  font-weight:800!important;
}


html[lang="en"] .azin-nd-promo-bar::after{
  content:"Up to 20% off + free shipping\2003\2003\2003\2003 ✦ \2003\2003\2003\2003Add the item to your cart to see the discount applied automatically"!important;
  font-weight:500!important;
}


/* =========================================================
   Mobile
========================================================= */

@media(max-width:768px){

  .azin-nd-promo-bar{
    gap:5px!important;

    min-height:38px!important;
    padding:8px 8px!important;
  }


  .azin-nd-promo-bar::before,
  .azin-nd-promo-bar::after{
    font-size:11px!important;
    line-height:1.35!important;

    text-shadow:
      -2700px 0 0 currentColor,
      -1800px 0 0 currentColor,
      -900px 0 0 currentColor,
       900px 0 0 currentColor,
       1800px 0 0 currentColor,
       2700px 0 0 currentColor!important;

    animation:azinNdPromoMoveLTRMobile 22.5s linear infinite!important;
  }


  @keyframes azinNdPromoMoveLTRMobile{

    from{
      transform:translateX(-900px);
    }

    to{
      transform:translateX(0);
    }

  }

}

/* =====================================================
   AZIN | NATIONAL DAY PRODUCT OFFER CARD
   نفس خلفية / باترن زر "أضف إلى السلة"
   ===================================================== */

.s-offer-card.azin-national-offer {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    /* القيم يتم أخذها تلقائياً من زر أضف إلى السلة */
    background-color: var(--azin-offer-bg-color, #006c35) !important;
    background-image: var(--azin-offer-bg-image, none) !important;
    background-size: var(--azin-offer-bg-size, auto) !important;
    background-position: var(--azin-offer-bg-position, center) !important;
    background-repeat: var(--azin-offer-bg-repeat, repeat) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;

    min-height: 118px !important;
    padding: 18px 20px !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

/* لون النصوص */
.s-offer-card.azin-national-offer,
.s-offer-card.azin-national-offer * {
    color: #fff !important;
}

/* عنوان العرض */
.s-offer-card.azin-national-offer strong,
.s-offer-card.azin-national-offer b {
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

/* وصف العرض */
.s-offer-card.azin-national-offer p {
    color: rgba(255, 255, 255, 0.88) !important;
    margin-top: 4px !important;
    line-height: 1.6 !important;
}

/* إخفاء اسم الوسم فقط
   ND10 / ND20 يبقى موجوداً في النظام ولا يتأثر الخصم */
.s-offer-card.azin-national-offer .azin-hide-offer-tag {
    display: none !important;
}

/* الأيقونة */
.s-offer-card.azin-national-offer svg {
    color: #fff !important;
}

/* تحسين بسيط للجوال */
@media (max-width: 767px) {
    .s-offer-card.azin-national-offer {
        min-height: 116px !important;
        padding: 16px 18px !important;
        border-radius: 14px !important;
    }
}

/* AZIN — Fix National Day Picks mobile offer spacing */
@media (max-width: 768px){

  .azin-national-day-picks-v2 .home-block-title{
    min-height: 285px !important;
    padding: 166px 16px 22px !important;
  }

  /* مساحة الباترن العلوية */
  .azin-national-day-picks-v2 .home-block-title::before{
    height: 150px !important;
  }

  /* 20% */
  .azin-national-day-picks-v2 .home-block-title::after{
    top: 66px !important;
    font-size: 40px !important;
    line-height: 1 !important;
  }

  /* عرض اليوم الوطني */
  .azin-national-day-picks-v2 .enhanced-title-border{
    top: 12px !important;
    height: 25px !important;
  }

  /* + شحن مجاني */
  .azin-national-day-picks-v2 .enhanced-title-border::after{
    top: 100px !important;
    height: 27px !important;
  }

}
/* =========================================================
   AZIN | NATIONAL DAY PICKS — FINAL UNIFIED OVERRIDE
   Component: 54290598

   ملاحظة:
   هذا البلوك مضاف في نهاية الكود فقط.
   لم يتم حذف أو تعديل أي كود آخر من الملف الأصلي.
   الهدف:
   - جعل قسم مختارات اليوم الوطني كتلة واحدة
   - إزالة الفراغ بين رأس العرض والمنتجات
   - إصلاح تراكب الجوال
   - إزالة إبراز "شحن مجاني" من هذا القسم
========================================================= */

.azin-national-day-picks-v2{
  --nd:#006C35;
  --nd-dark:#004F2A;
  --nd-soft:#E7F0EA;
  --nd-line:rgba(0,108,53,.13);
  --pattern:url("https://cdn.files.salla.network/homepage/1286202155/69b5bb85-d2ad-4076-a6b4-49752e87eed8-original.webp");

  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  padding:0!important;
  margin-top:0!important;

  background:#FFFFFF!important;

  border:1px solid var(--nd-line)!important;
  border-radius:24px!important;

  box-shadow:
    0 12px 34px rgba(18,51,37,.055)!important;
}


/* =========================================================
   رأس القسم — متصل مباشرة بالمنتجات
========================================================= */

.azin-national-day-picks-v2 .home-block-title{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  display:block!important;

  min-height:190px!important;

  margin:0!important;
  padding:42px 52px!important;

  direction:rtl!important;
  text-align:right!important;

  background:
    linear-gradient(
      135deg,
      #EEF5F1 0%,
      #E6F0EA 58%,
      #E1ECE5 100%
    )!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}


/* =========================================================
   لوحة الباترن
========================================================= */

.azin-national-day-picks-v2 .home-block-title::before{
  content:""!important;

  position:absolute!important;
  inset:0 auto 0 0!important;

  width:35%!important;

  background-color:var(--nd-dark)!important;

  background-image:
    linear-gradient(
      rgba(0,44,24,.05),
      rgba(0,44,24,.05)
    ),
    var(--pattern)!important;

  background-repeat:repeat!important;

  background-size:
    auto,
    150px auto!important;

  background-position:
    center,
    center 48%!important;

  clip-path:
    polygon(
      0 0,
      100% 0,
      90% 100%,
      0 100%
    )!important;

  border-radius:0!important;

  z-index:0!important;
  pointer-events:none!important;
}


/* =========================================================
   20%
========================================================= */

.azin-national-day-picks-v2 .home-block-title::after{
  content:"20%"!important;

  position:absolute!important;

  left:17.5%!important;
  top:56%!important;

  transform:
    translate(-50%,-50%)!important;

  z-index:4!important;

  color:#FFFFFF!important;

  font-family:Arial,sans-serif!important;
  font-size:58px!important;
  font-weight:900!important;
  line-height:1!important;

  letter-spacing:-1.5px!important;
  direction:ltr!important;

  text-shadow:
    0 3px 16px rgba(0,0,0,.16)!important;

  pointer-events:none!important;
}


/* =========================================================
   عنوان القسم
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]{
  position:relative!important;
  z-index:3!important;

  width:58%!important;
  max-width:720px!important;

  margin:0 0 0 auto!important;
  padding:0 16px!important;

  overflow:visible!important;

  color:transparent!important;

  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;

  background:none!important;
  border:0!important;
  box-shadow:none!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"مختارات اليوم الوطني"!important;

  display:block!important;
  position:static!important;

  padding:4px 0 7px!important;

  color:#153E2B!important;

  font-family:inherit!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.55!important;

  letter-spacing:0!important;
  word-spacing:normal!important;

  white-space:nowrap!important;
  overflow:visible!important;

  text-align:right!important;

  transform:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   الوصف + CTA
   بدون أي ذكر للشحن المجاني داخل هذا القسم
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  position:relative!important;
  z-index:3!important;

  width:58%!important;
  max-width:720px!important;

  margin:3px 0 0 auto!important;
  padding:0 20px!important;

  overflow:visible!important;

  color:transparent!important;

  font-size:0!important;
  line-height:0!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"مختارات خاصة من فضة 925 بتفاصيل أنيقة للمناسبة"!important;

  display:block!important;

  color:#52675B!important;

  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.65!important;

  letter-spacing:0!important;

  text-align:right!important;
}


.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"تسوقي المختارات  ←"!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin-top:14px!important;

  padding:8px 14px!important;

  border:
    1px solid rgba(0,108,53,.14)!important;

  border-radius:999px!important;

  background:
    rgba(255,255,255,.84)!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;

  box-shadow:
    0 4px 12px rgba(0,87,43,.04)!important;
}


/* =========================================================
   عرض اليوم الوطني
========================================================= */

.azin-national-day-picks-v2
.enhanced-title-border{
  position:absolute!important;

  left:17.5%!important;
  top:25px!important;
  bottom:auto!important;

  transform:
    translateX(-50%)!important;

  z-index:5!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:122px!important;
  height:30px!important;

  padding:0 14px!important;

  border:0!important;
  border-radius:999px!important;

  background:#FFFFFF!important;

  box-shadow:
    0 4px 13px rgba(0,0,0,.08)!important;

  animation:none!important;
}


.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"عرض اليوم الوطني"!important;

  color:var(--nd-dark)!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  white-space:nowrap!important;
}


/* إزالة إبراز الشحن المجاني من هذا القسم فقط */

.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   منطقة المنتجات — جزء من نفس الكتلة
========================================================= */

.azin-national-day-picks-v2
salla-products-slider{
  display:block!important;

  margin:0!important;
  padding:24px 18px 4px!important;

  background:#FFFFFF!important;

  border-top:
    1px solid rgba(0,108,53,.08)!important;

  border-radius:0!important;
  box-shadow:none!important;
}


/* =========================================================
   بطاقات المنتجات
========================================================= */

.azin-national-day-picks-v2
custom-salla-product-card{
  position:relative!important;
  z-index:2!important;

  display:block!important;

  background:#FFFFFF!important;

  transition:
    transform .24s ease!important;
}


.azin-national-day-picks-v2
custom-salla-product-card::before{
  content:"-20%"!important;

  position:absolute!important;

  top:10px!important;
  left:10px!important;

  z-index:30!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:48px!important;
  height:27px!important;

  padding:0 8px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#FFFFFF!important;

  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;

  direction:ltr!important;

  box-shadow:
    0 5px 14px rgba(0,87,43,.18)!important;

  pointer-events:none!important;
}


@media(hover:hover){

  .azin-national-day-picks-v2
  custom-salla-product-card:hover{
    transform:
      translateY(-3px)!important;
  }

}


/* =========================================================
   رؤية المزيد
========================================================= */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]{
  position:static!important;

  min-width:165px!important;
  min-height:43px!important;

  margin:8px auto 22px!important;
  padding:10px 23px!important;

  border-radius:999px!important;

  background:var(--nd-dark)!important;

  color:#FFFFFF!important;

  font-size:12.5px!important;
  font-weight:800!important;

  box-shadow:
    0 8px 20px rgba(0,87,43,.14)!important;
}


/* كامل رأس العرض يبقى قابلًا للضغط */

.azin-national-day-picks-v2
[data-selia="home-custom-products-view-all"]::after{
  content:""!important;

  position:absolute!important;

  top:0!important;
  right:0!important;
  left:0!important;

  height:190px!important;

  z-index:50!important;

  border-radius:
    24px 24px 0 0!important;

  cursor:pointer!important;
}


/* =========================================================
   ENGLISH
========================================================= */

html[lang="en"]
.azin-national-day-picks-v2 .home-block-title{
  direction:ltr!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::before{
  inset:0 0 0 auto!important;

  clip-path:
    polygon(
      10% 0,
      100% 0,
      100% 100%,
      0 100%
    )!important;
}


html[lang="en"]
.azin-national-day-picks-v2 .home-block-title::after{
  left:auto!important;
  right:17.5%!important;

  transform:
    translate(50%,-50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"],

html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]{
  margin-left:0!important;
  margin-right:auto!important;

  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-title"]::before{
  content:"National Day Picks"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::before{
  content:"Selected 925 silver pieces for Saudi National Day"!important;
  text-align:left!important;
}


html[lang="en"]
.azin-national-day-picks-v2
[data-selia="home-custom-products-subtitle"]::after{
  content:"Shop the picks  →"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border{
  left:auto!important;
  right:17.5%!important;

  transform:
    translateX(50%)!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::before{
  content:"National Day Offer"!important;
}


html[lang="en"]
.azin-national-day-picks-v2
.enhanced-title-border::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   MOBILE — بدون تراكب
========================================================= */

@media(max-width:768px){

  .azin-national-day-picks-v2{
    padding:0!important;

    border-radius:20px!important;
  }


  .azin-national-day-picks-v2
  .home-block-title{
    display:block!important;

    min-height:246px!important;

    margin:0!important;

    padding:
      142px 16px 22px!important;

    text-align:center!important;

    background:
      linear-gradient(
        180deg,
        #EAF3EE 0%,
        #E4EFE8 100%
      )!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }


  /* مساحة الباترن مستقلة وواضحة */

  .azin-national-day-picks-v2
  .home-block-title::before{
    inset:
      0 0 auto 0!important;

    width:100%!important;
    height:128px!important;

    clip-path:none!important;

    border-radius:0!important;

    background-size:
      auto,
      118px auto!important;

    background-position:
      center,
      center center!important;
  }


  /* 20% في منتصف مساحة الباترن بدون تداخل */

  .azin-national-day-picks-v2
  .home-block-title::after{
    top:78px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;

    font-size:41px!important;
    line-height:1!important;

    letter-spacing:-1px!important;
  }


  /* كبسولة العرض أعلى الباترن */

  .azin-national-day-picks-v2
  .enhanced-title-border{
    top:18px!important;

    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;

    min-width:116px!important;
    height:26px!important;

    padding:
      0 12px!important;

    background:
      rgba(255,255,255,.97)!important;

    border:
      1px solid rgba(255,255,255,.82)!important;

    border-radius:999px!important;

    box-shadow:
      0 4px 12px rgba(0,0,0,.08)!important;
  }


  .azin-national-day-picks-v2
  .enhanced-title-border::before{
    content:"عرض اليوم الوطني"!important;

    color:#00572B!important;

    font-size:8.5px!important;
    font-weight:800!important;
  }


  /* لا يوجد شحن مجاني داخل هذا القسم */

  .azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:none!important;
    display:none!important;
  }


  /* العنوان والوصف */

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:330px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:
      0 8px!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    padding:
      0!important;

    font-size:21px!important;
    font-weight:800!important;
    line-height:1.5!important;

    letter-spacing:0!important;

    white-space:normal!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    margin-top:
      3px!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10.5px!important;
    line-height:1.55!important;

    color:#5E7066!important;

    text-align:center!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    display:inline-flex!important;

    margin-top:10px!important;

    padding:
      7px 11px!important;

    font-size:9.5px!important;
  }


  /* المنتجات تبدأ مباشرة بعد رأس العرض */

  .azin-national-day-picks-v2
  salla-products-slider{
    margin:0!important;

    padding:
      18px 8px 2px!important;

    background:#FFFFFF!important;

    border-top:
      1px solid rgba(0,108,53,.08)!important;
  }


  .azin-national-day-picks-v2
  custom-salla-product-card::before{
    top:8px!important;
    left:8px!important;

    min-width:43px!important;
    height:23px!important;

    font-size:9px!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]{
    min-width:150px!important;
    min-height:40px!important;

    margin:
      8px auto 18px!important;

    padding:
      9px 19px!important;

    font-size:11.5px!important;
  }


  .azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:0!important;
    right:0!important;
    left:0!important;

    height:246px!important;

    border-radius:
      20px 20px 0 0!important;
  }


  /* English Mobile */

  html[lang="en"]
  .azin-national-day-picks-v2
  .home-block-title{
    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    margin-left:auto!important;
    margin-right:auto!important;

    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before,

  html[lang="en"]
  .azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    text-align:center!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  .home-block-title::after{
    left:50%!important;
    right:auto!important;

    transform:
      translate(-50%,-50%)!important;
  }


  html[lang="en"]
  .azin-national-day-picks-v2
  .enhanced-title-border{
    left:50%!important;
    right:auto!important;

    transform:
      translateX(-50%)!important;
  }

}

/* =========================================================
   AZIN | NATIONAL DAY PICKS — MOBILE ALIGNMENT HOTFIX
   Component: 54290598
   إصلاح نهائي لمحاذاة القسم على الجوال ومنع أي انزياح أفقي
========================================================= */

@media (max-width: 768px){

  section[component-id="54290598"].azin-national-day-picks-v2.s-block--custom-products.container{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;

    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;

    padding:0!important;

    left:auto!important;
    right:auto!important;
    inset-inline:auto!important;

    float:none!important;
    clear:both!important;

    transform:none!important;

    box-sizing:border-box!important;
    overflow:hidden!important;

    border-radius:20px!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2,
  section[component-id="54290598"].azin-national-day-picks-v2 *{
    box-sizing:border-box!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;

    padding:142px 14px 20px!important;

    min-height:242px!important;

    border-radius:0!important;
    transform:none!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title::before{
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;

    width:100%!important;
    max-width:100%!important;
    height:128px!important;

    margin:0!important;

    clip-path:none!important;
    -webkit-clip-path:none!important;

    border-radius:0!important;

    transform:none!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title::after{
    top:78px!important;
    left:50%!important;
    right:auto!important;

    transform:translate(-50%,-50%)!important;

    margin:0!important;

    font-size:40px!important;
    line-height:1!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .enhanced-title-border{
    top:18px!important;
    left:50%!important;
    right:auto!important;

    width:auto!important;
    min-width:116px!important;
    max-width:calc(100% - 40px)!important;
    height:26px!important;

    margin:0!important;

    transform:translateX(-50%)!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .enhanced-title-border::after{
    content:none!important;
    display:none!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-title"],
  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    width:100%!important;
    max-width:330px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding-left:6px!important;
    padding-right:6px!important;

    text-align:center!important;
    transform:none!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-title"]::before{
    font-size:20px!important;
    line-height:1.5!important;
    white-space:normal!important;
    text-align:center!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]{
    margin-top:3px!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::before{
    font-size:10px!important;
    line-height:1.55!important;
    text-align:center!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-subtitle"]::after{
    margin-top:9px!important;
    padding:7px 11px!important;
    font-size:9px!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 salla-products-slider{
    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:18px 8px 2px!important;

    transform:none!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    top:0!important;
    right:0!important;
    left:0!important;

    width:100%!important;
    max-width:100%!important;
    height:242px!important;

    margin:0!important;

    border-radius:20px 20px 0 0!important;
  }

  html[lang="en"]
  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title::after{
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
  }

  html[lang="en"]
  section[component-id="54290598"].azin-national-day-picks-v2 .enhanced-title-border{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}
/* =========================================================
   AZIN | NATIONAL DAY PICKS — MOBILE OFFER STACK FINAL POLISH
   Component: 54290598
   تعديل الجزء العلوي فقط:
   - تجميع "عرض اليوم الوطني" و 20% كوحدة بصرية واحدة
   - رفع المجموعة قليلًا
   - تقليل ارتفاع الباترن الزائد
   - الحفاظ على باقي القسم كما هو
========================================================= */

@media (max-width: 768px){

  /* نجعل مساحة الباترن أكثر تماسكًا */
  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title{
    min-height:228px!important;
    padding:126px 14px 18px!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title::before{
    height:116px!important;
  }

  /* عرض اليوم الوطني — أعلى المجموعة مع تنفس مريح */
  section[component-id="54290598"].azin-national-day-picks-v2 .enhanced-title-border{
    top:12px!important;

    min-width:114px!important;
    height:24px!important;

    padding:0 12px!important;

    box-shadow:
      0 3px 10px rgba(0,0,0,.075)!important;
  }

  section[component-id="54290598"].azin-national-day-picks-v2
  .enhanced-title-border::before{
    font-size:8.25px!important;
    line-height:1!important;
  }

  /* 20% — أقرب للكبسولة ومرفوع عن الحد السفلي */
  section[component-id="54290598"].azin-national-day-picks-v2 .home-block-title::after{
    top:68px!important;

    font-size:39px!important;
    line-height:.95!important;

    letter-spacing:-1px!important;
  }

  /* يبقى الشحن المجاني مخفيًا في هذا القسم */
  section[component-id="54290598"].azin-national-day-picks-v2
  .enhanced-title-border::after{
    content:none!important;
    display:none!important;
  }

  /* تحديث منطقة الضغط لتطابق الارتفاع الجديد */
  section[component-id="54290598"].azin-national-day-picks-v2
  [data-selia="home-custom-products-view-all"]::after{
    height:228px!important;
  }

  /* نفس التموضع للإنجليزية */
  html[lang="en"]
  section[component-id="54290598"].azin-national-day-picks-v2
  .home-block-title::after{
    top:68px!important;
  }

  html[lang="en"]
  section[component-id="54290598"].azin-national-day-picks-v2
  .enhanced-title-border{
    top:12px!important;
  }
}
/* =========================================================
   AZIN | PRODUCT DESCRIPTION CARD — CLEAN FINAL
   صفحة المنتج — خلفية الوصف فقط
   Selector verified:
   .product-single-top-description > article

   - لا يغيّر لون النصوص أو النقاط
   - خلفية Pearl / Ivory باردة
   - إزالة الفراغات الناتجة عن الفقرات الفارغة
========================================================= */

.product-single-top-description > article{
  position:relative!important;

  margin:0!important;
  padding:14px 18px!important;
  min-height:0!important;

  background:
    linear-gradient(
      180deg,
      #FDFCF9 0%,
      #F8F6F1 100%
    )!important;

  border:
    1px solid rgba(80,72,62,.10)!important;

  border-radius:14px!important;

  box-shadow:
    0 5px 16px rgba(35,30,24,.035)!important;
}


/* إزالة الفراغات الناتجة عن فقرات فارغة داخل وصف المنتج */

.product-single-top-description > article p:empty,
.product-single-top-description > article p:has(> br:only-child){
  display:none!important;
}


/* ضبط المسافات فقط — بدون تغيير ألوان النصوص */

.product-single-top-description > article > p{
  margin:0 0 7px!important;
}

.product-single-top-description > article > p:last-of-type{
  margin-bottom:7px!important;
}

.product-single-top-description > article > ul{
  margin:5px 0 0!important;
  padding-inline-start:20px!important;
}

.product-single-top-description > article > ul li{
  margin:3px 0!important;
}


/* الجوال */

@media(max-width:768px){

  .product-single-top-description > article{
    padding:13px 15px!important;
    border-radius:14px!important;
  }

}

/* ===== AZIN BIO LINKS PAGE — STABLE / LIGHTWEIGHT CSS ===== */

.azin-logo-focus,
.azin-logo-focus * { box-sizing: border-box; }

html:has(.azin-logo-focus),
body:has(.azin-logo-focus) {
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #f6f9f9 !important;
}

body:has(.azin-logo-focus) {
  min-height: 100vh !important;
  min-height: 100svh !important;
  background:
    radial-gradient(ellipse at 12% 10%, rgba(255,255,255,.98), transparent 34%),
    radial-gradient(ellipse at 88% 82%, rgba(224,235,237,.66), transparent 38%),
    radial-gradient(ellipse at 56% 30%, rgba(222,196,199,.12), transparent 25%),
    linear-gradient(145deg, #fff 0%, #f4f8f8 52%, #fdfafb 100%) !important;
}

body:has(.azin-logo-focus) .store-header,
body:has(.azin-logo-focus) .store-footer,
body:has(.azin-logo-focus) footer,
body:has(.azin-logo-focus) #footer,
body:has(.azin-logo-focus) .footer,
body:has(.azin-logo-focus) .main-footer,
body:has(.azin-logo-focus) .app-footer,
body:has(.azin-logo-focus) salla-footer,
body:has(.azin-logo-focus) [data-testid="store-footer"],
body:has(.azin-logo-focus) [class*="store-footer"],
body:has(.azin-logo-focus) [class*="main-footer"],
body:has(.azin-logo-focus) .breadcrumbs,
body:has(.azin-logo-focus) .content--single-page > h1,
body:has(.azin-logo-focus) main h1,
body:has(.azin-logo-focus) main .page-title,
body:has(.azin-logo-focus) main [class*="page-title"] { display: none !important; }

body:has(.azin-logo-focus) #app,
body:has(.azin-logo-focus) .app-inner,
body:has(.azin-logo-focus) main,
body:has(.azin-logo-focus) .s-blocks-wrapper,
body:has(.azin-logo-focus) .s-information-page,
body:has(.azin-logo-focus) main > .container,
body:has(.azin-logo-focus) main > .container > .flex,
body:has(.azin-logo-focus) main .content--single-page,
body:has(.azin-logo-focus) .content-entry {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.azin-logo-focus) main > .container > .flex { display: block !important; }

.azin-logo-focus {
  --azin-black: #181a1b;
  --azin-text: #4d5255;
  --azin-muted: #83898c;
  --azin-line: rgba(57,63,66,.13);
  position: relative !important;
  z-index: 2;
  isolation: isolate;
  display: grid !important;
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom)) !important;
  place-items: center;
  overflow-x: clip !important;
  overflow-y: visible !important;
  color: var(--azin-text);
  direction: rtl;
  text-align: center;
  background: transparent !important;
}

.azin-logo-focus::after {
  position: absolute;
  z-index: -1;
  right: 12%;
  bottom: 11%;
  left: 12%;
  height: 1px;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(44,50,52,.08), transparent);
}

.azin-logo-focus-inner { position: static; z-index: 2; width: min(100%, 390px); margin: auto; }

.azin-logo-focus-language-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.azin-logo-focus-language {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin: 0 auto 2px;
  padding: 3px;
  border: 1px solid rgba(57,63,66,.09);
  border-radius: 999px;
  direction: ltr;
  background: rgba(255,255,255,.72);
  box-shadow: 0 7px 20px rgba(64,71,74,.045), inset 0 1px 0 rgba(255,255,255,.9);
}

.azin-logo-focus-language-button {
  display: inline-flex;
  min-width: 52px;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border: 0;
  border-radius: 999px;
  color: #8b9194;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  background: transparent;
  transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
  -webkit-tap-highlight-color: transparent;
}

#azin-language-ar:checked ~ .azin-logo-focus-inner .azin-logo-focus-language-button[for="azin-language-ar"],
#azin-language-en:checked ~ .azin-logo-focus-inner .azin-logo-focus-language-button[for="azin-language-en"] {
  color: var(--azin-black);
  background: #fff;
  box-shadow: 0 3px 10px rgba(42,47,49,.09);
}

#azin-language-ar:focus-visible ~ .azin-logo-focus-inner .azin-logo-focus-language-button[for="azin-language-ar"],
#azin-language-en:focus-visible ~ .azin-logo-focus-inner .azin-logo-focus-language-button[for="azin-language-en"] {
  outline: 2px solid var(--azin-black);
  outline-offset: 2px;
}

.azin-logo-focus-language-panel { display: none; }
.azin-logo-focus-language-panel-ar { direction: rtl; }
.azin-logo-focus-language-panel-en { direction: ltr; }

#azin-language-ar:checked ~ .azin-logo-focus-inner .azin-logo-focus-language-panel-ar,
#azin-language-en:checked ~ .azin-logo-focus-inner .azin-logo-focus-language-panel-en { display: block; }

/* ===== AZIN | National Day subtle logo accent ===== */
.azin-logo-focus-stage {
  position: relative;
  display: grid;
  width: 190px;
  height: 190px;
  margin: 0 auto;
  place-items: center;
  isolation: isolate;
}




.azin-logo-focus-logo-wrap,
#AzinSignatureLogoMount,
#AzinSignatureLogoMount > .azin-signature-fallback {
  width: 142px !important;
  height: 178px !important;
  min-width: 142px !important;
  min-height: 178px !important;
  max-width: 142px !important;
  max-height: 178px !important;
}

.azin-logo-focus-logo-wrap,
#AzinSignatureLogoMount {
  position: relative;
  z-index: 1;
  display: grid !important;
  margin: 0 auto !important;
  place-items: center !important;
}


#AzinSignatureLogoMount > .azin-signature-fallback {
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

.azin-logo-focus-shine { display: none !important; }
.azin-logo-focus-copy { margin-top: 16px; }

.azin-logo-focus-title {
  margin: 0 !important;
  color: var(--azin-black) !important;
  font-size: clamp(23px, 3vw, 28px) !important;
  font-weight: 660 !important;
  letter-spacing: -.4px;
  line-height: 1.3 !important;
  text-wrap: balance;
}

.azin-logo-focus-subtitle {
  margin: 6px auto 0 !important;
  color: var(--azin-muted) !important;
  font-size: 10.5px !important;
  font-weight: 480;
  line-height: 1.6 !important;
}

/* National Day offer — language-aware, no extra HTML needed. */
.azin-logo-focus-copy::after {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  margin: 8px auto 0;
  padding: 4px 11px;
  border: 1px solid rgba(0,108,53,.16);
  border-radius: 999px;
  background: rgba(0,108,53,.055);
  color: #006C35;
  font-size: 8.8px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}

.azin-logo-focus-language-panel-ar .azin-logo-focus-copy::after {
  content: "اليوم الوطني  •  خصومات تصل إلى 20%";
  direction: rtl;
}

.azin-logo-focus-language-panel-en .azin-logo-focus-copy::after {
  content: "National Day  •  Up to 20% off";
  direction: ltr;
}

.azin-logo-focus-links { display: grid; gap: 9px; margin-top: 18px; }

.azin-logo-focus-link {
  position: relative;
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid var(--azin-line);
  border-radius: 15px;
  color: var(--azin-black) !important;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none !important;
  background: rgba(255,255,255,.78);
  box-shadow: 0 9px 22px rgba(55,62,65,.052), inset 0 1px 0 rgba(255,255,255,.95);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
  -webkit-tap-highlight-color: transparent;
}

.azin-logo-focus-link-primary {
  min-height: 58px;
  position: relative;
  overflow: hidden;
  border-color: #00572B;
  color: #fff !important;
  background-color: #00572B;
  background-image:
    linear-gradient(rgba(0, 87, 43, 0.68), rgba(0, 87, 43, 0.68)),
    url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp");
  background-size: auto 75px;
  background-position: center;
  background-repeat: repeat-x;
  box-shadow: 0 10px 24px rgba(0, 87, 43, 0.16), inset 0 1px 0 rgba(255,255,255,.09);
}

.azin-logo-focus-link:focus-visible,
.azin-smart-pick-link:focus-visible { outline: 2px solid var(--azin-black); outline-offset: 3px; }
.azin-logo-focus-link:active { transform: scale(.985); }

.azin-logo-focus-glint {
  position: absolute;
  z-index: 1;
  display: block;
  width: var(--azin-glint-size, 28px);
  height: var(--azin-glint-size, 28px);
  border-radius: 50%;
  opacity: var(--azin-glint-opacity, .48);
  pointer-events: none;
  background:
    radial-gradient(circle, #fff 0 3%, rgba(112,139,148,.28) 4% 8%, transparent 22%),
    linear-gradient(45deg, transparent 48.8%, rgba(105,133,142,.22) 49.6%, #fff 50%, rgba(105,133,142,.22) 50.4%, transparent 51.2%),
    linear-gradient(-45deg, transparent 48.8%, rgba(105,133,142,.22) 49.6%, #fff 50%, rgba(105,133,142,.22) 50.4%, transparent 51.2%);
}

.azin-logo-focus-glint-one { --azin-glint-size: 50px; top: 12%; right: 9%; }
.azin-logo-focus-glint-two { --azin-glint-size: 28px; top: 29%; left: 9%; }
.azin-logo-focus-glint-three { --azin-glint-size: 40px; right: 7%; bottom: 22%; }
.azin-logo-focus-glint-four { --azin-glint-size: 22px; bottom: 10%; left: 18%; }
.azin-logo-focus-glint-five { --azin-glint-size: 16px; top: 8%; left: 27%; }
.azin-logo-focus-glint-six { --azin-glint-size: 12px; bottom: 36%; left: 5%; }

/* The final card size is reserved before product data arrives, preventing CLS. */
.azin-smart-picks-layer { position: absolute; inset: 0; z-index: 3; pointer-events: none; }

.azin-smart-pick {
  position: absolute;
  top: 50%;
  display: block;
  width: clamp(205px, 19vw, 252px);
  padding: 11px;
  overflow: hidden;
  border: 1px solid rgba(83,91,95,.12);
  border-radius: 20px;
  opacity: 1;
  background: rgba(255,255,255,.82);
  box-shadow: 0 14px 38px rgba(44,52,55,.085), inset 0 1px 0 rgba(255,255,255,.96);
  transform: translateY(-50%);
  transition: opacity 220ms ease, box-shadow 180ms ease, border-color 180ms ease;
  pointer-events: auto;
}

.azin-smart-pick-daily { right: clamp(22px, 4vw, 72px); }
.azin-smart-pick-latest { left: clamp(22px, 4vw, 72px); }
.azin-smart-pick.azin-pick-unavailable { display: none; }

.azin-smart-pick-link { display: block; min-width: 0; color: inherit !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent; }

.azin-smart-pick-head {
  display: flex;
  min-height: 32px;
  align-items: flex-start;
  gap: 7px;
  margin: 0 2px 8px;
  text-align: start;
}

.azin-smart-pick-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-top: 4px;
  border-radius: 50%;
  background: #b78a72;
  box-shadow: 0 0 0 4px rgba(183,138,114,.10);
}

.azin-smart-pick-head-copy { display: block; min-width: 0; flex: 1; }

.azin-smart-pick-head-copy strong,
.azin-smart-pick-head-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.azin-smart-pick-head-copy strong { color: #34383a; font-size: 11px; line-height: 1.25; }
.azin-smart-pick-head-copy small { margin-top: 2px; color: #8a9093; font-size: 7.5px; line-height: 1.3; }

.azin-smart-pick-media {
  display: flex;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0;
  padding: 8px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
  background: #f5f8f8;
}

/*
 * نترك أبعاد الصورة الحقيقية تقود العرض داخل المربع بدل إجبارها على 100% × 100%.
 * هذا يمنع نزول الصورة أو قص أسفلها حتى لو كان ملف المنتج طوليًا أو مربعًا.
 */
.azin-smart-pick-media img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  opacity: 0;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transition: opacity 180ms ease;
}

.azin-smart-pick-ready .azin-smart-pick-media img { opacity: 1; }


/*
 * انتقال أحدث المنتجات — الصورة فقط تتحرك داخل إطارها.
 * لا نحرك الرابط/النصوص/البطاقة كاملة لأن ذلك قد يفعّل طبقة GPU دائمة
 * ويجعل النص والصورة أقل حدة في بعض متصفحات الجوال.
 * الصورة الجديدة تُحمّل أولًا، والقديمة تبقى فوقها حتى تبدأ الحركة.
 */
.azin-smart-pick-latest {
  isolation: isolate;
  overflow: hidden !important;
}

.azin-smart-pick-latest .azin-smart-pick-media {
  position: relative;
  isolation: isolate;
  --azin-media-pad: 8px;
}

.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage {
  position: relative;
  z-index: 2;
}

/* الصورة الجديدة جاهزة لكنها مخفية خارج موضعها حتى تبدأ الحركة. */
.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage.azin-latest-media-incoming {
  opacity: 0 !important;
  transform: translateX(16px) !important;
  transition: none !important;
}

/* نسخة مؤقتة للصورة القديمة فقط — بلا نصوص أو بطاقة مكررة. */
.azin-smart-pick-latest .azin-smart-pick-media > .azin-latest-media-outgoing {
  position: absolute !important;
  z-index: 3;
  top: var(--azin-media-pad) !important;
  right: var(--azin-media-pad) !important;
  bottom: var(--azin-media-pad) !important;
  left: var(--azin-media-pad) !important;
  width: calc(100% - (var(--azin-media-pad) * 2)) !important;
  height: calc(100% - (var(--azin-media-pad) * 2)) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 1 !important;
  pointer-events: none;
  transform: translateX(0) !important;
  transition:
    transform 320ms cubic-bezier(.22,.61,.36,1),
    opacity 220ms ease !important;
}

/* الحركة نفسها لا تبدأ إلا بعد اكتمال تحميل الصورة الجديدة. */
.azin-smart-pick-latest .azin-smart-pick-media.azin-latest-media-running > #AzinLatestPickImage.azin-latest-media-incoming {
  opacity: 1 !important;
  transform: translateX(0) !important;
  transition:
    transform 320ms cubic-bezier(.22,.61,.36,1),
    opacity 220ms ease !important;
}

.azin-smart-pick-latest .azin-smart-pick-media.azin-latest-media-running > .azin-latest-media-outgoing {
  opacity: 0 !important;
  transform: translateX(-16px) !important;
}

.azin-smart-pick[aria-busy="true"] .azin-smart-pick-media {
  background: linear-gradient(105deg, #f1f5f5 25%, #fafcfc 40%, #f1f5f5 55%);
  background-size: 220% 100%;
  animation: azin-skeleton 1.2s linear infinite;
}

.azin-smart-pick-body {
  display: grid;
  grid-template-rows: 36px 24px;
  gap: 6px;
  min-width: 0;
  padding: 9px 2px 0;
  text-align: start;
}

.azin-smart-pick-name {
  display: -webkit-box;
  min-height: 36px;
  max-height: 36px;
  margin: 0 !important;
  overflow: hidden;
  color: #3f4446 !important;
  font-size: 9.5px !important;
  font-weight: 650;
  line-height: 1.65 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.azin-smart-pick-action {
  display: flex;
  min-height: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #775544;
  font-size: 8.2px;
  font-weight: 700;
  line-height: 1.2;
}

.azin-smart-pick-arrow {
  display: inline-flex;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(183,138,114,.48);
  border-radius: 50%;
  direction: ltr;
  background: rgba(183,138,114,.10);
  color: #825b48;
  font-size: 11px;
}

.azin-logo-focus-payments {
  display: flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 20px auto 0;
  transform: scale(.72);
  transform-origin: center;
}

.azin-logo-focus-payment,
.azin-logo-focus-payment-static {
  display: flex;
  height: 28px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent !important;
}

.azin-logo-focus-payment { width: 70px; }
.azin-logo-focus-payment-static { width: auto; }

.azin-logo-focus-payment tamara-widget { display: block; width: 70px; max-width: 70px; max-height: 28px; overflow: hidden; }

.azin-tabby-crop { position: relative; width: 60px; height: 26px; overflow: hidden; border-radius: 7px; }

.azin-tabby-crop #TabbyPromoAr,
.azin-tabby-crop #TabbyPromoEn {
  position: absolute;
  top: -17px;
  left: -8px;
  width: 190px !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.azin-tabby-crop #TabbyPromoEn { opacity: 0; pointer-events: none; }

.azin-pay-svg { display: block !important; height: auto !important; max-height: 28px !important; flex: 0 0 auto !important; }
.azin-pay-mada { width: 54px !important; }
.azin-pay-visa { width: 56px !important; }
.azin-pay-mastercard { width: 38px !important; }
.azin-pay-apple { width: 50px !important; fill: #111; }

.azin-logo-focus-foot {
  margin: 10px 0 0 !important;
  color: #999ea0 !important;
  direction: ltr;
  font-family: Arial, sans-serif;
  font-size: 7.6px !important;
  font-weight: 700;
  letter-spacing: 1.55px;
  line-height: 1.4 !important;
}

@keyframes azin-skeleton { to { background-position: -220% 0; } }

@media (hover: hover) and (pointer: fine) {
  .azin-logo-focus-link:hover {
    transform: translateY(-2px);
    border-color: rgba(25,29,31,.32);
    background: #fff;
    box-shadow: 0 14px 28px rgba(54,61,64,.10), inset 0 1px 0 #fff;
  }

  /* زر التسوق يستخدم نفس باترن زر الإضافة للسلة، ويبقى أخضر عند الـHover. */
  .azin-logo-focus-link-primary:hover {
    border-color: #00572B;
    color: #fff !important;
    background-color: #00572B;
    background-image:
      linear-gradient(rgba(0, 87, 43, 0.61), rgba(0, 87, 43, 0.61)),
      url("https://cdn.files.salla.network/other/1286202155/f8ac5403-cc4f-4be3-9fd3-29bcfe8c0c38-original.webp");
    background-size: auto 75px;
    background-position: center;
    background-repeat: repeat-x;
    filter: brightness(1.07);
    box-shadow: 0 13px 29px rgba(0, 87, 43, 0.23), inset 0 1px 0 rgba(255,255,255,.10);
  }

  .azin-smart-pick:hover {
    border-color: rgba(119,85,68,.24);
    box-shadow: 0 17px 42px rgba(44,52,55,.12), inset 0 1px 0 #fff;
  }
}

/* Flow layout prevents overlap on tablets, narrow windows and browser zoom. */
@media (max-width: 1099px) {
  /*
   * على صفحات سلة قد يبقى غلاف خارجي أضيق من نافذة الجوال.
   * نجعل واجهة البايو نفسها تمتد بعرض الشاشة الحقيقي بدل أن ترث عرض ذلك الغلاف.
   */
  .azin-logo-focus.azin-logo-focus {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100svh !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: 0 !important;
    padding: max(18px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)) !important;
  }

  .azin-logo-focus-inner {
    position: relative;
    display: flex;
    width: min(100%, 470px);
    max-width: 470px;
    flex-direction: column;
    margin: 0 auto;
  }

  .azin-logo-focus-stage { order: 1; }
  .azin-logo-focus-language-panel { order: 2; }
  .azin-smart-picks-layer { order: 3; }
  .azin-logo-focus-payments { order: 4; }
  .azin-logo-focus-foot { order: 5; }
  .azin-logo-focus-language { order: 6; }

  .azin-smart-picks-layer {
    position: static;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    align-items: stretch;
    gap: 10px;
    margin-top: 22px;
    pointer-events: auto;
  }

  .azin-smart-pick {
    position: relative;
    inset: auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 9px;
    border-radius: 18px;
    transform: none;
  }

  .azin-smart-pick-latest > .azin-smart-pick-link.azin-latest-slide-ghost {
    top: 9px;
    right: 9px;
    bottom: 9px;
    left: 9px;
  }

  .azin-smart-pick-daily { grid-column: 2; grid-row: 1; }
  .azin-smart-pick-latest { grid-column: 1; grid-row: 1; }

  .azin-smart-pick-link {
    display: flex;
    height: 100%;
    min-width: 0;
    flex-direction: column;
  }

  .azin-smart-pick-head {
    min-height: 31px;
    align-items: flex-start;
    gap: 6px;
    margin: 0 2px 7px;
  }

  .azin-smart-pick-dot {
    width: 5px;
    height: 5px;
    flex-basis: 5px;
    margin-top: 4px;
  }

  .azin-smart-pick-head-copy strong {
    font-size: 9.6px;
    line-height: 1.35;
  }

  .azin-smart-pick-head-copy small {
    margin-top: 2px;
    font-size: 6.6px;
    line-height: 1.4;
  }

  .azin-smart-pick-media {
    width: 100%;
    max-height: none;
    padding: 7px;
    --azin-media-pad: 7px;
  }

  .azin-smart-pick-body {
    grid-template-rows: 44px 23px;
    gap: 7px;
    min-height: 74px;
    padding: 10px 2px 1px;
  }

  .azin-smart-pick-name {
    min-height: 44px;
    max-height: 44px;
    padding: 0 2px;
    font-size: 8.2px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .azin-smart-pick-action {
    min-height: 22px;
    gap: 6px;
    font-size: 7.1px;
    white-space: nowrap;
  }

  .azin-smart-pick-arrow {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    font-size: 9px;
  }

  .azin-logo-focus-payments {
    margin-top: 20px;
  }

  .azin-logo-focus-foot {
    margin-top: 7px !important;
  }

  .azin-logo-focus-language {
    margin: 10px auto 0;
  }
}

@media (max-width: 767px) {
  .azin-logo-focus.azin-logo-focus {
    padding-top: max(18px, env(safe-area-inset-top)) !important;
    padding-right: 10px !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
    padding-left: 10px !important;
  }

  .azin-logo-focus-inner { width: 100%; }

  .azin-logo-focus-stage {
    width: 180px;
    height: 190px;
  }

  #AzinSignatureLogoMount { transform: scale(.90); }

  .azin-logo-focus-copy { margin-top: 10px; }

  .azin-logo-focus-title {
    font-size: clamp(22px, 6.2vw, 26px) !important;
    line-height: 1.35 !important;
  }

  .azin-logo-focus-subtitle {
    margin-top: 5px !important;
    font-size: 10px !important;
  }

  .azin-logo-focus-copy::after {
    min-height: 22px;
    margin-top: 7px;
    padding: 3px 9px;
    font-size: 8.2px;
  }

  .azin-logo-focus-links {
    gap: 9px;
    margin-top: 17px;
  }

  .azin-logo-focus-link {
    min-height: 52px;
    padding: 10px 16px;
    border-radius: 15px;
    font-size: 12px;
  }

  .azin-logo-focus-link-primary {
    min-height: 57px;
    font-size: 12.5px;
  }

  .azin-smart-picks-layer {
    gap: 10px;
    margin-top: 22px;
  }

  .azin-smart-pick-media { max-height: none; }

  .azin-logo-focus-payments {
    gap: 7px;
    margin-top: 20px;
    transform: scale(.72);
  }

  .azin-logo-focus-foot { margin-top: 7px !important; }
  .azin-logo-focus-language { margin-top: 9px; }
}


@media (max-width: 767px) and (max-height: 850px) {
  .azin-logo-focus-stage { width: 168px; height: 176px; }
  #AzinSignatureLogoMount { transform: scale(.84); }
  .azin-logo-focus-copy { margin-top: 10px; }
  .azin-logo-focus-links { margin-top: 18px; }
  .azin-smart-picks-layer { margin-top: 18px; }
  .azin-smart-pick-media { aspect-ratio: 1.20 / 1; }
  .azin-logo-focus-payments { margin-top: 15px; }
  .azin-logo-focus-foot { margin-top: 5px !important; }
  .azin-logo-focus-language { margin-top: 6px; }
}

@media (max-width: 380px) {
  .azin-logo-focus.azin-logo-focus {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .azin-logo-focus-links { margin-top: 19px; }
  .azin-smart-picks-layer { gap: 8px; margin-top: 20px; }
  .azin-smart-pick { padding: 8px; }
  .azin-smart-pick-head-copy strong { font-size: 8.8px; }
  .azin-smart-pick-head-copy small { font-size: 6.1px; }
  .azin-smart-pick-body { grid-template-rows: 42px 21px; min-height: 70px; }
  .azin-smart-pick-name { min-height: 42px; max-height: 42px; font-size: 7.6px !important; line-height: 1.55 !important; }
  .azin-smart-pick-action { font-size: 6.6px; }
  .azin-logo-focus-payments { gap: 5px; transform: scale(.68); }
}

/* الشاشات القصيرة فقط: ضغط محسوب بدون تصغير النصوص إلى درجة التزاحم. */
@media (max-height: 720px) and (max-width: 1099px) {
  .azin-logo-focus-stage { width: 150px; height: 154px; }
  #AzinSignatureLogoMount { transform: scale(.72); }
  .azin-logo-focus-copy { margin-top: 8px; }
  .azin-logo-focus-title { font-size: 20px !important; }
  .azin-logo-focus-subtitle { margin-top: 3px !important; font-size: 8.8px !important; }
  .azin-logo-focus-copy::after { min-height: 19px; margin-top: 4px; padding: 2px 8px; font-size: 7.4px; }
  .azin-logo-focus-links { gap: 6px; margin-top: 11px; }
  .azin-logo-focus-link { min-height: 42px; padding: 7px 12px; font-size: 10.8px; }
  .azin-logo-focus-link-primary { min-height: 46px; font-size: 11.3px; }
  .azin-smart-picks-layer { margin-top: 12px; }
  .azin-smart-pick-body { grid-template-rows: 40px 20px; min-height: 67px; }
  .azin-smart-pick-name { min-height: 40px; max-height: 40px; line-height: 1.5 !important; }
  .azin-logo-focus-payments { margin-top: 11px; }
  .azin-logo-focus-language { margin-top: 5px; padding: 2px; }
  .azin-logo-focus-language-button { padding-top: 4px; padding-bottom: 4px; }
}

@media (max-height: 590px) and (max-width: 1099px) {
  .azin-logo-focus-stage { width: 118px; height: 120px; }
  #AzinSignatureLogoMount { transform: scale(.54); }
  .azin-logo-focus-copy { margin-top: 6px; }
  .azin-logo-focus-title { font-size: 17px !important; }
  .azin-logo-focus-subtitle { display: none; }
  .azin-logo-focus-copy::after { min-height: 18px; margin-top: 3px; padding: 2px 7px; font-size: 6.9px; }
  .azin-logo-focus-links { margin-top: 6px; }
  .azin-logo-focus-link { min-height: 36px; padding: 5px 10px; font-size: 9.8px; }
  .azin-logo-focus-link-primary { min-height: 39px; }
  .azin-smart-picks-layer { margin-top: 8px; }
  .azin-smart-pick-head-copy small { display: none; }
  .azin-smart-pick-head { min-height: 20px; }
  .azin-smart-pick-body { grid-template-rows: 36px 18px; min-height: 60px; gap: 4px; padding-top: 6px; }
  .azin-smart-pick-name { min-height: 36px; max-height: 36px; font-size: 7px !important; line-height: 1.45 !important; }
  .azin-logo-focus-payments { margin-top: 7px; transform: scale(.62); }
  .azin-logo-focus-foot { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .azin-logo-focus-link,
  .azin-logo-focus-language-button,
  .azin-smart-pick,
  .azin-smart-pick-media img,
  .azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage,
  .azin-smart-pick-latest .azin-smart-pick-media > .azin-latest-media-outgoing,
  .azin-smart-pick[aria-busy="true"] .azin-smart-pick-media {
    animation: none !important;
    transition: none !important;
  }
}



/* V11: no green halo, no green underline, and no page/background pattern.
   National Day pattern is intentionally limited to the primary Shop Now button. */

/* =========================================================
   AZIN BIO | NATIONAL DAY LOGO FLIP + SHOP BUTTON PATTERN — V11
   AZIN ↔ عِزَّنا بطبعنا
   CSS-only faces: original fallback is hidden so the two logos
   can never remain visible at the same time.
   ========================================================= */


#AzinSignatureLogoMount {
  position: relative !important;
  perspective: 900px !important;
  transform-style: preserve-3d !important;
  overflow: visible !important;
}

/* The HTML fallback carries inline animation:none!important.
   Hide it permanently and render the AZIN face as ::before instead. */
#AzinSignatureLogoMount > .azin-signature-fallback,
#AzinSignatureLogoMount > svg {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* AZIN face. */
#AzinSignatureLogoMount::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  left: 50% !important;
  width: 142px !important;
  height: 178px !important;
  margin: 0 !important;
  pointer-events: none !important;
  background-image: url("https://cdn.files.salla.network/theme/1286202155/b45fc63f-9d53-4430-a873-5090789f1eee_400x500.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform-origin: center center !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  animation: azin-bio-logo-front-v9 10s cubic-bezier(.4,0,.2,1) infinite !important;
  will-change: transform, opacity;
}

/* National Day face — same asset used across the store. */
#AzinSignatureLogoMount::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  left: 50% !important;
  width: 150px !important;
  height: 100px !important;
  margin: 0 !important;
  pointer-events: none !important;
  background-image: url("https://cdn.files.salla.network/homepage/1286202155/47fbb882-9d52-48ab-8d39-4cf1bd679abd-original.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform-origin: center center !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  animation: azin-bio-logo-back-v9 10s cubic-bezier(.4,0,.2,1) infinite !important;
  will-change: transform, opacity;
}

@keyframes azin-bio-logo-front-v9 {
  0%, 36% {
    opacity: 1;
    transform: translate(-50%, -50%) rotateY(0deg);
  }
  42% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateY(90deg);
  }
  43%, 79% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateY(90deg);
  }
  85% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateY(-90deg);
  }
  86%, 100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotateY(0deg);
  }
}

@keyframes azin-bio-logo-back-v9 {
  0%, 36% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateY(-90deg);
  }
  42%, 43% {
    opacity: 1;
    transform: translate(-50%, -50%) rotateY(0deg);
  }
  79% {
    opacity: 1;
    transform: translate(-50%, -50%) rotateY(0deg);
  }
  85%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateY(90deg);
  }
}


@media (max-width: 380px) {
  #AzinSignatureLogoMount::after {
    width: 138px !important;
    height: 92px !important;
  }
}

/* Keep a static AZIN face for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
  #AzinSignatureLogoMount::before {
    animation: none !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) rotateY(0deg) !important;
  }

  #AzinSignatureLogoMount::after {
    display: none !important;
    animation: none !important;
  }
}
/* ===== END: AZIN BIO NATIONAL DAY V11 ===== */

/* ===== END: AZIN BIO LINKS PAGE — STABLE / LIGHTWEIGHT CSS ===== */

/* =========================================================
   AZIN BIO — PRIMARY SHOP CTA TEXT EMPHASIS (V12)
   إبراز نص زر التسوق فقط — بدون تغيير الأزرار الأخرى
========================================================= */
.azin-logo-focus-link-primary > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #fff !important;
  font-size: 14.25px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .05px;
  text-shadow: 0 1px 2px rgba(0,0,0,.28), 0 0 7px rgba(255,255,255,.10);
}

@media (max-width: 767px) {
  .azin-logo-focus-link-primary > span {
    font-size: 14px !important;
    font-weight: 850 !important;
  }
}

@media (max-height: 720px) and (max-width: 1099px) {
  .azin-logo-focus-link-primary > span {
    font-size: 12.4px !important;
  }
}

@media (max-height: 590px) and (max-width: 1099px) {
  .azin-logo-focus-link-primary > span {
    font-size: 11.5px !important;
  }
}


/* =========================================================
   AZIN BIO — V13 SHARP LOGO + SLOWER SOFT FLIP + SAUDI GREEN ACTIONS
   - removes permanent scale() from the logo mount to keep raster edges crisp
   - slower 16s AZIN ↔ National Day flip with ~1.4s soft transitions
   - gender-neutral product-card action copy is handled in HTML/JS
   - product-card action text + arrow use Saudi green #006C35
========================================================= */

/* Product card actions — unified Saudi green. */
.azin-smart-pick-action,
.azin-smart-pick-action > span:first-child {
  color: #006C35 !important;
}

.azin-smart-pick-arrow {
  border-color: rgba(0,108,53,.32) !important;
  background: rgba(0,108,53,.07) !important;
  color: #006C35 !important;
}

/*
  Keep the logo at its true rendered size instead of shrinking a larger layer
  with transform:scale(). This avoids the soft rasterization visible in Chrome.
*/
#AzinSignatureLogoMount {
  --azin-logo-w: 142px;
  --azin-logo-h: 178px;
  --azin-nd-logo-w: 150px;
  --azin-nd-logo-h: 100px;

  width: var(--azin-logo-w) !important;
  height: var(--azin-logo-h) !important;
  min-width: var(--azin-logo-w) !important;
  min-height: var(--azin-logo-h) !important;
  max-width: var(--azin-logo-w) !important;
  max-height: var(--azin-logo-h) !important;

  transform: none !important;
  perspective: 1200px !important;
  transform-style: flat !important;
}

#AzinSignatureLogoMount::before,
#AzinSignatureLogoMount::after {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  transform-origin: 50% 50% !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  will-change: auto !important;
  image-rendering: auto !important;
  filter: none !important;
}

#AzinSignatureLogoMount::before {
  width: var(--azin-logo-w) !important;
  height: var(--azin-logo-h) !important;
  animation: azin-bio-logo-front-v13 16s cubic-bezier(.22,.61,.36,1) infinite !important;
}

#AzinSignatureLogoMount::after {
  width: var(--azin-nd-logo-w) !important;
  height: var(--azin-nd-logo-h) !important;
  animation: azin-bio-logo-back-v13 16s cubic-bezier(.22,.61,.36,1) infinite !important;
}

/* AZIN remains still most of the cycle; the actual turn lasts ~1.4 seconds. */
@keyframes azin-bio-logo-front-v13 {
  0%, 31% {
    opacity: 1;
    transform: none;
  }
  38% {
    opacity: .96;
    transform: rotateY(72deg);
  }
  40%, 76% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  83% {
    opacity: .04;
    transform: rotateY(-72deg);
  }
  85%, 100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes azin-bio-logo-back-v13 {
  0%, 31% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  38% {
    opacity: .96;
    transform: rotateY(-18deg);
  }
  40%, 76% {
    opacity: 1;
    transform: none;
  }
  83% {
    opacity: .96;
    transform: rotateY(72deg);
  }
  85%, 100% {
    opacity: 0;
    transform: rotateY(90deg);
  }
}

/* Direct final dimensions — no transform scaling on mobile. */
@media (max-width: 767px) {
  #AzinSignatureLogoMount {
    --azin-logo-w: 128px;
    --azin-logo-h: 160px;
    --azin-nd-logo-w: 135px;
    --azin-nd-logo-h: 90px;
    transform: none !important;
  }
}

@media (max-width: 767px) and (max-height: 850px) {
  #AzinSignatureLogoMount {
    --azin-logo-w: 119px;
    --azin-logo-h: 150px;
    --azin-nd-logo-w: 126px;
    --azin-nd-logo-h: 84px;
    transform: none !important;
  }
}

@media (max-height: 720px) and (max-width: 1099px) {
  #AzinSignatureLogoMount {
    --azin-logo-w: 102px;
    --azin-logo-h: 128px;
    --azin-nd-logo-w: 108px;
    --azin-nd-logo-h: 72px;
    transform: none !important;
  }
}

@media (max-height: 590px) and (max-width: 1099px) {
  #AzinSignatureLogoMount {
    --azin-logo-w: 77px;
    --azin-logo-h: 96px;
    --azin-nd-logo-w: 82px;
    --azin-nd-logo-h: 55px;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #AzinSignatureLogoMount::before {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  #AzinSignatureLogoMount::after {
    display: none !important;
    animation: none !important;
  }
}

/* ===== END: AZIN BIO V13 ===== */

/* =========================================================
   AZIN BIO — V14 CLEAN LOGO HANDOFF + STABLE TABBY VISUAL
   - zero overlap between AZIN and National Day faces
   - prevents the ring-only sliver on AZIN re-entry
   - slower/softer 20s flip cycle
   - keeps Tabby visually present in both AR and EN
========================================================= */

/* A true face handoff: hidden means the inactive face is not painted at all. */
#AzinSignatureLogoMount::before {
  animation: azin-bio-logo-front-v14 20s cubic-bezier(.22,.61,.36,1) infinite !important;
}

#AzinSignatureLogoMount::after {
  animation: azin-bio-logo-back-v14 20s cubic-bezier(.22,.61,.36,1) infinite !important;
}

@keyframes azin-bio-logo-front-v14 {
  /* AZIN resting */
  0%, 26% {
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
  }

  /* AZIN leaves first */
  31% {
    opacity: .16;
    visibility: visible;
    transform: rotateY(68deg);
  }
  33% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(84deg);
  }
  34%, 73% {
    opacity: 0;
    visibility: hidden;
    transform: rotateY(90deg);
  }

  /* AZIN comes back only after the face has already opened past the thin ring-only angle */
  74% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(-90deg);
  }
  76% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(-58deg);
  }
  81%, 100% {
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
  }
}

@keyframes azin-bio-logo-back-v14 {
  /* National Day face is genuinely unpainted while AZIN is active. */
  0%, 34% {
    opacity: 0;
    visibility: hidden;
    transform: rotateY(-90deg);
  }

  /* It starts only after AZIN has fully disappeared. */
  35% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(-90deg);
  }
  37% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(-58deg);
  }
  42%, 66% {
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
  }

  /* Leave completely before AZIN is allowed to return. */
  71% {
    opacity: .14;
    visibility: visible;
    transform: rotateY(68deg);
  }
  73% {
    opacity: 0;
    visibility: visible;
    transform: rotateY(84deg);
  }
  74%, 100% {
    opacity: 0;
    visibility: hidden;
    transform: rotateY(90deg);
  }
}

/*
  Tabby's cropped visual contains only the brand mark, so keep the already-working
  Arabic instance as the stable visual in BOTH languages. The language-specific
  official widget underneath still handles pointer interaction through JS.
*/
.azin-tabby-crop #TabbyPromoAr {
  opacity: 1 !important;
}

.azin-tabby-crop #TabbyPromoEn {
  opacity: 0 !important;
}

/* Do not let the visual layer block the selected official control. */
#azin-language-en:checked ~ .azin-logo-focus-inner .azin-tabby-crop #TabbyPromoAr {
  pointer-events: none !important;
}

#azin-language-ar:checked ~ .azin-logo-focus-inner .azin-tabby-crop #TabbyPromoAr {
  pointer-events: auto !important;
}

#azin-language-en:checked ~ .azin-logo-focus-inner .azin-tabby-crop #TabbyPromoEn {
  pointer-events: auto !important;
}

#azin-language-ar:checked ~ .azin-logo-focus-inner .azin-tabby-crop #TabbyPromoEn {
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #AzinSignatureLogoMount::before {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  #AzinSignatureLogoMount::after {
    display: none !important;
    animation: none !important;
  }
}

/* ===== END: AZIN BIO V14 ===== */

/* =========================================================
   AZIN BIO — LATEST PRODUCT IMAGE STABILITY V15
   Mobile/zoom fix: crossfade only, zero positional movement.
   The live image and temporary outgoing clone remain perfectly
   centered before, during and after each product switch.
========================================================= */

.azin-smart-pick-latest .azin-smart-pick-media {
  contain: paint !important;
}

.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage,
.azin-smart-pick-latest .azin-smart-pick-media > .azin-latest-media-outgoing {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* New image is already fully loaded; keep it centered and only fade it in. */
.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage.azin-latest-media-incoming {
  opacity: 0 !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}

/* Old image remains exactly in place while fading away. */
.azin-smart-pick-latest .azin-smart-pick-media > .azin-latest-media-outgoing {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  transition: opacity 260ms cubic-bezier(.22,.61,.36,1) !important;
}

.azin-smart-pick-latest .azin-smart-pick-media.azin-latest-media-running > #AzinLatestPickImage.azin-latest-media-incoming {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  transition: opacity 260ms cubic-bezier(.22,.61,.36,1) !important;
}

.azin-smart-pick-latest .azin-smart-pick-media.azin-latest-media-running > .azin-latest-media-outgoing {
  opacity: 0 !important;
  transform: none !important;
  translate: none !important;
}

/* After the temporary transition classes are removed, keep the final image
   on the normal non-composited path for maximum sharpness. */
.azin-smart-pick-latest.azin-smart-pick-ready .azin-smart-pick-media > #AzinLatestPickImage:not(.azin-latest-media-incoming) {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  transition: opacity 180ms ease !important;
  will-change: auto !important;
}

/* ===== END: AZIN BIO LATEST IMAGE STABILITY V15 ===== */


/* =========================================================
   AZIN BIO — V16 CARD STABILITY + CONTINUOUS LOGO FLIP
   - product images keep a fixed element box at all times
   - no opacity/transform animation during product rotation
   - each card paints in isolation so one card cannot visually disturb the other
   - logo uses one continuous 3D flip with no blank handoff pause
========================================================= */

/* Fully isolate each card's repaint without creating a transformed/GPU layer. */
.azin-smart-pick {
  contain: paint !important;
  isolation: isolate !important;
}

/* Keep the media frame and the IMG element geometrically identical for every product. */
.azin-smart-pick-media {
  contain: paint !important;
}

.azin-smart-pick-media img,
.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* Product switching is intentionally atomic — no temporary image layer. */
.azin-smart-pick-latest .azin-smart-pick-media > .azin-latest-media-outgoing {
  display: none !important;
}
.azin-smart-pick-latest .azin-smart-pick-media > #AzinLatestPickImage.azin-latest-media-incoming,
.azin-smart-pick-latest .azin-smart-pick-media.azin-latest-media-running > #AzinLatestPickImage.azin-latest-media-incoming {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Static loading state: no shimmer/repaint movement around either card. */
.azin-smart-pick[aria-busy="true"] .azin-smart-pick-media {
  background: #f5f8f8 !important;
  animation: none !important;
}

/* One real 3D card flip: both faces move as one object, eliminating the handoff pause.
   The registered angle variable lets us animate even though legacy mobile CSS used
   transform:...!important on the mount. */
@property --azin-logo-flip-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.azin-logo-focus-logo-wrap {
  perspective: 1100px !important;
}

#AzinSignatureLogoMount {
  --azin-logo-flip-angle: 0deg;
  transform: rotateY(var(--azin-logo-flip-angle)) !important;
  transform-style: preserve-3d !important;
  animation: azin-bio-logo-flip-v16 12s cubic-bezier(.45,0,.55,1) infinite !important;
}

#AzinSignatureLogoMount::before,
#AzinSignatureLogoMount::after {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
}

#AzinSignatureLogoMount::before {
  transform: rotateY(0deg) !important;
}

#AzinSignatureLogoMount::after {
  transform: rotateY(180deg) !important;
}

/* ~4.3s AZIN, ~0.85s flip, ~4.3s National Day, ~0.85s return. */
@keyframes azin-bio-logo-flip-v16 {
  0%, 36% { --azin-logo-flip-angle: 0deg; }
  43% { --azin-logo-flip-angle: 180deg; }
  79% { --azin-logo-flip-angle: 180deg; }
  86%, 100% { --azin-logo-flip-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  #AzinSignatureLogoMount {
    --azin-logo-flip-angle: 0deg !important;
    animation: none !important;
    transform: rotateY(0deg) !important;
  }
  #AzinSignatureLogoMount::before {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  #AzinSignatureLogoMount::after {
    display: none !important;
  }
}

/* ===== END: AZIN BIO V16 ===== */