/* ==========================================================================
   Liana Home — homepage-only sections
   Loaded only on the "Liana Home" page template.
   ========================================================================== */

/* ---------- Hero ---------- */
.liana-hero{position:relative}
.liana-hero .ph-hero{height:78vh;min-height:520px;max-height:760px}
.liana-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to left,rgba(43,33,26,.55) 0%,rgba(43,33,26,.25) 45%,rgba(43,33,26,0) 75%);
  display:flex;align-items:center;
}
.liana-hero-copy{max-width:var(--maxw);margin:0 auto;padding:0 32px;width:100%}
.liana-hero-copy .inner{max-width:520px}
.liana-hero h1{
  font-size:clamp(34px,4.6vw,58px);
  font-weight:300;color:#fff;line-height:1.5;margin-bottom:18px;
}
.liana-hero h1 em{font-style:normal;font-weight:500}
.liana-hero p{color:#EDE5D8;font-size:16.5px;font-weight:300;margin-bottom:34px;max-width:440px}

/* ---------- Trust hairline bar ---------- */
.liana-trust{background:var(--white);border-bottom:1px solid var(--hairline)}
.liana-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.liana-trust-item{
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:22px 12px;font-size:13.5px;font-weight:400;color:var(--ink);
}
.liana-trust-item + .liana-trust-item{border-inline-start:1px solid var(--hairline)}
.liana-trust-item svg{width:22px;height:22px;stroke:var(--walnut);flex:none}

/* ---------- Categories ---------- */
.liana-cats{background:var(--bone)}
.liana-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.liana-cat{position:relative;border-radius:2px;overflow:hidden;aspect-ratio:3/4;display:block}
.liana-cat .ph{position:absolute;inset:0;transition:transform .5s ease}
.liana-cat:hover .ph{transform:scale(1.04)}
.liana-cat-label{
  position:absolute;right:0;left:0;bottom:0;z-index:2;
  padding:26px 24px;
  background:linear-gradient(to top,rgba(43,33,26,.62),rgba(43,33,26,0));
  color:#fff;
}
.liana-cat-label strong{font-size:19px;font-weight:500;display:block}
.liana-cat-label span{
  font-size:12.5px;font-weight:300;opacity:0;transform:translateY(6px);
  transition:all .3s ease;display:inline-block;margin-top:4px;
}
.liana-cat:hover .liana-cat-label span{opacity:.9;transform:none}

/* ---------- Craft / materials editorial ---------- */
.liana-craft{background:var(--white);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.liana-craft-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}
.liana-craft .ph{aspect-ratio:4/5;border-radius:2px}
.liana-craft-list{margin-top:44px;display:grid;gap:0}
.liana-craft-item{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--hairline)}
.liana-craft-item:last-child{border-bottom:1px solid var(--hairline)}
.liana-craft-item svg{width:26px;height:26px;stroke:var(--walnut);flex:none;margin-top:5px}
.liana-craft-item strong{font-size:15.5px;font-weight:500;display:block;margin-bottom:2px}
.liana-craft-item p{font-size:13.5px;color:var(--muted);font-weight:300}

/* ---------- Products ---------- */
.liana-prods{background:var(--bone)}
.liana-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.liana-prod .ph{aspect-ratio:4/3.4;border-radius:2px;transition:opacity .3s}
.liana-prod:hover .ph{opacity:.92}
.liana-prod-body{padding:20px 4px 0}
.liana-prod-name{font-size:16.5px;font-weight:500}
.liana-prod-spec{font-size:13px;color:var(--muted);font-weight:300;margin:4px 0 12px;min-height:18px}
.liana-prod-price{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--hairline);padding-top:12px}
.liana-prod-price strong{font-size:18px;font-weight:500;color:var(--walnut)}
.liana-prod-price span{font-size:12.5px;color:var(--muted);font-weight:300}
.liana-all-link{
  display:inline-block;margin-top:48px;font-size:14px;font-weight:400;color:var(--walnut);
  border-bottom:1px solid var(--walnut);padding-bottom:3px;
}

/* ---------- Made-to-measure band ---------- */
.liana-measure{background:var(--walnut);color:#fff;padding:0}
.liana-measure-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.liana-measure .ph-dark{min-height:440px}
.liana-measure-copy{padding:88px 72px;display:flex;flex-direction:column;justify-content:center}
.liana-measure .kicker{color:#C9B99F}
.liana-measure h2{color:#fff;margin-bottom:16px}
.liana-measure p{color:#E4DACB;font-size:15px;font-weight:300;max-width:440px;margin-bottom:36px}

/* ---------- Curtains teaser ---------- */
.liana-curtains{background:var(--white);border-top:1px solid var(--hairline)}
.liana-cur-funnel{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
.liana-cur-steps{list-style:none;margin-top:32px;border-top:1px solid var(--hairline)}
.liana-cur-step{display:flex;align-items:flex-start;gap:16px;padding:15px 2px;border-bottom:1px solid var(--hairline)}
.liana-cur-step .n{
  flex:none;width:34px;height:34px;border-radius:50%;
  background:var(--bone);border:1px solid var(--taupe);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:500;color:var(--walnut);
}
.liana-cur-step strong{font-size:14.5px;font-weight:500;display:block;margin-bottom:2px}
.liana-cur-step span{font-size:12.5px;color:var(--muted);font-weight:300;line-height:1.8;display:block}
.liana-cur-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}
.liana-cur-visit-link{font-size:13.5px;font-weight:400;color:var(--walnut);border-bottom:1px solid var(--taupe);padding-bottom:2px}
.liana-cur-visit-link:hover{border-color:var(--walnut)}
.liana-cur-note{font-size:13px;color:var(--muted);font-weight:300;margin-top:20px}
.liana-cur-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.liana-cur-style{
  position:relative;border:1px solid var(--hairline);border-radius:2px;
  padding:0 0 18px;text-align:center;background:var(--white);transition:border-color .2s;
}
.liana-cur-style:hover{border-color:var(--taupe)}
.liana-cur-style .ph{aspect-ratio:3/4;margin-bottom:14px}
.liana-cur-style strong{font-size:14.5px;font-weight:500;display:block}
.liana-cur-style span{font-size:12px;color:var(--muted);font-weight:300}
.liana-cur-badge{
  position:absolute;top:10px;inset-inline-start:10px;z-index:2;
  background:var(--walnut);color:#fff;font-size:10.5px;font-weight:400;padding:4px 10px;border-radius:2px;
}

/* ---------- WhatsApp contact close ---------- */
.liana-contact{background:var(--white);border-top:1px solid var(--hairline);text-align:center}
.liana-contact p{font-size:15px;color:var(--muted);font-weight:300;max-width:460px;margin:14px auto 36px}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .liana-trust .wrap{grid-template-columns:repeat(2,1fr)}
  .liana-trust-item:nth-child(3){border-inline-start:none}
  .liana-trust-item{border-top:1px solid var(--hairline)}
  .liana-trust-item:nth-child(-n+2){border-top:none}
  .liana-cat-grid{grid-template-columns:repeat(2,1fr)}
  .liana-craft-grid,.liana-measure-grid,.liana-cur-funnel{grid-template-columns:1fr;gap:48px}
  .liana-measure-copy{padding:64px 32px}
  .liana-prod-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .liana-cur-styles{gap:10px}
  .liana-cur-style .ph{aspect-ratio:3/4.4}
}