/* THNYAN 2026-11-05 R7 */
html body#app.thnyan-mockup-v4:is(.index,.thnyan-home) #thnyan-finder-section{display:none!important}
body#app.thnyan-mockup-v4 .s-block--video-products .product-card--has-video>.product-card__image{border-radius:12px!important;aspect-ratio:9/16!important}
/* =========================================================
   THNYAN - FINAL FULL CLEAN CSS
   Header transparent / no white layer
   ========================================================= */

/* ---------------- GENERAL ---------------- */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0 !important;
  padding:0 !important;
}

.enhanced-title-border{
  display:none !important;
}

/* ---------------- PRODUCT LAYOUT ---------------- */
.product-container custom-salla-product-card,
.product-single salla-product-gallery,
.custom-product-info{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
  width:100%;
}

.product-container custom-salla-product-card > div{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
  width:100%;
}

.custom-product-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.product-price:not(body.product-single .product-price-top){
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:5px;
  align-self:stretch;
  width:100%;
  margin-top:1rem;
}

.product-container .product-title{
  font-size:20px;
  font-weight:400;
  margin-bottom:.5rem;
}

.salla-product-gallery salla-gallery,
salla-product-gallery salla-gallery > div{
  width:100% !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

salla-product-gallery salla-gallery img{
  object-fit:contain;
  max-height:70vh;
  width:auto;
}

[dir="rtl"] .product-container custom-salla-product-card{
  flex-direction:row-reverse;
}

/* ---------------- HIDE ---------------- */
salla-installment,
salla-mini-checkout-widget,
.product-single salla-mini-checkout-widget{
  display:none !important;
}

/* ---------------- CHECKOUT ---------------- */
.checkout-products-section > div > div:first-child > div{
  display:flex;
  flex-direction:row;
  gap:1rem;
  align-items:center;
}

.checkout-products-section .product__thumbnail,
.checkout-products-section .product__info{
  width:auto !important;
  flex-shrink:0;
}

/* ---------------- OFFER SLIDER ---------------- */
.swiper-slide{
  height:fit-content !important;
  display:flex !important;
  align-self:stretch !important;
}

.s-offer-modal-product,
.offer-slider{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  display:flex;
  gap:1rem;
}

.offer-slider .product-card__mini-cart{
  margin-top:1rem;
  max-width:100%;
  min-width:220px;
  flex:0 0 auto;
}

.s-offer-modal-type-products .s-modal-body{
  position:relative;
}

/* ---------------- ADD TO CART ---------------- */
.product-card__buttons > div.addToCart{
  width:100%;
  max-width:100%;
  display:block;
}

button[product-id].s-button-element.s-button-btn.s-button-primary-outline,
button[product-id].s-button-element.s-button-btn.s-button-primary-outline:hover,
button[product-id].s-button-element.s-button-btn.s-button-primary-outline:active,
button[product-id].s-button-element.s-button-btn.s-button-primary-outline:focus{
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
}

button[product-id].s-button-element.s-button-btn.s-button-primary-outline .s-button-text{
  font-size:0 !important;
}

button[product-id].s-button-element.s-button-btn.s-button-primary-outline .s-button-text::after{
  content:"إضافة" !important;
  font-size:14px !important;
  color:#fff !important;
}

button[product-id].s-button-element.s-button-btn.s-button-primary-outline .sicon-shopping{
  display:none !important;
  margin:0 !important;
}

button.s-button-element.s-button-btn:not([product-id]) .s-button-text{
  font-size:inherit !important;
}

button.s-button-element.s-button-btn:not([product-id]) .s-button-text::after{
  content:none !important;
}

/* ---------------- CONDITIONAL OFFER ---------------- */
:lang(ar) .s-conditional-offer-checkpoint-label.first-checkpoint span,
:lang(en) .s-conditional-offer-checkpoint-label.first-checkpoint span{
  font-size:0;
  position:relative;
}

:lang(ar) .s-conditional-offer-checkpoint-label.first-checkpoint span::after{
  content:"لا يوجد";
  font-size:14px;
  position:relative;
  bottom:8px;
  padding-right:8px;
  display:inline-block;
}

:lang(en) .s-conditional-offer-checkpoint-label.first-checkpoint span::after{
  content:"None";
  font-size:14px;
  position:relative;
  bottom:8px;
  display:inline-block;
}

/* ---------------- NOTIFY ---------------- */
.thnyan-notify-wrap{
  position:static !important;
  display:block !important;
  width:100% !important;
  margin-top:10px !important;
  z-index:20 !important;
}

.thnyan-notify-btn{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  border:1px solid #000 !important;
  background:#000 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

.thnyan-notify-btn:hover{
  opacity:.92 !important;
}

/* ---------------- MOBILE PRODUCT TEXT ---------------- */
@media (max-width:768px){
  .product-card__subtitle,
  .product-card__caption,
  .product-card__note,
  .product-card__details .product-card__description,
  custom-salla-product-card .product-card__subtitle,
  custom-salla-product-card .product-card__details .product-card__description{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
  }

  .product-card__subtitle,
  .product-card__details .product-card__description,
  .product-card__note{
    margin-top:6px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    color:#000 !important;
  }
}

/* ---------------- PRODUCT GRID CENTER ---------------- */
salla-products-list :is(div, ul, section):has(> *:nth-child(3) img.main-image){
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:16px !important;
}

@media (max-width:768px){
  salla-products-list :is(div, ul, section):has(> *:nth-child(3) img.main-image) > *:has(img.main-image){
    flex:0 0 calc(50% - 8px) !important;
    max-width:calc(50% - 8px) !important;
  }
}

@media (min-width:769px) and (max-width:1024px){
  salla-products-list :is(div, ul, section):has(> *:nth-child(3) img.main-image) > *:has(img.main-image){
    flex:0 0 calc(33.333% - 11px) !important;
    max-width:calc(33.333% - 11px) !important;
  }
}

@media (min-width:1025px){
  salla-products-list :is(div, ul, section):has(> *:nth-child(3) img.main-image) > *:has(img.main-image){
    flex:0 0 calc(25% - 12px) !important;
    max-width:calc(25% - 12px) !important;
  }
}

/* ---------------- PRODUCT IMAGES ---------------- */
.product-images{
  display:flex;
  gap:1rem;
}

.product-image{
  width:100px;
  height:100px;
  object-fit:cover;
  cursor:pointer;
  transition:transform .3s ease;
}

.product-image:hover{
  transform:scale(1.05);
}

/* =========================================================
   THNYAN HEADER — ASSAF LAYOUT / FINAL
   هذا الجزء الوحيد المسؤول عن الهيدر في الدسكتوب والجوال
   ========================================================= */

:root{
  --thnyan-info-height:39px;
  --thnyan-main-height:76px;
  --thnyan-header-expanded-height:115px;
  --thnyan-header-side:clamp(18px, 2vw, 28px);
  --thnyan-cart-y-mobile:3px;
  --thnyan-cart-y-desktop:5px;
  --thnyan-avatar-x-mobile:-5px;
  --thnyan-avatar-y-mobile:5px;
  --thnyan-scroll-layer:rgba(255,255,255,.72);
  --thnyan-scroll-blur:18px;
}

body{
  padding-top:0 !important;
  margin-top:0 !important;
}

main,
#app,
.app,
.app-wrapper,
.main-content,
.content,
.store-page{
  margin-top:0 !important;
}

/* الرئيسية تبدأ من أعلى الصورة لأن الهيدر فوق البانر */
body.index .store-header,
body.thnyan-home .store-header{
  height:0 !important;
  min-height:0 !important;
}

/* الصفحات الداخلية تحتفظ بمساحة الهيدر حتى لا يغطي المحتوى */
body:not(.index):not(.thnyan-home) .store-header{
  height:var(--thnyan-header-expanded-height) !important;
  min-height:var(--thnyan-header-expanded-height) !important;
}

/* السلة لها مسافتها الخاصة الموجودة سابقًا */
body.cart .store-header{
  height:0 !important;
  min-height:0 !important;
}

body.cart main > .container{
  padding-top:120px !important;
}

body.cart .cart-item > span:has(> salla-button.btn--delete){
  z-index:30 !important;
  pointer-events:auto !important;
}

body.cart .cart-item salla-button.btn--delete,
body.cart .cart-item button[aria-label="Remove from the cart"]{
  pointer-events:auto !important;
}

/* إزالة طبقة القالب البيضاء فقط، مع إبقاء الهيدر نفسه ظاهرًا */
.store-header,
.store-header::before,
.store-header::after{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

#mainnav.main-nav-container,
#mainnav{
  --thnyan-header-color:#080808;
  --thnyan-logo-filter:brightness(0);
  --thnyan-menu-shadow:none;
  --thnyan-divider-color:rgba(0,0,0,.14);

  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  height:var(--thnyan-header-expanded-height) !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  z-index:1000000 !important;
  color:var(--thnyan-header-color) !important;
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:0 1px 0 rgba(0,0,0,.08) !important;
  border:0 !important;
  transform:none !important;
  transition:height .24s ease, background-color .24s ease, box-shadow .24s ease !important;
}

/* أعلى الرئيسية: شفافية حقيقية، وكل عناصر الهيدر بيضاء */
body.index:not(.thnyan-header-scrolled) #mainnav,
body.thnyan-home:not(.thnyan-header-scrolled) #mainnav{
  --thnyan-header-color:#fff;
  --thnyan-logo-filter:brightness(0) invert(1);
  --thnyan-menu-shadow:0 1px 8px rgba(0,0,0,.42);
  --thnyan-divider-color:rgba(255,255,255,.34);

  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

/* أول ما يبدأ النزول: طبقة زجاجية شفافة بدون التأثير على عناصر الهيدر */
body.thnyan-header-scrolled #mainnav{
  --thnyan-header-color:#080808;
  --thnyan-logo-filter:brightness(0);
  --thnyan-menu-shadow:none;
  --thnyan-divider-color:transparent;

  height:var(--thnyan-main-height) !important;
  background:var(--thnyan-scroll-layer) !important;
  background-color:var(--thnyan-scroll-layer) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(var(--thnyan-scroll-blur)) saturate(120%) !important;
  backdrop-filter:blur(var(--thnyan-scroll-blur)) saturate(120%) !important;
  box-shadow:0 1px 0 rgba(0,0,0,.06) !important;
}

#mainnav::before,
#mainnav::after{
  display:none !important;
  content:none !important;
}

/* لو أعاد القالب صف القائمة مرة ثانية نخفي النسخة المكررة فقط */
#mainnav > .main-menu-row + .main-menu-row{
  display:none !important;
}

/* الشريط العلوي: البريد يسارًا، ومبدّل اللغة موجود لكنه مخفي من الجافا */
#mainnav > .thnyan-support-bar{
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:var(--thnyan-info-height) !important;
  padding-inline:var(--thnyan-header-side) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  direction:ltr !important;
  color:var(--thnyan-header-color) !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--thnyan-divider-color) !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
  z-index:5 !important;
  transition:height .24s ease, opacity .16s ease, visibility .16s ease, border-color .24s ease !important;
}

body.thnyan-header-scrolled #mainnav > .thnyan-support-bar{
  height:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  border-color:transparent !important;
}

#mainnav .thnyan-support-email{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  text-shadow:var(--thnyan-menu-shadow) !important;
  background:transparent !important;
  box-shadow:none !important;
}

#mainnav .thnyan-support-email svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#mainnav .thnyan-language-switcher{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-shadow:var(--thnyan-menu-shadow) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

#mainnav .thnyan-language-switcher[hidden]{
  display:none !important;
}

#mainnav .thnyan-language-divider{
  display:block !important;
  width:1px !important;
  height:13px !important;
  background:currentColor !important;
  opacity:.45 !important;
}

/* صف الشعار والأيقونات */
#mainnav > .inner{
  position:absolute !important;
  top:var(--thnyan-info-height) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:var(--thnyan-main-height) !important;
  min-height:var(--thnyan-main-height) !important;
  max-height:var(--thnyan-main-height) !important;
  overflow:visible !important;
  color:var(--thnyan-header-color) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:top .24s ease !important;
}

body.thnyan-header-scrolled #mainnav > .inner{
  top:0 !important;
}

#mainnav .header__main-container{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  margin:0 !important;
  padding:0 var(--thnyan-header-side) !important;
  background:transparent !important;
  box-shadow:none !important;
}

#mainnav .header__main-row{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#mainnav .header__brand{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  z-index:4 !important;
  background:transparent !important;
}

#mainnav .navbar-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  filter:none !important;
  -webkit-filter:none !important;
}

#mainnav img.logo-normal,
#mainnav .navbar-brand img{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:var(--thnyan-logo-filter) !important;
  -webkit-filter:var(--thnyan-logo-filter) !important;
  transform:none !important;
  transition:filter .24s ease !important;
}

/* لون الأيقونات يعتمد فقط على حالة السكرول، وليس على fixed-header الخاص بالقالب */
#mainnav .header__main-row .header-btn,
#mainnav .header__main-row .header-btn *,
#mainnav .header__main-row .header__search-btn,
#mainnav .header__main-row .header__search-btn *,
#mainnav .header__main-row .mburger,
#mainnav .header__main-row .mburger *,
#mainnav .header__main-row .sicon-cart,
#mainnav .header__main-row .sicon-cart::before,
#mainnav .header__main-row .sicon-user,
#mainnav .header__main-row .sicon-user::before,
#mainnav .header__main-row .sicon-search,
#mainnav .header__main-row .sicon-search::before,
#mainnav .header__main-row .sicon-menu,
#mainnav .header__main-row .sicon-menu::before{
  color:var(--thnyan-header-color) !important;
  -webkit-text-fill-color:var(--thnyan-header-color) !important;
  text-shadow:var(--thnyan-menu-shadow) !important;
  transition:color .24s ease, text-shadow .24s ease !important;
}

#mainnav .header__main-row button,
#mainnav .header__main-row a,
#mainnav .header__main-row salla-user-menu,
#mainnav .header__main-row salla-cart-summary{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

#mainnav .header-btn__icon,
#mainnav .sicon-menu{
  display:block !important;
  width:23px !important;
  height:23px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:23px !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
}

#mainnav .menu-label{
  display:none !important;
}

/* الحفاظ على شكل شنطة السلة النظيف الموجود سابقًا */
#mainnav i.header-btn__icon.icon.sicon-cart{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:23px !important;
  height:23px !important;
  overflow:visible !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
}

#mainnav i.header-btn__icon.icon.sicon-cart::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:59% !important;
  width:14px !important;
  height:12px !important;
  border:2px solid var(--thnyan-header-color) !important;
  border-radius:3px !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transform:translate(-50%, -50%) !important;
  transition:border-color .24s ease !important;
}

#mainnav i.header-btn__icon.icon.sicon-cart::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:1px !important;
  width:8px !important;
  height:6px !important;
  border:2px solid var(--thnyan-header-color) !important;
  border-bottom:0 !important;
  border-radius:8px 8px 0 0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transform:translateX(-50%) !important;
  transition:border-color .24s ease !important;
}

#mainnav .s-cart-summary-icon{
  display:none !important;
}

#mainnav .s-cart-summary-count{
  position:absolute !important;
  top:-8px !important;
  right:-9px !important;
  left:auto !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#f87171 !important;
  background-color:#f87171 !important;
  font-size:10px !important;
  line-height:1 !important;
  text-shadow:none !important;
  z-index:3 !important;
}

/* تسجيل الدخول: إظهار نسخة واحدة فقط، والصورة تبقى بألوانها الطبيعية */
#mainnav salla-user-menu,
#mainnav .s-user-menu-trigger{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

#mainnav img.s-user-menu-trigger-avatar{
  position:static !important;
  inset:auto !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}

#mainnav salla-user-menu:has(img.s-user-menu-trigger-avatar) button[slot="login-btn"],
#mainnav salla-user-menu:has(img.s-user-menu-trigger-avatar) .header-btn:has(.sicon-user),
#mainnav salla-user-menu:has(img.s-user-menu-trigger-avatar) .sicon-user{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* قائمة العميل والقائمة الجانبية لا ترث شفافية الهيدر */
#mainnav .s-user-menu-dropdown,
#mainnav .s-user-menu-dropdown-header,
#mainnav .s-user-menu-dropdown-list,
#mainnav .s-user-menu-dropdown-item,
#mainnav .s-user-menu-dropdown-item-link{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  background:#fff !important;
  background-color:#fff !important;
  text-shadow:none !important;
}

/* تثبيت قائمة العميل داخل حدود الشاشة في الجوال والدسكتوب */
#mainnav .s-user-menu-dropdown{
  inset-inline:auto !important;
  left:0 !important;
  right:auto !important;
  max-width:calc(100vw - 72px) !important;
}

/* نافذة بحث سلة يجب أن تكون أعلى من الهيدر الثابت في جميع الصفحات */
salla-modal.s-search-modal.s-modal-container,
salla-modal.s-search-modal,
.s-search-modal.s-modal-container{
  z-index:3000000 !important;
}

@media (max-width:1199px){
  :root{
    --thnyan-info-height:45px;
    --thnyan-main-height:79px;
    --thnyan-header-expanded-height:124px;
    --thnyan-header-side:16px;
  }

  body.cart main > .container{
    padding-top:112px !important;
  }

  #mainnav .thnyan-support-email{
    gap:7px !important;
    font-size:11.5px !important;
  }

  #mainnav .thnyan-support-email svg{
    width:15px !important;
    height:15px !important;
    flex-basis:15px !important;
  }

  #mainnav .header__brand{
    right:52px !important;
    width:126px !important;
  }

  #mainnav img.logo-normal,
  #mainnav .navbar-brand img{
    max-width:126px !important;
    max-height:47px !important;
  }

  #mainnav .header__main-start,
  #mainnav .header__main-end{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    pointer-events:none !important;
    background:transparent !important;
  }

  #mainnav .header__main-start > .mburger,
  #mainnav .header__main-start > salla-user-menu,
  #mainnav .header__main-end > .header__search-btn,
  #mainnav .header__main-end > salla-user-menu,
  #mainnav .header__main-end > salla-cart-summary{
    position:absolute !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateY(-50%) !important;
    pointer-events:auto !important;
    z-index:5 !important;
  }

  #mainnav .header__main-start > .mburger{
    right:0 !important;
    left:auto !important;
  }

  #mainnav .header__main-start > salla-user-menu{
    left:48px !important;
    top:calc(50% - 12px) !important;
    transform:none !important;
  }

  /* نفس موضع الأفاتار المعتمد، لكن دون transform حتى تبقى قائمته داخل الشاشة */
  #mainnav .header__main-start > salla-user-menu:has(img.s-user-menu-trigger-avatar){
    left:calc(48px + var(--thnyan-avatar-x-mobile)) !important;
    top:calc(50% - 12px + var(--thnyan-avatar-y-mobile)) !important;
    transform:none !important;
  }

  #mainnav .header__main-end > .header__search-btn{
    left:96px !important;
  }

  #mainnav .header__main-end > salla-cart-summary{
    left:0 !important;
    transform:translateY(calc(-50% + var(--thnyan-cart-y-mobile))) !important;
  }

  #mainnav .header__main-start > .header__search-btn,
  #mainnav .header__main-end > salla-user-menu{
    display:none !important;
  }

  #mainnav > .main-menu-row{
    display:none !important;
  }
}

@media (min-width:1200px){
  #mainnav .header__brand{
    width:146px !important;
  }

  #mainnav img.logo-normal,
  #mainnav .navbar-brand img{
    max-width:146px !important;
    max-height:50px !important;
  }

  #mainnav .header__main-start,
  #mainnav .header__main-end{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    width:140px !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    pointer-events:none !important;
    background:transparent !important;
  }

  #mainnav .header__main-start > .header__search-btn,
  #mainnav .header__main-end > salla-user-menu,
  #mainnav .header__main-end > salla-cart-summary{
    position:absolute !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateY(-50%) !important;
    pointer-events:auto !important;
    z-index:5 !important;
  }

  #mainnav .header__main-start > .header__search-btn{
    left:96px !important;
  }

  #mainnav .header__main-end > salla-user-menu{
    left:48px !important;
    top:calc(50% - 12px) !important;
    transform:none !important;
  }

  #mainnav .header__main-end > salla-cart-summary{
    left:0 !important;
    transform:translateY(calc(-50% + var(--thnyan-cart-y-desktop))) !important;
  }

  #mainnav .header__main-start > .mburger,
  #mainnav .header__main-start > salla-user-menu,
  #mainnav .header__main-end > .header__search-btn{
    display:none !important;
  }

  #mainnav > .main-menu-row{
    position:absolute !important;
    top:var(--thnyan-info-height) !important;
    right:calc(var(--thnyan-header-side) + 158px) !important;
    left:170px !important;
    width:auto !important;
    height:var(--thnyan-main-height) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
    color:var(--thnyan-header-color) !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    z-index:40 !important;
    transition:top .24s ease !important;
  }

  body.thnyan-header-scrolled #mainnav.main-nav-container > .main-menu-row,
  body.thnyan-header-scrolled #mainnav > .main-menu-row{
    top:0 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
  }

  body.thnyan-header-scrolled #mainnav > .main-menu-row nav,
  body.thnyan-header-scrolled #mainnav > .main-menu-row .mobile-menu,
  body.thnyan-header-scrolled #mainnav > .main-menu-row ul.main-menu{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
  }

  body.thnyan-header-scrolled #mainnav > .main-menu-row li.main-menu__desktop-item.root-level{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #mainnav > .main-menu-row nav,
  #mainnav > .main-menu-row .mobile-menu,
  #mainnav > .main-menu-row ul.main-menu{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:clamp(11px, 1.25vw, 22px) !important;
    direction:rtl !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #mainnav > .main-menu-row li.lg\:hidden{
    display:none !important;
  }

  #mainnav > .main-menu-row li.main-menu__desktop-item.root-level{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    background:transparent !important;
  }

  /* جميع عناوين سلة الرئيسية، الحالية والمضافة مستقبلًا، تظهر تلقائيًا */

  #mainnav > .main-menu-row li.main-menu__desktop-item.root-level > a,
  #mainnav > .main-menu-row li.main-menu__desktop-item.root-level > a > span{
    color:var(--thnyan-header-color) !important;
    -webkit-text-fill-color:var(--thnyan-header-color) !important;
    font-size:clamp(11px, .90vw, 13px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    text-shadow:var(--thnyan-menu-shadow) !important;
    background:transparent !important;
    transition:color .24s ease, text-shadow .24s ease !important;
  }
}

/* القائمة الجانبية تبقى فوق الهيدر وبخلفية بيضاء */
@media (max-width:1199px){
  .mm-ocd,
  .mm-ocd.mm-ocd--open{
    z-index:2000000 !important;
  }

  .mm-ocd__content,
  .mm-spn,
  .mm-spn.mm-spn--light{
    color:#111 !important;
    background:#fff !important;
    background-color:#fff !important;
  }
}

@media (max-width: 767px) {

  /* تصغير عرض القسم والكروت */
  salla-products-list[data-bundle-id="11586"]
  .s-products-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 340px !important;
    margin-inline: auto !important;
    gap: 16px 10px !important;
  }

  /* كرت أضيق وأطول */
  salla-products-list[data-bundle-id="11586"]
  custom-salla-product-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 415px !important;
  }

  /* مساحة صورة طويلة */
  salla-products-list[data-bundle-id="11586"]
  .product-card__image {
    height: 300px !important;
    min-height: 300px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  /* تصغير الساعة قليلًا مع بقائها طويلة */
  salla-products-list[data-bundle-id="11586"]
  .product-card__image img.main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(0.70) !important;
    transform-origin: center !important;
  }

  /* إظهار اسم المنتج بوضوح */
  salla-products-list[data-bundle-id="11586"]
  .product-card__content {
    padding: 10px 7px 14px !important;
  }

  salla-products-list[data-bundle-id="11586"]
  .product-card__title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    min-height: 42px !important;
    overflow: hidden !important;
  }

  /* ترتيب السعر بوضوح */
  salla-products-list[data-bundle-id="11586"]
  .product-card__price {
    flex-wrap: wrap !important;
    gap: 5px !important;
  }
}

@media (max-width: 767px) {

  salla-products-list[data-bundle-id="11586"]
  .product-card__image a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  salla-products-list[data-bundle-id="11586"]
  .product-card__image img.main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(0.85) !important;
  }
}

/* ثنيان: فصل الهيدر عن أول بانر في الرئيسية */

/* حجز مساحة فعلية للهيدر قبل بداية الفيديو */
body#app.index .store-header,
body#app.thnyan-home .store-header {
  position: relative !important;
  top: auto !important;
  height: var(--thnyan-header-expanded-height, 115px) !important;
  min-height: var(--thnyan-header-expanded-height, 115px) !important;
  z-index: 1000000 !important;
}

/* خلفية بيضاء وعناصر داكنة عند بداية الصفحة */
body#app.index:not(.thnyan-header-scrolled) #mainnav,
body#app.thnyan-home:not(.thnyan-header-scrolled) #mainnav {
  --thnyan-header-color: #080808;
  --thnyan-logo-filter: brightness(0);
  --thnyan-menu-shadow: none;
  --thnyan-divider-color: rgba(0, 0, 0, 0.14);

  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
}

/* THNYAN — عناوين المربعات مثل الموك أب */

body#app section[component-id="1287564790"] .square-links__item > a {
  display: block !important;
  position: relative !important;
  isolation: isolate;
}

body#app section[component-id="1287564790"] .square-links__item-title {
  box-sizing: border-box !important;
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  width: max-content !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 18px 12px 14px !important;

  background: var(--bg-primary, #fff) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;

  font-family:
    'Thmanyah Serif Display',
    'Noto Naskh Arabic',
    'Geeza Pro',
    serif !important;

  font-size: 24px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  text-align: start !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* سهم الموك أب */
body#app section[component-id="1287564790"] .square-links__item-title::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;

  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.25'%20stroke-linecap='square'%3E%3Cpath%20d='M19%2012H5M11%206L5%2012L11%2018'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/* الإنجليزية */
html[lang^="en"] body#app section[component-id="1287564790"] .square-links__item-title {
  font-family: 'Jost', 'Noto Naskh Arabic', sans-serif !important;
}

html[lang^="en"] body#app section[component-id="1287564790"] .square-links__item-title::after {
  transform: scaleX(-1);
}

/* THNYAN — عنوان القسم ورابط عرض جميع المنتجات */
.thnyan-section-heading-v1 {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100%;
  margin: 0 0 clamp(28px, 3.4vw, 44px) !important;
  text-align: start !important;
}

.thnyan-heading-copy-v1 {
  flex: 1;
  min-width: 0;
}

.thnyan-heading-copy-v1 h2 {
  margin: 0 !important;
  color: #000 !important;
  font-family: "Noto Naskh Arabic", serif !important;
  font-size: clamp(40px, 4.4vw, 64px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.thnyan-heading-copy-v1 p:empty,
.thnyan-heading-copy-v1 .enhanced-title-border,
.thnyan-view-all-footer-v1 {
  display: none !important;
}

a.thnyan-view-all-v1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-family: "Noto Naskh Arabic", serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transform: none !important;
}

a.thnyan-view-all-v1 > span {
  font: inherit !important;
  color: inherit !important;
}

a.thnyan-view-all-v1 > i,
a.thnyan-view-all-v1 > svg,
a.thnyan-view-all-v1::before {
  display: none !important;
}

a.thnyan-view-all-v1::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.25' stroke-linecap='square'%3E%3Cpath d='M19 12H5M11 6L5 12L11 18'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
}

a.thnyan-view-all-v1:hover {
  color: #000 !important;
  background-color: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px !important;
}

a.thnyan-view-all-v1:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
}

html[lang^="en"] .thnyan-heading-copy-v1 h2,
html[lang^="en"] a.thnyan-view-all-v1 {
  font-family: "Jost", sans-serif !important;
}

html[lang^="en"] a.thnyan-view-all-v1::after {
  transform: scaleX(-1) !important;
}

@media (max-width: 480px) {
  .thnyan-section-heading-v1 {
    gap: 12px !important;
  }
}

/* المسافة بين المجموعات وقسم الساعات والنظارات */
section.s-block--square-links.thnyan-accessories-v1 {
  margin-top: 40px !important;
}

@media (max-width: 800px) {

  section.s-block--square-links.thnyan-accessories-v1 {
    margin-top: 24px !important;
  }

  /* بطاقتان جنب بعض */
  section.s-block--square-links.thnyan-accessories-v1 .square-links__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }

  /* ترتيب محتوى كل بطاقة للجوال */
  section.s-block--square-links.thnyan-accessories-v1 .square-links__grid .square-links__item > a {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr !important;
    grid-template-areas:
      "photo"
      "title"
      "button" !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  /* صورة مربعة أعلى البطاقة */
  section.s-block--square-links.thnyan-accessories-v1 .square-links__grid .square-links__image-wrap {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    align-self: start !important;
  }

  /* العنوان تحت الصورة */
  section.s-block--square-links.thnyan-accessories-v1 .square-links__grid .square-links__item-title {
    padding: 14px 10px 10px !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    align-self: center !important;
  }

  /* زر اكتشف الآن */
  section.s-block--square-links.thnyan-accessories-v1 .square-links__grid .square-links__item-subtitle {
    justify-self: center !important;
    align-self: start !important;
    max-width: calc(100% - 20px) !important;
    min-height: 44px !important;
    margin: 0 10px 16px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {

  section.th-campaign-section .th-campaign {
    height: clamp(360px, 105vw, 440px) !important;
    min-height: 0 !important;
    max-height: 440px !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-layout {
    padding: 20px 18px 82px !important;
    align-items: flex-end !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-copy {
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-copy .th-campaign-title {
    width: 100% !important;
    font-size: clamp(32px, 8.5vw, 40px) !important;
    line-height: 1.15 !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-name {
    font-size: 14px !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-description {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-actions {
    gap: 8px !important;
    margin-top: 6px !important;
  }

  section.th-campaign-section .th-campaign a.th-campaign-button {
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  section.th-campaign-section .th-campaign .th-campaign-navigation {
    bottom: 16px !important;
    inset-inline-start: 18px !important;
    gap: 10px !important;
    max-width: calc(100% - 36px) !important;
  }

  section.th-campaign-section .th-campaign button.th-campaign-control {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
}

/* THNYAN — flat storefront surfaces. */
body#app.thnyan-mockup-v4{
 --th-rule:#ccae95;
 --th-ink:#000;
 --thnyan-header-color:#000;
 --thnyan-logo-filter:brightness(0);
 --thnyan-menu-shadow:none;
 --thnyan-info-height:0px;
 --thnyan-main-height:73px;
 --thnyan-header-expanded-height:73px;
 color:var(--th-ink);
}
body#app.thnyan-mockup-v4:not(.product-single){font-family:'Noto Naskh Arabic','Geeza Pro',serif}
html[lang^="en"] body#app.thnyan-mockup-v4:not(.product-single){font-family:'Jost',sans-serif}
body#app.thnyan-mockup-v4 :is(.square-links__image-wrap,.square-links__image-wrap img,.advanced-slider,.advanced-slider__slide,.thnyan-notify-btn){border-radius:0!important}
body#app.thnyan-mockup-v4 :is(salla-product-card,.s-product-card,.product-card,.thnyan-card),
body#app.thnyan-mockup-v4 .thnyan-card :is(img,button){border-radius:0!important}

/* Header presentation is supplied by header-v5.css. */

/* Compact home category rows. Both sets retain their original images and links. */
body#app.thnyan-mockup-v4 section.thnyan-category-tiles-v4 {
 padding-block: clamp(20px, 3.2vw, 44px) !important;
}
body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__grid {
 display: grid !important;
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 gap: clamp(6px, 3vw, 42px) !important;
 max-width: 912px !important;
 width: 100% !important;
 margin-inline: auto !important;
 padding-inline: clamp(12px, 3vw, 24px) !important;
 align-items: start;
}
body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__item {
 min-width: 0 !important;
 margin: 0 !important;
}
body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__item > a {
 display: grid !important;
 justify-items: center;
 gap: clamp(6px, 1.2vw, 15px);
}
body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__image-wrap {
 width: min(100%, 170px) !important;
 aspect-ratio: 1;
 padding: clamp(3px, .62vw, 9px);
 border: 1px solid #9c826d;
 border-radius: 50% !important;
 box-sizing: border-box;
 background: var(--bg-primary, #fff);
 overflow: hidden;
}
body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__image-wrap img {
 display: block;
 width: 100% !important;
 height: 100% !important;
 aspect-ratio: 1 !important;
 object-fit: cover !important;
 border-radius: 50% !important;
}
body#app.thnyan-mockup-v4 section.thnyan-category-tiles-v4 .square-links__item-title {
 position: static !important;
 display: block !important;
 margin: 0 !important;
 padding: 0 !important;
 background: transparent !important;
 color: #16110d !important;
 -webkit-text-fill-color: #16110d !important;
 font: 600 clamp(11px, 1.25vw, 17px)/1.35 'Noto Naskh Arabic', serif !important;
 text-align: center !important;
 white-space: normal !important;
 max-width: 100%;
}
body#app.thnyan-mockup-v4 section.thnyan-category-tiles-v4 .square-links__item-title::after {content: none !important}
html[lang^="en"] body#app.thnyan-mockup-v4 section.thnyan-category-tiles-v4 .square-links__item-title {font-family: 'Jost', sans-serif !important}


/* Equal-height product card rows. */
body#app.thnyan-mockup-v4 .s-products-list-wrapper:has(custom-salla-product-card.product-card--vertical) {
 align-items: stretch;
 grid-auto-rows: 1fr;
}
body#app.thnyan-mockup-v4 .s-products-list-wrapper[style*="--thnyan-list-card-height"] custom-salla-product-card.product-card--vertical {
 min-height: var(--thnyan-list-card-height);
}
body#app.thnyan-mockup-v4 :is(salla-products-slider, salla-slider) .swiper-slide:has(> custom-salla-product-card.product-card--vertical),
body#app.thnyan-mockup-v4 :is(salla-products-slider, salla-slider) custom-salla-product-card.product-card--vertical.swiper-slide {
 height: auto !important;
 align-self: stretch !important;
}
body#app.thnyan-mockup-v4 :is(salla-products-slider, salla-slider) .swiper-slide > custom-salla-product-card.product-card--vertical {
 width: 100%;
 height: auto !important;
 align-self: stretch !important;
}

/* Product cards. */
body#app.thnyan-mockup-v4 custom-salla-product-card.product-card--vertical{
 border-radius:0!important;background:var(--product-bg,var(--bg-primary,#fff))!important;border:0!important;box-shadow:none!important;
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;height:100%!important;overflow:hidden!important;
}
body#app.thnyan-mockup-v4 .product-card--vertical > :is(.product-card__image,.s-product-card-image-full){
 position:relative;isolation:isolate;background:#f2f2f2!important;border-radius:9999px 9999px 0 0!important;
 aspect-ratio:4/5!important;overflow:hidden!important;flex:0 0 auto!important;
 height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;
}
#app.thnyan-mockup-v4 .product-card--vertical > .product-card__image > a{
 position:absolute;inset:9.6% 2% 1.6%;display:block;height:auto!important;
}
#app.thnyan-mockup-v4 .product-card--vertical .product-card__image img{
 width:100%;height:100%;object-fit:contain!important;mix-blend-mode:multiply;
}
#app.thnyan-mockup-v4 .product-card--vertical .thnyan-card-discount-v1{top:auto!important;bottom:10px!important}
#app .product-card--vertical .product-card__actions{top:40%}
body#app.thnyan-mockup-v4 .thnyan-product-card-v4 .product-card__content{
 padding:14px 16px 18px!important;border-top:.76px solid var(--th-rule)!important;
 background:var(--product-bg,var(--bg-primary,#fff))!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 position:static!important;inset:auto!important;translate:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
}
#app .thnyan-product-card-v4 .product-card__content-wrapper{
 --th-card-title:28px;display:grid!important;grid-template:max-content 16px/max-content minmax(0,1fr);column-gap:4px;align-content:start;
 flex:0 0 auto!important;width:100%!important;position:static!important;translate:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
}
#app .thnyan-product-card-v4 .product-card__content-wrapper::before{content:'';grid-area:2/1/3/-1}
#app .thnyan-product-card-v4 .product-card__content-wrapper > *{grid-column:1/-1}
#app .thnyan-product-card-v4 .thnyan-card-heading-v1{display:contents!important}
html[lang^="en"] #app .thnyan-card-heading-v1{direction:ltr!important}
#app .thnyan-product-card-v4 .product-card__title{grid-area:1/1/2/-1;min-width:0;height:var(--th-card-title);margin:0!important;text-align:start!important}
#app .thnyan-product-card-v4 .product-card__title a{
 display:block!important;min-height:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis;
 font:500 22px/var(--th-card-title) 'Noto Naskh Arabic',serif!important;color:#000!important;
}
#app .thnyan-product-card-v4 .thnyan-card-rating-v1{grid-area:2/1/3/2;align-self:center;font-size:13px!important;line-height:16px!important;margin:0!important}
#app .thnyan-product-card-v4 .product-card__content-wrapper > .product-card__subtitle{
 grid-area:2/2/3/3;align-self:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 font-size:12px!important;line-height:16px!important;text-align:end;margin:0!important;
}
#app .thnyan-product-card-v4 .thnyan-edp-hidden-v1{display:none!important}
#app .thnyan-card-bottom-v4{
 display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;
 padding-top:8px!important;margin-top:0!important;width:100%!important;
}
#app .thnyan-card-bottom-v4 .product-card__price{width:auto!important;min-height:26px;align-items:center!important;margin:0!important;gap:8px!important}
#app .thnyan-card-bottom-v4 .total-price{font-size:20px!important;font-weight:500!important;color:#000!important}
#app .thnyan-card-bottom-v4 .before-price{font-size:14px!important;color:#666!important}
#app .thnyan-card-bottom-v4 :is(.price_is_on_sale,.starting-or-normal-price):not(.hidden){display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:nowrap!important}
#app .thnyan-card-bottom-v4 :is(.price_is_on_sale,.starting-or-normal-price).hidden{display:none!important}
#app .thnyan-card-bottom-v4 :is(.total-price,.before-price){display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;margin:0!important}
#app .thnyan-card-bottom-v4 > :is(.product-card__mini-cart,.product-card__normal-cart,.product-card__enhanced-mini-cart){
 width:auto!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;padding:0!important;
}
#app .thnyan-card-bottom-v4 :is(salla-add-product-button,salla-button){display:block!important;width:auto!important;min-width:0!important;margin:0!important}
#app .thnyan-card-bottom-v4 .s-button-element{min-height:44px!important;width:auto!important;padding:0 20px!important;border-radius:0!important;background:#000!important;color:#fff!important;box-shadow:none!important}
body#app.thnyan-mockup-v4 custom-salla-product-card :is(.s-button-element,.product-card__actions button,.product-card__buttons button,.s-button-wrap){border-radius:0!important}
html[lang^="en"] body#app.thnyan-mockup-v4 .thnyan-product-card-v4 .product-card__title a{font-family:'Jost',sans-serif!important;font-size:19px!important}
html[lang^="en"] body#app.thnyan-mockup-v4 button[product-id].s-button-element.s-button-btn.s-button-primary-outline .s-button-text::after{content:'Add'!important}

/* Availability uses Salla's original notification action, scoped to sold-out cards. */
body#app.thnyan-mockup-v4 .thnyan-stock-notify-v1 .thnyan-card-bottom-v4{flex-wrap:wrap!important;row-gap:12px!important}
body#app.thnyan-mockup-v4 .thnyan-stock-notify-v1 :is(.product-card__mini-cart,.product-card__normal-cart,.product-card__enhanced-mini-cart){flex:1 0 100%!important;width:100%!important;max-width:100%!important}
body#app.thnyan-mockup-v4 .thnyan-stock-notify-v1 .thnyan-stock-action-v1{display:block!important}
body#app.thnyan-mockup-v4 .thnyan-stock-notify-v1 .thnyan-stock-hidden-action-v1{display:none!important}
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1,
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1 > .s-add-product-button-main,
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1 .thnyan-stock-trigger-wrap-v1{display:block;width:100%!important;min-width:0!important;max-width:100%!important}
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1 .thnyan-stock-trigger-v1{width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding-inline:10px!important;border-radius:0!important}
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1 .thnyan-stock-trigger-v1 .s-button-text{font-size:14px!important;visibility:visible!important;opacity:1!important;white-space:normal!important;line-height:1.5!important}
body#app.thnyan-mockup-v4 salla-add-product-button.thnyan-stock-notify-v1 .thnyan-stock-trigger-v1 .s-button-text::after{content:none!important;display:none!important}
html[lang^="en"] body#app.thnyan-mockup-v4 .thnyan-stock-notify-v1 button[product-id].thnyan-stock-trigger-v1.s-button-element.s-button-btn.s-button-primary-outline .s-button-text::after{content:none!important;display:none!important}

/* Keep the live discount next to the original Salla prices. */
body#app.product-single .product-price-top .thnyan-product-discount-v4{
 display:inline-flex;
 align-items:center;
 padding:4px 9px;
 background:#000;
 color:#fff;
 font-size:13px;
 line-height:1.5;
 white-space:nowrap;
}
body#app.product-single .product-price-top .thnyan-product-discount-v4[hidden]{display:none}

/* About: apply the supplied mockup only to the actual About page. */
body#app.thnyan-about-page-v4 main > .container{max-width:none!important;padding:0!important;width:100%!important}
body#app.thnyan-about-page-v4 .breadcrumbs{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,4.8vw,70px)!important}
body#app.thnyan-about-page-v4 .thnyan-about-shell-v4{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important}
body#app.thnyan-about-page-v4 .thnyan-about-shell-v4 > h1[hidden]{display:none!important}
body#app.thnyan-about-page-v4 .thnyan-about-v4{font-family:'Noto Naskh Arabic',serif;font-size:17px;line-height:1.55;color:#000}
body#app.thnyan-about-page-v4 .thnyan-about-v4 > section:first-child,
body#app.thnyan-about-page-v4 .thnyan-about-v4 > section > div{max-width:1440px!important}
body#app.thnyan-about-page-v4 .thnyan-about-v4 :is(h1,h2,p,li){font-family:inherit!important}
body#app.thnyan-about-page-v4 .thnyan-about-v4 .th-reveal{opacity:1!important;transform:none!important}
html[lang^="en"] body#app.thnyan-about-page-v4 .thnyan-about-v4{font-family:'Jost',sans-serif}

/* Cart: keep the real item forms, offers, coupons and checkout; remove the footer here only. */
body#app.thnyan-mockup-v4.cart .store-header,
body#app.thnyan-mockup-v4.cart footer.store-footer{display:none!important;height:0!important;min-height:0!important}
body#app.thnyan-mockup-v4.cart main{min-height:100dvh}
body#app.thnyan-mockup-v4.cart main > .container{
 width:440px!important;max-width:100%!important;min-height:100dvh!important;height:auto!important;max-height:none!important;margin:0 auto 0 0!important;
 padding:0 28px calc(48px + env(safe-area-inset-bottom, 0px))!important;background:var(--bg-primary,#fff)!important;display:flex!important;flex-direction:column!important;overflow:visible!important;
}
html[lang^="en"] body#app.thnyan-mockup-v4.cart main > .container{margin:0 0 0 auto!important}
body#app.thnyan-mockup-v4.cart .thnyan-cart-heading-v4{display:flex;align-items:center;gap:8px;min-height:92px;border-bottom:.76px solid var(--th-rule);margin-bottom:8px}
body#app.thnyan-mockup-v4.cart .thnyan-cart-heading-v4 h1{font-size:26px;font-weight:500;line-height:1.3;margin:0}
body#app.thnyan-mockup-v4.cart .thnyan-cart-count-v4{font-size:26px;color:#666}
body#app.thnyan-mockup-v4.cart .thnyan-cart-close-v4{display:flex;align-items:center;justify-content:center;margin-inline-start:auto;width:44px;height:44px;flex:0 0 44px;font-size:30px;color:#000;background:transparent;border:0;text-decoration:none}
body#app.thnyan-mockup-v4.cart .breadcrumbs{display:none!important}
body#app.thnyan-mockup-v4.cart [data-selia="cart-root"]{display:flex!important;flex-direction:column!important;width:100%!important;gap:24px!important;flex:1 0 auto!important;padding:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body#app.thnyan-mockup-v4.cart [data-selia="cart-root"] > .main-content{width:100%!important;flex:0 0 auto!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body#app.thnyan-mockup-v4.cart :is(.cart-summary-card,.cart-summary,.cart-submit-wrap,[data-selia="cart-root"] > aside){position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;border-radius:0!important;margin:0!important}
/* Current Salla SDK: the mobile summary belongs after items and coupons. */
body#app.thnyan-mockup-v4.cart salla-cart-summary-card{display:block!important;position:static!important;width:100%!important;max-width:100%!important;flex:none!important}
body#app.thnyan-mockup-v4.cart .s-cart-summary-card{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-primary,#fff)!important}
body#app.thnyan-mockup-v4.cart .s-cart-summary-card-sheet-wrap{position:static!important;inset:auto!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-primary,#fff)!important}
body#app.thnyan-mockup-v4.cart .s-cart-summary-card-bar{border-radius:0!important;background:var(--bg-primary,#fff)!important}
body#app.thnyan-mockup-v4.cart :is(salla-cart-coupons,.s-cart-coupons){display:block;min-width:0;max-width:100%;margin-bottom:24px}
body#app.thnyan-mockup-v4.cart .cart-item{border-radius:0!important;border:0!important;border-bottom:.76px solid var(--th-rule)!important;background:transparent!important;padding-block:18px!important}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-v4{display:flex;align-items:flex-start;gap:16px;width:100%}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-image-v4{width:92px!important;height:92px!important;flex:0 0 92px;display:block}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-image-v4 img{width:100%!important;height:100%!important;object-fit:contain}
body#app.thnyan-mockup-v4.cart img.thnyan-cart-line-image-v4{object-fit:contain}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-info-v4{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-title-v4{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-title-v4 > :is(h2,h3,a,.item-name,.product-name){font-size:20px!important;font-weight:500!important;line-height:1.3!important;min-width:0}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-title-v4 > :is(salla-button,button){flex:0 0 auto;position:relative;z-index:31;pointer-events:auto}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-title-v4 > .thnyan-cart-remove-v4{flex:0 0 auto;position:static!important;inset:auto!important;transform:none!important;z-index:31;pointer-events:auto}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-bottom-v4{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-bottom-v4 .item-total{font-size:18px;font-weight:500}
body#app.thnyan-mockup-v4.cart .thnyan-cart-line-bottom-v4 salla-quantity-input{width:auto;max-width:100%}
body#app.thnyan-mockup-v4.cart :is(.cart-item img,.s-button-element,.btn,input,textarea,select,.cart-summary-card){border-radius:0!important}
body#app.thnyan-mockup-v4.cart .no-content-placeholder{align-items:flex-start;text-align:start;padding:48px 0!important}
body#app.thnyan-mockup-v4.cart #cart-submit .s-button-element{min-height:54px!important;background:#000!important;color:#fff!important}
body#app.thnyan-mockup-v4.cart #cart-submit{display:block!important;width:100%!important;margin-top:14px!important}
body#app.thnyan-mockup-v4.cart #cart-submit .s-button-element{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important}
body#app.thnyan-mockup-v4.cart #s-cart-summary-card-submit{display:block!important;width:100%!important}
body#app.thnyan-mockup-v4.cart #s-cart-summary-card-submit .s-button-element{display:flex!important;width:100%!important;min-height:54px!important;justify-content:center!important;align-items:center!important;border-radius:0!important;background:#000!important;color:#fff!important}
body#app.thnyan-mockup-v4.cart :is(.gomla-cart-bundle,salla-offer,salla-conditional-offer){max-width:100%!important}

/* Quantity labels change visually; the actual input value stays numeric for Salla. */
body#app.thnyan-mockup-v4 .thnyan-quantity-number-v4{position:relative!important}
body#app.thnyan-mockup-v4 .thnyan-quantity-number-v4 > input:not(:focus){color:transparent!important;-webkit-text-fill-color:transparent!important}
body#app.thnyan-mockup-v4 .thnyan-quantity-label-v4{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#000;font-size:16px;line-height:1;z-index:1}
body#app.thnyan-mockup-v4 .thnyan-quantity-number-v4:has(> input:focus) > .thnyan-quantity-label-v4{display:none}

@media(min-width:1024px) and (max-width:1199px){
 body#app.thnyan-mockup-v4 #mainnav .header__main-container{padding-inline:24px!important}
 body#app.thnyan-mockup-v4 #mainnav .header__main-row{gap:12px!important}
 body#app.thnyan-mockup-v4 #mainnav .navbar-brand img{max-width:145px!important}
 body#app.thnyan-mockup-v4 #mainnav .thnyan-header-nav-v4 li.root-level > a,
 body#app.thnyan-mockup-v4 #mainnav .thnyan-header-nav-v4 li.root-level > a > span{font-size:13px!important}
 body#app.thnyan-mockup-v4 #mainnav .thnyan-header-nav-v4 ul.main-menu{gap:10px!important}
}
@media(max-width:1023px){
 body#app.thnyan-mockup-v4 .store-header{height:124px!important;min-height:124px!important}
 body#app.thnyan-mockup-v4 #mainnav.main-nav-container{height:124px!important}
 body#app.thnyan-mockup-v4 #mainnav .header__main-container{padding:16px!important}
 body#app.thnyan-mockup-v4 #mainnav .header__main-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:32px 44px!important;row-gap:16px!important}
 body#app.thnyan-mockup-v4 #mainnav .header__brand{grid-column:1;grid-row:1}
 body#app.thnyan-mockup-v4 #mainnav .navbar-brand img{max-width:205px!important;height:24px!important;max-height:24px!important}
 body#app.thnyan-mockup-v4 #mainnav .header__main-row > .mburger{display:flex!important;position:static!important;inset:auto!important;transform:none!important;grid-column:2;grid-row:1;width:44px!important;height:32px!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;margin:0!important}
 body#app.thnyan-mockup-v4 #mainnav .thnyan-header-tools-v4{grid-column:1/-1;grid-row:2;justify-content:center;direction:rtl}
 body#app.thnyan-mockup-v4 #mainnav .thnyan-header-nav-v4{display:none!important}
 body#app.thnyan-mockup-v4.cart .store-header{display:none!important;height:0!important;min-height:0!important}
}
@media(max-width:767px){
 body#app.thnyan-mockup-v4 .thnyan-product-card-v4 .product-card__content{padding:10px 10px 14px!important}
 #app .thnyan-product-card-v4 .product-card__content-wrapper{--th-card-title:23px}
 body#app.thnyan-mockup-v4 .thnyan-product-card-v4 .product-card__title a{font-size:18px!important}
 body#app.thnyan-mockup-v4 .thnyan-product-card-v4 .thnyan-card-rating-v1{font-size:11px!important}
 #app .thnyan-card-bottom-v4 :is(.price_is_on_sale,.starting-or-normal-price):not(.hidden){gap:4px!important}
 #app .thnyan-card-bottom-v4 .s-button-element{padding:0 12px!important;min-height:40px!important}
 #app .thnyan-card-bottom-v4 .total-price{font-size:clamp(13px,4.3vw,17px)!important}
 #app .thnyan-card-bottom-v4 .before-price{font-size:clamp(10px,3vw,12px)!important}
 body#app.thnyan-mockup-v4.cart main > .container{width:100%!important;padding-inline:20px!important}
 body#app.thnyan-about-page-v4 .thnyan-about-v4 h1{font-size:clamp(48px,12vw,70px)!important}
}

/* THNYAN header V5: style the original header before JavaScript or hydration. */
/* Clip horizontal overflow without creating a separate scrolling ancestor. */
body#app:not(.cart):not(.modal-is-open){overflow-x:clip!important}
body#app:not(.cart) .thnyan-notice-v4{background:#000;color:#fefcf8;text-align:center;padding:9px 24px;font:500 14px/19.6px 'Noto Naskh Arabic',serif}
html[lang^="en"] body#app:not(.cart) .thnyan-notice-v4{font-family:'Jost',sans-serif}
body#app:not(.cart) .thnyan-notice-v4[hidden],body#app.cart .thnyan-notice-v4{display:none!important}
body#app:not(.cart) .store-header{
 position:sticky!important;top:0!important;height:73px!important;min-height:73px!important;z-index:1000!important;flex-shrink:0!important;background:var(--header-bg,#fff)!important;overflow:visible!important;
}
body#app:not(.cart) #mainnav.main-nav-container{
 --thnyan-header-color:#000;--thnyan-logo-filter:brightness(0);--thnyan-menu-shadow:none;
 position:relative!important;inset:auto!important;height:73px!important;box-sizing:border-box!important;
 transform:none!important;translate:none!important;animation:none!important;transition:none!important;
 display:grid!important;grid-template-columns:auto minmax(0,1fr) 270px!important;grid-template-rows:44px!important;
 direction:ltr!important;align-items:center!important;gap:24px!important;
 padding:14px max(clamp(16px,4.8vw,70px),calc((100% - 1440px)/2 + 70px))!important;
 --thnyan-header-logo-v5:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%20821%201792%20195%22%20role%3D%22img%22%20aria-label%3D%22Thnyan%22%3E%3Ctitle%3EThnyan%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%0A%3Cpath%20d%3D%22M%20323.347656%20875.539062%20L%20326.808594%20875.539062%20L%20326.808594%20827.402344%20L%2070%20827.402344%20L%2070%20875.539062%20L%2073.460938%20875.539062%20C%2086.265625%20872.222656%2098.382812%20871.390625%20126.414062%20871.390625%20L%20166.910156%20871.390625%20L%20166.910156%20964.90625%20C%20166.910156%20987.308594%20165.871094%20996.992188%20161.714844%201007.234375%20L%20161.714844%201010%20L%20234.398438%201010%20L%20234.398438%201007.234375%20C%20230.242188%20996.992188%20229.203125%20987.308594%20229.203125%20964.90625%20L%20229.203125%20871.390625%20L%20270.390625%20871.390625%20C%20298.425781%20871.390625%20310.542969%20872.222656%20323.347656%20875.539062%20M%20557.058594%201010%20L%20629.851562%201010%20L%20629.851562%201007.230469%20C%20625.6875%20996.976562%20624.65625%20987.28125%20624.65625%20964.835938%20L%20624.65625%20872.566406%20C%20624.65625%20850.125%20625.691406%20840.425781%20629.851562%20830.171875%20L%20629.851562%20827.402344%20L%20557.058594%20827.402344%20L%20557.058594%20830.171875%20C%20561.21875%20840.425781%20562.257812%20850.125%20562.257812%20872.566406%20L%20562.257812%20897.226562%20L%20428.457031%20897.226562%20L%20428.457031%20872.566406%20C%20428.457031%20850.125%20429.5%20840.425781%20433.660156%20830.171875%20L%20433.660156%20827.402344%20L%20360.867188%20827.402344%20L%20360.867188%20830.171875%20C%20365.027344%20840.425781%20366.066406%20850.125%20366.066406%20872.566406%20L%20366.066406%20964.835938%20C%20366.066406%20987.28125%20365.027344%20996.976562%20360.867188%201007.230469%20L%20360.867188%201010%20L%20433.660156%201010%20L%20433.660156%201007.230469%20C%20429.5%20996.976562%20428.457031%20987.28125%20428.457031%20964.835938%20L%20428.457031%20941.558594%20L%20562.257812%20941.558594%20L%20562.257812%20964.835938%20C%20562.257812%20987.28125%20561.21875%20996.976562%20557.058594%201007.230469%20Z%20M%20953.597656%20872.5%20C%20953.597656%20850.089844%20954.636719%20840.402344%20958.789062%20830.167969%20L%20958.789062%20827.402344%20L%20885.761719%20827.402344%20L%20885.761719%20830.167969%20C%20889.914062%20840.402344%20890.953125%20850.089844%20890.953125%20872.5%20L%20890.953125%20949.332031%20L%20771.199219%20827.402344%20L%20687.789062%20827.402344%20L%20687.789062%20964.90625%20C%20687.789062%20987.3125%20686.75%20997%20682.601562%201007.234375%20L%20682.601562%201010%20L%20755.628906%201010%20L%20755.628906%201007.234375%20C%20751.472656%20997%20750.433594%20987.3125%20750.433594%20964.90625%20L%20750.433594%20880.308594%20L%20874.683594%201010%20L%20953.597656%201010%20Z%20M%201260.933594%20830.167969%20L%201260.933594%20827.402344%20L%201176.832031%20827.402344%20L%201175.445312%20830.167969%20C%201178.214844%20840.402344%201169.21875%20847.597656%201152.257812%20866.136719%20L%201128.722656%20891.589844%20L%201105.191406%20866.136719%20C%201088.230469%20847.597656%201079.230469%20840.402344%201082%20830.167969%20L%201080.617188%20827.402344%20L%20986.824219%20827.402344%20L%20986.824219%20830.167969%20C%201000.667969%20837.914062%201005.164062%20844.832031%201019.703125%20860.324219%20L%201087.539062%20931.980469%20L%201087.539062%20964.90625%20C%201087.539062%20987.3125%201086.496094%20997%201082.347656%201007.234375%20L%201082.347656%201010%20L%201168.179688%201010%20L%201168.179688%201007.234375%20C%201164.027344%20997%201162.992188%20987.3125%201162.992188%20964.90625%20L%201162.992188%20931.980469%20L%201230.136719%20857.558594%20C%201241.554688%20845.109375%201245.011719%20840.402344%201260.933594%20830.167969%20M%201417.523438%20930.875%20L%201344.585938%20930.875%20L%201381.378906%20858.386719%20Z%20M%201445.0625%201010%20L%201543.355469%201010%20L%201543.355469%201007.234375%20C%201530.894531%20999.765625%201527.085938%20993.125%201520.511719%20980.675781%20L%201438.136719%20827.402344%20L%201334.65625%20827.402344%20L%201251.933594%20980.675781%20C%201245.359375%20993.125%201241.554688%20999.765625%201229.089844%201007.234375%20L%201229.089844%201010%20L%201316.660156%201010%20L%201318.039062%201007.234375%20C%201314.234375%20997.554688%201313.890625%20991.464844%201322.542969%20974.3125%20L%201327.878906%20963.796875%20L%201433.9375%20963.796875%20L%201439.179688%20974.3125%20C%201447.828125%20991.464844%201447.484375%20997.554688%201443.679688%201007.234375%20Z%20M%201850%20830.167969%20L%201850%20827.402344%20L%201776.96875%20827.402344%20L%201776.96875%20830.167969%20C%201781.121094%20840.402344%201782.164062%20850.089844%201782.164062%20872.5%20L%201782.164062%20949.324219%20L%201662.410156%20827.402344%20L%201579%20827.402344%20L%201579%20964.90625%20C%201579%20987.3125%201577.960938%20997%201573.808594%201007.234375%20L%201573.808594%201010%20L%201646.839844%201010%20L%201646.839844%201007.234375%20C%201642.683594%20997%201641.644531%20987.3125%201641.644531%20964.90625%20L%201641.644531%20880.308594%20L%201765.898438%201010%20L%201844.808594%201010%20L%201844.808594%20872.5%20C%201844.808594%20850.089844%201845.847656%20840.402344%201850%20830.167969%20%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
 background:var(--header-bg,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 box-shadow:none!important;border-bottom:.76px solid #666!important;
}
body#app:not(.cart) #mainnav > .thnyan-support-bar{display:none!important}
body#app:not(.cart) #mainnav > .inner{display:contents!important;position:static!important;inset:auto!important;height:100%!important;padding:0!important}
body#app:not(.cart) #mainnav .header__main-container,
body#app:not(.cart) #mainnav .header__main-row{display:contents!important;position:static!important;inset:auto!important;padding:0!important;margin:0!important}
body#app:not(.cart) #mainnav .header__main-start{display:contents!important}
body#app:not(.cart) #mainnav .header__main-start > :not(.mburger){display:none!important}
body#app:not(.cart) #mainnav .header__brand{
 position:static!important;inset:auto!important;grid-column:1;grid-row:1;
 display:flex!important;width:auto!important;height:auto!important;justify-content:flex-start!important;
}
body#app:not(.cart) #mainnav .navbar-brand img{
 content:var(--thnyan-header-logo-v5)!important;width:auto!important;height:22px!important;max-width:190px!important;max-height:22px!important;object-fit:contain!important;filter:brightness(0)!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4){
 grid-column:3;grid-row:1;display:flex!important;align-items:center;justify-content:flex-start;
 direction:rtl;gap:2px;min-width:270px!important;width:270px!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) > :is(salla-cart-summary,salla-user-menu,.header__search-btn){
 display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
 width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;
 align-items:center!important;align-self:center!important;justify-content:center!important;pointer-events:auto!important;
 box-sizing:border-box!important;line-height:1!important;overflow:visible!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) :is(.s-cart-summary-wrapper,.s-cart-summary-content,.s-user-menu-trigger){margin:0!important;padding:0!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .thnyan-language-v3{margin:0 10px 0 0!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) :is(.s-cart-summary-wrapper,.s-user-menu-wrapper,.s-user-menu-trigger-slot,.s-user-menu-trigger,salla-user-menu:not(:has(img.s-user-menu-trigger-avatar)) button[slot="login-btn"]){
 display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
 align-items:center!important;justify-content:center!important;align-self:center!important;
 width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;box-sizing:border-box!important;line-height:1!important;
 background:transparent!important;flex:0 0 44px!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .s-user-menu-avatar-wrap{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:24px!important;height:24px!important;margin:0!important;padding:0!important;line-height:1!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .header-btn__icon{
 display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;
 inset:auto!important;transform:none!important;vertical-align:middle!important;
 width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;padding:0!important;line-height:1!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .s-cart-summary-count{
 position:absolute!important;top:0!important;bottom:auto!important;left:calc(50% + 10px)!important;right:auto!important;
 width:auto!important;min-width:16px!important;height:16px!important;padding:0 3px!important;margin:0!important;
 box-sizing:border-box!important;transform:none!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;line-height:1!important;font-size:10px!important;
 font-variant-numeric:tabular-nums;white-space:nowrap!important;pointer-events:none!important;
 background:#000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:0!important;
}
@media(min-width:768px){
 body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) salla-user-menu .s-user-menu-dropdown{left:auto!important;right:0!important}
}
body#app:not(.cart) #mainnav i.header-btn__icon.icon.sicon-cart::before{width:18px!important;height:16px!important;top:62%!important;border-width:1.25px!important;border-radius:0!important}
body#app:not(.cart) #mainnav i.header-btn__icon.icon.sicon-cart::after{border-width:1.25px!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .sicon-search::before{
 content:''!important;display:block;width:22px;height:22px;
 background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E");
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) .sicon-user::before{
 content:''!important;display:block;width:22px;height:22px;
 background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21C4 16.5 7.5 14 12 14S20 16.5 20 21'/%3E%3C/svg%3E");
}
body#app:not(.cart) #mainnav :is(.th-menu-click-root-v2,li[id="1411281236"]) > a::after{
 content:''!important;display:inline-block!important;position:static!important;align-self:center!important;opacity:1!important;transform:none!important;flex:0 0 12px!important;width:12px!important;height:12px!important;border:0!important;margin:0!important;padding:0!important;
 background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
}
body#app:not(.cart) #mainnav :is(.th-menu-click-root-v2,li[id="1411281236"]) > a[aria-expanded="true"]::after{transform:rotate(180deg)!important}
body#app:not(.cart) #mainnav .header__main-start > .mburger{display:none!important}
body#app:not(.cart) #mainnav .mburger .sicon-menu::before{
 content:''!important;display:block;width:22px;height:22px;
 background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20'/%3E%3C/svg%3E");
}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4){
 position:static!important;inset:auto!important;grid-column:2;grid-row:1;display:flex!important;
 width:100%!important;height:44px!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) :is(nav.mobile-menu,ul.main-menu){
 width:100%!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:nowrap!important;gap:clamp(10px,1.3vw,22px)!important;direction:rtl!important;margin:0!important;padding:0!important;
 overflow:visible!important;transform:none!important;background:transparent!important;
}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) ul.main-menu > li:not(.root-level){display:none!important}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level{
 display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;
}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a,
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a > span{
 font:500 15px/1.4 'Noto Naskh Arabic',serif!important;color:#000!important;-webkit-text-fill-color:#000!important;
 white-space:nowrap!important;text-shadow:none!important;letter-spacing:0!important;
}
html[lang^="en"] body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a,
html[lang^="en"] body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a > span{font-family:'Jost',sans-serif!important;font-size:13px!important}
html[lang^="en"] body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) ul.main-menu{direction:ltr!important}
body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) .close-mobile-menu{display:none!important}

body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;gap:6px!important;
}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) > salla-cart-summary{order:0!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) > salla-user-menu{order:1!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) > .header__search-btn{order:2!important}
body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4) > .thnyan-language-v3{order:3!important;flex-shrink:0!important}
/* Use Salla's menu order. The first item starts on the right in Arabic. */
body#app:not(.cart) #mainnav ul.main-menu > li.root-level{order:0!important}
body#app:not(.cart) #mainnav ul.main-menu > [id="1411281236"] > :is(.sub-menu,ul){display:none!important}
/* Keep the offer label's box stable while its digits are localized. */
html:not([lang^="en"]) body#app:not(.cart) #mainnav ul.main-menu > [id="1424935000"] > a{min-width:176px!important}

/* Reserve the announcement while the real accessible element is mounting. */
body#app:not(.cart):not(:has(#thnyan-notice-v4)):not(:has(salla-advertisement a,salla-advertisement img,salla-advertisement video)) .store-header{margin-top:37.6px!important}
body#app:not(.cart):not(:has(#thnyan-notice-v4)):not(:has(salla-advertisement a,salla-advertisement img,salla-advertisement video)) .store-header::before{
 content:'شحن مجاني للطلبات أكثر من ٣٠٠ ريال';position:absolute;inset-inline:0;top:-37.6px;
 display:block;height:37.6px;box-sizing:border-box;background:#000!important;background-color:#000!important;color:#fefcf8!important;
 padding:9px 24px;text-align:center;font:500 14px/19.6px 'Noto Naskh Arabic',serif;
}
html[lang^="en"] body#app:not(.cart):not(:has(#thnyan-notice-v4)):not(:has(salla-advertisement a,salla-advertisement img,salla-advertisement video)) .store-header::before{content:'Free shipping on orders over SAR 300';font-family:'Jost',sans-serif}
body#app.cart .store-header{display:none!important;height:0!important;min-height:0!important}

/* Salla still owns the modal, history, suggestions, keyboard and search results. */
html.thnyan-search-loading-v5 .s-search-modal .s-search-panel:has(.s-search-input:placeholder-shown) .s-search-idle-panel-empty{display:block!important;min-height:72px!important;padding:16px!important}
html.thnyan-search-loading-v5 .s-search-modal .s-search-panel:has(.s-search-input:placeholder-shown) .s-search-idle-panel-empty::after{content:'جاري تحميل الاقتراحات…';display:block;color:#666;font-size:14px;line-height:1.6;text-align:start}
html[lang^="en"].thnyan-search-loading-v5 .s-search-modal .s-search-panel:has(.s-search-input:placeholder-shown) .s-search-idle-panel-empty::after{content:'Loading suggestions…'}

@media(min-width:1024px) and (max-width:1199px){
 body#app:not(.cart) #mainnav.main-nav-container{padding-inline:24px!important;gap:12px!important}
 body#app:not(.cart) #mainnav .navbar-brand img{max-width:145px!important}
 body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a,
 body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) li.root-level > a > span{font-size:13px!important}
 body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4) ul.main-menu{gap:10px!important}
 html:not([lang^="en"]) body#app:not(.cart) #mainnav ul.main-menu > [id="1424935000"] > a{min-width:154px!important}
}
@media(max-width:1023px){
 body#app:not(.cart) .store-header{height:124px!important;min-height:124px!important}
 body#app:not(.cart) #mainnav.main-nav-container{
  height:124px!important;padding:16px!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:32px 44px!important;row-gap:16px!important;column-gap:24px!important;
 }
 body#app:not(.cart) #mainnav .header__brand{grid-column:1;grid-row:1}
 body#app:not(.cart) #mainnav .navbar-brand img{max-width:205px!important;height:24px!important;max-height:24px!important}
 body#app:not(.cart) #mainnav .header__main-start > .mburger{
  display:flex!important;position:static!important;inset:auto!important;transform:none!important;
  grid-column:2;grid-row:1;width:44px!important;height:32px!important;
  align-items:center!important;justify-content:center!important;pointer-events:auto!important;margin:0!important;
 }
 body#app:not(.cart) #mainnav :is(.header__main-end,.thnyan-header-tools-v4){grid-column:1/-1;grid-row:2;justify-self:center!important;justify-content:flex-start!important}
 body#app:not(.cart) #mainnav :is(.main-menu-row,.thnyan-header-nav-v4){display:none!important}
}

/* إخفاء تغيير اللغة من ذيل الصفحة فقط */
footer [data-selia="footer-language-switcher"],
footer .store-footer__language-btn {
  display:none !important;
}

/* The header tools use pointer-events:none; restore the actual language controls. */
body#app #mainnav .thnyan-language-v3,
body#app #mainnav .thnyan-language-v3 > button {
  pointer-events:auto!important;
  touch-action:manipulation;
}
body#app #mainnav .thnyan-language-v3[aria-busy="true"] {pointer-events:none!important}
body#app #mainnav .thnyan-language-v3[aria-busy="true"] > button {pointer-events:none!important}

/* Owner-only product editing shortcut: keep it out of the storefront. */
body.product-single .thnyan-owner-edit-hidden-v1,
body.product-single a[href^="https://s.salla.sa/"][href*="/product"] {display:none!important}

/* Contain the native gallery and its promo label in the product media. */
body#app.product-single .product-single__main-media {position:relative}
@media (max-width: 767px) {
  body#app.product-single :is(.product-single__slider__inner,.product-single__main-media,.details-slider,.details-slider > .s-slider-container,.product-single__slide-image) {
    max-width:100%;
  }
  body#app.product-single :is(.product-single__slider__inner,.details-slider > .s-slider-container) {
    margin-inline:0;
  }
}

/* Keep the payment button inside the native add-to-cart area. */
body#app.product-single #product-form .sticky-product-bar__btn .s-add-product-button-main:has(> salla-quick-buy) {
  flex-wrap:wrap;
}
body#app.product-single #product-form .sticky-product-bar__btn .s-add-product-button-main > salla-quick-buy {
  flex:1 1 100%;
  min-width:0;
  max-width:100%;
}

/* Hide this floating arrow only in the cart. */
body.cart .scroll-to-top {display:none!important;visibility:hidden!important;pointer-events:none!important}

/* No empty carousel or controls when all its cards are sold-out Collections. */
body#app salla-products-slider.thnyan-collections-empty-v1 {display:none!important}

/* THNYAN: contact and locale above the navigation, with a video overlay on home. */
body#app:not(.cart) .store-header {
 --thnyan-header-height-v6: 104px;
 position: sticky !important;
 top: 0 !important;
 height: var(--thnyan-header-height-v6) !important;
 min-height: var(--thnyan-header-height-v6) !important;
 flex-shrink: 0;
 z-index: 1000 !important;
}

body#app:not(.cart) #mainnav.main-nav-container {
 --thnyan-header-gutter-v6: max(14px, calc((100% - 1440px) / 2 + 16px));
 --thnyan-header-rule-v6: rgba(0, 0, 0, .19);
 height: var(--thnyan-header-height-v6, 104px) !important;
 grid-template-columns: max-content minmax(0, 1fr) auto 42px !important;
 grid-template-rows: 46px minmax(0, 1fr) !important;
 gap: 0 8px !important;
 padding: 0 var(--thnyan-header-gutter-v6) !important;
 direction: ltr !important;
 border-bottom: 1px solid var(--thnyan-header-rule-v6) !important;
 color: var(--thnyan-header-color) !important;
}

body#app:not(.cart) #mainnav > #thnyan-support-bar {
 position: relative !important;
 inset: auto !important;
 grid-column: 1 / -1;
 grid-row: 1;
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;
 height: 100% !important;
 min-width: 0;
 padding: 0 !important;
 margin: 0 !important;
 border: 0 !important;
 background: transparent !important;
 color: inherit !important;
 pointer-events: auto !important;
}

body#app:not(.cart) #mainnav > #thnyan-support-bar::after {
 content: '' !important;
 position: absolute !important;
 inset: auto calc(-1 * var(--thnyan-header-gutter-v6)) 0 !important;
 height: 1px !important;
 background: var(--thnyan-header-rule-v6) !important;
 pointer-events: none;
}

body#app:not(.cart) #mainnav .thnyan-header-email-v6 {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 min-height: 38px;
 min-width: 0;
 font: 500 clamp(10px, 1.05vw, 13px)/1.2 'Jost', Arial, sans-serif;
 white-space: nowrap;
 color: inherit !important;
 -webkit-text-fill-color: currentColor !important;
 text-decoration: none;
}
body#app:not(.cart) #mainnav .thnyan-header-email-v6 svg {flex: 0 0 16px}

body#app:not(.cart) #mainnav .header__brand {
 grid-column: 3 !important;
 grid-row: 2 !important;
 justify-self: end;
 min-width: 0;
}

body#app:not(.cart) #mainnav .header__main-start > .mburger {
 display: flex !important;
 position: static !important;
 inset: auto !important;
 transform: none !important;
 grid-column: 4 !important;
 grid-row: 2 !important;
 align-items: center !important;
 justify-content: center !important;
 width: 42px !important;
 height: 44px !important;
 margin: 0 !important;
 pointer-events: auto !important;
}
body#app:not(.cart) #mainnav .mburger .menu-label {display: none !important}

body#app:not(.cart) #mainnav :is(.header__main-end, .thnyan-header-tools-v4) {
 grid-column: 1 !important;
 grid-row: 2 !important;
 justify-self: start !important;
 justify-content: flex-end !important;
 direction: ltr !important;
 width: max-content !important;
 min-width: 0 !important;
}
@media (min-width: 768px) {
 body#app:not(.cart) #mainnav :is(.header__main-end, .thnyan-header-tools-v4) salla-user-menu .s-user-menu-dropdown {
  left: 0 !important;
  right: auto !important;
 }
}
body#app:not(.cart) #mainnav :is(.main-menu-row, .thnyan-header-nav-v4) {display: none !important}
.mm-ocd, .mm-ocd.mm-ocd--open {z-index: 2000000 !important}

body#app:not(.cart):is(.index, .thnyan-home):has(main .advanced-slider--0 video) .store-header {
 margin-bottom: calc(-1 * var(--thnyan-header-height-v6)) !important;
 background: transparent !important;
}
body#app:not(.cart):is(.index, .thnyan-home):has(main .advanced-slider--0 video) .advanced-slider--0 {
 background-color: #171614;
}
body#app:not(.cart) main .advanced-slider--0 video.advanced-slider__video {
 aspect-ratio: auto 12 / 5;
 height: auto !important;
 object-fit: cover;
}
@media (max-width: 639px) {
 body#app:not(.cart) main .advanced-slider--0 video.advanced-slider__video {aspect-ratio: auto 9 / 16}
}
/* The sticky header stays translucent once content scrolls underneath. */
body#app:not(.cart).thnyan-header-scrolled .store-header {
 background: transparent !important;
}
body#app:not(.cart):is(.index, .thnyan-home):not(.thnyan-header-scrolled):has(main .advanced-slider--0 video) #mainnav.main-nav-container {
 background: linear-gradient(180deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .2)) !important;
 border-bottom-color: transparent !important;
}
body#app:not(.cart).thnyan-header-scrolled #mainnav.main-nav-container {
 background: rgba(17, 15, 14, .51) !important;
 backdrop-filter: blur(12px) !important;
 -webkit-backdrop-filter: blur(12px) !important;
}
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav.main-nav-container {
 --thnyan-header-color: #fff;
 --thnyan-header-rule-v6: rgba(255, 255, 255, .34);
}
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav .navbar-brand img {
 filter: brightness(0) invert(1) !important;
}
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav :is(.sicon-menu, .sicon-search, .sicon-user)::before {
 filter: invert(1);
}
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav .sicon-cart {
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
}
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav .sicon-cart::before,
body#app:not(.cart):is(.thnyan-header-scrolled, :is(.index, .thnyan-home):has(main .advanced-slider--0 video)) #mainnav .sicon-cart::after {border-color: #fff !important}

/* The desktop drawer uses the same categories and subcategories as the mobile menu. */
body#app.thnyan-desktop-menu-open-v6 {overflow: hidden !important}
dialog.thnyan-desktop-menu-v6 {
 position: fixed;
 inset: 0 0 0 auto;
 width: min(420px, 100vw);
 height: 100dvh;
 max-width: none;
 max-height: none;
 padding: 0;
 margin: 0;
 border: 0;
 background: var(--bg-primary, #fff);
 color: #141210;
 overflow: auto;
 overscroll-behavior: contain;
}
dialog.thnyan-desktop-menu-v6[dir='ltr'] {inset: 0 auto 0 0}
dialog.thnyan-desktop-menu-v6::backdrop {background: rgba(0, 0, 0, .42)}
.thnyan-desktop-menu-heading-v6 {
 display: flex;
 position: sticky;
 top: 0;
 align-items: center;
 justify-content: space-between;
 min-height: 66px;
 padding: 8px 24px;
 background: var(--bg-primary, #fff);
 border-bottom: 1px solid #d8d1c7;
 z-index: 1;
}
.thnyan-desktop-menu-heading-v6 h2 {font-size: 22px; font-weight: 600; line-height: 1.4; margin: 0}
.thnyan-desktop-menu-heading-v6 button {width: 44px; height: 44px; font-size: 28px; background: transparent; color: inherit}
.thnyan-desktop-menu-v6 ul {list-style: none; margin: 0; padding: 0}
.thnyan-desktop-menu-v6 nav > ul > li {border-bottom: 1px solid #e9e2d8}
.thnyan-desktop-menu-v6 :is(a, summary) {
 display: block;
 padding: 15px 24px;
 font-size: 17px;
 color: inherit;
 cursor: pointer;
}
.thnyan-desktop-menu-v6 summary {display: flex; justify-content: space-between; align-items: center; list-style: none}
.thnyan-desktop-menu-v6 summary::-webkit-details-marker {display: none}
.thnyan-desktop-menu-v6 summary::after {content: '+'; margin-inline-start: 12px}
.thnyan-desktop-menu-v6 details[open] > summary::after {content: '−'}
.thnyan-desktop-menu-v6 details ul {padding-inline-start: 14px; background: var(--bg-secondary, #fff)}
.thnyan-desktop-menu-v6 :is(a, summary):hover {background: color-mix(in srgb, var(--bg-primary, #fff) 94%, currentColor)}

@media (max-width: 600px) {
 body#app:not(.cart) #mainnav.main-nav-container {grid-template-columns: max-content minmax(0, 1fr) auto 36px !important; gap: 0 3px !important}
 body#app:not(.cart) #mainnav .header__main-start > .mburger {width: 36px !important}
 body#app:not(.cart) #mainnav .header__brand {
  --thnyan-mobile-logo-width: min(clamp(136px, 43vw, 186px), calc(100vw - 182px));
 }
 body#app:not(.cart) #mainnav .navbar-brand img {
  width: var(--thnyan-mobile-logo-width) !important;
  max-width: none !important;
  height: calc(var(--thnyan-mobile-logo-width) * 195 / 1792) !important;
  max-height: none !important;
 }
 body#app:not(.cart) #mainnav .header__main-end > :is(salla-cart-summary, salla-user-menu, .header__search-btn),
 body#app:not(.cart) #mainnav .header__main-end :is(.s-cart-summary-wrapper, .s-user-menu-wrapper, .s-user-menu-trigger-slot, .s-user-menu-trigger) {
  width: 36px !important;
  min-width: 36px !important;
  flex-basis: 36px !important;
 }
 body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__grid {
  box-sizing: border-box;
  gap: clamp(5px, 1.6vw, 9px) !important;
  padding-inline: clamp(8px, 2.4vw, 14px) !important;
 }
 body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__item > a {
  gap: 10px;
 }
 body#app.thnyan-mockup-v4 .thnyan-category-tiles-v4 .square-links__image-wrap {
  width: min(100%, 102px) !important;
  padding: 2px;
  border-width: 2px;
 }
 body#app.thnyan-mockup-v4 section.thnyan-category-tiles-v4 .square-links__item-title {
  font-size: clamp(12px, 3.35vw, 15px) !important;
  font-weight: 700 !important;
 }
}

/* All Products is a link; the separate arrow opens its subcategories. */
/* Celia still uses its off-canvas menu at the 1024px breakpoint. */
#mobile-menu.mm-spn .thnyan-all-products-v8 {
 display: list-item !important;
}
#mobile-menu.mm-spn > .main-menu > li.root-level:has(> a[href*="/c87159225"]) {
 display: none !important;
}
:is(#mobile-menu, .thnyan-desktop-menu-v6) .thnyan-all-products-v8 {
 position: relative;
}
#mobile-menu .thnyan-all-products-v8 > .main-menu__parent-label,
#mobile-menu .thnyan-all-products-v8::before,
#mobile-menu .thnyan-all-products-link-v8::after {
 display: none !important;
}
:is(#mobile-menu, .thnyan-desktop-menu-v6) .thnyan-all-products-link-v8 {
 display: block !important;
 width: calc(100% - 48px);
 min-height: 50px;
 box-sizing: border-box;
}
:is(#mobile-menu, .thnyan-desktop-menu-v6) .thnyan-all-products-v8 .thnyan-all-products-toggle-v8 {
 position: absolute;
 inset-block-start: 0;
 inset-inline-end: 0;
 display: grid;
 place-items: center;
 width: 48px;
 height: 50px;
 padding: 0;
 border: 0;
 background: transparent;
 color: inherit;
 cursor: pointer;
}
:is(#mobile-menu, .thnyan-desktop-menu-v6) .thnyan-all-products-toggle-v8::after {
 content: '';
 width: 8px;
 height: 8px;
 margin: 0;
 border-right: 1.5px solid;
 border-bottom: 1.5px solid;
 transform: rotate(45deg);
}
.thnyan-desktop-menu-v6 details[open] > .thnyan-all-products-toggle-v8::after {
 content: '';
 transform: rotate(225deg);
}