/* =========================================================    DIALHIAH V6 — CLEAN FINAL CSS    IMPORTANT:    استبدل كل CSS الحالي بهذا الملف بالكامل.    لا تضفه أسفل V3/V4/V5.    ========================================================= */  :root{   --dh-green:#D4AF37;   --dh-green-2:#F1C75B;   --dh-green-dark:#8A5A0A;   --dh-gold:#c6a15d;   --dh-gold-soft:#ead8b3;   --dh-ivory:#faf7f1;   --dh-white:#ffffff;   --dh-ink:#171a18;   --dh-muted:#77736d;   --dh-line:rgba(212,175,55,.10);   --dh-gold-line:rgba(198,161,93,.26);   --dh-shadow:0 12px 34px rgba(80,52,8,.08);   --dh-shadow-lg:0 24px 58px rgba(80,52,8,.14);    --color-primary:#D4AF37;   --color-primary-dark:#8A5A0A;   --color-primary-light:#F1C75B;   --color-primary-reverse:#ffffff; }  /* =========================    GLOBAL    ========================= */  html{scroll-behavior:smooth}  body{   background:var(--dh-ivory)!important;   color:var(--dh-ink)!important;   font-family:"Tajawal","DIN Next LT Arabic",Arial,sans-serif!important;   -webkit-font-smoothing:antialiased; }  body :is(button,input,select,textarea){   font-family:inherit!important; }  body.dh-lock-scroll{   overflow:hidden!important; }  .container{   max-width:1380px!important; }  ::selection{   background:var(--dh-green);   color:#fff; }  /* =========================    HEADER    ========================= */  .store-header, header.store-header, .main-nav-container{   background:rgba(255,255,255,.97)!important; }  .store-header, header.store-header{   border-bottom:1px solid var(--dh-line)!important;   transition:box-shadow .28s ease,border-color .28s ease!important; }  .store-header.dh-scrolled, header.store-header.dh-scrolled{   box-shadow:0 12px 34px rgba(80,52,8,.09)!important;   border-bottom-color:var(--dh-gold-line)!important; }  .main-nav-container{   border-top:1px solid rgba(212,175,55,.04)!important;   border-bottom:1px solid rgba(212,175,55,.07)!important; }  .main-menu a, .main-nav-container a{   transition:color .22s ease!important; }  .main-menu a:hover, .main-nav-container a:hover{   color:var(--dh-gold)!important; }  /* =========================    HOME HERO — FIXED    ========================= */  .s-block--photos-slider{   margin-top:20px!important;   margin-bottom:38px!important; }  salla-slider.photos-slider, .photos-slider, .main-slider{   width:calc(100% - 40px)!important;   max-width:1380px!important;   margin-inline:auto!important;   border-radius:28px!important;   overflow:hidden!important;   background:transparent!important;   box-shadow:0 18px 48px rgba(212,175,55,.12)!important; }  salla-slider.photos-slider .swiper, .photos-slider .swiper, .main-slider .swiper, salla-slider.photos-slider .swiper-wrapper, .photos-slider .swiper-wrapper, .main-slider .swiper-wrapper{   width:100%!important; }  salla-slider.photos-slider .swiper-slide, .photos-slider .swiper-slide, .main-slider .swiper-slide{   width:100%!important;   height:clamp(390px,36vw,530px)!important;   overflow:hidden!important;   background:var(--dh-green)!important; }  salla-slider.photos-slider .swiper-slide > a, .photos-slider .swiper-slide > a, .main-slider .swiper-slide > a, salla-slider.photos-slider .swiper-slide picture, .photos-slider .swiper-slide picture, .main-slider .swiper-slide picture{   display:block!important;   width:100%!important;   height:100%!important;   max-width:none!important; }  salla-slider.photos-slider .swiper-slide img, .photos-slider .swiper-slide img, .main-slider .swiper-slide img{   display:block!important;   width:100%!important;   max-width:none!important;   height:100%!important;   object-fit:cover!important;   object-position:center!important;   transition:transform 6s cubic-bezier(.2,.65,.25,1),filter .35s ease!important; }  @media(hover:hover){   salla-slider.photos-slider:hover .swiper-slide-active img,   .photos-slider:hover .swiper-slide-active img,   .main-slider:hover .swiper-slide-active img{     transform:scale(1.022)!important;     filter:saturate(1.025) contrast(1.01);   } }  /* =========================    SECTIONS    ========================= */  .s-block{   margin-top:44px!important;   margin-bottom:44px!important; }  .s-block__title, .s-slider-block__title{   margin-bottom:20px!important; }  .s-block__title h2, .s-slider-block__title h2, .section-title{   color:var(--dh-green-dark)!important;   font-weight:800!important; }  .s-block__title h2::after, .s-slider-block__title h2::after{   content:"";   display:block;   width:44px;   height:2px;   margin-top:9px;   border-radius:99px;   background:linear-gradient(90deg,var(--dh-gold),transparent)!important; }  /* =========================    PRODUCT CARDS — SALLA ONLY    fixes horizontal/blank card issue    ========================= */  salla-product-card{   display:block!important;   width:100%!important;   height:100%!important; }  salla-product-card .s-product-card-entry{   display:flex!important;   flex-direction:column!important;   width:100%!important;   height:100%!important;   min-height:0!important;   background:#fff!important;   border:1px solid var(--dh-gold-line)!important;   border-radius:20px!important;   overflow:hidden!important;   box-shadow:0 7px 25px rgba(80,52,8,.055)!important;   transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease!important; }  /* Force cards back to vertical even if a listing uses horizontal mode */ salla-product-card[horizontal] .s-product-card-entry, salla-product-card .s-product-card-entry.s-product-card-horizontal{   flex-direction:column!important; }  salla-product-card .s-product-card-image, salla-product-card .s-product-card-image-content{   position:relative!important;   display:block!important;   flex:0 0 auto!important;   width:100%!important;   min-width:0!important;   height:auto!important;   aspect-ratio:4/3!important;   overflow:hidden!important;   background:linear-gradient(180deg,#fbfaf8,#f1ede6)!important; }  salla-product-card .s-product-card-image img, salla-product-card .s-product-card-image-content img{   position:absolute!important;   inset:0!important;   display:block!important;   width:100%!important;   height:100%!important;   max-width:none!important;   object-fit:cover!important;   object-position:center!important;   transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease!important; }  salla-product-card .s-product-card-content, salla-product-card .s-product-card-info{   display:flex!important;   flex:1 1 auto!important;   flex-direction:column!important;   width:100%!important;   min-width:0!important;   min-height:178px!important;   padding:14px 15px 15px!important;   background:#fff!important; }  salla-product-card .s-product-card-content-title, salla-product-card .s-product-card-content-title a, salla-product-card .s-product-card-info h3{   color:var(--dh-ink)!important;   font-weight:700!important;   line-height:1.65!important;   font-size:16px!important; }  salla-product-card .s-product-card-price, salla-product-card .s-product-price{   margin-top:auto!important;   padding-top:9px!important;   color:var(--dh-green)!important;   font-weight:800!important; }  salla-product-card .s-product-card-sale-price{   color:var(--dh-green)!important;   font-weight:800!important; }  salla-product-card .s-product-card-entry .s-button-element{   width:100%!important;   min-height:45px!important;   border-radius:999px!important;   border:0!important;   background:linear-gradient(180deg,var(--dh-green-2),var(--dh-green))!important;   color:#fff!important;   font-weight:800!important;   box-shadow:0 9px 20px rgba(212,175,55,.15)!important;   transition:transform .22s ease,box-shadow .22s ease!important; }  @media(hover:hover){   salla-product-card .s-product-card-entry:hover{     transform:translateY(-6px)!important;     border-color:rgba(198,161,93,.48)!important;     box-shadow:var(--dh-shadow-lg)!important;   }    salla-product-card .s-product-card-entry:hover .s-product-card-image img,   salla-product-card .s-product-card-entry:hover .s-product-card-image-content img{     transform:scale(1.045)!important;   }    salla-product-card .s-product-card-entry .s-button-element:hover{     transform:translateY(-2px)!important;     box-shadow:0 13px 26px rgba(212,175,55,.21)!important;   } }  /* =========================    GENERAL BUTTONS / FORMS    ========================= */  .s-button-element, .s-button-primary, .btn-primary, button[type="submit"]{   border-radius:999px!important; }  .s-button-primary, .s-button-element[class*="primary"], .btn-primary{   background:var(--dh-green)!important;   border-color:var(--dh-green)!important;   color:#fff!important; }  input, select, textarea, .s-search-input{   outline:none!important;   border-color:rgba(212,175,55,.14)!important; }  input:not([type="checkbox"]):not([type="radio"]), select, .s-search-input{   border-radius:999px!important; }  textarea{   border-radius:15px!important; }  input:focus, select:focus, textarea:focus{   border-color:var(--dh-gold)!important;   box-shadow:0 0 0 3px rgba(198,161,93,.10)!important; }  /* =========================    PRODUCT PAGE — THEME RAED STRUCTURE    ========================= */  .container--product-details{   padding-top:6px!important;   padding-bottom:30px!important; }  .container--product-details > .flex{   gap:28px!important;   align-items:flex-start!important; }  /* undo old broad .product-entry patches if still cached */ .container--product-details .product-entry{   background:transparent!important;   border:0!important;   border-radius:0!important;   box-shadow:none!important;   overflow:visible!important;   transform:none!important; }  /* gallery */ .container--product-details .sidebar{   margin:0!important; }  salla-slider.details-slider, [data-testid="store-product-image-slider"]{   display:block!important;   overflow:hidden!important;   border:1px solid var(--dh-gold-line)!important;   border-radius:24px!important;   background:#fff!important;   box-shadow:var(--dh-shadow)!important; }  salla-slider.details-slider .swiper-slide, [data-testid="store-product-image-slider"] .swiper-slide{   aspect-ratio:1/1!important;   min-height:0!important;   max-height:680px!important;   background:#f6f2eb!important;   overflow:hidden!important; }  salla-slider.details-slider .swiper-slide img, [data-testid="store-product-image-slider"] .swiper-slide img{   display:block!important;   width:100%!important;   height:100%!important;   max-width:100%!important;   object-fit:contain!important;   object-position:center!important;   padding:10px!important;   box-sizing:border-box!important; }  /* details column */ .container--product-details .main-content{   background:#fff!important;   border:1px solid var(--dh-line)!important;   border-radius:24px!important;   box-shadow:var(--dh-shadow)!important;   padding:25px!important; }  [data-testid="store-product-title"]{   color:var(--dh-green-dark)!important;   font-size:clamp(25px,2.4vw,34px)!important;   font-weight:800!important;   line-height:1.45!important;   margin-bottom:13px!important; }  [data-testid="store-product-price"]{   padding:9px 0 13px!important;   color:var(--dh-green)!important; }  [data-testid="store-product-price"] p, .container--product-details .total-price{   font-size:24px!important;   font-weight:900!important; }  .product__description{   margin-top:5px!important;   padding:10px 0!important;   color:#4a4844!important;   line-height:1.95!important; }  .product-form{   margin-top:12px!important; }  .product-form > section, .product-form .sticky-product-bar, .container--product-details salla-installment{   border:1px solid rgba(212,175,55,.075)!important;   background:#fbfaf7!important;   border-radius:17px!important; }  .product-form > section{   margin-bottom:10px!important; }  .product-form .sticky-product-bar{   padding:16px!important; }  [data-testid="store-product-add-to-cart"] .s-button-element, .container--product-details salla-add-product-button .s-button-element{   min-height:52px!important;   border-radius:999px!important;   border:0!important;   background:linear-gradient(180deg,var(--dh-green-2),var(--dh-green))!important;   color:#fff!important;   font-weight:800!important;   box-shadow:0 11px 24px rgba(212,175,55,.17)!important; }  /* =========================    FOOTER — FIX WHITE/INVISIBLE AREA    ========================= */  .store-footer, footer.store-footer, .store-footer__inner{   background:#000000!important;   color:rgba(255,255,255,.82)!important; }  .store-footer, footer.store-footer{   margin-top:48px!important;   border-top:1px solid rgba(198,161,93,.30)!important;   box-shadow:0 -14px 46px rgba(212,175,55,.07)!important; }  .store-footer__inner{   padding-top:42px!important;   padding-bottom:36px!important;   border-bottom:1px solid rgba(255,255,255,.075)!important; }  .store-footer h3, .store-footer h4, .store-footer .footer-title, .store-footer__inner h3, .store-footer__inner h4{   color:#fff!important;   font-weight:800!important; }  .store-footer h3::after, .store-footer h4::after, .store-footer .footer-title::after{   content:"";   display:block;   width:34px;   height:2px;   margin-top:8px;   border-radius:99px;   background:var(--dh-gold)!important; }  .store-footer p, .store-footer li, .store-footer span, .store-footer__inner p, .store-footer__inner li, .store-footer__inner span{   color:rgba(255,255,255,.72)!important; }  .store-footer a, .store-footer__inner a{   color:rgba(255,255,255,.76)!important;   transition:color .22s ease!important; }  .store-footer a:hover, .store-footer__inner a:hover{   color:var(--dh-gold-soft)!important; }  .store-footer img{   max-width:100%; }  /* payment logos stay clean */ .store-footer .payment-methods-list img, .store-footer [class*="payment"] img{   filter:none!important;   opacity:1!important; }  /* =========================    GOLD CALCULATOR — COMPACT    opens upward from bottom-right    ========================= */  #gold-calculator-widget{   position:fixed!important;   right:18px!important;   top:auto!important;   bottom:24px!important;   transform:none!important;   z-index:999999!important;   direction:rtl;   font-family:inherit!important; }  #gold-calculator-toggle{   display:flex!important;   flex-direction:column!important;   align-items:center!important;   justify-content:center!important;   gap:3px!important;   width:52px!important;   min-height:64px!important;   padding:7px 4px!important;   border:1px solid rgba(234,216,179,.35)!important;   border-radius:17px!important;   background:linear-gradient(145deg,var(--dh-green-2),var(--dh-green-dark))!important;   color:#fff!important;   cursor:pointer!important;   box-shadow:0 14px 32px rgba(80,52,8,.25)!important;   transition:transform .22s ease,box-shadow .22s ease!important; }  #gold-calculator-toggle:hover{   transform:translateY(-2px)!important;   box-shadow:0 17px 38px rgba(80,52,8,.30)!important; }  .calculator-icon{   color:var(--dh-gold-soft)!important;   font-size:18px!important; }  .calculator-button-text{   font-size:8.5px!important;   font-weight:800!important;   white-space:nowrap!important; }  .calculator-overlay{   display:none; }  .calculator-panel{   position:absolute!important;   right:0!important;   top:auto!important;   bottom:0!important;   width:0!important;   max-height:72vh!important;   opacity:0!important;   visibility:hidden!important;   pointer-events:none!important;   overflow:hidden!important;   background:linear-gradient(155deg,#134b3e,#8A5A0A 76%)!important;   border:1px solid rgba(198,161,93,.30)!important;   border-radius:21px!important;   box-shadow:0 28px 76px rgba(0,0,0,.34)!important;   transition:width .32s ease,opacity .22s ease,visibility .22s ease!important; }  #gold-calculator-widget.open .calculator-panel{   width:308px!important;   opacity:1!important;   visibility:visible!important;   pointer-events:auto!important;   overflow-y:auto!important; }  #gold-calculator-widget.open #gold-calculator-toggle{   opacity:0!important;   pointer-events:none!important; }  .calculator-header{   display:flex!important;   align-items:center!important;   justify-content:space-between!important;   padding:14px 15px 12px!important;   border-bottom:1px solid rgba(255,255,255,.08)!important; }  .calculator-heading{   display:flex!important;   align-items:center!important;   gap:9px!important;   color:#fff!important; }  .calculator-heading strong{   display:block!important;   font-size:15px!important; }  .calculator-heading span{   display:block!important;   margin-top:2px!important;   font-size:9px!important;   color:rgba(255,255,255,.58)!important; }  .calculator-logo{   width:32px!important;   height:32px!important;   display:flex!important;   align-items:center!important;   justify-content:center!important;   border-radius:10px!important;   background:linear-gradient(145deg,var(--dh-gold-soft),var(--dh-gold))!important;   color:var(--dh-green-dark)!important;   font-size:16px!important; }  .calculator-close{   width:29px!important;   height:29px!important;   border:0!important;   border-radius:50%!important;   background:rgba(255,255,255,.09)!important;   color:#fff!important;   font-size:20px!important;   cursor:pointer!important; }  .calculator-tabs{   display:flex!important;   gap:6px!important;   padding:11px 13px!important; }  .calculator-tab{   flex:1!important;   border:1px solid rgba(255,255,255,.10)!important;   background:rgba(255,255,255,.055)!important;   color:rgba(255,255,255,.72)!important;   padding:8px 6px!important;   border-radius:10px!important;   font-size:11px!important; }  .calculator-tab.active{   color:var(--dh-green-dark)!important;   background:linear-gradient(145deg,var(--dh-gold-soft),var(--dh-gold))!important;   font-weight:800!important; }  .calculator-content{   display:none;   padding:0 13px 14px!important; }  .calculator-content.active{   display:block!important; }  .field-group{   margin-bottom:10px!important; }  .field-group label{   display:block!important;   margin-bottom:5px!important;   color:rgba(255,255,255,.76)!important;   font-size:10.5px!important;   font-weight:700!important; }  .field-group select, .field-group input{   width:100%!important;   height:39px!important;   box-sizing:border-box!important;   border-radius:11px!important;   border:1px solid rgba(255,255,255,.14)!important;   background:rgba(0,0,0,.14)!important;   color:#fff!important;   padding:0 11px!important;   font-size:11px!important; }  .field-group select option{   background:#6F4A0A!important;   color:#fff!important; }  .input-wrapper{   position:relative!important; }  .input-wrapper input{   padding-left:52px!important; }  .input-wrapper span{   position:absolute!important;   left:11px!important;   top:50%!important;   transform:translateY(-50%)!important;   color:rgba(255,255,255,.46)!important;   font-size:10px!important;   pointer-events:none!important; }  .result-row{   display:flex!important;   justify-content:space-between!important;   align-items:center!important;   gap:10px!important;   padding:9px 10px!important;   margin-bottom:6px!important;   border-radius:11px!important;   background:rgba(255,255,255,.05)!important;   border:1px solid rgba(255,255,255,.07)!important;   color:rgba(255,255,255,.66)!important;   font-size:10.5px!important; }  .result-row strong{   color:#fff!important;   font-size:11px!important;   white-space:nowrap!important; }  .final-result{   margin-top:9px!important;   padding:13px 11px!important;   text-align:center!important;   border-radius:14px!important;   background:linear-gradient(145deg,rgba(198,161,93,.17),rgba(255,255,255,.03))!important;   border:1px solid rgba(198,161,93,.24)!important; }  .result-label{   display:block!important;   color:rgba(255,255,255,.72)!important;   font-size:10.5px!important;   margin-bottom:6px!important; }  .big-result{   display:block!important;   color:var(--dh-gold-soft)!important;   font-size:20px!important;   font-weight:900!important; }  .final-result small, .zakat-note{   font-size:8.5px!important;   line-height:1.55!important;   color:rgba(255,255,255,.49)!important; }  .zakat-intro{   padding:9px 10px!important;   margin-bottom:11px!important;   border-radius:11px!important;   background:rgba(255,255,255,.05)!important;   border:1px solid rgba(255,255,255,.07)!important;   color:rgba(255,255,255,.72)!important;   font-size:10px!important;   line-height:1.65!important; }  .calculator-footer{   display:flex!important;   justify-content:center!important;   align-items:center!important;   gap:6px!important;   padding:9px 10px!important;   border-top:1px solid rgba(255,255,255,.07)!important;   color:rgba(255,255,255,.48)!important;   font-size:8.5px!important; }  .status-dot{   width:6px!important;   height:6px!important;   border-radius:50%!important;   background:#D4AF37!important;   box-shadow:0 0 9px rgba(212,175,55,.65)!important; }  /* =========================    MOTION FROM CURRENT JS    ========================= */  .dh-reveal{   opacity:0;   transform:translateY(18px);   transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)!important; }  .dh-reveal.dh-visible{   opacity:1;   transform:none; }  /* =========================    DESKTOP PRODUCT LAYOUT    ========================= */  @media(min-width:768px){   .container--product-details > .flex > .sidebar{     width:55%!important;     flex:0 0 55%!important;   }    .container--product-details > .flex > .main-content{     width:auto!important;     flex:1 1 45%!important;   } }  /* =========================    MOBILE    ========================= */  @media(max-width:767px){   body{     background:#fff!important;   }    .container{     padding-left:13px!important;     padding-right:13px!important;   }    .s-block{     margin-top:30px!important;     margin-bottom:30px!important;   }    salla-slider.photos-slider,   .photos-slider,   .main-slider{     width:calc(100% - 18px)!important;     border-radius:19px!important;   }    salla-slider.photos-slider .swiper-slide,   .photos-slider .swiper-slide,   .main-slider .swiper-slide{     height:clamp(235px,72vw,370px)!important;   }    salla-product-card .s-product-card-entry{     border-radius:16px!important;   }    salla-product-card .s-product-card-content,   salla-product-card .s-product-card-info{     min-height:156px!important;     padding:11px!important;   }    salla-product-card .s-product-card-content-title,   salla-product-card .s-product-card-content-title a,   salla-product-card .s-product-card-info h3{     font-size:14px!important;   }    .container--product-details > .flex{     gap:16px!important;   }    .container--product-details .main-content{     padding:16px!important;     border-radius:19px!important;   }    salla-slider.details-slider,   [data-testid="store-product-image-slider"]{     border-radius:19px!important;   }    salla-slider.details-slider .swiper-slide,   [data-testid="store-product-image-slider"] .swiper-slide{     max-height:none!important;   }    .store-footer,   footer.store-footer{     margin-top:34px!important;   }    .store-footer__inner{     padding-top:30px!important;     padding-bottom:26px!important;   }    #gold-calculator-widget{     right:10px!important;     bottom:78px!important;   }    #gold-calculator-toggle{     width:50px!important;     height:50px!important;     min-height:50px!important;     padding:0!important;     border-radius:50%!important;   }    .calculator-button-text{     display:none!important;   }    .calculator-overlay{     position:fixed!important;     inset:0!important;     display:block!important;     background:rgba(0,0,0,0)!important;     opacity:0!important;     visibility:hidden!important;     pointer-events:none!important;     transition:.22s ease!important;   }    #gold-calculator-widget.open .calculator-overlay{     opacity:1!important;     visibility:visible!important;     pointer-events:auto!important;     background:rgba(0,0,0,.53)!important;   }    .calculator-panel{     position:fixed!important;     right:10px!important;     left:10px!important;     top:50%!important;     bottom:auto!important;     width:auto!important;     max-height:82dvh!important;     transform:translateY(-50%) scale(.97)!important;     border-radius:19px!important;     opacity:0!important;     visibility:hidden!important;     pointer-events:none!important;     overflow-y:auto!important;   }    #gold-calculator-widget.open .calculator-panel{     width:auto!important;     opacity:1!important;     visibility:visible!important;     pointer-events:auto!important;     transform:translateY(-50%) scale(1)!important;   }    #gold-calculator-widget.open #gold-calculator-toggle{     display:none!important;   } }  @media(prefers-reduced-motion:reduce){   *{     scroll-behavior:auto!important;   }    .dh-reveal{     opacity:1!important;     transform:none!important;     transition:none!important;   }    salla-slider.photos-slider img,   .photos-slider img,   .main-slider img{     transition:none!important;   } }  /* =========================================================    DIALHIAH V7 — FINAL LAYOUT FIXES    Category Grid + Product Page Compact + Empty Reviews Fix    ========================================================= */  /* 1) Product listing pages: force a true premium grid */ salla-products-list.dh-v7-grid{   display:block!important;   width:100%!important; }  salla-products-list.dh-v7-grid .dh-v7-grid-parent{   display:grid!important;   grid-template-columns:repeat(4,minmax(0,1fr))!important;   gap:20px!important;   width:100%!important;   align-items:stretch!important; }  salla-products-list.dh-v7-grid .dh-v7-grid-parent > salla-product-card{   display:block!important;   width:100%!important;   min-width:0!important;   max-width:none!important;   height:100%!important;   margin:0!important; }  salla-products-list.dh-v7-grid salla-product-card .s-product-card-entry, salla-products-list.dh-v7-grid salla-product-card[horizontal] .s-product-card-entry{   display:flex!important;   flex-direction:column!important;   width:100%!important;   min-width:0!important;   height:100%!important;   min-height:0!important;   grid-template-columns:none!important; }  salla-products-list.dh-v7-grid salla-product-card .s-product-card-image, salla-products-list.dh-v7-grid salla-product-card .s-product-card-image-content{   display:block!important;   position:relative!important;   width:100%!important;   min-width:0!important;   max-width:none!important;   flex:0 0 auto!important;   aspect-ratio:4/3!important;   height:auto!important;   overflow:hidden!important;   border-radius:0!important; }  salla-products-list.dh-v7-grid salla-product-card .s-product-card-image img, salla-products-list.dh-v7-grid salla-product-card .s-product-card-image-content img{   position:absolute!important;   inset:0!important;   width:100%!important;   height:100%!important;   max-width:none!important;   object-fit:cover!important; }  salla-products-list.dh-v7-grid salla-product-card .s-product-card-content, salla-products-list.dh-v7-grid salla-product-card .s-product-card-info{   width:100%!important;   min-width:0!important;   flex:1 1 auto!important;   padding:14px 15px 15px!important; }  /* remove horizontal-layout leftovers */ salla-products-list.dh-v7-grid salla-product-card [class*="horizontal"]{   width:auto!important;   max-width:none!important; }  /* 2) Product page: detail card should size to content, not visually stretch */ .container--product-details > .flex{   align-items:flex-start!important; }  .container--product-details .main-content{   align-self:flex-start!important;   height:auto!important;   min-height:0!important;   max-height:none!important;   overflow:visible!important;   padding:24px!important; }  .container--product-details .product-brand{   margin-bottom:16px!important; }  .container--product-details [data-testid="store-product-title"]{   margin-bottom:10px!important; }  .container--product-details [data-testid="store-product-price"]{   margin-bottom:8px!important; }  .container--product-details .product__description{   margin-bottom:8px!important;   padding-inline:0!important; }  .container--product-details [data-testid="store-product-social-share"]{   margin-bottom:10px!important; }  /* keep the gallery premium but slightly less dominant */ salla-slider.details-slider .swiper-slide, [data-testid="store-product-image-slider"] .swiper-slide{   max-height:610px!important; }  /* thumbnails */ [data-testid="store-product-thumbnails"]{   padding-top:10px!important;   padding-bottom:8px!important; }  /* 3) Empty hook wrappers must never reserve vertical space */ .s-before-reviews:empty, .s-before-related:empty, .s-after-related:empty{   display:none!important;   margin:0!important;   padding:0!important;   min-height:0!important; }  /* If JS confirms there are no reviews, remove the empty comments area */ body.dh-v7-no-reviews salla-comments[data-testid="store-product-comments"]{   display:none!important;   height:0!important;   min-height:0!important;   margin:0!important;   padding:0!important;   overflow:hidden!important; }  body.dh-v7-no-reviews .s-before-reviews{   display:none!important; }  /* Similar products should sit naturally below product info */ salla-products-slider[data-testid="store-product-related"]{   display:block!important;   margin-top:22px!important; }  salla-products-slider[data-testid="store-product-related"] + *{   margin-top:0!important; }  /* 4) Calculator stays compact and avoids product/gallery center */ #gold-calculator-widget{   bottom:22px!important;   right:16px!important; }  #gold-calculator-widget.open .calculator-panel{   width:292px!important;   max-height:68vh!important; }  /* 5) Responsive listing grid */ @media(max-width:1199px){   salla-products-list.dh-v7-grid .dh-v7-grid-parent{     grid-template-columns:repeat(3,minmax(0,1fr))!important;     gap:17px!important;   } }  @media(max-width:767px){   salla-products-list.dh-v7-grid .dh-v7-grid-parent{     grid-template-columns:repeat(2,minmax(0,1fr))!important;     gap:11px!important;   }    salla-products-list.dh-v7-grid salla-product-card .s-product-card-image,   salla-products-list.dh-v7-grid salla-product-card .s-product-card-image-content{     aspect-ratio:1/1!important;   }    .container--product-details .main-content{     position:relative!important;     top:auto!important;     padding:16px!important;   }    salla-slider.details-slider .swiper-slide,   [data-testid="store-product-image-slider"] .swiper-slide{     max-height:none!important;   }    #gold-calculator-widget{     right:9px!important;     bottom:74px!important;   }    #gold-calculator-widget.open .calculator-panel{     width:auto!important;     max-height:80dvh!important;   } }  /* =========================================================    DIALHIAH V8 — HEADER + LOGO + PRODUCT GALLERY    ========================================================= */  /* ---------- HEADER PREMIUM ---------- */ .store-header, header.store-header{   background:rgba(255,255,255,.985)!important;   border-bottom:1px solid rgba(212,175,55,.08)!important;   box-shadow:0 8px 28px rgba(80,52,8,.055)!important; }  .store-header .container, header.store-header .container, .main-nav-container .container{   max-width:1420px!important; }  /* Top utility/search area */ .store-header :is(input[type="search"],.s-search-input,.search-input), header.store-header :is(input[type="search"],.s-search-input,.search-input){   min-height:42px!important;   border-radius:999px!important;   background:#f5f6f6!important;   border:1px solid rgba(212,175,55,.07)!important;   transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important; }  .store-header :is(input[type="search"],.s-search-input,.search-input):focus, header.store-header :is(input[type="search"],.s-search-input,.search-input):focus{   background:#fff!important;   border-color:rgba(198,161,93,.48)!important;   box-shadow:0 0 0 3px rgba(198,161,93,.10)!important; }  /* Navigation row */ .main-nav-container{   background:#fff!important;   border-top:1px solid rgba(212,175,55,.035)!important;   border-bottom:1px solid rgba(212,175,55,.075)!important;   box-shadow:0 5px 18px rgba(80,52,8,.035)!important; }  .main-nav-container :is(a,.main-menu a){   font-weight:700!important;   color:#252925!important;   transition:color .2s ease,transform .2s ease!important; }  .main-nav-container :is(a,.main-menu a):hover{   color:var(--dh-gold)!important; }  /* ---------- LOGO ---------- */ .navbar-brand, .store-header .logo, .store-header [class*="logo"]:has(> img), .main-nav-container [class*="logo"]:has(> img){   display:flex!important;   align-items:center!important;   justify-content:center!important;   min-width:92px!important;   min-height:58px!important;   padding:4px 8px!important;   border-radius:14px!important; }  .navbar-brand img, .store-header .logo img, .store-header [class*="logo"] img, .main-nav-container [class*="logo"] img{   display:block!important;   width:auto!important;   height:auto!important;   max-width:104px!important;   max-height:54px!important;   object-fit:contain!important;   object-position:center!important;   border-radius:8px!important;   filter:none!important;   transform:none!important; }  /* ---------- PRODUCT GALLERY CLEANUP ---------- */ /* Salla's zoom glass is the big dark circle visible in the screenshot */ .img-magnifier-glass, .magnifier-glass, .zoomLens, .zoom-lens, .zoomContainer, .easyzoom-flyout, .drift-zoom-pane{   display:none!important;   opacity:0!important;   visibility:hidden!important;   pointer-events:none!important; }  .container--product-details .sidebar{   border-radius:26px!important; }  salla-slider.details-slider, [data-testid="store-product-image-slider"]{   position:relative!important;   padding:14px!important;   background:linear-gradient(180deg,#fff,#fbf8f2)!important;   border:1px solid rgba(198,161,93,.28)!important;   border-radius:26px!important;   box-shadow:0 18px 48px rgba(80,52,8,.10)!important; }  salla-slider.details-slider .swiper-slide, [data-testid="store-product-image-slider"] .swiper-slide{   display:flex!important;   align-items:center!important;   justify-content:center!important;   width:100%!important;   min-height:0!important;   height:auto!important;   aspect-ratio:1/1!important;   max-height:560px!important;   overflow:hidden!important;   border-radius:18px!important;   background:#f4f0e9!important; }  salla-slider.details-slider .magnify-wrapper, [data-testid="store-product-image-slider"] .magnify-wrapper{   cursor:pointer!important; }  salla-slider.details-slider .swiper-slide img, [data-testid="store-product-image-slider"] .swiper-slide img{   display:block!important;   width:100%!important;   height:100%!important;   max-width:100%!important;   object-fit:contain!important;   object-position:center!important;   padding:14px!important;   box-sizing:border-box!important;   border-radius:16px!important;   transition:transform .35s ease!important; }  @media(hover:hover){   salla-slider.details-slider .swiper-slide-active img,   [data-testid="store-product-image-slider"] .swiper-slide-active img{     transform:scale(1.01)!important;   } }  /* arrows inside gallery */ salla-slider.details-slider .swiper-button-next, salla-slider.details-slider .swiper-button-prev, [data-testid="store-product-image-slider"] .swiper-button-next, [data-testid="store-product-image-slider"] .swiper-button-prev{   width:42px!important;   height:42px!important;   border-radius:50%!important;   background:rgba(255,255,255,.94)!important;   border:1px solid rgba(212,175,55,.08)!important;   box-shadow:0 9px 22px rgba(0,0,0,.08)!important; }  /* Thumbnails */ [data-testid="store-product-thumbnails"]{   margin-top:10px!important;   padding:8px 4px 2px!important; }  [data-testid="store-product-thumbnails"] img{   border-radius:11px!important;   border:1px solid rgba(212,175,55,.08)!important;   background:#fff!important; }  /* Make product info feel balanced with gallery */ .container--product-details .main-content{   padding:26px!important;   border-radius:24px!important;   background:#fff!important;   border:1px solid rgba(212,175,55,.08)!important;   box-shadow:0 14px 38px rgba(80,52,8,.075)!important; }  /* Mobile */ @media(max-width:767px){   .navbar-brand,   .store-header .logo,   .store-header [class*="logo"]:has(> img),   .main-nav-container [class*="logo"]:has(> img){     min-width:70px!important;     min-height:46px!important;     padding:3px 5px!important;   }    .navbar-brand img,   .store-header .logo img,   .store-header [class*="logo"] img,   .main-nav-container [class*="logo"] img{     max-width:78px!important;     max-height:42px!important;   }    salla-slider.details-slider,   [data-testid="store-product-image-slider"]{     padding:8px!important;     border-radius:20px!important;   }    salla-slider.details-slider .swiper-slide,   [data-testid="store-product-image-slider"] .swiper-slide{     max-height:none!important;     border-radius:15px!important;   }    salla-slider.details-slider .swiper-slide img,   [data-testid="store-product-image-slider"] .swiper-slide img{     padding:8px!important;   } }  /* =========================================================    DIALHIAH V9 — MOBILE WHITESPACE + BUY NOW    ========================================================= */  /* ---- Product page: remove empty vertical areas safely ---- */ body.dh-v9-product-page #main-content{   row-gap:0!important; }  body.dh-v9-product-page #main-content > .s-blocks-wrapper:empty, body.dh-v9-product-page .s-before-product-info:empty, body.dh-v9-product-page .s-after-product-info:empty, body.dh-v9-product-page .s-before-reviews:empty, body.dh-v9-product-page .s-after-reviews:empty, body.dh-v9-product-page .s-before-related:empty, body.dh-v9-product-page .s-after-related:empty, body.dh-v9-product-page .dh-v9-empty-block{   display:none!important;   height:0!important;   min-height:0!important;   margin:0!important;   padding:0!important;   overflow:hidden!important; }  /* This was the main source of the large blank area on products with 0 reviews */ body.dh-v9-no-reviews salla-comments[data-testid="store-product-comments"]{   display:none!important;   height:0!important;   min-height:0!important;   margin:0!important;   padding:0!important;   overflow:hidden!important; }  body.dh-v9-no-reviews .s-before-reviews, body.dh-v9-no-reviews .s-after-reviews{   display:none!important;   height:0!important;   min-height:0!important;   margin:0!important;   padding:0!important; }  /* Related products should follow naturally without artificial space */ body.dh-v9-product-page salla-products-slider[data-testid="store-product-related"]{   margin-top:22px!important;   margin-bottom:22px!important; }  /* ---- Product action buttons: Add to cart + Buy now side by side ---- */ .product-form .sticky-product-bar{   padding:15px!important; }  .product-form .sticky-product-bar__quantity{   margin-bottom:12px!important; }  .dh-v9-buy-actions{   display:grid!important;   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;   gap:10px!important;   width:100%!important;   align-items:stretch!important; }  .dh-v9-buy-actions > salla-add-product-button{   width:100%!important;   min-width:0!important;   margin-top:0!important; }  .dh-v9-buy-actions > salla-add-product-button .s-button-element{   width:100%!important;   min-height:52px!important; }  salla-quick-buy.dh-v9-buy-now{   display:block!important;   width:100%!important;   min-width:0!important;    /* inherited by Salla's fast checkout UI */   --salla-fast-checkout-button-height:52px;   --salla-fast-checkout-button-width:100%;   --salla-fast-checkout-button-border-radius:999px; }  /* keep native quick-buy button aligned visually with the green CTA */ salla-quick-buy.dh-v9-buy-now::part(button){   min-height:52px!important;   border-radius:999px!important; }  /* ---- Homepage hero: remove the white tail under the image on mobile ---- */ @media(max-width:767px){   .s-block--photos-slider{     padding-bottom:0!important;     margin-bottom:24px!important;   }    salla-slider.photos-slider,   .photos-slider,   .main-slider{     padding-bottom:0!important;   }    salla-slider.photos-slider .swiper,   .photos-slider .swiper,   .main-slider .swiper{     height:auto!important;     min-height:0!important;     padding-bottom:0!important;   }    salla-slider.photos-slider .swiper-wrapper,   .photos-slider .swiper-wrapper,   .main-slider .swiper-wrapper{     height:auto!important;     min-height:0!important;     align-items:stretch!important;   }    salla-slider.photos-slider .swiper-slide,   .photos-slider .swiper-slide,   .main-slider .swiper-slide{     height:auto!important;     min-height:0!important;     aspect-ratio:4/3!important;   }    salla-slider.photos-slider .swiper-slide > a,   .photos-slider .swiper-slide > a,   .main-slider .swiper-slide > a,   salla-slider.photos-slider .swiper-slide picture,   .photos-slider .swiper-slide picture,   .main-slider .swiper-slide picture{     height:100%!important;     min-height:0!important;   }    salla-slider.photos-slider .swiper-slide img,   .photos-slider .swiper-slide img,   .main-slider .swiper-slide img{     position:relative!important;     inset:auto!important;     width:100%!important;     height:100%!important;     max-height:none!important;     object-fit:cover!important;   }    /* Product page vertical rhythm */   body.dh-v9-product-page #main-content > *{     margin-top:0!important;   }    body.dh-v9-product-page .container--product-details{     padding-top:8px!important;     padding-bottom:16px!important;   }    body.dh-v9-product-page salla-products-slider[data-testid="store-product-related"]{     margin-top:16px!important;     margin-bottom:16px!important;   }    /* Sticky product bar is shorter and cleaner */   .product-form .sticky-product-bar{     padding:12px!important;   }    .dh-v9-buy-actions{     gap:8px!important;   }    .dh-v9-buy-actions > salla-add-product-button .s-button-element{     min-height:48px!important;     font-size:14px!important;   }    salla-quick-buy.dh-v9-buy-now{     --salla-fast-checkout-button-height:48px;     --salla-fast-checkout-button-border-radius:999px;   } }  /* =========================================================    DIALHIAH V10 — MOBILE SIDE GAP / SLIDER FIX    أضفه فقط في آخر CSS الحالي V9    ========================================================= */  @media (max-width: 767px) {    /* 1) امنع أي عرض زائد على الجوال */   html,   body,   #app,   #main-content {     width: 100% !important;     max-width: 100% !important;     overflow-x: hidden !important;   }    /* 2) أقسام سلايدر المنتجات تأخذ عرض الشاشة الحقيقي */   section[data-testid="store-home-products-slider"],   .s-block--best-offers.container {     width: 100% !important;     max-width: 100% !important;     margin-left: 0 !important;     margin-right: 0 !important;     padding-left: 10px !important;     padding-right: 10px !important;     box-sizing: border-box !important;     overflow: hidden !important;   }    /* 3) عنوان القسم يبقى داخل حدود الشاشة */   section[data-testid="store-home-products-slider"] .s-slider-block__title,   .s-block--best-offers .s-slider-block__title {     width: 100% !important;     max-width: 100% !important;     padding-left: 2px !important;     padding-right: 2px !important;     margin-left: 0 !important;     margin-right: 0 !important;     box-sizing: border-box !important;   }    /* 4) Web Component نفسه لا يتجاوز الشاشة */   section[data-testid="store-home-products-slider"] salla-products-slider,   .s-block--best-offers salla-products-slider {     display: block !important;     width: 100% !important;     max-width: 100% !important;     min-width: 0 !important;     margin: 0 !important;     padding: 0 !important;     overflow: hidden !important;     box-sizing: border-box !important;   }    /* 5) إلغاء الـ side peek الذي كان يترك الفراغ الجانبي */   section[data-testid="store-home-products-slider"] salla-products-slider .swiper,   .s-block--best-offers salla-products-slider .swiper {     width: 100% !important;     max-width: 100% !important;     margin: 0 !important;     padding: 0 !important;     overflow: hidden !important;     box-sizing: border-box !important;   }    section[data-testid="store-home-products-slider"] salla-products-slider .swiper-wrapper,   .s-block--best-offers salla-products-slider .swiper-wrapper {     margin: 0 !important;     padding: 0 !important;     box-sizing: border-box !important;   }    /* 6) بطاقتان كاملتان في الصف بدون بطاقة مقصوصة من الجنب */   section[data-testid="store-home-products-slider"] salla-products-slider .swiper-slide,   .s-block--best-offers salla-products-slider .swiper-slide {     width: calc((100vw - 30px) / 2) !important;     min-width: calc((100vw - 30px) / 2) !important;     max-width: calc((100vw - 30px) / 2) !important;     box-sizing: border-box !important;   }    /* 7) البطاقة لا تتجاوز الـ slide */   section[data-testid="store-home-products-slider"] salla-product-card,   .s-block--best-offers salla-product-card,   section[data-testid="store-home-products-slider"] .s-product-card-entry,   .s-block--best-offers .s-product-card-entry {     width: 100% !important;     max-width: 100% !important;     min-width: 0 !important;     margin: 0 !important;     box-sizing: border-box !important;   }    /* 8) منع زر السلة من الخروج خارج البطاقة */   section[data-testid="store-home-products-slider"] .s-product-card-entry .s-button-element,   .s-block--best-offers .s-product-card-entry .s-button-element {     width: 100% !important;     max-width: 100% !important;     min-width: 0 !important;     padding-left: 8px !important;     padding-right: 8px !important;     font-size: 13px !important;     white-space: nowrap !important;     box-sizing: border-box !important;   }    /* 9) احتواء النصوص والأسعار داخل البطاقة */   section[data-testid="store-home-products-slider"] .s-product-card-content,   section[data-testid="store-home-products-slider"] .s-product-card-info,   .s-block--best-offers .s-product-card-content,   .s-block--best-offers .s-product-card-info {     width: 100% !important;     max-width: 100% !important;     min-width: 0 !important;     overflow: hidden !important;     box-sizing: border-box !important;   }    /* 10) لو كان هناك أي عنصر عائم يسبب scroll أفقي */   .s-block,   .s-block > *,   salla-products-slider,   salla-product-card {     box-sizing: border-box !important;   } }  /* =========================================================    DIALHIAH V11 — NATIVE FAST CHECKOUT FIX    يحافظ على الشراء السريع الأصلي في سلة بدون تكرار Apple Pay    ========================================================= */  /* Old V9 wrapper must never constrain the official Salla component */ .dh-v9-buy-actions{   display:contents!important; }  /* Hide only the extra Quick Buy component that V9 created */ salla-quick-buy.dh-v9-buy-now{   display:none!important; }  /* Let the official add-product component own the whole row.    Theme Raed already passes quick-buy when supported. */ .product-form .sticky-product-bar > salla-add-product-button[data-testid="store-product-add-to-cart"]{   display:block!important;   width:100%!important;   max-width:100%!important;   min-width:0!important;   margin-left:0!important;   margin-right:0!important;   box-sizing:border-box!important;    /* Salla-supported Fast Checkout visual variables */   --salla-fast-checkout-button-height:50px;   --salla-fast-checkout-button-width:100%;   --salla-fast-checkout-button-border-radius:999px; }  /* In case the mini-checkout component is rendered in light DOM */ salla-mini-checkout-widget{   --salla-fast-checkout-button-height:50px;   --salla-fast-checkout-button-width:100%;   --salla-fast-checkout-button-border-radius:999px; }  /* Desktop: keep native button group neat */ .product-form .sticky-product-bar{   width:100%!important;   max-width:100%!important;   min-width:0!important;   overflow:visible!important;   box-sizing:border-box!important; }  @media(max-width:767px){    /* The sticky purchase panel must never be wider than the viewport */   .product-form .sticky-product-bar{     width:100%!important;     max-width:100%!important;     min-width:0!important;     margin-left:0!important;     margin-right:0!important;     padding-left:12px!important;     padding-right:12px!important;     box-sizing:border-box!important;     overflow:visible!important;   }    .product-form .sticky-product-bar   > salla-add-product-button[data-testid="store-product-add-to-cart"]{     width:100%!important;     max-width:100%!important;     min-width:0!important;      --salla-fast-checkout-button-height:48px;     --salla-fast-checkout-button-width:100%;     --salla-fast-checkout-button-border-radius:999px;   }    salla-mini-checkout-widget{     --salla-fast-checkout-button-height:48px;     --salla-fast-checkout-button-width:100%;     --salla-fast-checkout-button-border-radius:999px;   } }