/* KINTO V202 — Featured store VIP presentation only.
   The live store name, logo, category, governorate and link remain owned by site-identity-v18.js.
   Upload approved background to images/kinto-featured-v202.webp on this branch. */
html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
  position:relative!important;isolation:isolate!important;
  background-color:#063b2e!important;
  background-image:linear-gradient(90deg,rgba(1,31,25,.28),rgba(2,33,26,.34)),url("../images/ChatGPT Image 13 أكتوبر 2026، 04_59_06 م.png")!important;
  background-size:cover!important;background-position:center!important;
  border:1px solid rgba(242,196,86,.78)!important;
  box-shadow:0 10px 28px rgba(0,18,14,.32),inset 0 0 0 1px rgba(255,222,125,.10)!important;
  grid-template-columns:clamp(66px,11vw,116px) minmax(0,1fr)!important;
  padding:10px clamp(12px,2vw,24px)!important;gap:clamp(10px,2vw,22px)!important;
  height:clamp(126px,18.95vw,224px)!important;max-height:224px!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{
  width:100%!important;height:100%!important;max-height:114px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:5px!important;border-radius:16px!important;
  background:rgba(3,41,31,.84)!important;border:1px solid rgba(255,216,125,.66)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28)!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap img{
  display:block!important;width:100%!important;height:100%!important;
  max-height:100px!important;object-fit:contain!important;border-radius:11px!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-copy{
  background:rgba(2,35,27,.58)!important;border:1px solid rgba(255,214,118,.24)!important;
  border-radius:13px!important;padding:8px 12px!important;
  align-items:flex-start!important;justify-content:center!important;
  min-height:0!important;overflow:hidden!important;gap:4px!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-badge{
  display:inline-flex!important;align-items:center!important;
  color:#ffe091!important;background:rgba(16,57,41,.83)!important;
  border:1px solid rgba(243,192,70,.65)!important;
  border-radius:999px!important;padding:3px 10px!important;
  font-size:clamp(10px,1.3vw,13px)!important;line-height:1.25!important;
  max-width:100%!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-title{
  color:#fff8dc!important;text-shadow:0 2px 7px rgba(0,0,0,.6)!important;
  font-size:clamp(15px,2.4vw,25px)!important;line-height:1.2!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-subtitle{
  color:#f0e7cb!important;line-height:1.25!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-open{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(115deg,#ffe397,#e4ae40)!important;color:#09372b!important;
  border:1px solid #ffe5a0!important;border-radius:10px!important;
  font-weight:900!important;text-decoration:none!important;
  padding:6px 15px!important;min-height:30px!important;width:auto!important;
  max-width:100%!important;flex-shrink:0!important;
}
@media(max-width:700px){
  html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
    grid-template-columns:76px minmax(0,1fr)!important;
    height:142px!important;min-height:142px!important;max-height:142px!important;
    padding:8px 10px!important;gap:9px!important;
    background-position:42% center!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{max-height:78px!important}
  html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap img{max-height:66px!important}
  html body #kintoFeaturedStoreSlot .kinto-featured-copy{padding:7px 9px!important;gap:3px!important}
  html body #kintoFeaturedStoreSlot .kinto-featured-title{font-size:15px!important}
  html body #kintoFeaturedStoreSlot .kinto-featured-subtitle{font-size:11px!important}
  html body #kintoFeaturedStoreSlot .kinto-featured-open{font-size:11px!important;min-height:28px!important;padding:5px 11px!important}
}

/* V202.1 — normalize the three home promotional banners to the local banner's ratio.
   Scope is visual only; no changes to store selection, navigation or products. */
html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
  width:min(1180px,calc(100% - 20px))!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:2172 / 412!important;
  margin:12px auto!important;
  padding:clamp(5px,1vw,12px)!important;
  grid-template-columns:clamp(50px,10%,105px) minmax(0,1fr)!important;
  border-radius:16px!important;
  background-position:center center!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{
  width:100%!important;height:auto!important;
  aspect-ratio:1/1!important;max-height:100%!important;
  padding:4px!important;border-radius:12px!important;
  align-self:center!important;justify-self:center!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-copy{
  width:100%!important;height:auto!important;max-height:100%!important;
  align-self:center!important;padding:clamp(4px,.7vw,10px) clamp(7px,1.3vw,15px)!important;
  background:rgba(2,35,27,.48)!important;
}
html body #kintoStorePortalsV55.kinto-v172-global-strip{
  width:min(1180px,calc(100% - 20px))!important;
  max-width:1180px!important;margin:12px auto!important;
  padding:0!important;
}
html body #kintoStorePortalsV55 .kinto-v196-global-image-link{
  width:100%!important;aspect-ratio:2172 / 412!important;
  height:auto!important;min-height:0!important;
  border:1px solid rgba(229,186,93,.65)!important;
  border-radius:16px!important;
}
html body #kintoStorePortalsV55 .kinto-v196-global-image-link img{
  display:block!important;width:100%!important;height:100%!important;
  aspect-ratio:2172 / 412!important;object-fit:fill!important;
}
html body #localStoresPublic .local-stores-head.kinto-v201-local-banner,
html body #localStoresPublic .kinto-v201-local-banner img{border-radius:16px!important}
@media(max-width:700px){
  html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
    width:calc(100% - 20px)!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:2172 / 412!important;
    grid-template-columns:clamp(38px,12%,62px) minmax(0,1fr)!important;
    padding:4px 7px!important;gap:7px!important;border-radius:13px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{
    width:100%!important;height:auto!important;max-width:100%!important;
    max-height:100%!important;aspect-ratio:1/1!important;
    border-radius:9px!important;padding:2px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap img{
    width:100%!important;height:100%!important;max-width:100%!important;
    max-height:100%!important;object-fit:contain!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-copy{
    width:100%!important;height:auto!important;max-height:100%!important;
    padding:2px 6px!important;gap:1px!important;border-radius:8px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-badge{
    font-size:9px!important;padding:1px 6px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-title{
    font-size:clamp(10px,2.7vw,14px)!important;line-height:1.1!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-subtitle{
    font-size:clamp(8px,2.1vw,10px)!important;line-height:1.1!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-open{
    min-height:18px!important;padding:2px 7px!important;
    font-size:clamp(8px,2vw,10px)!important;line-height:1.1!important;
    border-radius:7px!important;
  }
  html body #kintoStorePortalsV55.kinto-v172-global-strip{
    width:calc(100% - 20px)!important;margin:12px auto!important;
  }
  html body #kintoStorePortalsV55 .kinto-v196-global-image-link,
  html body #localStoresPublic .local-stores-head.kinto-v201-local-banner,
  html body #localStoresPublic .kinto-v201-local-banner img{
    border-radius:13px!important;
  }
}

/* V202.2 — mobile screenshot corrections: exact banner box, no clipped featured text. */
html body #localStoresPublic .local-stores-head.kinto-v201-local-banner{
  box-sizing:border-box!important;
  aspect-ratio:2172 / 412!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0 0 12px!important;
  line-height:0!important;overflow:hidden!important;
  border:0!important;
}
html body #localStoresPublic .kinto-v201-local-banner img{
  box-sizing:border-box!important;
  display:block!important;width:100%!important;height:100%!important;
  aspect-ratio:2172 / 412!important;
  object-fit:fill!important;max-height:none!important;
  border:1px solid rgba(229,186,93,.65)!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-copy{
  box-sizing:border-box!important;
  min-width:0!important;min-height:0!important;
  overflow:visible!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-copy > *{
  flex-shrink:0!important;
  margin:0!important;max-width:100%!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-badge{
  white-space:nowrap!important;
}
@media(max-width:700px){
  html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
    /* Keep identical exterior ratio; reclaim vertical space from content padding. */
    padding:3px 6px!important;gap:5px!important;
    grid-template-columns:clamp(36px,11%,56px) minmax(0,1fr)!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-copy{
    padding:1px 5px!important;gap:0!important;
    border-width:0!important;
    background:rgba(2,35,27,.62)!important;
    overflow:visible!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-badge{
    font-size:8px!important;line-height:1!important;padding:1px 5px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-title,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy h1,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy h2,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy h3{
    font-size:clamp(10px,2.55vw,13px)!important;
    line-height:1.05!important;margin:0!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-subtitle,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy p{
    font-size:clamp(8px,1.95vw,10px)!important;
    line-height:1.05!important;margin:0!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-open,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy a,
  html body #kintoFeaturedStoreSlot .kinto-featured-copy button{
    min-height:17px!important;height:auto!important;
    font-size:9px!important;line-height:1.1!important;
    padding:2px 7px!important;margin:1px 0 0!important;
  }
  html body #localStoresPublic .local-stores-head.kinto-v201-local-banner{
    margin-bottom:10px!important;
  }
}

/* V202.3 — screenshot alignment: local banner was wider than global/featured.
   Inset only the local artwork; do not resize the whole searchable directory. */
@media(max-width:700px){
  html body #localStoresPublic .local-stores-head.kinto-v201-local-banner{
    width:calc(100% - 30px)!important;
    max-width:calc(100% - 30px)!important;
    margin-inline:15px!important;
    margin-bottom:10px!important;
    aspect-ratio:2172 / 412!important;
    height:auto!important;
    border-radius:13px!important;
  }
  html body #localStoresPublic .kinto-v201-local-banner img{
    width:100%!important;height:100%!important;
    aspect-ratio:2172 / 412!important;
    object-fit:fill!important;
  }
}
/* Premium, neutral backdrop for the existing live scrolling announcement.
   CSS-only; preserves original announcement text and ticker animation. */
html body #meshwarTicker{
  position:relative!important;isolation:isolate!important;
  box-sizing:border-box!important;
  border:1px solid rgba(241,198,98,.65)!important;
  border-radius:clamp(12px,2vw,18px)!important;
  background:
    radial-gradient(ellipse at 13% 12%,rgba(233,183,73,.15),transparent 38%),
    radial-gradient(ellipse at 92% 85%,rgba(233,183,73,.12),transparent 36%),
    repeating-linear-gradient(128deg,transparent 0,transparent 32px,rgba(230,183,72,.035) 33px,transparent 34px),
    linear-gradient(110deg,#06372b 0%,#0b4b37 52%,#062f27 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,218,135,.09),0 7px 20px rgba(0,21,15,.18)!important;
}
html body #meshwarTicker .meshwar-ticker-track{
  position:relative!important;z-index:1!important;
  color:#ffe3a0!important;text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}

/* KINTO V204 — VIP store identity. CSS only: existing live logo, name and link. */
html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
  grid-template-columns:clamp(76px,14%,148px) minmax(0,1fr)!important;
  gap:clamp(8px,1.5vw,20px)!important;
  padding:clamp(5px,1vw,12px)!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;
  height:auto!important;aspect-ratio:1/1!important;
  padding:clamp(4px,.8vw,9px)!important;
  border:2px solid #f4d477!important;
  border-radius:clamp(10px,1.7vw,20px)!important;
  background:linear-gradient(145deg,rgba(4,51,39,.94),rgba(7,69,49,.82))!important;
  box-shadow:0 0 0 3px rgba(238,189,77,.11),0 0 21px rgba(243,196,90,.25),inset 0 1px 10px rgba(255,229,144,.12)!important;
  overflow:hidden!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:inherit!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-copy{
  min-width:0!important;max-width:100%!important;
  border-color:rgba(255,216,126,.17)!important;
  background:linear-gradient(90deg,rgba(1,33,26,.10),rgba(1,33,26,.55))!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-title{
  display:block!important;max-width:100%!important;
  color:#fff7da!important;
  font-weight:900!important;
  font-size:clamp(15px,2.6vw,28px)!important;
  line-height:1.18!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
  overflow:hidden!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  text-overflow:ellipsis!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-badge{
  background:linear-gradient(110deg,rgba(8,65,46,.95),rgba(9,50,39,.91))!important;
  border-color:rgba(255,221,131,.82)!important;
  color:#ffdf86!important;font-weight:900!important;
}
html body #kintoFeaturedStoreSlot .kinto-featured-open{
  box-shadow:0 2px 9px rgba(255,203,96,.19)!important;
}
@media(max-width:700px){
  html body #kintoFeaturedStoreSlot.header-container.kinto-featured-store{
    grid-template-columns:clamp(57px,17%,78px) minmax(0,1fr)!important;
    gap:7px!important;padding:3px 7px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{
    padding:3px!important;border-width:1.5px!important;border-radius:11px!important;
    box-shadow:0 0 0 2px rgba(238,189,77,.11),0 0 12px rgba(243,196,90,.24)!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-copy{
    padding:2px 5px!important;gap:1px!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-title{
    font-size:clamp(11px,3vw,15px)!important;line-height:1.12!important;
    -webkit-line-clamp:2!important;
  }
  html body #kintoFeaturedStoreSlot .kinto-featured-subtitle{
    font-size:clamp(8px,1.95vw,10px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
 html body #kintoFeaturedStoreSlot .kinto-featured-logo-wrap{animation:none!important}
}