/* Homepage styles — reference: morena-homepage-v2.html */
.hero{position:relative;width:100%;height:calc(100vh - 88px);min-height:550px;background:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero__bg,.hero__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,0.15)}
.hero__gradient{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,0.85))}
.hero__content{position:relative;z-index:1;padding:0 20px 36px;color:#fff}
.hero__eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:0.5;margin-bottom:10px}
.hero__title{font-size:38px;font-weight:200;line-height:1.1;margin-bottom:12px}
.hero__title strong{font-weight:700}
.hero__sub{font-size:14px;font-weight:300;opacity:0.7;line-height:1.5;margin-bottom:20px;max-width:300px}
.hero__ctas{display:flex;gap:8px}
.hero__btn{padding:14px 28px;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.hero__btn--primary{background:#fff;color:#000}
.hero__btn--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.4)}
.hero__scroll{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:2}
.hero__scroll svg{width:16px;height:16px;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.cat-strip{display:flex;overflow-x:auto;scrollbar-width:none;background:#000}
.cat-strip::-webkit-scrollbar{display:none}
.cat-strip__item{flex:1;min-width:0;padding:14px 8px;text-align:center;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.6);white-space:nowrap;border-right:1px solid rgba(255,255,255,0.1);transition:color 0.2s}
.cat-strip__item:last-child{border-right:none}
.cat-strip__item:hover{color:#fff}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.editorial-card{position:relative;overflow:hidden;cursor:pointer;display:block}
.editorial-card:first-child{grid-column:1/-1}
.editorial-card__img{width:100%;aspect-ratio:3/4;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:14px;color:#fff;position:relative}
.editorial-card:first-child .editorial-card__img{aspect-ratio:9/12}
.editorial-card__overlay{position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,0.6));pointer-events:none}
.editorial-card__info{position:relative;z-index:1}
.editorial-card__tag{position:absolute;top:8px;left:8px;background:#fff;color:#000;font-size:9px;font-weight:600;padding:3px 8px;z-index:1}
.editorial-card__name{font-size:12px;font-weight:500;margin-bottom:2px}
.editorial-card__price{font-size:14px;font-weight:700}
.editorial-card__price span{font-size:11px;font-weight:300;text-decoration:line-through;opacity:0.7;margin-left:4px}
.editorial-card__bottom{padding:10px;background:#fff}
.editorial-card__bottom .editorial-card__name{color:#000}
.editorial-card__bottom .editorial-card__price{color:#000;font-size:13px}
.editorial-card__pix{font-size:10px;color:#666;margin-top:1px}
.collections{display:flex;flex-direction:column;gap:2px}
.collection-card{position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:24px 20px;color:#fff;cursor:pointer;overflow:hidden;background-size:cover;background-position:center;background-color:#333}
.collection-card::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,0.7))}
.collection-card__content{position:relative;z-index:1}
.collection-card__eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;opacity:0.5;margin-bottom:4px}
.collection-card__name{font-size:26px;font-weight:200;letter-spacing:1px;margin-bottom:4px}
.collection-card__name strong{font-weight:700}
.collection-card__count{font-size:11px;opacity:0.5;margin-bottom:12px}
.collection-card__btn{display:inline-block;padding:10px 22px;border:1px solid rgba(255,255,255,0.5);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:all 0.2s}
.collection-card__btn:hover{background:#fff;color:#000}
.numbers{display:flex;background:#000;color:#fff}
.numbers__item{flex:1;padding:24px 8px;text-align:center;border-right:1px solid rgba(255,255,255,0.1)}
.numbers__item:last-child{border-right:none}
.numbers__value{font-size:24px;font-weight:800;margin-bottom:2px}
.numbers__label{font-size:9px;opacity:0.5;letter-spacing:0.5px;text-transform:uppercase}
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--gray);border-radius:8px;overflow:hidden}
.cred-item{padding:20px 14px;text-align:center;border-bottom:1px solid var(--gray)}
.cred-item:nth-child(odd){border-right:1px solid var(--gray)}
.cred-item:nth-child(n+3){border-bottom:none}
.cred-item svg{width:24px;height:24px;margin-bottom:8px}
.cred-item__title{font-size:12px;font-weight:600;margin-bottom:2px}
.cred-item__text{font-size:10px;color:var(--gray-text);line-height:1.4}
.reviews-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.reviews-scroll::-webkit-scrollbar{display:none}
.review-card{min-width:280px;flex-shrink:0;scroll-snap-align:start;padding:20px;border:1px solid var(--gray);border-radius:8px;background:#fff}
.review-card__stars{font-size:13px;color:#000;margin-bottom:10px}
.review-card__text{font-size:12px;color:var(--gray-text);line-height:1.6;margin-bottom:12px;font-style:italic}
.review-card__author{font-size:12px;font-weight:600}
.review-card__product{font-size:10px;color:var(--gray-mid);margin-top:2px}
.review-card__verified{font-size:10px;color:var(--gray-text)}
.story{display:flex;flex-direction:column}
.story__img{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.15)}
.story__img img{width:100%;height:100%;object-fit:cover}
.story__content{padding:28px 20px}
.story__eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gray-mid);margin-bottom:8px}
.story__title{font-size:22px;font-weight:200;line-height:1.3;margin-bottom:12px}
.story__title strong{font-weight:700}
.story__text{font-size:13px;color:var(--gray-text);line-height:1.8;margin-bottom:16px}
.story__btn{display:inline-block;padding:12px 24px;border:1.5px solid #000;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all 0.2s}
.story__btn:hover{background:#000;color:#fff}
.newsletter{padding:40px 20px;text-align:center;background:#000;color:#fff}
.newsletter__title{font-size:20px;font-weight:200;margin-bottom:4px}
.newsletter__title strong{font-weight:700}
.newsletter__sub{font-size:12px;opacity:0.5;margin-bottom:18px}
.newsletter__form{display:flex;gap:0;max-width:400px;margin:0 auto}
.newsletter__input{flex:1;height:44px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:0 14px;font-family:var(--font);font-size:13px}
.newsletter__input::placeholder{color:rgba(255,255,255,0.3)}
.newsletter__btn{height:44px;padding:0 20px;background:#fff;color:#000;border:none;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
@media(min-width:1025px){
  .hero{height:80vh;max-height:700px}
  .hero__title{font-size:48px}
  .hero__content{max-width:1400px;margin:0 auto;padding:0 60px 50px}
  .cat-strip{justify-content:center}
  .editorial-grid{max-width:1400px;margin:0 auto;grid-template-columns:1fr 1fr 1fr}
  .editorial-card:first-child .editorial-card__img{aspect-ratio:21/9}
  .collections{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .collection-card:first-child{grid-column:1/-1}
  .collection-card{aspect-ratio:16/9}
  .cred-grid{grid-template-columns:repeat(4,1fr)}
  .cred-item{border-bottom:none!important}
  .cred-item:nth-child(even){border-right:1px solid var(--gray)}
  .cred-item:last-child{border-right:none}
  .story{flex-direction:row;max-width:1400px;margin:0 auto}
  .story__img{width:50%}
  .story__content{width:50%;display:flex;flex-direction:column;justify-content:center;padding:40px}
}