
/* ELIFLI CAKERY V20.14.75 — approved homepage visual integration */
:root{
  --elifli-rose:#e85c7b;
  --elifli-rose-dark:#bd5d61;
  --elifli-gold:#d69b55;
  --elifli-ink:#3d3032;
  --elifli-line:#efd8dc;
  --elifli-cream:#fffaf8;
}

/* announcement strip */
.elifli-premium-info{
  min-height:38px;
  padding:0 clamp(28px,4vw,64px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(235,202,208,.65);
  background:linear-gradient(90deg,#fff8f8,#fff3f5 52%,#fff9f7);
  color:#5b4a4d;
  font-size:12px;
}
.elifli-premium-info>div{display:flex;align-items:center;gap:10px}
.elifli-premium-info i{width:4px;height:4px;border-radius:50%;background:#e86884}
.elifli-premium-info__contact i{width:1px;height:16px;border-radius:0;background:#e7a3b2}
.info-truck{color:#e85c7b;font-size:19px}

/* Header composition */
.mhome-head{
  padding-top:24px!important;
  background:linear-gradient(180deg,#fffdfc,#fffaf9)!important;
}
.mhome-head-top{
  min-height:104px!important;
  position:relative!important;
  align-items:center!important;
}
.mhome-menu{
  width:48px!important;
  height:48px!important;
  border:1px solid #f0dddd!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#fff7f7)!important;
  color:#e55777!important;
  font-size:25px!important;
  box-shadow:0 7px 17px rgba(110,66,75,.08)!important;
}
.mhome-wordmark strong{
  color:#ed7089!important;
  font-size:64px!important;
  line-height:.8!important;
  font-weight:400!important;
}
.mhome-wordmark small{
  margin-top:12px!important;
  color:#a57b62!important;
  font-size:13px!important;
  letter-spacing:.44em!important;
}

/* Header action buttons — integrated with the page, visible but restrained */
.mhome-top-actions{gap:10px!important}
.mhome-tool-btn.elifli-premium-action{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(214,155,85,.55)!important;
  background:linear-gradient(145deg,#fffdfb,#fff6f2)!important;
  box-shadow:0 8px 20px rgba(112,70,59,.08),inset 0 1px 0 #fff!important;
}
.mhome-tool-btn.elifli-premium-action .elifli-header-icon{
  width:27px!important;
  height:27px!important;
  stroke:#b85e60!important;
  stroke-width:1.85!important;
}
.mhome-tool-btn.elifli-premium-action .favorite-count-badge,
.mhome-tool-btn.elifli-premium-action i[data-cart-count]{
  top:-4px!important;
  right:-3px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border:2px solid #fffaf8!important;
  background:linear-gradient(135deg,#ef7d91,#df5c7c)!important;
  font-size:9px!important;
}

/* Search */
.mhome-search-wrap{
  width:min(920px,76vw)!important;
  height:58px!important;
  margin:10px auto 24px!important;
  border:1px solid #eedcdf!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 8px 24px rgba(95,56,65,.055)!important;
}
.mhome-search-wrap input{
  padding:0 58px 0 26px!important;
  font-size:14px!important;
}
.mhome-search-wrap>span{
  right:24px!important;
  color:#e94f76!important;
  font-size:24px!important;
}

/* Hero */
.premium-flow-desktop{
  width:calc(100% - 48px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
}
.premium-flow-hero{
  min-height:540px!important;
  overflow:hidden!important;
  border:1px solid #efdadd!important;
  border-radius:20px!important;
  background:linear-gradient(105deg,#fffaf8 0%,#fff5f2 43%,#f6ddcf 100%)!important;
  box-shadow:0 12px 34px rgba(95,58,63,.055)!important;
}
.premium-flow-hero__copy{
  padding:68px 48px 62px 82px!important;
  justify-content:center!important;
}
.premium-flow-kicker{display:none!important}
.premium-flow-hero__copy h1{
  margin:0!important;
  max-width:560px!important;
  color:var(--elifli-ink)!important;
  font-size:clamp(50px,4.8vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
}
.premium-flow-hero__copy h1 em{
  color:#e25776!important;
  font-style:normal!important;
}
.premium-flow-heart{
  color:#e25776!important;
  font-size:.78em!important;
}
.premium-flow-hero__copy h1::after{
  content:"—  ♡  —";
  display:block;
  margin-top:22px;
  color:#d6a064;
  font-family:Georgia,serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:.2em;
}
.premium-flow-hero__copy p{
  max-width:470px!important;
  margin:22px 0 0!important;
  color:#594b4d!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.premium-flow-main-cta{display:none!important}
.premium-flow-hero__visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Step cards immediately under hero */
.premium-flow-paths{
  margin-top:18px!important;
  gap:18px!important;
}
.premium-flow-card{
  min-height:118px!important;
  border-radius:18px!important;
  border:1px solid rgba(239,220,224,.88)!important;
  box-shadow:0 8px 23px rgba(90,54,61,.055)!important;
}
.premium-flow-card--models{background:linear-gradient(135deg,#fff9f8,#fff2f4)!important}
.premium-flow-card--reference{background:linear-gradient(135deg,#fbf8ff,#f7f0ff)!important}
.premium-flow-card--ai{background:linear-gradient(135deg,#fffbf5,#fff4e7)!important}

/* Keep the actual functional three-path content intact, just visually integrate it. */
.premium-flow-card__top{padding-top:18px!important}
.premium-flow-step{
  box-shadow:0 5px 12px rgba(70,45,50,.08)!important;
}
.premium-flow-card__cta{
  border-radius:14px!important;
}

/* WhatsApp stays above hero, but not oversized */
.elifli-wa-float,.whatsapp-float{
  filter:drop-shadow(0 8px 18px rgba(33,170,91,.18));
}

/* MOBILE: preserve existing responsive layout, only harmonize */
@media(max-width:900px){
  .elifli-premium-info{display:none!important}
  .mhome-head{padding-top:10px!important}
  .mhome-head-top{min-height:72px!important}
  .mhome-wordmark strong{font-size:46px!important}
  .mhome-wordmark small{font-size:9px!important}
  .mhome-tool-btn.elifli-premium-action{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important
  }
  .mhome-tool-btn.elifli-premium-action .elifli-header-icon{
    width:21px!important;height:21px!important
  }
  .mhome-search-wrap{
    width:calc(100% - 24px)!important;
    height:50px!important;
    margin:6px auto 14px!important;
  }
  .premium-flow-desktop{
    width:calc(100% - 20px)!important;
  }
}
