/* Modammedya Katalog Kiti — SOFT şablonu: krem/pastel, yuvarlak köşe, bölünmüş vitrin. style.css'in üzerine yüklenir. */
:root{
  --ink:#2c2520; --ink-2:#6d625a; --mute:#9b9088; --line:#e9dfd4; --bg:#fbf7f2; --cream:#f2e9de; --gold:#b9825a;
  --serif:"Lora",Georgia,serif; --sans:"Manrope","Helvetica Neue",Arial,sans-serif; --rad:18px;
}
body{background:var(--bg)}
.topbar{background:var(--ink);color:#f3ece4}
.hdr{background:rgba(251,247,242,.92);border-bottom-color:var(--line)}
.drawer,.listpanel{background:var(--bg)}
.drawer{border-radius:0 var(--rad) var(--rad) 0} .listpanel{border-radius:var(--rad) 0 0 var(--rad)}
html[dir=rtl] .drawer{border-radius:var(--rad) 0 0 var(--rad)} html[dir=rtl] .listpanel{border-radius:0 var(--rad) var(--rad) 0}

/* yuvarlak köşeler */
.btn{border-radius:999px}
.chips a{border-radius:999px;background:#fff}
.tile,.card-img,.store,.pdp-note,.pdp-gal img,.list-items img,.pdp-sw .sw img{border-radius:var(--rad)}
.badge{border-radius:999px;background:var(--gold);color:#fff;inset-inline-start:12px;top:12px}
.tiles{gap:14px}
.grid{gap:34px 14px}
.card-meta{padding:12px 4px 0}
.card-name{text-transform:none;font-size:14px;letter-spacing:0;font-weight:500}
.sec-h{border-bottom:0}
.sec-h h2{font-family:var(--serif);font-size:28px;letter-spacing:0;text-transform:none}
.btn-dark{background:var(--ink)}
.btn-light{background:var(--ink);color:#fff}
.btn-light:hover{background:var(--gold);color:#fff}
.btn-outline:hover,.btn-outline.on{background:var(--ink);color:#fff}
.chips a.on,.chips a:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* vitrin: solda metin, sağda iki görsel */
.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;height:auto;min-height:0;max-height:none;
  background:var(--cream);margin:16px var(--pad) 0;border-radius:calc(var(--rad) * 1.6);overflow:hidden}
.hero::after{display:none}
.hero-txt{position:static;order:-1;color:var(--ink);text-align:start;padding:clamp(36px,5vw,80px)}
.hero-txt .kicker{color:var(--gold)}
.hero h1{font-size:clamp(40px,5vw,76px);line-height:1.04}
.hero h1 em{color:var(--gold)}
.hero-sub{color:var(--ink-2);margin-inline:0}
.hero-imgs{grid-template-columns:1fr 1fr;gap:12px;padding:16px;height:clamp(440px,72vh,760px)}
.hero-imgs img{border-radius:var(--rad)}
.hero-imgs img:nth-child(3){display:none}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-imgs{height:auto;grid-template-columns:1fr 1fr}
  .hero-imgs img{aspect-ratio:3/4;height:auto}
  .hero-imgs img:nth-child(2){display:block}
}
/* hakkımızda vitrini klasik (metin görsel üstünde) kalsın */
.about-hero{display:block;margin:0;border-radius:0;height:70vh;min-height:420px}
.about-hero .hero-imgs{height:100%;padding:0;gap:0;grid-template-columns:repeat(3,1fr)}
.about-hero .hero-imgs img{border-radius:0}
.about-hero .hero-imgs img:nth-child(3){display:block}
.about-hero::after{display:block;background:linear-gradient(to top,rgba(44,37,32,.65),transparent 60%)}
@media(max-width:720px){.about-hero .hero-imgs{grid-template-columns:1fr}.about-hero .hero-imgs img:not(:first-child){display:none}}

.intro .serif-xl em{color:var(--gold)}
.ornament{color:var(--gold)}
.tile::after{background:linear-gradient(to top,rgba(44,37,32,.55),transparent 55%)}
.pillars-band{background:transparent}
.pillars{background:var(--cream);border-radius:calc(var(--rad) * 1.6);padding:clamp(28px,4vw,56px)}
.pillar .num{color:var(--gold)}
.pdp-note{background:var(--cream)}
.stats{border-color:var(--line)}
.store{background:var(--cream)}
.ftr{background:var(--ink);border-radius:calc(var(--rad) * 1.6) calc(var(--rad) * 1.6) 0 0}
.wa-fab{background:var(--ink)}