/* Yeli Boutique 5.9 — Catalog First / Compact Editorial Home
   Additive, reversible, storefront-only styling. No backend or auth changes. */
:root{--y59-pink:#d03975;--y59-ink:#722c46;--y59-blush:#fff6f8}
/* Catalog is the first content destination after the photographed introduction. */
.y54-home .y54-category-section{
  max-width:1170px;margin:0 auto;padding:clamp(24px,3.4vw,43px) clamp(17px,3.6vw,44px) clamp(19px,3vw,36px);
  background:linear-gradient(160deg,#fffaf9,#fff5f7 74%,#fff8fa);
  scroll-margin-top:104px;
}
.y54-home .y54-section-head{margin-bottom:clamp(16px,2vw,24px)}
.y54-home .y54-section-head .y54-overline{color:#bd3d73;letter-spacing:.13em}
.y54-home .y54-section-head h2{
  font:400 clamp(45px,5vw,68px)/1.03 Georgia,'Times New Roman',serif;
  letter-spacing:-.045em;color:var(--y59-ink);margin:7px 0 6px;
}
.y54-home .y54-section-head p{color:#895d70;font:400 clamp(13px,1.3vw,16px)/1.45 system-ui,sans-serif;max-width:480px}
.y54-home .y54-category-grid{gap:clamp(9px,1.6vw,17px)}
.y54-home .y54-category-card{aspect-ratio:1.24/1;border-radius:19px;box-shadow:0 7px 20px #a9687c1c}
.y54-home .y54-category-card-title{min-height:58px;padding:10px 13px;border-radius:15px 15px 0 0}
.y54-home .y54-category-card-title strong{font-size:clamp(23px,2.65vw,33px)}
.y54-home .y54-category-card-title i{width:35px;height:35px;font-size:25px}
.y54-home .y54-all-boutique{margin:18px auto 0;min-height:47px;width:min(100%,335px);padding-inline:18px;font-size:13px}
/* The four benefits no longer dominate the first screen or obscure the catalog. */
.y54-home .y54-promise.y57-promise{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;
  max-width:1080px;margin:8px auto 22px;padding:7px 12px;border:1px solid #eed0dc;outline:none;
  border-radius:19px;background:linear-gradient(115deg,#fffdfc,#fff0f5);box-shadow:0 6px 20px rgba(126,43,77,.06);
}
.y54-home .y57-promise-value{
  min-height:47px;display:flex;flex-direction:row;align-items:center;justify-content:center;
  gap:9px;padding:4px 8px;text-align:left;color:var(--y59-ink);
  font:500 clamp(10.5px,1.02vw,12.3px)/1.18 system-ui,sans-serif;
}
.y54-home .y57-promise-value:nth-child(n){border-top:0}
.y54-home .y57-promise-value:nth-child(n+2){border-left:1px solid rgba(213,150,172,.37)}
.y54-home .y57-value-icon{width:31px;height:31px;flex:none;background:#ffe5ee}
.y54-home .y57-value-icon svg{width:21px;height:21px;stroke-width:1.7}
.y54-home .y58-virtual{margin-top:19px}
.y54-home .y54-curated{margin-top:20px;margin-bottom:29px}
.y54-home .y54-curated-heading h2{font-size:clamp(48px,5vw,72px)}
.y54-home .y54-curated-copy h3{font-size:clamp(38px,4.6vw,62px)}
.y54-home .y54-curated-coming{min-height:350px}
.y54-home .y56-concierge{margin-top:15px}
@media(min-width:1000px){
 /* A single editorial category row on desktop reduces unnecessary scrolling. */
 .y54-home .y54-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .y54-home .y54-category-card{aspect-ratio:.94/1}
 .y54-home .y54-category-card-title strong{font-size:clamp(22px,2vw,27px)}
}
@media(max-width:900px){
 .y54-home .y54-category-section{padding:26px 16px 23px}
 .y54-home .y54-promise.y57-promise{margin:5px 16px 19px}
}
@media(max-width:600px){
 /* Shorter first screen: preserve the approved real portrait and both actions. */
 .y54-home .y54-hero{min-height:572px}
 .v50-hero-copy.y54-hero-copy{min-height:565px;padding-top:43px;padding-bottom:21px}
 .y54-hero .y54-overline{margin-bottom:12px}
 .y54-hero .y57-hero-brand{margin-bottom:13px}
 .v50-hero-copy.y54-hero-copy>p{font-size:13px;line-height:1.45;margin-bottom:17px}
 .y54-hero-actions{gap:8px}
 .y54-hero-actions .y54-btn{min-height:46px;padding:8px 12px}
 .y54-signature{margin-top:18px}
 .y54-home .y54-category-section{padding:23px 14px 17px}
 .y54-home .y54-section-head{margin-bottom:15px}
 .y54-home .y54-section-head h2{font-size:clamp(42px,11.4vw,50px);margin:7px 0 5px}
 .y54-home .y54-section-head p{font-size:13px}
 .y54-home .y54-category-grid{gap:9px}
 .y54-home .y54-category-card{aspect-ratio:1.19/1;border-radius:15px}
 .y54-home .y54-category-card-title{min-height:48px;padding:7px 9px 7px 10px;border-radius:12px 12px 0 0;gap:4px}
 .y54-home .y54-category-card-title strong{font-size:clamp(19px,5.2vw,24px)}
 .y54-home .y54-category-card-title i{width:27px;height:27px;font-size:19px}
 .y54-home .y54-all-boutique{min-height:46px;width:min(100%,290px);margin-top:15px;font-size:12px}
 .y54-home .y54-promise.y57-promise{padding:8px 5px;margin:4px 13px 17px;border-radius:16px}
 .y54-home .y57-promise-value{flex-direction:column;min-height:72px;gap:4px;padding:3px 4px;font-size:10.5px;line-height:1.22;text-align:center}
 .y54-home .y57-value-icon{width:31px;height:31px}
 .y54-home .y57-value-icon svg{width:19px;height:19px}
 .y54-home .y57-promise-value:nth-child(n){border-top:0}
 .y54-home .y57-promise-value:nth-child(n+2){border-left:1px solid rgba(213,150,172,.35)}
 .y54-home .y58-virtual{margin-top:17px}
 .y54-home .y54-curated{margin-top:19px;margin-bottom:22px}
 .y54-home .y54-curated-heading h2{font-size:clamp(37px,9.6vw,47px)}
 .y54-home .y54-curated-copy h3{font-size:clamp(30px,8.5vw,41px)}
 .y54-home .y54-curated-coming{min-height:0}
 .y54-home .y54-curated-copy>p{font-size:12px;line-height:1.4}
}
@media(max-width:355px){
 .y54-home .y54-hero{min-height:554px}
 .v50-hero-copy.y54-hero-copy{min-height:550px}
 .y54-home .y54-category-section{padding-inline:10px}
 .y54-home .y57-promise-value{font-size:9.5px;gap:3px}
 .y54-home .y57-value-icon{width:28px;height:28px}
 .y54-home .y54-category-card-title strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.y54-home .y54-category-card img{transition:none!important}}
