/* =========================================================
   v2 – şık ana sayfa katmanı (tüm temalar bunu devralır)
   ========================================================= */
:root{--font-body:"Inter";--shadow-lg:0 24px 60px -20px rgba(60,10,10,.35)}
body{font-family:var(--font-body),Inter,-apple-system,"Segoe UI",Roboto,sans-serif}
h1 em,h2 em,.banner__title em{font-style:italic;color:var(--red);font-weight:500}
.btn{box-shadow:0 6px 18px -8px color-mix(in srgb,var(--red) 70%,transparent);letter-spacing:.01em}
.btn:hover{transform:translateY(-1px)}
.btn--ghost,.btn--light{box-shadow:none}
.btn--glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(6px);box-shadow:none}
.btn--glass:hover{background:rgba(255,255,255,.26);color:#fff}
.btn--wa{background:#1fa855;box-shadow:0 6px 18px -8px rgba(31,168,85,.7)}.btn--wa:hover{background:#178a45}
.eyebrow{display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.eyebrow--light{color:#ffd9d6}
.section__head--center{flex-direction:column;align-items:center;text-align:center}
.section__head--center .eyebrow::after{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.section--tint{background:linear-gradient(180deg,var(--soft),transparent)}

/* Header */
.header{box-shadow:0 1px 0 var(--line),0 10px 30px -24px rgba(40,10,10,.4)}
.logo__mark{background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 6px 14px -6px var(--red)}
.search input{border-radius:999px 0 0 999px;padding-left:20px}
.search button{border-radius:0 999px 999px 0;padding:0 20px}
.nav__link{position:relative}
.nav__link::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--red);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.nav__link:hover::after{transform:scaleX(1)}

/* Manşet */
.hero{grid-template-columns:1.65fr 1fr;gap:18px;padding-top:22px}
.banner{border-radius:calc(var(--radius) + 6px);background:#2a0d0e}
.banner img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.banner:hover img{transform:scale(1.05)}
.banner::after{background:linear-gradient(100deg,rgba(18,4,5,.88) 0%,rgba(18,4,5,.55) 45%,rgba(18,4,5,.05) 80%)}
.banner--side::after{background:linear-gradient(180deg,rgba(18,4,5,0) 20%,rgba(18,4,5,.85))}
.banner--main{min-height:540px;align-items:center}
.banner--side{min-height:261px}
.banner__label{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.02em}
.banner__label .dot{width:8px;height:8px;border-radius:50%;background:#2fbf5b;box-shadow:0 0 0 4px rgba(47,191,91,.25);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(47,191,91,0)}}
.banner__title{color:#fff;font-size:clamp(34px,4.6vw,60px);line-height:1.04;margin:14px 0 12px}
.banner__title em{color:#ffb3a8}
.banner__title--sm{font-size:clamp(22px,2.2vw,28px);margin:10px 0 4px}
.banner__sub{color:rgba(255,255,255,.85);font-size:17px;max-width:470px}
.banner--side .banner__sub{font-size:14px;margin:0}
.banner__more{display:inline-block;margin-top:10px;color:#fff;font-weight:700;font-size:14px;border-bottom:2px solid rgba(255,255,255,.5)}
.hero__facts{display:flex;gap:26px;list-style:none;padding:0;margin:28px 0 0;color:#fff}
.hero__facts li{display:flex;flex-direction:column;border-left:2px solid rgba(255,255,255,.3);padding-left:12px}
.hero__facts strong{font-size:18px}.hero__facts span{font-size:12px;opacity:.75;text-transform:uppercase;letter-spacing:.06em}

/* Kayan bant */
.marquee{margin-top:22px;background:var(--red);color:#fff;overflow:hidden;transform:rotate(-1deg);box-shadow:var(--shadow-lg)}
.marquee__track{display:flex;gap:28px;align-items:center;width:max-content;padding:14px 0;animation:marquee 38s linear infinite;font-family:var(--font-head),Georgia,serif;font-size:22px;font-weight:600;white-space:nowrap}
.marquee__track i{font-style:normal;opacity:.6;font-size:16px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Güven bandı */
.trust{margin-top:30px}
.trust__item{border-radius:calc(var(--radius) + 2px);transition:.2s;padding:18px}
.trust__item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.trust__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff}

/* Kategoriler: fotoğraflı kart */
.cats{grid-template-columns:repeat(4,1fr);gap:16px}
.cat{position:relative;display:block;padding:0;border:0;overflow:hidden;aspect-ratio:4/5;border-radius:calc(var(--radius) + 4px);background:#2a0d0e}
.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.cat__img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;transition:transform .8s}
.cat:hover .cat__img{transform:scale(1.08)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(18,4,5,.85))}
.cat__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px;color:#fff}
.cat__body strong{display:block;font-family:var(--font-head),Georgia,serif;font-size:22px;color:#fff}
.cat__body span{font-size:13px;color:rgba(255,255,255,.8)}

/* Ürün kartı */
.card{border-radius:calc(var(--radius) + 2px)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card__media{aspect-ratio:4/3.4}
.card .btn{border-radius:999px}
.price__now{color:var(--red)}

/* Kampanya bandı */
.promo{position:relative;overflow:hidden;min-height:300px;padding:0;background:var(--red-dark)}
.promo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--red-dark) 95%,transparent) 30%,transparent)}
.promo__body{position:relative;z-index:1;padding:44px;max-width:560px}
.promo__body h2{font-size:clamp(28px,3.4vw,42px)}
.promo__body p{margin:0 0 18px}

/* Hakkımızda */
.about{grid-template-columns:1fr 1.1fr;padding:0;border:0;background:transparent;gap:48px}
.about__img{position:relative;border-radius:calc(var(--radius) + 6px);overflow:visible;aspect-ratio:5/4}
.about__img img{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-lg)}
.about__badge{position:absolute;right:-14px;bottom:-14px;background:var(--red);color:#fff;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;box-shadow:var(--shadow-lg);border:5px solid var(--bg)}
.about__badge small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.about__badge strong{font-family:var(--font-head),serif;font-size:28px;line-height:1}
.about__stats div{background:var(--card);border:1px solid var(--line)}

/* Yorumlar */
.review{border-radius:calc(var(--radius) + 2px);position:relative}
.review::before{content:"“";position:absolute;top:-6px;right:16px;font-family:Georgia,serif;font-size:80px;color:var(--soft);line-height:1}

/* Konum */
.location{display:grid;grid-template-columns:1fr 1.2fr;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);overflow:hidden;box-shadow:var(--shadow)}
.location__info{padding:38px}
.loc-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:16px}
.loc-list li{display:flex;gap:14px}
.loc-ic{width:44px;height:44px;border-radius:12px;background:var(--soft);display:grid;place-items:center;flex:none;font-size:20px}
.loc-list strong{display:block;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.loc-list address,.loc-list a{font-style:normal;font-weight:600;font-size:16px}
.loc-hour{display:block;font-size:14px}.loc-hour b{color:var(--red)}
.location__btns{display:flex;gap:10px;flex-wrap:wrap}
.location__map{min-height:420px;background:var(--soft)}
.location__map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

/* SSS */
.faq-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}
.faq{max-width:none}
.faq details[open]{border-color:color-mix(in srgb,var(--red) 35%,var(--line));box-shadow:var(--shadow)}

/* Üyelik çağrısı */
.cta{position:relative;overflow:hidden;background:#1d0f0f;color:#fff;text-align:left;padding:0;min-height:320px;display:flex;align-items:center}
.cta__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cta__body{position:relative;padding:50px;max-width:620px}
.cta h2{color:#fff}.cta p{color:rgba(255,255,255,.8);margin:0 0 20px}

/* Popup */
.modal{backdrop-filter:blur(4px)}
.modal__box{border-radius:calc(var(--radius) + 8px)}
.modal__img{position:relative}
.modal__img img{position:absolute;inset:0}

/* Mobil alt menü (tema seçeneğiyle açılır) */
.mnav{display:none}

@media (prefers-reduced-motion:no-preference){
  .section,.trust,.promo{animation:rise .8s both}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}.hero__side{grid-template-columns:1fr 1fr}
  .banner--main{min-height:460px}.banner--side{min-height:220px}
  .cats{grid-template-columns:repeat(3,1fr)}
  .about,.location,.faq-wrap{grid-template-columns:1fr}
  .about__badge{right:12px}
  body.has-mnav{padding-bottom:64px}
  body.has-mnav .mnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:96;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(0,0,0,.25)}
  .mnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:11px;font-weight:600}
  .mnav a span{font-size:20px;line-height:1}
  body.has-mnav .wa{bottom:78px}
  body.has-mnav .sp{bottom:74px}
}
@media (max-width:600px){
  .hero__side{grid-template-columns:1fr}.hero__facts{gap:14px}.hero__facts strong{font-size:15px}
  .cats{grid-template-columns:repeat(2,1fr);gap:10px}.cat__body{padding:12px}.cat__body strong{font-size:17px}
  .promo__body,.cta__body,.location__info{padding:24px}
  .marquee__track{font-size:17px}
  .location__map,.location__map iframe{min-height:300px}
}
/* Hazır SVG logolar */
.svglogo{display:flex;align-items:center;--logo-acc:var(--red)}
.svglogo svg{height:46px;width:auto;display:block}
.footer .svglogo{--logo-acc:#e5483b;color:#fff;margin-bottom:12px}
@media (max-width:600px){.svglogo svg{height:36px}}