/* =========================================================
   دار التدمريّة — Numo
   SAFE UNIFIED STYLE v3
   ملاحظة: هذا الملف مخصص للتنسيق فقط.
   لا يخفي أقسام الصفحة، ولا يغيّر الخط، ولا يستبدل أيقونات سلة.
   ========================================================= */

:root{
  --dt-bg:#f7f3eb;
  --dt-bg-soft:#fbf8f2;
  --dt-white:#fffdf9;
  --dt-card:#fffdf9;

  --dt-brown:#5a3025;
  --dt-brown-dark:#3f2119;
  --dt-brown-soft:#745044;

  --dt-gold:#b28a46;
  --dt-gold-soft:#d9c298;

  --dt-text:#403630;
  --dt-muted:#83766d;
  --dt-old:#9b9189;

  --dt-border:#e6d9c9;
  --dt-border-soft:#eee5d9;

  --dt-shadow:0 8px 24px rgba(63,33,25,.07);
  --dt-shadow-hover:0 14px 32px rgba(63,33,25,.12);

  --dt-radius:15px;
}

/* =========================================================
   BASE — لا نغيّر الخط
   ========================================================= */

html{
  background:var(--dt-bg)!important;
  scroll-behavior:smooth;
}

body{
  margin:0!important;
  background:linear-gradient(
    180deg,
    #fbf8f2 0%,
    #f7f3eb 58%,
    #f8f4ed 100%
  )!important;
  color:var(--dt-text)!important;
  overflow-x:hidden!important;
}

main{
  background:transparent!important;
  padding:0!important;
}

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

button,input,textarea,select{
  font-family:inherit!important;
}

img{
  image-rendering:auto;
}

a{
  color:inherit;
  text-decoration:none;
  transition:
    color .25s ease,
    opacity .25s ease,
    background-color .25s ease,
    border-color .25s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(178,138,70,.65)!important;
  outline-offset:2px;
}

h1,h2,h3,h4,h5,h6{
  color:var(--dt-brown)!important;
}

.container,
.s-container{
  max-width:1400px!important;
}


/* =========================================================
   HEADER
   نحافظ على بنية نمو ولا نلمس الأيقونات
   ========================================================= */

header{
  position:relative!important;
  z-index:100!important;
  background:var(--dt-white)!important;
  color:var(--dt-text)!important;
  border-bottom:1px solid var(--dt-border)!important;
  box-shadow:0 3px 16px rgba(63,33,25,.055)!important;
}

header>div{
  box-sizing:border-box!important;
}

header a{
  color:var(--dt-brown)!important;
}

header a:hover{
  color:var(--dt-gold)!important;
}

header img{
  object-fit:contain!important;
  image-rendering:auto!important;
}

header a img{
  width:auto!important;
  max-width:160px!important;
  max-height:72px!important;
}

/* البحث فقط */

header input[type="search"],
header input[placeholder*="بحث"],
header input[placeholder*="ابحث"]{
  background:#f8f4ed!important;
  border:1px solid #e1d4c4!important;
  border-radius:30px!important;
  color:var(--dt-text)!important;
  min-height:48px!important;
  box-shadow:none!important;
  outline:none!important;
}

header input[type="search"]::placeholder,
header input[placeholder*="بحث"]::placeholder,
header input[placeholder*="ابحث"]::placeholder{
  color:#8b7d72!important;
}

header input[type="search"]:focus,
header input[placeholder*="بحث"]:focus,
header input[placeholder*="ابحث"]:focus{
  border-color:var(--dt-gold)!important;
  box-shadow:0 0 0 3px rgba(178,138,70,.10)!important;
  background:#fffdf9!important;
}

header .search-bar,
header .search-container,
header .search-wrapper{
  border-top:0!important;
  border-bottom:0!important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

header nav,
header [role="navigation"]{
  background:var(--dt-white)!important;
  border-color:var(--dt-border)!important;
}

header nav a,
header nav button,
header [role="navigation"] a{
  position:relative;
  color:var(--dt-brown)!important;
  white-space:nowrap!important;
  border:0!important;
  transition:color .2s ease,background-color .2s ease!important;
}

header nav a:hover,
header nav button:hover,
header [role="navigation"] a:hover{
  color:var(--dt-gold)!important;
}

/* إزالة الخطوط القديمة فقط */

header nav a::before,
header nav a::after,
header nav button::before,
header nav button::after{
  content:none!important;
  display:none!important;
}

header nav ul,
header nav li,
header nav ul ul,
header nav ul ul li,
header nav ul ul a,
header nav [class*="dropdown"],
header nav [class*="dropdown"] li,
header nav [class*="dropdown"] a{
  border-left:0!important;
  border-right:0!important;
  border-inline-start:0!important;
  border-inline-end:0!important;
  outline:0!important;
}

header nav ul ul,
header nav li ul,
header nav .dropdown-menu,
header nav .sub-menu{
  background:var(--dt-white)!important;
  border:1px solid var(--dt-border-soft)!important;
  border-radius:12px!important;
  box-shadow:0 10px 30px rgba(64,33,25,.10)!important;
  overflow:hidden;
}

header nav ul ul::before,
header nav ul ul::after,
header nav ul ul li::before,
header nav ul ul li::after,
header nav [class*="dropdown"]::before,
header nav [class*="dropdown"]::after{
  content:none!important;
  display:none!important;
}

header nav ul ul a,
header nav .dropdown-menu a,
header nav .sub-menu a{
  color:var(--dt-brown)!important;
  background:transparent!important;
  border:0!important;
}

header nav ul ul a:hover,
header nav .dropdown-menu a:hover,
header nav .sub-menu a:hover{
  color:var(--dt-brown-dark)!important;
  background:#f8f3ea!important;
}


/* =========================================================
   SECTIONS — تنسيق فقط، بدون إخفاء
   ========================================================= */

.s-block{
  background:transparent!important;
}

.s-block-title,
.s-block-title h2,
.s-block-title h3,
[class*="s-block-title"] h2,
[class*="s-block-title"] h3{
  color:var(--dt-brown)!important;
  font-weight:800!important;
}

section:has(.product-block){
  background:transparent!important;
  margin-top:0!important;
  padding-top:8px!important;
  padding-bottom:22px!important;
}

section:has(.product-block) .section-title{
  position:relative!important;
  color:var(--dt-brown)!important;
  font-size:24px!important;
  font-weight:800!important;
  text-align:right!important;
  padding-right:15px!important;
  margin-top:10px!important;
  margin-bottom:25px!important;
}

section:has(.product-block) .section-title::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:4px!important;
  height:30px!important;
  border-radius:5px!important;
  background:var(--dt-brown)!important;
}

section:has(.product-block) .section-title::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

@media (min-width:1200px){
  section:has(.product-block) .grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:20px!important;
  }
}

@media (min-width:768px) and (max-width:1199px){
  section:has(.product-block) .grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.product-block{
  width:100%!important;
  min-width:0!important;

  background:var(--dt-card)!important;

  border:1px solid var(--dt-border)!important;
  border-radius:var(--dt-radius)!important;

  overflow:hidden!important;

  box-shadow:var(--dt-shadow)!important;
  padding:0!important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease!important;

  will-change:transform;
}

.product-block:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(178,138,70,.38)!important;
  box-shadow:var(--dt-shadow-hover)!important;
}


/* =========================================================
   PRODUCT IMAGE
   أهم تعديل:
   لا نضع أي خلفية من CSS
   ولا نستخدم cover
   حتى لا تتغير خلفية صورة الكتاب
   ========================================================= */

.product-block__thumb{
  width:100%!important;
  overflow:hidden!important;

  background:transparent!important;

  position:relative!important;
}

.product-block__thumb img{
  display:block!important;

  width:100%!important;
  height:auto!important;

  object-fit:contain!important;

  background:transparent!important;

  transition:
    transform .55s cubic-bezier(.2,.7,.2,1)!important;
}

.product-block:hover .product-block__thumb img{
  transform:scale(1.025)!important;
}


/* =========================================================
   PRODUCT INFO
   ========================================================= */

.product-block__info{
  background:var(--dt-card)!important;

  padding:12px 12px 5px!important;

  min-height:140px!important;

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

  box-sizing:border-box!important;
}


/* =========================================================
   PRODUCT TITLE
   لا نغيّر نوع الخط
   ========================================================= */

.product-block__info .product-title{
  width:100%!important;

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

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

  text-align:center!important;

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

  overflow:hidden!important;

  box-sizing:border-box!important;

  color:var(--dt-brown)!important;
}

.product-block__info .product-title h2.title,
.product-block__info .product-title h2.title.title--primary,
.product-block__info .product-title h2.title.title--primary.title--small{
  width:100%!important;

  margin:0!important;
  padding:0!important;

  color:var(--dt-brown)!important;

  /* لا font-family هنا */
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.7!important;

  text-align:center!important;

  max-height:88px!important;
  overflow:hidden!important;

  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;

  transition:color .25s ease!important;
}

.product-block:hover .product-title h2{
  color:var(--dt-brown-dark)!important;
}


/* =========================================================
   PRICES
   لا نجعل السعر القديم مثل الجديد
   ========================================================= */

.product-block__info .price-wrapper{
  width:100%!important;

  min-height:30px!important;

  margin:0 0 8px!important;

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

  gap:7px!important;

  flex-wrap:wrap!important;
}


/* السعر الحالي */

.product-block__info .price-wrapper .price,
.product-block__info .price-wrapper .sale-price,
.product-block__info .price-wrapper .special-price{
  color:var(--dt-brown)!important;
  font-weight:800!important;
  font-size:19px!important;
}


/* السعر القديم */

.product-block__info .price-wrapper del,
.product-block__info .price-wrapper s,
.product-block__info .price-wrapper .old-price,
.product-block__info .price-wrapper .before-price{
  color:var(--dt-old)!important;
  font-weight:500!important;
  font-size:14px!important;
  text-decoration:line-through!important;
}


/* =========================================================
   ADD TO CART
   نستخدم محدد سلة الأصلي فقط
   ========================================================= */

.product-block .btn.btn--floated.btn--add-to-cart{
  position:relative!important;

  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;

  float:none!important;
  transform:none!important;

  width:calc(100% - 24px)!important;

  height:46px!important;
  min-height:46px!important;

  margin:0 12px 12px!important;
  padding:0 15px!important;

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

  gap:8px!important;

  background:var(--dt-brown)!important;

  border:1px solid var(--dt-brown)!important;

  border-radius:10px!important;

  color:#fff!important;

  box-shadow:none!important;

  z-index:2!important;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease,
    box-shadow .3s ease!important;
}

.product-block .btn.btn--floated.btn--add-to-cart span{
  display:inline!important;
  color:#fff!important;
}

.product-block .btn.btn--floated.btn--add-to-cart:hover{
  background:var(--dt-brown-dark)!important;
  border-color:var(--dt-brown-dark)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 18px rgba(64,33,25,.15)!important;
}

/* لا نغير SVG/icon الخاص بزر السلة */


/* =========================================================
   MORE BUTTON
   ========================================================= */

section:has(.product-block) a.btn,
section:has(.product-block) button.btn{
  background:var(--dt-brown)!important;
  background-color:var(--dt-brown)!important;

  border:1px solid var(--dt-brown)!important;

  color:#fff!important;

  border-radius:10px!important;

  min-height:44px!important;

  padding:10px 28px!important;

  font-weight:700!important;

  box-shadow:none!important;
}

section:has(.product-block) a.btn:hover,
section:has(.product-block) button.btn:hover{
  background:var(--dt-brown-dark)!important;
  border-color:var(--dt-brown-dark)!important;
}


/* =========================================================
   PRODUCT DETAIL
   ========================================================= */

.product-details h1,
.product-detail h1,
.product-page h1{
  color:var(--dt-brown)!important;
  font-weight:800!important;
}

.product-details .price,
.product-detail .price,
.product-page .price{
  color:var(--dt-brown)!important;
  font-weight:800!important;
}

.product-details del,
.product-detail del,
.product-page del{
  color:var(--dt-old)!important;
  font-weight:500!important;
  text-decoration:line-through!important;
}

.product-details img,
.product-detail img{
  border-radius:12px;
}


/* =========================================================
   COMMON BUTTONS
   ========================================================= */

.product-details .btn,
.product-detail .btn,
.cart .btn,
.cart-page .btn{
  border-radius:10px!important;
}

.btn{
  transition:
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease!important;
}

.btn-primary,
.btn--primary{
  background:var(--dt-brown)!important;
  border-color:var(--dt-brown)!important;
  color:#fff!important;
}

.btn-primary:hover,
.btn--primary:hover{
  background:var(--dt-brown-dark)!important;
  border-color:var(--dt-brown-dark)!important;
}


/* =========================================================
   FORMS
   ========================================================= */

input,
textarea,
select{
  background:var(--dt-white)!important;
  border:1px solid var(--dt-border)!important;
  color:var(--dt-text)!important;
  border-radius:10px!important;
}

input::placeholder,
textarea::placeholder{
  color:#8b7d72;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--dt-gold)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(178,138,70,.10)!important;
}


/* =========================================================
   BREADCRUMBS / PAGINATION
   ========================================================= */

.breadcrumb,
.s-breadcrumb,
[class*="breadcrumb"]{
  color:var(--dt-muted)!important;
}

.breadcrumb a,
.s-breadcrumb a,
[class*="breadcrumb"] a{
  color:var(--dt-brown)!important;
}

.breadcrumb a:hover,
.s-breadcrumb a:hover,
[class*="breadcrumb"] a:hover{
  color:var(--dt-gold)!important;
}

.pagination a,
.pagination button,
[class*="pagination"] a,
[class*="pagination"] button{
  border-radius:9px!important;
  color:var(--dt-brown)!important;
  border-color:var(--dt-border)!important;
  background:var(--dt-white)!important;
}

.pagination .active,
.pagination a.active,
[class*="pagination"] .active{
  background:var(--dt-brown)!important;
  border-color:var(--dt-brown)!important;
  color:#fff!important;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.s-category-card,
[class*="category-card"],
[class*="categories"] .card{
  border-radius:14px!important;
  border:1px solid var(--dt-border)!important;
  background:var(--dt-white)!important;
  box-shadow:var(--dt-shadow)!important;
  overflow:hidden!important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease!important;
}

.s-category-card:hover,
[class*="category-card"]:hover,
[class*="categories"] .card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(178,138,70,.4)!important;
  box-shadow:var(--dt-shadow-hover)!important;
}

.s-category-card img,
[class*="category-card"] img{
  transition:transform .5s ease!important;
}

.s-category-card:hover img,
[class*="category-card"]:hover img{
  transform:scale(1.025)!important;
}


/* =========================================================
   SLIDERS
   لا نفرض ارتفاعًا على صور المنتجات أو البانرات
   ========================================================= */

.s-slider-block,
.s-slider-block .swiper,
.s-slider-block .swiper-slide{
  width:100%!important;
}

.s-slider-block img{
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  border-radius:16px!important;
}

.swiper-button-next,
.swiper-button-prev{
  background:rgba(255,253,249,.92)!important;
  color:var(--dt-brown)!important;
  border:1px solid var(--dt-border)!important;
  border-radius:50%!important;
  box-shadow:0 4px 12px rgba(50,30,20,.07)!important;
}

.swiper-button-next::after,
.swiper-button-prev::after{
  color:var(--dt-brown)!important;
}

.swiper-pagination-bullet{
  background:var(--dt-gold)!important;
  opacity:.35!important;
}

.swiper-pagination-bullet-active{
  opacity:1!important;
}


/* =========================================================
   CART / ALERTS / TABLES / DIALOGS
   ========================================================= */

.cart,
.cart-page{
  color:var(--dt-text);
}

.cart h1,
.cart h2,
.cart h3,
.cart-page h1,
.cart-page h2,
.cart-page h3{
  color:var(--dt-brown)!important;
}

.alert,
[class*="alert"]{
  border-radius:10px!important;
}

table{
  background:var(--dt-white)!important;
  border-color:var(--dt-border)!important;
  color:var(--dt-text)!important;
  border-radius:10px!important;
  overflow:hidden;
}

table th{
  background:#f4ede3!important;
  color:var(--dt-brown)!important;
}

table td,
table th{
  border-color:var(--dt-border)!important;
}

[role="dialog"],
.modal,
[class*="modal"]{
  border-radius:14px!important;
}

[role="dialog"] h1,
[role="dialog"] h2,
[role="dialog"] h3,
.modal h1,
.modal h2,
.modal h3{
  color:var(--dt-brown)!important;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer{
  margin-top:20px!important;

  background:
    linear-gradient(
      135deg,
      #3d2119 0%,
      #512a20 55%,
      #5a3025 100%
    )!important;

  color:#f8eee4!important;

  border-top:3px solid var(--dt-gold)!important;
}

footer p,
footer span,
footer li,
footer a{
  color:#f7eee5!important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer [class*="title"]{
  color:var(--dt-gold-soft)!important;
  font-weight:800!important;
}

footer a:hover{
  color:#fff!important;
}

footer hr{
  border:0!important;
  border-top:1px solid rgba(217,194,152,.22)!important;
}

footer svg{
  color:var(--dt-gold-soft)!important;
}

footer img{
  width:auto!important;
  max-width:90px!important;
  max-height:40px!important;
  object-fit:contain!important;
}


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

@media(max-width:767px){

  .container,
  .s-container{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }

  header a img{
    max-width:105px!important;
    max-height:55px!important;
  }

  header input[type="search"],
  header input[placeholder*="بحث"],
  header input[placeholder*="ابحث"]{
    min-height:43px!important;
    height:43px!important;
    border-radius:23px!important;
  }

  header nav a,
  header nav button{
    font-size:13px!important;
  }

  section:has(.product-block) .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .product-block{
    border-radius:11px!important;
  }

  .product-block:hover{
    transform:translateY(-2px)!important;
  }

  .product-block__info{
    min-height:125px!important;
    padding:9px 7px 4px!important;
  }

  .product-block__info .product-title{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
  }

  .product-block__info .product-title h2.title,
  .product-block__info .product-title h2.title.title--primary,
  .product-block__info .product-title h2.title.title--primary.title--small{
    font-size:13px!important;
    line-height:1.65!important;
    max-height:78px!important;
  }

  .product-block__info .price-wrapper{
    min-height:27px!important;
    margin-bottom:6px!important;
  }

  .product-block__info .price-wrapper .price,
  .product-block__info .price-wrapper .sale-price,
  .product-block__info .price-wrapper .special-price{
    font-size:17px!important;
  }

  .product-block__info .price-wrapper del,
  .product-block__info .price-wrapper s,
  .product-block__info .price-wrapper .old-price,
  .product-block__info .price-wrapper .before-price{
    font-size:12px!important;
  }

  .product-block .btn.btn--floated.btn--add-to-cart{
    width:calc(100% - 14px)!important;
    height:42px!important;
    min-height:42px!important;
    margin-left:7px!important;
    margin-right:7px!important;
    margin-bottom:8px!important;
    border-radius:9px!important;
  }

  section:has(.product-block) .section-title{
    font-size:20px!important;
    padding-right:11px!important;
  }

  section:has(.product-block) .section-title::before{
    width:3px!important;
    height:25px!important;
  }

  .s-slider-block img{
    border-radius:12px!important;
  }

  footer{
    margin-top:10px!important;
    padding-top:30px!important;
  }
}

@media(min-width:768px) and (max-width:1199px){
  .product-block__info .product-title h2.title.title--primary.title--small{
    font-size:14px!important;
  }

  header a img{
    max-width:135px!important;
    max-height:64px!important;
  }
}

@media(min-width:1400px){
  .product-block{
    border-radius:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   دار التدمريّة — PREMIUM DISCOUNT POPUP
   النسخة النهائية
   - يظهر في الرئيسية فقط بواسطة JS
   - لا يسحب أي صور من الموقع
   - لا يخفي أقسام المنتجات بواسطة CSS
   ========================================================= */

body.dt-popup-open{
  overflow:hidden!important;
}

#dt-discount-popup{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:hidden;
  opacity:0;
  transition:opacity .35s ease,visibility .35s ease;
}

#dt-discount-popup.dt-popup-visible{
  visibility:visible;
  opacity:1;
}

#dt-discount-popup .dt-popup-overlay{
  position:absolute;
  inset:0;
  background:rgba(48,29,22,.70);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

#dt-discount-popup .dt-popup-card{
  position:relative;
  z-index:2;
  width:min(680px,calc(100vw - 32px));
  background:
    radial-gradient(circle at 50% 0%,rgba(178,138,70,.12),transparent 48%),
    #fffdf8;
  border:1px solid rgba(178,138,70,.38);
  border-radius:25px;
  box-shadow:0 35px 100px rgba(0,0,0,.30);
  overflow:hidden;
  transform:translateY(25px) scale(.97);
  transition:transform .4s ease;
}

#dt-discount-popup.dt-popup-visible .dt-popup-card{
  transform:translateY(0) scale(1);
}

#dt-discount-popup .dt-popup-content{
  position:relative;
  padding:55px 45px 40px;
  text-align:center;
}

#dt-discount-popup .dt-popup-close{
  position:absolute;
  top:17px;
  left:17px;
  width:40px;
  height:40px;
  border:1px solid rgba(90,48,37,.15);
  border-radius:50%;
  background:#fffdf8;
  cursor:pointer;
  z-index:10;
}

#dt-discount-popup .dt-popup-close span{
  position:absolute;
  width:15px;
  height:1.5px;
  left:50%;
  top:50%;
  background:#5a3025;
}

#dt-discount-popup .dt-popup-close span:first-child{
  transform:translate(-50%,-50%) rotate(45deg);
}

#dt-discount-popup .dt-popup-close span:last-child{
  transform:translate(-50%,-50%) rotate(-45deg);
}

#dt-discount-popup .dt-popup-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:15px;
  color:#b28a46;
  font-size:12px;
  font-weight:700;
}

#dt-discount-popup .dt-popup-badge span{
  width:28px;
  height:1px;
  background:#b28a46;
  opacity:.65;
}

#dt-discount-popup h2{
  margin:0 0 13px!important;
  color:#5a3025!important;
  font-size:clamp(27px,4vw,39px)!important;
  font-weight:700!important;
  line-height:1.45!important;
}

#dt-discount-popup p{
  margin:0 auto 27px!important;
  color:#776961!important;
  font-size:14px!important;
  line-height:2!important;
}

/* زخرفة كتب CSS — لا توجد صور عشوائية */
#dt-discount-popup .dt-popup-icon{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:105px;
  margin:5px auto 25px;
  gap:7px;
}

#dt-discount-popup .dt-book{
  position:relative;
  width:54px;
  border-radius:4px 7px 7px 4px;
  box-shadow:5px 8px 15px rgba(60,35,25,.16);
}

#dt-discount-popup .book-one{
  height:82px;
  background:#6c3a2c;
  transform:rotate(-5deg);
}

#dt-discount-popup .book-two{
  height:98px;
  background:#b28a46;
  transform:translateY(-5px);
  z-index:2;
}

#dt-discount-popup .book-three{
  height:76px;
  background:#76594b;
  transform:rotate(5deg);
}

#dt-discount-popup .dt-book::after{
  content:"";
  position:absolute;
  top:11px;
  left:9px;
  right:9px;
  height:1px;
  background:rgba(255,255,255,.48);
  box-shadow:0 7px 0 rgba(255,255,255,.25);
}

#dt-discount-popup .dt-popup-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  min-width:220px;
  padding:13px 25px;
  color:#fffdf8!important;
  background:linear-gradient(135deg,#5a3025,#43231b);
  border:1px solid #5a3025;
  border-radius:9px;
  text-decoration:none!important;
  font-size:14px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(90,48,37,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}

#dt-discount-popup .dt-popup-button:hover{
  color:#fffdf8!important;
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(90,48,37,.25);
}

#dt-discount-popup .dt-popup-button b{
  font-size:18px;
  font-weight:400;
}

#dt-discount-popup .dt-popup-later{
  display:block;
  margin:14px auto 0;
  padding:4px 10px;
  border:0;
  background:transparent;
  color:#95867c;
  font-size:12px;
  cursor:pointer;
}

#dt-discount-popup .dt-popup-later:hover{
  color:#5a3025;
}

@media(max-width:767px){
  #dt-discount-popup .dt-popup-card{
    width:calc(100vw - 24px);
    border-radius:20px;
  }

  #dt-discount-popup .dt-popup-content{
    padding:48px 20px 30px;
  }

  #dt-discount-popup .dt-popup-close{
    top:13px;
    left:13px;
    width:38px;
    height:38px;
  }

  #dt-discount-popup h2{
    font-size:24px!important;
    line-height:1.55!important;
  }

  #dt-discount-popup p{
    font-size:13px!important;
    line-height:1.9!important;
    margin-bottom:23px!important;
  }

  #dt-discount-popup .dt-popup-icon{
    height:90px;
    margin-bottom:23px;
  }

  #dt-discount-popup .dt-book{
    width:45px;
  }

  #dt-discount-popup .book-one{height:68px;}
  #dt-discount-popup .book-two{height:82px;}
  #dt-discount-popup .book-three{height:63px;}

  #dt-discount-popup .dt-popup-button{
    width:100%;
    min-width:0;
  }
}

@media(max-width:380px){
  #dt-discount-popup .dt-popup-content{
    padding-left:17px;
    padding-right:17px;
  }

  #dt-discount-popup h2{
    font-size:22px!important;
  }

  #dt-discount-popup .dt-book{
    width:40px;
  }
}

@media(prefers-reduced-motion:reduce){
  #dt-discount-popup,
  #dt-discount-popup .dt-popup-card,
  #dt-discount-popup .dt-popup-button{
    transition:none!important;
  }
}
/* إصلاح زر تصفح التخفيضات في الجوال */
#dt-discount-popup .dt-popup-button{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

#dt-discount-popup .dt-popup-button *{
  pointer-events:none!important;
}


/* =========================================================
   دار التدمريّة — لون رابط التخفيضات
   البني الأساسي للهوية
   ========================================================= */

header nav a[href="/offers"],
header nav a[href="/ar/offers"],
header nav a[href*="/offers"],
header [role="navigation"] a[href="/offers"],
header [role="navigation"] a[href="/ar/offers"],
header [role="navigation"] a[href*="/offers"]{
  color:var(--dt-brown)!important;
  background:transparent!important;
}

header nav a[href="/offers"]:hover,
header nav a[href="/ar/offers"]:hover,
header nav a[href*="/offers"]:hover,
header [role="navigation"] a[href="/offers"]:hover,
header [role="navigation"] a[href="/ar/offers"]:hover,
header [role="navigation"] a[href*="/offers"]:hover{
  color:var(--dt-gold)!important;
}

header nav a[href="/offers"]:active,
header nav a[href="/offers"]:focus,
header nav a[href="/offers"].active,
header nav a[href="/ar/offers"]:active,
header nav a[href="/ar/offers"]:focus,
header nav a[href="/ar/offers"].active,
header nav a[href*="/offers"]:active,
header nav a[href*="/offers"]:focus,
header nav a[href*="/offers"].active{
  color:var(--dt-brown)!important;
}


/* =========================================================
   دار التدمريّة — الهيدر الرئيسي
   الصف الذي يحتوي على الشعار + البحث + السلة
   ========================================================= */

header > div:has(input[type="search"]),
header > div:has(input[placeholder*="بحث"]),
header > div:has(input[placeholder*="ابحث"]){
  background:#3f2119!important;
  color:#fffdf9!important;
  border-color:#3f2119!important;
}

/* روابط وأيقونات الهيدر الرئيسي */
header > div:has(input[type="search"]) a,
header > div:has(input[type="search"]) button,
header > div:has(input[type="search"]) svg,
header > div:has(input[placeholder*="بحث"]) a,
header > div:has(input[placeholder*="بحث"]) button,
header > div:has(input[placeholder*="بحث"]) svg,
header > div:has(input[placeholder*="ابحث"]) a,
header > div:has(input[placeholder*="ابحث"]) button,
header > div:has(input[placeholder*="ابحث"]) svg{
  color:#fffdf9!important;
}

/* البحث يبقى فاتحًا وواضحًا */
header > div:has(input[type="search"]) input[type="search"],
header > div:has(input[placeholder*="بحث"]) input[placeholder*="بحث"],
header > div:has(input[placeholder*="ابحث"]) input[placeholder*="ابحث"]{
  background:#f8f4ed!important;
  color:#403630!important;
  border-color:#d9c298!important;
}

header > div:has(input[type="search"]) input::placeholder,
header > div:has(input[placeholder*="بحث"]) input::placeholder,
header > div:has(input[placeholder*="ابحث"]) input::placeholder{
  color:#8b7d72!important;
}

/* أيقونة البحث */
header > div:has(input[type="search"]) input + *,
header > div:has(input[placeholder*="بحث"]) input + *,
header > div:has(input[placeholder*="ابحث"]) input + *{
  color:#5a3025!important;
}

/* الشعار يبقى كما هو بدون تغيير */
header > div:has(input[type="search"]) img,
header > div:has(input[placeholder*="بحث"]) img,
header > div:has(input[placeholder*="ابحث"]) img{
  object-fit:contain!important;
}