/* Yeli Boutique v5.7 — Editorial Brand & Clear Portraits
 * Additive, reversible storefront polish on top of Rosa Couture 5.6.
 * Live catalog, assistant, WhatsApp, admin and Cloudflare logic remain untouched.
 */
:root{
  --y57-ink:#722C46;
  --y57-framboise:#C52C69;
  --y57-border:rgba(224,152,177,.65);
}
/* Wordmark-led welcome hero, inspired by the user's approved reference. */
.y54-home .y54-hero{position:relative;background:linear-gradient(115deg,#fff9f7 0%,#fff1f5 48%,#f9dce7 100%)}
.y54-home .y54-hero::after{background:linear-gradient(90deg,rgba(255,249,247,.98) 0%,rgba(255,249,247,.92) 22%,rgba(255,249,247,.6) 46%,rgba(255,249,247,0) 84%)}
.y54-hero .y57-hero-brand{
  display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%;
  margin:7px 0 22px;font-weight:400;color:var(--y57-ink);text-align:center;
  line-height:1;letter-spacing:normal;text-shadow:none;
}
.y57-hero-brand .y57-brand-name{
  display:block;font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(86px,8.7vw,138px);line-height:.82;
  font-weight:400;letter-spacing:-.075em;color:#762443;
  padding-right:.07em;
}
.y57-hero-brand .y57-brand-type{
  display:block;font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(31px,3.1vw,48px);font-weight:400;letter-spacing:.24em;
  line-height:1.05;color:#c52c69;margin:18px 0 0;padding-left:.28em;
}
.y57-hero-brand .y57-brand-rule{display:flex;align-items:center;gap:10px;width:84%;justify-content:center;color:var(--y57-framboise);font:normal 26px/1 Georgia,serif;margin-top:13px}
.y57-brand-rule b{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(210,66,116,.56))}
.y57-brand-rule b:last-child{background:linear-gradient(90deg,rgba(210,66,116,.56),transparent)}
.y54-hero .y54-overline{font-weight:700;letter-spacing:.19em;color:var(--y57-framboise)}
@media(min-width:901px){
 .y54-home .y54-hero-person{object-position:50% 8%}
}
/* A rose-accented value gallery follows the hero, rather than a narrow 3-column strip. */
.y54-home .y54-promise.y57-promise{
  max-width:1250px;position:relative;z-index:5;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  padding:25px 22px;margin:-9px auto 0;
  border:2px solid rgba(230,165,186,.8);outline:3px solid rgba(255,255,255,.77);outline-offset:-8px;
  border-radius:28px;background:linear-gradient(135deg,rgba(255,254,252,.97),rgba(255,239,245,.97));
  box-shadow:0 13px 35px rgba(158,68,103,.11);
}
.y54-home .y57-promise-value{
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:5px 10px;text-align:center;gap:9px;
  font:normal clamp(15px,1.43vw,19px)/1.26 Georgia,'Times New Roman',serif;color:var(--y57-ink);
}
.y54-home .y57-promise-value+div{border-left:1px solid rgba(213,150,172,.46)}
.y54-home .y57-value-icon{
  display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;
  background:linear-gradient(150deg,#ffebf1,#fce0e9);color:#cb2f6a;
}
.y54-home .y57-value-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* Never place decorative lettering over the founder's face, regardless of viewport. */
.y54-home .y54-curated-photo>span,.y54-home .y56-personal-portrait>span{display:none!important}
.y54-curated-photo img{object-position:50% 31%}
/* Mobile portrait and typography are optically balanced rather than recreated. */
@media(max-width:900px){
 .y54-hero .y57-hero-brand{margin:6px 0 19px}
 .y57-hero-brand .y57-brand-name{font-size:clamp(78px,11vw,100px)}
 .y57-hero-brand .y57-brand-type{font-size:clamp(26px,4.1vw,36px)}
 .y54-home .y54-promise.y57-promise{margin-inline:16px}
}
@media(max-width:600px){
 .y54-home .y54-hero{min-height:625px;background:linear-gradient(115deg,#fff9f8 0%,#ffedf2 72%,#f8d7e2)}
 .y54-home .y54-hero::after{background:linear-gradient(90deg,rgba(255,249,247,.99) 0%,rgba(255,249,247,.92) 18%,rgba(255,249,247,.58) 48%,rgba(255,249,247,.02) 93%)}
 .y54-home .y54-hero-person{top:0;right:-13%;height:100%;width:90%;object-fit:cover;object-position:48% 27%;filter:saturate(1.025) contrast(1.015)}
 .v50-hero-copy.y54-hero-copy{max-width:81%;min-height:610px;padding:56px 6px 33px 21px}
 .y54-hero .y54-overline{font-size:10px;max-width:268px;margin-bottom:18px;letter-spacing:.19em}
 .y54-hero .y57-hero-brand{width:243px;max-width:100%;margin:6px 0 20px}
 .y57-hero-brand .y57-brand-name{font-size:clamp(76px,22.8vw,98px);line-height:.78;letter-spacing:-.085em}
 .y57-hero-brand .y57-brand-type{font-size:clamp(24px,7.15vw,31px);line-height:1.1;letter-spacing:.19em;margin:18px 0 0;padding-left:.2em}
 .y57-hero-brand .y57-brand-rule{width:82%;margin-top:12px;font-size:23px;gap:9px}
 .v50-hero-copy.y54-hero-copy>p{font-size:13.6px;line-height:1.5;max-width:220px;margin-bottom:24px;color:#805066}
 .y54-hero-actions{gap:10px}
 .y54-hero-actions .y54-btn{min-height:49px}
 .y54-signature{font-size:18px;margin:24px 0 0 17px}
 .y54-signature i{font-size:25px}
 .y54-home .y54-promise.y57-promise{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);
    padding:15px 15px;margin:-12px 14px 0;border-radius:25px;
 }
 .y54-home .y57-promise-value{padding:12px 7px;gap:8px;font-size:clamp(13px,3.7vw,16px);min-height:112px}
 .y54-home .y57-promise-value+div{border-left:0}
 .y54-home .y57-promise-value:nth-child(2n){border-left:1px solid rgba(213,150,172,.4)}
 .y54-home .y57-promise-value:nth-child(n+3){border-top:1px solid rgba(213,150,172,.4)}
 .y54-home .y57-value-icon{width:43px;height:43px}
 .y54-home .y57-value-icon svg{width:25px;height:25px}
 .y54-curated-photo img{object-position:50% 33%}
}
@media(max-width:375px){
 .y54-home .y54-hero{min-height:605px}
 .v50-hero-copy.y54-hero-copy{min-height:590px;padding-left:17px;max-width:87%}
 .y54-hero .y57-hero-brand{width:221px}
 .y57-hero-brand .y57-brand-name{font-size:clamp(69px,22.3vw,84px)}
 .y57-hero-brand .y57-brand-type{font-size:clamp(23px,7vw,26px)}
 .v50-hero-copy.y54-hero-copy>p{max-width:205px}
 .y54-home .y57-promise-value{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.y57-hero-brand>span,.y57-promise-value{animation:none!important;transition:none!important}}