/* ===== Banners Section Responsive Fix ===== */

.s-block--banners {
  padding: 20px 12px !important;
}

.s-block--banners .two-row {
  display: grid !important;
  gap: 14px !important;
}

.s-block--banners .banner-entry {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.s-block--banners .lazy__bg {
  width: 100% !important;
  height: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  
}

/* ===== Large Desktop ===== */
@media (min-width: 1200px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: clamp(160px, 19vw, 294px) !important;
  }

  .s-block--banners .banner-entry {
    height: 100% !important;
  }

  .s-block--banners .banner-entry:first-child {
    grid-row: span 2 !important;
  }

  .s-block--banners .lazy__bg {
    background-size: cover !important;
  }
}

/* ===== Laptop / Medium Screens ===== */
@media (min-width: 992px) and (max-width: 1199px) {
  .s-block--banners {
    padding: 18px 12px !important;
  }

  .s-block--banners .two-row {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: clamp(162px, 13vw, 175px) !important;
    gap: 12px !important;
  }

  .s-block--banners .banner-entry {
    height: 100% !important;
    border-radius: 16px !important;
  }

  .s-block--banners .banner-entry:first-child {
    grid-row: span 2 !important;
  }

  .s-block--banners .lazy__bg {
    background-size: cover !important;
  }
}

/* ===== Tablet ===== */
@media (min-width: 768px) and (max-width: 991px) {
  .s-block--banners {
    padding: 16px 10px !important;
  }

  .s-block--banners .two-row {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
  }

  .s-block--banners .banner-entry {
    height: auto !important;
    border-radius: 16px !important;
  }

  .s-block--banners .banner-entry:first-child {
    grid-column: span 2 !important;
    grid-row: auto !important;
    aspect-ratio: 609 / 323 !important;
  }

  .s-block--banners .banner-entry:not(:first-child) {
    aspect-ratio: 609 / 323 !important;
  }

  .s-block--banners .lazy__bg {
    background-size: contain !important;
  }
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
  .s-block--banners {
    padding: 14px 10px !important;
  }

  .s-block--banners .two-row {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 10px !important;
  }

  .s-block--banners .banner-entry,
  .s-block--banners .banner-entry:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
    height: auto !important;
    border-radius: 14px !important;
  }

  .s-block--banners .banner-entry:first-child {
    aspect-ratio: 609 / 646 !important;
  }

  .s-block--banners .banner-entry:not(:first-child) {
    aspect-ratio: 609 / 323 !important;
  }

  .s-block--banners .lazy__bg {
    background-size: contain !important;
    background-color: #fff !important;
  }
}


.dmcoupon-wrapper{
  direction:rtl;
 margin: 16px auto;
    max-width: 658px;
  font-family:var(--font-main,inherit);
}

.dmcoupon-card{
  position:relative;
  background:#fff;
  border:1px solid #ecedeb;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(39,38,40,.09);
}

.dmcoupon-card:before,
.dmcoupon-card:after{
  content:"";
  position:absolute;
  top:50%;
  width:24px;
  height:24px;
  background:var(--bg-gray,#f0f2f5);
  border-radius:50%;
  transform:translateY(-50%);
  z-index:2;
}

.dmcoupon-card:before{right:-12px}
.dmcoupon-card:after{left:-12px}

.dmcoupon-header{
  background:#414042;
  padding:13px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.dmcoupon-title{
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.dmcoupon-tag{
  background:#5cd5c4;
  color:#272628;
  border-radius:999px;
  padding:6px 12px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.dmcoupon-body{
  padding:16px 20px 17px;
  background:linear-gradient(135deg,#fff,#f8fbfb);
}

.dmcoupon-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.dmcoupon-divider{
  margin:14px 0;
  border-top:1px dashed #c9c9c9;
}

.dmcoupon-label{
  color:#606674;
  font-size:13px;
  font-weight:800;
}

.dmcoupon-code{
  background:#272628;
  color:#5cd5c4;
  border:0;
  border-radius:12px;
  padding:9px 16px;
  font-size:16px;
  font-weight:900;
  letter-spacing:2px;
}

.dmcoupon-price-wrap{
  background:#f0f2f5;
  border-radius:14px;
  padding:9px 13px;
  display:flex;
  align-items:baseline;
  gap:6px;
}

.dmcoupon-price{
  color:#107e4a;
  font-size:27px;
  font-weight:900;
}

.dmcoupon-cur{
  color:#606674;
  font-size:12px;
  font-weight:800;
}
/* Mobile */
@media (max-width: 767px) {

  .dmcoupon-wrapper{max-width:100%}
  .dmcoupon-header{padding:12px 14px}
  .dmcoupon-body{padding:14px 16px}
  .dmcoupon-title{font-size:12px}
  .dmcoupon-tag{font-size:10px}
  .dmcoupon-price{font-size:23px}
}