/* HappyLHR Final Polish V2 */
:root{
  --hlhr-black:#050b12;
  --hlhr-panel:#ffffff;
  --hlhr-orange:#ff4f0a;
  --hlhr-orange2:#ff7a1a;
  --hlhr-line:#e8edf4;
  --hlhr-shadow-lg:0 24px 70px rgba(15,23,42,.12);
  --hlhr-shadow-md:0 12px 32px rgba(15,23,42,.08);
}

/* More premium spacing and sharper container feel */
.wrap{width:min(1500px,94vw)}
.topbar .wrap{height:36px}
.nav .wrap{height:78px}
.nav{background:linear-gradient(180deg,#07111c,#050b12)}
.logo{font-size:32px}
.search{height:50px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}
.search button{width:62px;font-size:20px}
.catbtn{height:50px;border-radius:14px;background:#101a27}
.market-tabs{background:#fff}
.market-tabs .wrap{
  margin-top:12px;
  height:66px;
  border:1px solid var(--hlhr-line);
  border-radius:16px;
  box-shadow:var(--hlhr-shadow-md);
  overflow:hidden;
}
.market-tab{background:#fff}
.market-tab.active{background:linear-gradient(180deg,#fff,#fff8f4)}
.tab-icon{width:44px;height:44px}

/* Homepage hero closer to approved mockup */
.hero{padding-top:14px}
.hero-card{
  min-height:350px;
  border-radius:20px;
  background:
    radial-gradient(circle at 67% 45%,rgba(255,79,10,.22),transparent 0 28%),
    linear-gradient(90deg,#ffffff 0%,#fff7f0 52%,#ffffff 100%);
  box-shadow:var(--hlhr-shadow-lg);
}
.hero-copy{padding:50px 68px}
.badge{
  background:#fff3ea;
  border:1px solid #ffd5bf;
  padding:8px 12px;
}
.hero h1{
  font-size:56px;
  letter-spacing:-2.8px;
  max-width:560px;
}
.hero p{font-size:16px;max-width:440px}
.btn{height:46px;border-radius:10px}
.btn-o{box-shadow:0 14px 26px rgba(255,79,10,.22)}
.hero-visual{background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,255,255,.55))}
.product-stage{
  width:650px;
  height:345px;
  right:24px;
}
.headphone{
  right:530px;
  bottom:100px;
  width:128px;
  height:160px;
  border-color:#ddd0bc;
}
.watch{
  right:408px;
  bottom:92px;
  width:86px;
  height:104px;
}
.phone{
  right:242px;
  bottom:38px;
  width:132px;
  height:270px;
  border-radius:32px;
}
.phone:before{
  width:70px;
  height:70px;
  box-shadow:22px 0 0 #0b1220,0 22px 0 #0b1220;
}
.bag{
  right:72px;
  bottom:36px;
  width:168px;
  height:178px;
  border-radius:14px;
}
.bag:after{
  left:47px;
  top:55px;
  width:76px;
  height:76px;
}
.trust-strip{
  height:68px;
  background:rgba(255,255,255,.88);
}
.trust-item{font-size:13.5px}

/* Category cards more polished */
.section{padding:16px 0}
.section-head{margin-bottom:12px}
.section-head h2{font-size:21px;letter-spacing:-.4px}
.cat-row{gap:12px}
.cat-card{
  height:98px;
  border-radius:15px;
  transition:.22s ease;
}
.cat-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--hlhr-shadow-md);
  border-color:#ffc8af;
}
.cat-art{transform:scale(1.05)}
.cat-card b{font-size:13.5px}

/* Auction strip closer to image */
.auction-strip{
  min-height:112px;
  border-radius:15px;
  background:linear-gradient(180deg,#07111c,#0a1624);
  box-shadow:0 22px 46px rgba(7,17,28,.25);
}
.auction-card{
  height:92px;
  border-radius:13px;
  background:linear-gradient(180deg,#111f30,#0d1927);
}
.auction-img{background:linear-gradient(145deg,#1c2940,#111827)}
.auction-info strong{font-size:17px}

/* Product cards */
.panel{
  border-radius:16px;
  box-shadow:var(--hlhr-shadow-md);
}
.product-card{
  border-radius:14px;
  box-shadow:0 8px 18px rgba(15,23,42,.055);
}
.product-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--hlhr-shadow-md);
}
.prod-visual{
  height:118px;
  background:linear-gradient(145deg,#fff,#f4f6fa);
}
.prod-visual.airpods:before,
.mobile-product-hero .airpods:before{
  width:48px;
  height:88px;
  left:39px;
  top:18px;
  box-shadow:50px 0 0 #fff,0 14px 30px rgba(15,23,42,.14),50px 14px 30px rgba(15,23,42,.14);
}
.wholesale{
  min-height:210px;
  background:linear-gradient(135deg,#fff,#fff7f0);
}
.classified{
  min-height:210px;
}
.seller-card{
  height:58px;
  border-radius:14px;
  transition:.2s;
}
.seller-card:hover{box-shadow:var(--hlhr-shadow-md);transform:translateY(-2px)}
.bottom-trust{box-shadow:var(--hlhr-shadow-md)}

/* Desktop product page more realistic */
.product-layout{
  grid-template-columns:90px minmax(480px,1fr) minmax(420px,.82fr) 330px;
  gap:20px;
}
.product-gallery{
  height:560px;
  border-radius:16px;
  box-shadow:var(--hlhr-shadow-md);
}
.product-gallery .airpods-main{
  transform:translate(-50%,-50%) scale(2.75);
}
.airpods-main:before{
  background:linear-gradient(145deg,#fff,#f2f4f8);
}
.airpods-main:after{
  background:linear-gradient(180deg,#fff,#eef2f7);
}
.info-panel h1{
  font-size:34px;
  line-height:1.1;
}
.price-line{font-size:34px}
.mode-box{border-radius:14px}
.mode-option{min-height:72px}
.why{border-radius:14px}
.buybox{
  border-radius:16px;
  box-shadow:var(--hlhr-shadow-md);
}
.buybox .btn{height:58px;font-size:16px}

/* Auth pages closer to approved mockups */
.auth-layout{
  grid-template-columns:.43fr .57fr;
}
.auth-left{padding:72px 90px}
.auth-card h1{font-size:50px}
.auth-right{
  background:
    radial-gradient(circle at 64% 44%,rgba(255,79,10,.27),transparent 0 31%),
    linear-gradient(135deg,#0a0f18,#21170f 55%,#060a10);
}
.auth-right .product-stage{
  transform:scale(1.22);
}
.auth-rating{
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
.signup-card{
  border-radius:22px;
}
.signup-visual h1{font-size:54px}

/* Admin polish */
.dash{
  background:#f7f8fb;
}
.side{
  background:linear-gradient(180deg,#07111c,#06101a);
}
.side-menu a{
  border-radius:10px;
}
.dash-main{
  padding:0 28px 34px;
}
.dash-top{height:76px}
.kpi{
  border-radius:14px;
  box-shadow:var(--hlhr-shadow-md);
}
.kpi h3{font-size:24px}
.dash-panel{
  border-radius:15px;
  box-shadow:var(--hlhr-shadow-md);
}
.chart{height:195px}
.donut{width:170px;height:170px}

/* Responsive mobile: closer to generated mobile mockup */
@media(max-width:640px){
  .wrap{width:min(95vw,1500px)}
  .nav .wrap{padding:16px 0}
  .logo{font-size:30px}
  .search{
    height:62px;
    border-radius:12px;
    font-size:16px;
  }
  .market-tabs .wrap{
    height:96px;
    margin-top:14px;
    border-radius:16px;
  }
  .market-tab{min-width:222px}
  .hero-card{
    border-radius:20px;
    min-height:382px;
  }
  .hero-copy{
    padding:28px 26px 18px;
  }
  .hero h1{
    font-size:36px;
    letter-spacing:-1.7px;
  }
  .hero p{
    font-size:16px;
    max-width:320px;
  }
  .hero-actions .btn{
    min-width:128px;
  }
  .hero-visual{
    height:230px;
  }
  .product-stage{
    transform:scale(.66);
    right:-70px;
    bottom:-4px;
  }
  .trust-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .trust-item{
    min-height:58px;
    justify-content:flex-start;
    padding:0 18px;
  }
  .auction-strip{
    border-radius:18px;
  }
  .auction-card{
    grid-template-columns:92px 1fr;
    height:98px;
  }
  .deal-grid{
    grid-template-columns:1fr;
  }
  .seller-row{
    display:flex;
    overflow:auto;
  }
  .seller-card{
    min-width:210px;
  }

  .product-gallery{
    height:610px;
  }
  .product-gallery .airpods-main{
    transform:translate(-50%,-50%) scale(2.55);
  }
  .info-panel{
    padding:28px;
  }
  .mode-box{
    grid-template-columns:1fr;
  }
  .mode-option{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .mode-option:last-child{border-bottom:0}
  .why-grid{grid-template-columns:1fr}
  .buybox{
    grid-template-columns:92px 1fr 1fr;
    padding:16px 18px;
    box-shadow:0 -14px 40px rgba(15,23,42,.12);
  }
}