/* Eyup Express V12.44 - uploaded media keeps its original ratio; no forced crop. */
body:not(.admin-body) .hero.hero-ad-host,
body:not(.admin-body) .hero.hero-ad-host>.ad-carousel{
  border-radius:24px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide{
  border-radius:24px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain{
  background-image:linear-gradient(90deg,rgba(6,53,30,.78) 0%,rgba(6,53,30,.42) 38%,rgba(6,53,30,.10) 72%),var(--ad)!important;
  background-size:cover,contain!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center!important;
  background-color:#f4f7f2!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain .ad-copy{max-width:min(60%,520px)!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain.ad-image-only{
  background-image:var(--ad)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#fff!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain.ad-image-only::before,
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain.ad-image-only::after{display:none!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only .ad-copy{display:none!important}

/* Admin-uploaded product/category pictures are shown completely instead of being cropped. */
body:not(.admin-body) #products .product img.product-image[src*="/uploads/"],
body:not(.admin-body) #products .product img.product-image[src*="uploads/"],
body:not(.admin-body) #categoriesSection .category-card img[src*="/uploads/"],
body:not(.admin-body) #categoriesSection .category-card img[src*="uploads/"]{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:#fff!important;
}
body:not(.admin-body) #products .product img.product-image[src*="/uploads/"],
body:not(.admin-body) #products .product img.product-image[src*="uploads/"]{
  padding:4px!important;
}
body:not(.admin-body) #categoriesSection .category-card img[src*="/uploads/"],
body:not(.admin-body) #categoriesSection .category-card img[src*="uploads/"]{
  padding:3px!important;
}

body.admin-body .ad-preset-card{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) auto!important;align-items:center!important;gap:16px!important;padding:15px!important;margin:0 0 16px!important;border:1px solid #d6e7dd!important;border-radius:15px!important;background:#f7fbf8!important}
body.admin-body .ad-preset-card h3{margin:0 0 5px!important;font-size:18px!important}
body.admin-body .ad-preset-card p{margin:0!important;color:#587064!important;font-size:13px!important;line-height:1.45!important}
body.admin-body .ad-preset-card img{display:block!important;width:100%!important;max-height:150px!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe7e1!important}
body.admin-body .ad-preset-card button{min-height:44px!important;padding:10px 14px!important;border:0!important;border-radius:11px!important;background:#078d49!important;color:#fff!important;font-weight:900!important;cursor:pointer!important}
body.admin-body .ad-manager-form form{grid-template-columns:1fr 1fr 1fr 1.1fr auto!important}
body.admin-body .ads-manager article img{object-fit:contain!important;object-position:center!important;border-radius:12px!important;background:#fff!important}
body.admin-body .ads-manager article select[data-ad-fit]{min-width:180px!important}
@media(max-width:1100px){body.admin-body .ad-preset-card{grid-template-columns:1fr 1fr!important}.ad-preset-card button{grid-column:1/-1!important}body.admin-body .ad-manager-form form{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){body:not(.admin-body) .hero.hero-ad-host,body:not(.admin-body) .hero.hero-ad-host>.ad-carousel,body:not(.admin-body) .hero.hero-ad-host .ad-slide{border-radius:18px!important}body.admin-body .ad-preset-card{grid-template-columns:1fr!important}body.admin-body .ad-preset-card button{grid-column:auto!important}body.admin-body .ad-manager-form form{grid-template-columns:1fr!important}}

body:not(.admin-body) #categoriesSection .category-card img{width:100%!important}
@media(max-width:700px){
  body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain .ad-copy{max-width:70%!important}
}

/* V12.46: slider height follows the active image aspect ratio, so contain fills without side gaps. */
body:not(.admin-body) .hero.hero-ad-host{height:var(--top-ad-height,380px)!important;min-height:var(--top-ad-height,380px)!important;max-height:520px!important}
body:not(.admin-body) .hero.hero-ad-host>.ad-carousel{height:100%!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain.ad-image-only{background-size:100% 100%!important;background-position:center!important;background-color:transparent!important}
@media(max-width:800px){body:not(.admin-body) .hero.hero-ad-host{max-height:360px!important}}

/* V12.48: no dark/empty band under image-only slider ads. Height is set from the active image ratio by JS. */
body:not(.admin-body) .hero.hero-ad-host,
body:not(.admin-body) .hero.hero-ad-host>.ad-carousel,
body:not(.admin-body) .hero.hero-ad-host .ad-slide{
  overflow:hidden!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only{
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:transparent!important;
}
@media(max-width:800px){
  body:not(.admin-body) .hero.hero-ad-host{min-height:130px!important}
}


/* V12.51 - mobile slider image reliability + category image full-fit */
body:not(.admin-body) .hero.hero-ad-host .ad-slide{position:absolute!important;isolation:isolate!important;background-color:#123c2b!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media{
  position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;
  display:block!important;object-position:center center!important;object-fit:cover!important;background:#123c2b!important;
}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain .ad-media,
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only .ad-media{object-fit:contain!important;background:#123c2b!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-copy{position:relative!important;z-index:2!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only{background-image:none!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only .ad-media{border-radius:inherit!important}

@media(max-width:700px){
  body:not(.admin-body) #categoriesSection .categories{gap:12px!important;padding:4px 4px 12px!important;scroll-padding-left:4px!important}
  body:not(.admin-body) #categoriesSection .category-card{flex:0 0 132px!important;min-width:132px!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
  body:not(.admin-body) #categoriesSection .category-card img{
    display:block!important;width:100%!important;height:116px!important;max-height:116px!important;
    object-fit:contain!important;object-position:center center!important;background:#fff!important;padding:4px!important;box-sizing:border-box!important;transform:none!important;
  }
  body:not(.admin-body) #categoriesSection .category-card b{font-size:12.5px!important;min-height:48px!important;padding:9px 7px!important;line-height:1.15!important}
  body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media{object-fit:contain!important;background:#123c2b!important}
}


/* V12.52 definitive mobile category + slider reliability */
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-load-error{display:none!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media{z-index:1!important;opacity:1!important;visibility:visible!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-copy{z-index:2!important}
body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only .ad-media{object-fit:cover!important;background:#fff!important}
@media(max-width:700px){
  body:not(.admin-body) #categoriesSection .categories{gap:12px!important;padding:4px 2px 12px!important}
  body:not(.admin-body) #categoriesSection .category-card{flex:0 0 136px!important;min-width:136px!important;max-width:136px!important;border-radius:17px!important;overflow:hidden!important;background:#fff!important}
  body:not(.admin-body) #categoriesSection .category-card img{display:block!important;width:100%!important;height:118px!important;max-height:118px!important;object-fit:cover!important;object-position:center center!important;background:#fff!important;padding:0!important;margin:0!important;border-radius:0!important;transform:none!important}
  body:not(.admin-body) #categoriesSection .category-card b{display:flex!important;align-items:center!important;min-height:50px!important;padding:9px 10px!important;font-size:12.5px!important;line-height:1.15!important}
  body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media,
  body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-fit-contain .ad-media,
  body:not(.admin-body) .hero.hero-ad-host .ad-slide.ad-image-only .ad-media{object-fit:cover!important;object-position:center center!important;background:#fff!important}
}


/* V12.53 - mobile category full-fit + bottom nav text fix */
@media(max-width:700px){
  body:not(.admin-body) #categoriesSection .categories{
    gap:12px!important;
    padding:4px 3px 12px!important;
    scroll-padding-left:3px!important;
  }
  body:not(.admin-body) #categoriesSection .category-card{
    flex:0 0 138px!important;
    min-width:138px!important;
    max-width:138px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body:not(.admin-body) #categoriesSection .category-card img{
    display:block!important;
    width:100%!important;
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    padding:5px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    transform:none!important;
  }
  body:not(.admin-body) #categoriesSection .category-card b{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    padding:9px 11px!important;
    font-size:13px!important;
    line-height:1.14!important;
    white-space:normal!important;
  }
  body:not(.admin-body) nav.mobile-bottom button>span:not(.bottom-icon-wrap){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:700!important;
  }
  body:not(.admin-body) nav.mobile-bottom button{
    min-width:0!important;
    overflow:visible!important;
  }
}


/* V12.56 - mobile category label stability */
@media(max-width:700px){
  body:not(.admin-body) #categoriesSection .category-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    vertical-align:top!important;
  }
  body:not(.admin-body) #categoriesSection .category-card img{
    flex:0 0 110px!important;
    height:110px!important;
    min-height:110px!important;
    max-height:110px!important;
    width:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
    margin:0!important;
  }
  body:not(.admin-body) #categoriesSection .category-card b{
    box-sizing:border-box!important;
    flex:0 0 58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 10px!important;
    margin:0!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    line-height:1.15!important;
    font-size:12.5px!important;
    text-align:left!important;
  }
}

/* V12.57 - mobile rounded corners */
body:not(.admin-body) .hero,
body:not(.admin-body) .hero.hero-ad-host,
body:not(.admin-body) .hero.hero-ad-host>.ad-carousel,
body:not(.admin-body) .hero.hero-ad-host .ad-track,
body:not(.admin-body) .hero.hero-ad-host .ad-slide,
body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media{
  border-radius:24px!important;
  overflow:hidden!important;
}
body:not(.admin-body) #categoriesSection .category-card{
  border-radius:18px!important;
  overflow:hidden!important;
}
body:not(.admin-body) #categoriesSection .category-card img{
  border-radius:18px 18px 0 0!important;
}
body:not(.admin-body) #categoriesSection .category-card b{
  border-radius:0 0 18px 18px!important;
}
@media(max-width:700px){
  body:not(.admin-body) .hero,
  body:not(.admin-body) .hero.hero-ad-host,
  body:not(.admin-body) .hero.hero-ad-host>.ad-carousel,
  body:not(.admin-body) .hero.hero-ad-host .ad-track,
  body:not(.admin-body) .hero.hero-ad-host .ad-slide,
  body:not(.admin-body) .hero.hero-ad-host .ad-slide .ad-media{
    border-radius:22px!important;
  }
  body:not(.admin-body) #categoriesSection .category-card{border-radius:17px!important}
  body:not(.admin-body) #categoriesSection .category-card img{border-radius:17px 17px 0 0!important}
  body:not(.admin-body) #categoriesSection .category-card b{border-radius:0 0 17px 17px!important}
}