/* ============================================================
   HERO — slider (metin overlay) + one cikan urun karti
   8pt · Manrope · marka renkleri. theme.css'ten SONRA yuklenir.
   ============================================================ */

.hm-hero{padding:var(--s4) 0;font-family:var(--font);}
.hm-hero .container{max-width:1320px;margin:0 auto;padding:0 var(--s2);}
.hm-hero-grid{display:grid;grid-template-columns:1fr 384px;gap:var(--s3);}

/* --- SOL SLIDER --- */
.hm-hero-slider{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:512px;}
.hm-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .6s ease;}
.hm-slide.is-active{opacity:1;visibility:visible;}
/* koyu scrim -> yazi her gorselde okunur */
.hm-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,30,40,.78) 0%,rgba(20,30,40,.45) 45%,rgba(20,30,40,.05) 75%);}
.hm-slide-inner{position:absolute;left:var(--s6);bottom:var(--s6);top:var(--s6);right:40%;display:flex;flex-direction:column;justify-content:center;color:#fff;z-index:2;}
.hm-slide-title{font-size:52px;line-height:1.08;font-weight:800;color:#fff;margin:0 0 var(--s2);letter-spacing:-.5px;}
.hm-slide-sub{font-size:18px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.92);margin:0 0 var(--s3);max-width:520px;}
.hm-slide-cta{display:inline-flex;align-items:center;align-self:flex-start;background:var(--c-orange);color:#fff;font-weight:700;font-size:16px;padding:0 var(--s4);height:52px;border-radius:var(--r-pill);transition:background .15s;}
.hm-slide-cta:hover{background:var(--c-orange-d);color:#fff;}

.hm-hero-dots{position:absolute;left:0;right:0;bottom:var(--s3);display:flex;justify-content:center;gap:var(--s1);z-index:3;}
.hm-dot{width:10px;height:10px;border-radius:var(--r-pill);border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:.2s;}
.hm-dot.is-active{background:var(--c-orange);width:26px;}

/* --- SAG: ONE CIKAN URUN KARTI --- */
.hm-hero-side{display:flex;}
.hm-fp{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s2);position:relative;box-shadow:0 6px 20px rgba(0,0,0,.04);}
.hm-fp-badges{display:flex;justify-content:space-between;margin-bottom:var(--s1);}
.hm-fp-hot{background:var(--c-orange);color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:var(--r-sm);}
.hm-fp-ship{background:var(--c-slate);color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:var(--r-sm);}
.hm-fp-img{display:block;height:230px;border-radius:var(--r-md);background:#f2f4f6 center/cover no-repeat;}
.hm-fp-body{padding-top:var(--s2);display:flex;flex-direction:column;gap:var(--s1);}
.hm-fp-title{color:var(--c-slate);font-size:17px;font-weight:700;line-height:1.35;}
.hm-fp-title:hover{color:var(--c-orange);}
.hm-fp-tags{display:flex;flex-wrap:wrap;gap:6px;}
.hm-fp-tags span{background:var(--c-bg);color:var(--c-muted);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-sm);}
.hm-fp-price{display:flex;align-items:baseline;gap:var(--s1);margin-top:4px;}
.hm-fp-old{color:#9aa0a6;font-size:15px;text-decoration:line-through;}
.hm-fp-new{color:var(--c-orange);font-size:24px;font-weight:800;}
.hm-fp-kdv{color:var(--c-muted);font-size:13px;font-weight:600;}
.hm-fp-btn{display:flex;align-items:center;justify-content:center;background:var(--c-slate);color:#fff;font-weight:700;font-size:16px;height:52px;border-radius:var(--r-md);margin-top:var(--s1);transition:background .15s;}
.hm-fp-btn:hover{background:#1a2c3a;color:#fff;}

/* --- TABLET --- */
@media (max-width:1100px){
  .hm-hero-grid{grid-template-columns:1fr;}
  .hm-slide-inner{right:32%;}
}

/* --- MOBIL --- */
@media (max-width:767px){
  .hm-hero{padding:var(--s2) 0;}
  .hm-hero-slider{min-height:0;aspect-ratio:4/5;border-radius:var(--r-md);}
  .hm-slide::before{background:linear-gradient(0deg,rgba(15,22,30,.85) 8%,rgba(15,22,30,.35) 45%,rgba(15,22,30,.05) 75%);}
  .hm-slide-inner{left:var(--s3);right:var(--s3);bottom:var(--s5);top:auto;justify-content:flex-end;}
  .hm-slide-title{font-size:28px;line-height:1.12;margin-bottom:var(--s1);}
  .hm-slide-sub{font-size:14px;margin-bottom:var(--s2);}
  .hm-slide-cta{height:48px;font-size:15px;width:100%;justify-content:center;}
  .hm-hero-dots{bottom:var(--s2);}
  .hm-hero-side{margin-top:var(--s2);}
}