/* Homepage mobile hero. Loaded after the shared homepage styles. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero{position:relative;display:block;height:clamp(310px,68vw,330px);min-height:310px;max-height:330px;overflow:hidden;border-bottom:1px solid #dedbd7;background:#f3f0ed}
 body.rhana-editorial .ed-hero .ed-hero-copy{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;min-height:0;padding:17px 14px 12px;background:linear-gradient(90deg,rgba(249,247,244,.98) 0%,rgba(249,247,244,.92) 34%,rgba(249,247,244,.22) 52%,rgba(249,247,244,0) 67%)!important}
 body.rhana-editorial .ed-hero .ed-hero-brand{display:block;margin:0 0 6px;font-size:8px;line-height:1.3;letter-spacing:.13em}
 body.rhana-editorial .ed-hero h1{max-width:8em;margin:0 0 7px;font-size:clamp(25px,6.8vw,29px);line-height:.98;letter-spacing:-.025em;color:#2c2b29!important;text-shadow:none!important}
 body.rhana-editorial .ed-hero .ed-hero-copy>p{min-height:0;max-width:225px;margin:0 0 10px;font-size:10px;line-height:1.4;color:#615d59!important}
 body.rhana-editorial .ed-hero .ed-hero-actions{display:block;width:100%}
 body.rhana-editorial .ed-hero .ed-button{display:flex;justify-content:space-between;width:max-content;max-width:100%;min-width:158px;min-height:35px;padding:7px 11px;font-size:9px;line-height:1.25}
 body.rhana-editorial .ed-hero .ed-slide-controls{display:flex;width:max-content;min-height:22px;margin:7px 0 0;gap:15px;font-size:8px;color:#383633!important}
 body.rhana-editorial .ed-hero .ed-slide-controls #ed-slide-number,
 body.rhana-editorial .ed-hero .ed-slide-controls #ed-slide-total,
 body.rhana-editorial .ed-hero .ed-slide-controls .ed-slide-line{display:none}
 body.rhana-editorial .ed-hero .ed-slide-controls button{width:27px;height:22px;padding:0;font-size:16px;color:#383633!important}
 body.rhana-editorial .ed-hero .ed-slide-controls button:first-of-type{margin-left:0}
 body.rhana-editorial .ed-hero .ed-hero-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;min-height:0;background-repeat:no-repeat;background-size:auto 100%;background-position:center}
 body.rhana-editorial .ed-hero-plareceta .ed-hero-image{background-position:60% center}
 body.rhana-editorial .ed-hero-buvley .ed-hero-image{background-position:64% center}
 body.rhana-editorial .ed-hero-pilopla .ed-hero-image{background-position:68% center!important}
 body.rhana-editorial .ed-hero-lnc .ed-hero-image{background-position:64% center}
 body.rhana-editorial .ed-hero-ghc .ed-hero-image{background-position:66% center}
 body.rhana-editorial .ed-hero-curacen .ed-hero-image{background-position:66% center}
 body.rhana-editorial .ed-hero-laennec .ed-hero-image{background-position:65% center}
 body.rhana-editorial .ed-hero-nanoneedle .ed-hero-image{background-position:70% center}
}
@media(max-width:370px){
 body.rhana-editorial .ed-hero .ed-hero-copy{padding-inline:15px}
 body.rhana-editorial .ed-hero h1{font-size:25px}
}

/* The message remains left-aligned and vertically centered while zooming. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero .ed-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-top:12px;
  padding-bottom:12px;
 }
 body.rhana-editorial .ed-hero .ed-slide-controls{
  position:absolute;
  left:14px;
  bottom:10px;
  margin:0;
 }
}

/* Unified phone layout: fluid from compact 320px screens to large phones. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero{
  height:clamp(300px,82vw,344px)!important;
  min-height:300px!important;
  max-height:344px!important;
 }
 body.rhana-editorial .ed-hero .ed-hero-copy{
  width:100%!important;
  padding:18px clamp(14px,4vw,20px)!important;
  justify-content:center!important;
  background:linear-gradient(90deg,rgba(249,247,244,.98) 0%,rgba(249,247,244,.95) 36%,rgba(249,247,244,.62) 52%,rgba(249,247,244,.08) 74%,transparent 100%)!important;
 }
 body.rhana-editorial .ed-hero .ed-hero-brand{max-width:62%;font-size:clamp(8px,2.3vw,10px)!important}
 body.rhana-editorial .ed-hero h1{
  max-width:58%!important;
  margin-top:14px!important;
  margin-bottom:10px!important;
  font-size:clamp(26px,7.8vw,34px)!important;
  line-height:.98!important;
  overflow-wrap:normal;
 }
 body.rhana-editorial .ed-hero .ed-hero-copy>p{
  display:-webkit-box;
  max-width:57%!important;
  max-height:4.35em!important;
  margin-bottom:12px!important;
  overflow:hidden!important;
  font-size:clamp(10px,2.9vw,12px)!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
 }
 body.rhana-editorial .ed-hero .ed-hero-actions{width:min(230px,62%)!important}
 body.rhana-editorial .ed-hero .ed-button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 12px!important;
  gap:10px!important;
  font-size:clamp(9px,2.7vw,11px)!important;
  white-space:nowrap!important;
 }
 body.rhana-editorial .ed-hero .ed-slide-controls{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  margin:9px 0 0!important;
 }

 body.rhana-editorial .ed-values p{
  margin:0!important;
  color:#45423f!important;
  font:400 clamp(11px,3.25vw,13px)/1.18 Rubik,Arial,sans-serif!important;
 }
 body.rhana-editorial .ed-values p strong{display:block;font-weight:500!important}

 body.rhana-editorial .ed-live-products{width:calc(100% - 28px)!important}
 body.rhana-editorial .ed-catalog-heading{align-items:flex-end!important;gap:12px!important;margin-bottom:16px!important}
 body.rhana-editorial .ed-catalog-heading h2{font-size:clamp(28px,8.4vw,36px)!important;line-height:1.05!important}
 body.rhana-editorial .ed-catalog-heading a{flex:0 0 auto;font-size:11px!important;white-space:nowrap}
 body.rhana-editorial .ed-live-products .slick-track,
 body.rhana-editorial .ed-live-products .box__goods:not(.slick-initialized){gap:10px!important}
 body.rhana-editorial .ed-live-products .goods__item-inner{
  padding:8px!important;
  background:transparent!important;
 }
 body.rhana-editorial .ed-live-products .product-item,
 body.rhana-editorial .ed-live-products .goods__item-link,
 body.rhana-editorial .ed-live-products .goods__item-img{background-color:transparent!important}
 body.rhana-editorial .ed-live-products .goods__item-img{height:clamp(145px,43vw,180px)!important}
 body.rhana-editorial .ed-live-products .goods__item-text{
  min-height:7.6em!important;
  max-height:7.6em!important;
  padding-top:10px!important;
  overflow:hidden!important;
  font-size:clamp(11px,3.1vw,13px)!important;
  line-height:1.45!important;
 }
 body.rhana-editorial .ed-live-products .goods__item-text>span{font-size:10px!important;line-height:1.35!important}
 body.rhana-editorial .ed-live-products .goods__item-price{
  display:block!important;
  min-height:24px!important;
  margin:7px 0 8px!important;
  overflow:visible!important;
 }
 body.rhana-editorial .ed-live-products .goods__item-price>div:first-child{display:flex!important;flex-wrap:wrap!important;gap:3px 7px!important}
 body.rhana-editorial .ed-live-products .goods__item-price span{height:auto!important;min-height:0!important;line-height:1.25!important}
 body.rhana-editorial .ed-live-products .goods__item-buy .buy__btn{min-height:42px!important;height:42px!important;font-size:clamp(10px,3vw,12px)!important}
}

@media(max-width:359px){
 body.rhana-editorial .ed-hero h1{max-width:62%!important;font-size:25px!important}
 body.rhana-editorial .ed-hero .ed-hero-copy>p{max-width:62%!important}
 body.rhana-editorial .ed-hero .ed-hero-actions{width:64%!important}
 body.rhana-editorial .ed-live-products .goods__item-img{height:138px!important}
}

/* A dedicated portrait crop keeps the RHANA20 decor away from the copy. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero .ed-hero-image{
  background-image:var(--hero-image-mobile,var(--hero-image))!important;
 }
 body.rhana-editorial .ed-hero-promo .ed-hero-image{
  background-size:cover!important;
  background-position:center 47%!important;
 }
 body.rhana-editorial .ed-hero-promo .ed-hero-copy{
  background:linear-gradient(90deg,rgba(249,247,244,.99) 0%,rgba(249,247,244,.96) 40%,rgba(249,247,244,.66) 57%,rgba(249,247,244,.06) 78%,transparent 100%)!important;
 }
}

/* Compact RHANA20 composition on phones: equal rhythm and room for the product. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero-promo .ed-hero-copy{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  justify-content:stretch!important;
  row-gap:14px!important;
  padding:16px clamp(16px,5vw,22px)!important;
 }
 body.rhana-editorial .ed-hero-promo .ed-hero-brand{
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(8px,2.3vw,10px)!important;
 }
 body.rhana-editorial .ed-hero-promo h1{
  max-width:72%!important;
  margin:0!important;
  font-size:clamp(30px,9.7vw,38px)!important;
  line-height:.94!important;
 }
 body.rhana-editorial .ed-hero-promo .ed-hero-copy>p{
  max-width:70%!important;
  margin:0!important;
  font-size:clamp(10px,2.9vw,12px)!important;
 }
 body.rhana-editorial .ed-hero-promo .ed-hero-actions{width:min(220px,70%)!important}
 body.rhana-editorial .ed-hero-promo .ed-button{min-height:40px!important}
 body.rhana-editorial .ed-hero-promo .ed-slide-controls{margin-top:8px!important}
}

/* Final mobile hero position: one left-aligned, vertically centred layout for every slide. */
@media(max-width:750px){
 body.rhana-editorial .ed-hero .ed-hero-copy,
 body.rhana-editorial .ed-hero-promo .ed-hero-copy{
  display:flex!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-content:normal!important;
  width:100%!important;
  height:100%!important;
  padding:38px clamp(16px,5vw,22px) 10px!important;
  row-gap:0!important;
 }
 body.rhana-editorial .ed-hero .ed-hero-brand,
 body.rhana-editorial .ed-hero-promo .ed-hero-brand{
  margin:0 0 12px!important;
 }
 body.rhana-editorial .ed-hero h1,
 body.rhana-editorial .ed-hero-promo h1{
  margin-top:0!important;
  margin-bottom:14px!important;
 }
 body.rhana-editorial .ed-hero .ed-hero-copy>p,
 body.rhana-editorial .ed-hero-promo .ed-hero-copy>p{
  margin-top:0!important;
  margin-bottom:14px!important;
 }
 body.rhana-editorial .ed-hero .ed-hero-actions,
 body.rhana-editorial .ed-hero-promo .ed-hero-actions{
  margin:0!important;
 }
 body.rhana-editorial .ed-hero .ed-slide-controls,
 body.rhana-editorial .ed-hero-promo .ed-slide-controls{
  margin:12px 0 0!important;
 }
}