/* ==========================================================================
   BUYITWELL — Home
   ========================================================================== */

/* ---------- Hero (split editorial) ---------- */
.hm-hero{position:relative;min-height:clamp(600px,100svh,1000px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#1d1d1d;}
.hm-hero-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;}
.hm-hero-media figure{position:relative;overflow:hidden;background:#2a2a2a;}
.hm-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;animation:biwZoomOut 2.4s var(--ease-out) both;}
.hm-hero-b img{animation-delay:.12s;}
.hm-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 44%,rgba(0,0,0,.62) 100%);}
.hm-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:clamp(64px,9vh,110px);}
.hm-hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;opacity:.92;animation:biwUp .9s .15s var(--ease-out) both;}
.hm-hero-eyebrow::before,.hm-hero-eyebrow::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}
.hm-hero-title{margin-top:18px;font-size:clamp(44px,7.4vw,112px);font-weight:500;line-height:.98;letter-spacing:-.035em;max-width:14ch;animation:biwUp 1s .25s var(--ease-out) both;text-shadow:0 20px 60px rgba(0,0,0,.25);}
.hm-hero-title em{display:block;font-family:var(--display);font-style:italic;font-weight:500;letter-spacing:-.01em;}
.hm-hero-sub{margin-top:20px;max-width:52ch;font-size:clamp(15px,1.3vw,17.5px);line-height:1.7;color:rgba(255,255,255,.9);animation:biwUp 1s .38s var(--ease-out) both;}
.hm-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;animation:biwUp 1s .5s var(--ease-out) both;}
.hm-hero-scroll{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);width:26px;height:42px;border:1.5px solid rgba(255,255,255,.7);border-radius:14px;}
.hm-hero-scroll span{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:hmScroll 1.8s var(--ease) infinite;}
@keyframes hmScroll{0%{opacity:0;transform:translateY(0);}30%{opacity:1;}80%{opacity:0;transform:translateY(14px);}100%{opacity:0;}}

/* ---------- Intro ---------- */
.hm-intro{text-align:center;}
.hm-intro .biw-kicker{justify-content:center;}
.hm-intro .biw-kicker::before{display:none;}
.hm-intro-t{margin:18px auto 20px;font-size:clamp(28px,3.6vw,50px);font-weight:500;line-height:1.14;letter-spacing:-.028em;max-width:24ch;}
.hm-intro-t em{font-family:var(--display);font-style:italic;font-weight:500;color:var(--gold-ink);letter-spacing:0;}
.hm-intro .biw-lead{max-width:58ch;margin-inline:auto;}

/* ---------- Collections ---------- */
.hm-coll-grid{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);height:clamp(560px,62vw,820px);}
.hm-coll{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--tile);color:#fff;isolation:isolate;}
.hm-coll--0{grid-row:1 / 3;}
.hm-coll--1{grid-row:1 / 3;}
.hm-coll-img{position:absolute;inset:0;z-index:-1;}
.hm-coll-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out);}
.hm-coll::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.6) 100%);transition:opacity var(--t);}
.hm-coll:hover .hm-coll-img img{transform:scale(1.06);}
.hm-coll-body{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:6px;}
.hm-coll-t{font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1;}
.hm-coll--2 .hm-coll-t,.hm-coll--3 .hm-coll-t{font-size:clamp(19px,1.8vw,24px);}
.hm-coll-s{font-size:14px;color:rgba(255,255,255,.86);}
.hm-coll-cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;font-weight:700;opacity:.95;}
.hm-coll-cta .biw-i{width:17px;height:17px;transition:transform var(--t-fast);}
.hm-coll:hover .hm-coll-cta .biw-i{transform:translateX(5px);}

/* ---------- Rails / section tools ---------- */
.hm-shead-tools{display:flex;align-items:center;gap:22px;}
.hm-center{display:flex;justify-content:center;margin-top:clamp(36px,4vw,56px);}

/* ---------- Campaign ---------- */
.hm-campaign{position:relative;min-height:clamp(520px,58vw,760px);display:flex;align-items:center;overflow:hidden;background:#d9d4cc;}
.hm-campaign-media{position:absolute;inset:0;}
.hm-campaign-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.hm-campaign-in{position:relative;z-index:1;display:flex;}
.hm-campaign-card{max-width:500px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,48px);box-shadow:var(--sh-2);}
.hm-campaign-t{font-size:clamp(40px,4.6vw,68px);margin:16px 0 16px;}
.hm-campaign-card p{color:var(--ink-2);line-height:1.75;}
.hm-campaign-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;}

/* ---------- Trending ---------- */
.hm-tabs{justify-content:center;margin-top:22px;}

/* ---------- Shop by category ---------- */
.hm-cat-rail{grid-auto-columns:calc((100% - 5 * var(--rail-gap)) / 6);}
.hm-cat{display:flex;flex-direction:column;gap:6px;}
.hm-cat-img{display:block;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:#fff;}
.hm-cat-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.2s var(--ease-out);}
.hm-cat:hover .hm-cat-img img{transform:scale(1.06);}
.hm-cat-t{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:clamp(14px,1.3vw,16px);font-weight:700;letter-spacing:-.01em;}
.hm-cat-t .biw-i{width:16px;height:16px;transition:transform var(--t-fast);}
.hm-cat:hover .hm-cat-t .biw-i{transform:translateX(4px);}
.hm-cat-n{font-size:13px;color:var(--ink-2);}

/* ---------- Best / picks collage ---------- */
.hm-best-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(14px,1.8vw,28px);align-items:stretch;}
.hm-best-feature{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--tile);min-height:520px;}
.hm-best-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out);}
.hm-best-feature:hover img{transform:scale(1.04);}
.hm-best-label{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r-pill);padding:11px 18px;font-size:14px;font-weight:700;box-shadow:var(--sh-1);}
.hm-best-label .biw-i{width:17px;height:17px;}
.hm-best-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,2.4vw,36px) clamp(12px,1.4vw,20px);}

/* ---------- Value edit ---------- */
.hm-value-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:clamp(14px,2vw,28px);align-items:stretch;}
.hm-value-panel{display:flex;flex-direction:column;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(26px,3vw,44px);}
.hm-value-panel .biw-kicker{color:var(--gold);}
.hm-value-t{font-size:clamp(40px,4.2vw,62px);margin:14px 0 14px;}
.hm-value-panel > p{color:rgba(255,255,255,.72);line-height:1.7;font-size:15px;}
.hm-clock{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);}
.hm-clock-l{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:12px;}
.hm-clock-n{display:flex;gap:10px;}
.hm-clock-n span{display:flex;flex-direction:column;align-items:center;min-width:68px;padding:12px 8px;border-radius:var(--r);background:rgba(255,255,255,.08);}
.hm-clock-n b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1;}
.hm-clock-n i{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.hm-clock-alt{margin-top:14px;color:rgba(255,255,255,.7)!important;}
.hm-value-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:26px;}
.hm-value-cta .biw-rail-btn{background:transparent;border-color:rgba(255,255,255,.28);color:#fff;}
.hm-value-cta .biw-rail-btn:hover{border-color:#fff;}
.hm-value-rail{grid-auto-columns:calc((100% - 2 * var(--rail-gap)) / 3);}

/* ---------- Why ---------- */
.hm-why{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.hm-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,6vw,100px);align-items:start;}
.hm-why-head .biw-h2{margin:14px 0 22px;}
.hm-why-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(24px,3vw,48px);}
.hm-why-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--gold-soft);color:var(--gold);margin-bottom:18px;transition:transform var(--t);}
.hm-why-list li:hover .hm-why-ico{transform:translateY(-4px) rotate(-6deg);}
.hm-why-ico .biw-i{width:24px;height:24px;}
.hm-why-list h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;}
.hm-why-list p{font-size:14.5px;line-height:1.75;color:var(--ink-2);}

/* ---------- Lookbook ---------- */
.hm-look-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px);}
.hm-look-item{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--tile);}
.hm-look-item:nth-child(1),.hm-look-item:nth-child(4){grid-column:span 2;grid-row:span 2;}
.hm-look-item img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.2s var(--ease-out);}
.hm-look-ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;background:rgba(17,17,17,.45);color:#fff;opacity:0;transition:opacity var(--t);}
.hm-look-ov span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;}
.hm-look-ov .biw-i{width:18px;height:18px;}
.hm-look-ov small{font-size:12.5px;opacity:.85;max-width:24ch;}
.hm-look-item:hover img{transform:scale(1.06);}
.hm-look-item:hover .hm-look-ov,.hm-look-item:focus-visible .hm-look-ov{opacity:1;}

/* ---------- Newsletter ---------- */
.hm-news{margin-top:clamp(56px,7vw,112px);background:var(--ink);color:#fff;}
.hm-news-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center;padding-block:clamp(56px,7vw,100px);}
.hm-news-t{font-size:clamp(38px,4.4vw,64px);margin:16px 0 16px;}
.hm-news-copy p{color:rgba(255,255,255,.72);line-height:1.75;max-width:48ch;}
.hm-news-form{display:flex;flex-direction:column;gap:12px;}
.hm-news-form .biw-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;}
.hm-news-form .biw-input:focus{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08);}
.hm-news-form .biw-float > span{color:rgba(255,255,255,.66);}
.hm-news-form .biw-float .biw-input:focus + span,.hm-news-form .biw-float .biw-input:not(:placeholder-shown) + span{color:#fff;}
.hm-news-form .biw-float .biw-input:focus::placeholder{color:rgba(255,255,255,.4);}
.hm-news-form .biw-btn{align-self:flex-start;}
.hm-news-fine{font-size:12.5px;color:rgba(255,255,255,.55);}
.hm-news-fine a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.hm-news .biw-news-msg.ok{color:#86efac;}
.hm-news .biw-news-msg.err{color:#fca5a5;}
.page-index .biw-foot{margin-top:0;}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .hm-coll-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto;}
  .hm-coll--0,.hm-coll--1{grid-row:auto;aspect-ratio:4/5;}
  .hm-coll--2,.hm-coll--3{aspect-ratio:16/10;}
  .hm-cat-rail{grid-auto-columns:calc((100% - 3 * var(--rail-gap)) / 4);}
  .hm-value-wrap{grid-template-columns:1fr;}
  .hm-value-rail{grid-auto-columns:calc((100% - 2 * var(--rail-gap)) / 3);}
  .hm-why-grid{grid-template-columns:1fr;}
  .hm-best-grid{grid-template-columns:1fr;}
  .hm-best-feature{min-height:0;aspect-ratio:16/10;}
}
@media (max-width:820px){
  .hm-hero{min-height:calc(100svh - var(--anno-h));}
  .hm-hero-media{grid-template-columns:1fr;}
  .hm-hero-b{display:none;}
  .hm-hero-title{font-size:clamp(42px,12vw,64px);}
  .hm-hero-cta{flex-direction:column;width:100%;max-width:340px;}
  .hm-hero-cta .biw-btn{width:100%;}
  .hm-hero-scroll{display:none;}
  .hm-coll-grid{grid-template-columns:1fr 1fr;}
  .hm-coll--0,.hm-coll--1{grid-column:span 2;aspect-ratio:4/5;}
  .hm-coll--2,.hm-coll--3{aspect-ratio:3/4;}
  .hm-shead-tools .biw-rail-nav,.hm-cats .biw-rail-nav{display:none;}
  .hm-cat-rail{grid-auto-columns:calc((100% - var(--rail-gap)) / 2.3);}
  .hm-value-rail{grid-auto-columns:calc((100% - var(--rail-gap)) / 2.2);}
  .hm-value-cta .biw-rail-nav{display:none;}
  .hm-campaign{min-height:0;flex-direction:column;align-items:stretch;background:var(--bg);}
  .hm-campaign-media{position:relative;aspect-ratio:4/5;}
  .hm-campaign-in{margin-top:-80px;}
  .hm-campaign-card{max-width:none;}
  .hm-why-list{grid-template-columns:1fr;gap:26px;}
  .hm-why-list li{display:grid;grid-template-columns:52px 1fr;column-gap:16px;}
  .hm-why-ico{grid-row:span 2;margin:0;}
  .hm-look-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hm-look-item:nth-child(1),.hm-look-item:nth-child(4){grid-column:span 2;grid-row:auto;aspect-ratio:4/3;}
  .hm-look-ov{opacity:1;background:linear-gradient(180deg,transparent 50%,rgba(17,17,17,.55));justify-content:flex-end;align-items:flex-start;text-align:left;}
  .hm-look-ov small{display:none;}
  .hm-news-in{grid-template-columns:1fr;}
  .hm-news-form .biw-btn{align-self:stretch;}
  .hm-best-cards{gap:24px 12px;}
}
@media (max-width:420px){
  .hm-coll-t{font-size:22px;}
  .hm-clock-n span{min-width:0;flex:1;}
}