/* ES Mobilya – stil dosyası (mobil öncelikli) */
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/inter-500.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/inter-600.woff) format("woff")}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/inter-700.woff) format("woff")}
@font-face{font-family:Lora;font-weight:400 700;font-style:normal;font-display:swap;src:url(../fonts/lora.woff) format("woff")}
@font-face{font-family:Lora;font-weight:400 700;font-style:italic;font-display:swap;src:url(../fonts/lora-italic.woff) format("woff")}

:root{
  --bg:#fbf8f3; --bg-2:#f3eee5; --card:#fff; --ink:#1b1612; --ink-2:#3a322b; --muted:#6a6157; --line:#e7dfd3;
  --gold:#a37400; --gold-ink:#7d5800; --gold-btn:#8a6100; --gold-btn-h:#6f4f00; --gold-soft:#f6edd9; --gold-light:#d9b25a;
  --dark:#14110f; --dark-2:#201b17; --wa:#17803f; --wa-h:#126a34;
  --r:14px; --r-sm:10px; --shadow:0 1px 2px rgba(20,17,15,.06),0 10px 30px rgba(20,17,15,.07);
  --hdr-h:64px; --tabs-h:52px;
  --serif:Lora,Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--tabs-h) + 1rem)}
@media (min-width:1600px){html{font-size:112.5%}}
@media (min-width:2400px){html{font-size:150%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;overflow-x:clip;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;min-width:0}
img,svg{max-width:100%}
img{display:block;height:auto}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0;color:var(--ink);overflow-wrap:break-word;text-wrap:balance}
h1{font-size:clamp(1.75rem,1.2rem + 2.8vw,3.1rem)}
h2{font-size:clamp(1.45rem,1.1rem + 1.7vw,2.2rem)}
h3{font-size:1.125rem}
p{margin:0 0 1rem}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:.5rem;top:-4rem;z-index:200;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:8px}
.skip:focus{top:.5rem}
.container{width:100%;max-width:82rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.icon{width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-fill{fill:currentColor;stroke:none}

/* ---------- Üst bilgi çubuğu (masaüstü) ---------- */
.topbar{display:none;background:var(--dark);color:#e8dcc4;font-size:.8125rem}
.topbar .container{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;min-height:2.4rem;flex-wrap:wrap}
.topbar a:hover{color:#fff}
.topbar-l,.topbar-r{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.topbar .icon{width:1rem;height:1rem;margin-right:.35rem;vertical-align:-.2em;color:var(--gold-light)}
@media (min-width:900px){.topbar{display:block}}

/* ---------- Başlık ---------- */
.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:.5rem;min-height:var(--hdr-h)}
.logo{display:flex;align-items:center;flex:none;min-height:44px}
.logo img{height:2.25rem;width:auto;max-width:none}
.nav{display:none}
.hdr-actions{display:flex;align-items:center;gap:.125rem;margin-left:auto}
.ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:none;border:0;color:var(--ink);transition:background .2s}
.ibtn:hover{background:var(--bg-2)}
.badge{position:absolute;top:.15rem;right:.1rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--gold-btn);color:#fff;font-size:.6875rem;font-weight:700;line-height:1.15rem;text-align:center}
.badge[hidden]{display:none}
.menu-panel{border-top:1px solid var(--line);background:#fff;padding:.5rem 0 1rem}
.menu-panel[hidden]{display:none}
.menu-panel a.mlink{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:0 .25rem;font-weight:500;border-bottom:1px solid var(--line)}
.menu-panel a.mlink .icon{color:var(--gold-ink)}
.menu-cta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}
.menu-cta .btn{min-width:0}
@media (max-width:359px){.logo img{height:1.9rem}.ibtn{width:2.5rem;height:2.5rem}}
@media (min-width:1024px){
  .site-header{position:sticky;top:0}
  .nav{display:flex;align-items:center;gap:.25rem;margin-left:2rem}
  .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--ink-2)}
  .nav a:hover,.nav a[aria-current=page]{color:var(--gold-ink);background:var(--gold-soft)}
  .hdr .hdr-cta{display:inline-flex}
  .menu-btn{display:none}
  .menu-panel{display:none!important}
  .logo img{height:2.6rem}
}
.hdr .hdr-cta{display:none;margin-left:.5rem}

/* ---------- Kategori sekmeleri ---------- */
.tabs{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(6px)}
.tabs-scroll{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.4rem clamp(1rem,4vw,2.5rem);max-width:82rem;margin-inline:auto}
.tabs-scroll::-webkit-scrollbar{display:none}
.tab{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .95rem;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s}
.tab:hover{background:var(--bg-2)}
.tab small{font-size:.75rem;color:var(--muted);font-weight:500}
.tab[aria-current=page]{background:var(--ink);color:#fff}
.tab[aria-current=page] small{color:#d9cdb8}
@media (min-width:1024px){.tabs{top:var(--hdr-h)}.tabs-scroll{justify-content:center}}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:0 1.35rem;border-radius:var(--r-sm);border:1px solid transparent;background:var(--ink);color:#fff;font-size:.9375rem;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{background:#000}
.btn:active{transform:translateY(1px)}
.btn .icon{width:1.2rem;height:1.2rem}
.btn-gold{background:var(--gold-btn)}.btn-gold:hover{background:var(--gold-btn-h)}
.btn-wa{background:var(--wa)}.btn-wa:hover{background:var(--wa-h)}
.btn-ghost{background:transparent;color:var(--ink);border-color:#cfc5b5}.btn-ghost:hover{background:var(--bg-2);border-color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:var(--gold-soft)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn-outline-light:hover{background:rgba(255,255,255,.14);border-color:#fff}
.btn-sm{min-height:2.75rem;padding:0 1rem;font-size:.875rem}
.btn-block{width:100%}
.btn.is-on{background:var(--gold-soft);color:var(--gold-ink);border-color:var(--gold)}
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem}

/* ---------- Bölümler ---------- */
.section{padding-block:clamp(2.5rem,6vw,5rem)}
.section-alt{background:var(--bg-2)}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.5rem}
.eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.lead{font-size:1.0625rem;color:var(--muted);max-width:42rem;margin:.6rem 0 0}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;font-weight:600;color:var(--gold-ink)}
.link-arrow:hover{text-decoration:underline}
.link-arrow .icon{width:1.1rem;height:1.1rem}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;color:#fff;background:var(--dark);min-height:34rem;height:calc(100svh - 7.5rem);max-height:48rem;display:flex;align-items:flex-end;overflow:hidden}
.hero-slides{position:absolute;inset:0;z-index:-2}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,11,9,.45) 0%,rgba(14,11,9,.12) 30%,rgba(14,11,9,.82) 100%),linear-gradient(90deg,rgba(14,11,9,.6),transparent 70%)}
.hero-inner{width:100%;padding-block:2.5rem 1rem}
.hero .eyebrow{color:var(--gold-light)}
.hero h1{color:#fff;max-width:18ch;font-size:clamp(2rem,1.2rem + 4vw,4rem);text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero p.hero-lead{max-width:36rem;margin:1rem 0 1.5rem;font-size:1.0625rem;color:#f1eadf}
.hero-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;margin-top:1.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.22)}
.hero-cap{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.9rem;color:#f1eadf;min-width:0}
.hero-cap strong{color:#fff;font-weight:600}
.hero-cap:hover strong{text-decoration:underline}
.hero-dots{display:flex}
.dot{width:2.5rem;height:2.75rem;display:grid;place-items:center;background:none;border:0;padding:0}
.dot::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s,transform .2s}
.dot[aria-current=true]::before{background:var(--gold-light);transform:scale(1.25)}
@media (min-width:900px){.hero{height:calc(100vh - 10rem);min-height:36rem}.hero-inner{padding-bottom:1.5rem}.hero-foot{padding-right:13.5rem}}

/* ---------- Güven şeridi ---------- */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;padding-block:1.5rem}
.trust-item{display:flex;gap:.75rem;align-items:flex-start;min-width:0}
.trust-item>div{min-width:0;overflow-wrap:anywhere}
.trust-item .icon{width:1.6rem;height:1.6rem;color:var(--gold);margin-top:.1rem}
.trust-item b{display:block;font-size:.9375rem;line-height:1.3}
.trust-item span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.45;margin-top:.15rem}
@media (min-width:900px){.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}

/* ---------- Kategori karoları ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:700px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}
.cat-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--bg-2);isolation:isolate}
.cat-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.cat-tile.is-cut img{object-fit:contain;padding:6% 6% 24%}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,11,9,.78) 100%)}
.cat-tile:hover img{transform:scale(1.04)}
.cat-body{position:absolute;z-index:2;left:.9rem;right:.9rem;bottom:.75rem;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}
.cat-body h3{color:#fff;font-size:1.0625rem;line-height:1.2}
.cat-body span{font-size:.8125rem;color:#eadfca;white-space:nowrap}
@media (min-width:700px){.cat-body h3{font-size:1.3rem}.cat-body{left:1.25rem;right:1.25rem;bottom:1rem;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:.5rem}}

/* ---------- Yatay raf (koleksiyon / benzer) ---------- */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:74%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.75rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.rail>*{scroll-snap-align:start;min-width:0}
@media (min-width:600px){.rail{grid-auto-columns:42%}}
@media (min-width:900px){.rail{grid-auto-columns:calc((100% - 2.5rem)/3.2);gap:1.25rem}}
@media (min-width:1200px){.rail{grid-auto-columns:calc((100% - 3.75rem)/4)}}
.rail-btn{display:none;position:absolute;top:38%;z-index:5;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);align-items:center;justify-content:center}
.rail-btn:hover{background:var(--gold-soft)}
.rail-btn.prev{left:-1.1rem}.rail-btn.next{right:-1.1rem}
.rail-btn[disabled]{opacity:.35;cursor:default}
@media (min-width:1024px) and (hover:hover){.rail-btn{display:flex}}

.col-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:10/11;background:var(--dark);isolation:isolate}
.col-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.col-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.05) 40%,rgba(14,11,9,.82) 100%)}
.col-tile:hover img{transform:scale(1.04)}
.col-body{position:absolute;z-index:2;left:1rem;right:1rem;bottom:.9rem;color:#fff}
.col-body small{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);font-weight:600}
.col-body h3{color:#fff;font-size:1.35rem;margin:.15rem 0 .1rem}
.col-body span{font-size:.8125rem;color:#eadfca}

/* ---------- Ürün kartı ---------- */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}
@media (min-width:1100px){.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
.card:hover{box-shadow:var(--shadow);border-color:#d9cdb8}
.card[hidden]{display:none}
.card-img{display:block;position:relative;aspect-ratio:4/3;background:var(--bg-2);overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card-img.is-cut img{object-fit:contain;padding:5%;mix-blend-mode:multiply}
.card:hover .card-img img{transform:scale(1.03)}
.card-add{position:absolute;z-index:3;top:.5rem;right:.5rem;width:2.75rem;height:2.75rem;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.15);transition:background .2s,color .2s}
.card-add:hover{background:var(--gold-soft)}
.card-add[aria-pressed=true]{background:var(--gold-btn);color:#fff}
.card-add .i-check{display:none}
.card-add[aria-pressed=true] .i-check{display:block}
.card-add[aria-pressed=true] .i-plus{display:none}
.card-body{display:flex;flex-direction:column;gap:.3rem;padding:.8rem .85rem 1rem;flex:1;min-width:0}
.card-eyebrow{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);line-height:1.35}
.card-title{font-size:1rem;line-height:1.3;margin:0}
.card-title a::after{content:"";position:absolute;inset:0;z-index:1}
.card-sum{display:none;margin:.1rem 0 0;font-size:.875rem;color:var(--muted);line-height:1.5}
.card-meta{display:flex;align-items:flex-start;gap:.4rem;margin:auto 0 0;padding-top:.45rem;font-size:.8125rem;color:var(--muted);line-height:1.35}
.card-meta .icon{width:1rem;height:1rem;margin-top:.05rem;color:var(--gold)}
@media (min-width:700px){.card-body{padding:1rem 1.1rem 1.15rem}.card-title{font-size:1.125rem}.card-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* ---------- Sayfa başlığı & filtre ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center;font-size:.8125rem;color:var(--muted);padding-block:1rem 0}
.crumbs a{display:inline-flex;align-items:center;min-height:2rem}
.crumbs a:hover{color:var(--gold-ink);text-decoration:underline}
.crumbs .sep{opacity:.5}
.page-head{padding-block:.75rem 1.25rem}
.page-head h1{margin-top:.25rem}
.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.toolbar .count{font-size:.9rem;color:var(--muted);margin-right:auto;min-width:0}
.toolbar .count b{color:var(--ink)}
.field-inline{display:flex;align-items:center;gap:.5rem;min-width:0}
.field-inline label{font-size:.8125rem;color:var(--muted);font-weight:500}
select,input,textarea{font:inherit;color:var(--ink)}
select{min-height:2.75rem;max-width:100%;padding:0 2rem 0 .8rem;border:1px solid #d6ccbb;border-radius:var(--r-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%236a6157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right .8rem center;-webkit-appearance:none;appearance:none;font-size:.9375rem}
.empty{text-align:center;padding:3rem 1rem;color:var(--muted);background:#fff;border:1px dashed #d6ccbb;border-radius:var(--r)}
.empty[hidden]{display:none}
.empty .icon{width:2rem;height:2rem;color:var(--gold);margin:0 auto .5rem}

/* ---------- Ürün sayfası ---------- */
.pd{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:.75rem 2.5rem}
@media (min-width:960px){.pd{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:start}.pd-info{position:sticky;top:calc(var(--hdr-h) + var(--tabs-h) + 1rem)}}
.gal{min-width:0}
.gal-main{position:relative;aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gal-main.is-cut img{mix-blend-mode:multiply;padding:4%}
.gal-open{position:absolute;inset:0;z-index:2;background:none;border:0;cursor:zoom-in}
.gal-btn{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);display:grid;place-items:center}
.gal-btn:hover{background:#fff}
.gal-btn.prev{left:.6rem}.gal-btn.next{right:.6rem}
.gal-count{position:absolute;z-index:3;left:.6rem;bottom:.6rem;padding:.2rem .65rem;border-radius:999px;background:rgba(20,17,15,.72);color:#fff;font-size:.8125rem;font-weight:500}
.gal-zoom{position:absolute;z-index:3;right:.6rem;bottom:.6rem;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(20,17,15,.72);color:#fff;display:grid;place-items:center;pointer-events:none}
.gal-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem .15rem .35rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.gal-thumb{flex:none;width:4.75rem;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--bg-2);opacity:.75;transition:opacity .2s,border-color .2s}
.gal-thumb img{width:100%;height:100%;object-fit:cover}
.gal-thumb.is-cut img{object-fit:contain;mix-blend-mode:multiply;padding:4px}
.gal-thumb:hover{opacity:1}
.gal-thumb[aria-current=true]{border-color:var(--gold);opacity:1}
.pd-info h1{font-size:clamp(1.65rem,1.2rem + 2vw,2.5rem);margin:.2rem 0 .6rem}
.pd-sum{font-size:1.0625rem;color:var(--ink-2);margin-bottom:1.1rem}
.quick{display:grid;gap:0;margin:0 0 1.25rem;padding:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}
.quick li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.1rem .5rem;padding:.75rem .9rem;border-bottom:1px solid var(--line);align-items:start}
.quick li:last-child{border-bottom:0}
.quick .icon{color:var(--gold);margin-top:.1rem}
.quick b{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.quick span{display:block;font-size:.9375rem;color:var(--ink);line-height:1.45}
.pd-cta{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:480px){.pd-cta{grid-template-columns:1fr 1fr}.pd-cta .btn-wa{grid-column:1/-1}}
.pd-tools{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}
.pd-block{padding-block:1.75rem;border-top:1px solid var(--line)}
.pd-block h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.7rem);margin-bottom:1rem}
.pd-two{display:grid;grid-template-columns:minmax(0,1fr);gap:0 3rem}
@media (min-width:960px){.pd-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.checks li{display:flex;gap:.65rem;align-items:flex-start;padding:.45rem 0;line-height:1.5}
.checks .icon{width:1.15rem;height:1.15rem;margin-top:.2rem;color:var(--gold)}
.inc{display:flex;flex-wrap:wrap;gap:.5rem}
.inc li{padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.9rem}
.dims{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
.dim{display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem .9rem;align-items:center;padding:.75rem .9rem;background:#fff;border:1px solid var(--line);border-radius:12px}
.dim.has-img{grid-template-columns:4.25rem minmax(0,1fr)}
.dim-thumb{width:4.25rem;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-2)}
.dim-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.dim-label{font-weight:600;line-height:1.35}
.dim-vals{display:flex;flex-wrap:wrap;gap:.25rem .6rem;margin-top:.15rem;font-size:.9375rem;color:var(--ink-2)}
.dim-vals span{white-space:nowrap}
.dim-vals i{font-style:normal;font-size:.75rem;font-weight:700;color:var(--gold-ink);margin-right:.25rem}
.note{margin:.9rem 0 0;font-size:.8125rem;color:var(--muted);line-height:1.5}
.mat{padding:1.25rem;background:var(--gold-soft);border:1px solid #e9d9b2;border-radius:var(--r)}
.mat h3{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.mat h3 .icon{color:var(--gold-ink)}
.mat p{margin:0 0 .5rem;font-size:.9375rem}
.mat p:last-child{margin:0}
.delivery{margin-top:0;padding:clamp(1.1rem,3vw,1.75rem);background:var(--dark);color:#efe6d6;border-radius:var(--r)}
.delivery h2{color:#fff;margin-bottom:.25rem}
.delivery .sub{margin:0 0 1.25rem;color:#cfc3ab;font-size:.9375rem}
.dl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media (min-width:700px){.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}}
.dl-item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;align-items:start}
.dl-item .ic{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(217,178,90,.14);color:var(--gold-light)}
.dl-item b{display:block;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light);font-weight:600}
.dl-item span{display:block;font-size:.9375rem;line-height:1.5;color:#f3ece0;margin-top:.1rem}
.delivery .btn-row{margin-top:1.4rem}
@media (max-width:959px){.pd-info{order:-0}}

/* ---------- Yardım / concierge kartı ---------- */
.help{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);background:#fff;border:1px solid var(--line);border-radius:var(--r)}
@media (min-width:900px){.help{grid-template-columns:1.1fr 1fr;align-items:center;gap:2.5rem}}
.help h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);margin-bottom:.5rem}
.help p{color:var(--muted);margin:0}

/* ---------- Adımlar ---------- */
.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;counter-reset:s}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}
.step{position:relative;padding:1.25rem 1.25rem 1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:.8rem;border-radius:50%;background:var(--ink);color:var(--gold-light);font-family:var(--serif);font-size:1.05rem}
.step h3{margin-bottom:.35rem}
.step p{margin:0;color:var(--muted);font-size:.9375rem}

/* ---------- Marka şeridi ---------- */
.brands{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.brands span,.brands a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border:1px solid #d6ccbb;border-radius:999px;background:#fff;font-weight:600;font-size:.9375rem;color:var(--ink-2)}
.brands a:hover{border-color:var(--gold);color:var(--gold-ink)}

/* ---------- Form ---------- */
.two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}
@media (min-width:960px){.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem}.two-col.rev{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.panel{padding:clamp(1.1rem,3vw,1.75rem);background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.panel h2{font-size:clamp(1.25rem,1rem + 1vw,1.6rem);margin-bottom:1rem}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media (min-width:560px){.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}
.fld{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.fld label{font-size:.875rem;font-weight:600}
.fld label .req{color:#b42318}
.fld input,.fld textarea,.fld select{width:100%;min-height:3rem;padding:.7rem .85rem;font-size:1rem;border:1px solid #cdbfa8;border-radius:var(--r-sm);background:#fff}
.fld textarea{min-height:7rem;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:3px solid rgba(163,116,0,.35);border-color:var(--gold)}
.fld .hint{font-size:.8125rem;color:var(--muted)}
.fld .err{display:none;font-size:.8125rem;color:#b42318;font-weight:500}
.fld.invalid .err{display:block}
.fld.invalid input,.fld.invalid textarea{border-color:#b42318}
.form-actions{display:grid;gap:.6rem;margin-top:1.25rem}
@media (min-width:560px){.form-actions{grid-template-columns:1fr 1fr}}
.form-note{margin:.9rem 0 0;font-size:.8125rem;color:var(--muted)}
.qlist{display:grid;gap:.6rem}
.qitem{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.6rem;background:#fff;border:1px solid var(--line);border-radius:12px}
.qitem img{width:4.5rem;height:3.4rem;object-fit:cover;border-radius:8px;background:var(--bg-2)}
.qitem.is-cut img{object-fit:contain;mix-blend-mode:multiply}
.qitem a{font-weight:600;line-height:1.3;display:block}
.qitem small{display:block;color:var(--muted);font-size:.8125rem}
.qitem button{width:2.75rem;height:2.75rem;border-radius:50%;border:0;background:none;color:var(--muted);display:grid;place-items:center}
.qitem button:hover{background:#fbe9e7;color:#b42318}

/* ---------- İletişim ---------- */
.contact-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
@media (min-width:560px){.contact-cards{grid-template-columns:1fr 1fr}}
.ccard{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);min-width:0}
.ccard .ic{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--gold-soft);color:var(--gold-ink)}
.ccard b{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ccard span,.ccard a{display:block;font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.ccard a:hover{color:var(--gold-ink);text-decoration:underline}
.map{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg-2);aspect-ratio:4/3}
.map::before{content:attr(data-fallback);position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:var(--muted);font-size:.9rem}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg-2)}
@media (min-width:900px){.map{aspect-ratio:16/10}}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem;padding:0 1rem}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--gold-ink);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 1rem;color:var(--ink-2);font-size:.9375rem}

/* ---------- Alt bilgi ---------- */
.footer{margin-top:0;background:var(--dark);color:#d9cdb8;padding-top:clamp(2.5rem,5vw,4rem)}
.footer a:hover{color:#fff}
.f-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
@media (max-width:699px){.f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.f-brand,.f-contact{grid-column:1/-1}}
@media (min-width:700px){.f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.f-brand{grid-column:1/-1}}
@media (min-width:900px){.f-grid{grid-template-columns:1.5fr 1fr 1fr 1.4fr}.f-brand{grid-column:auto}}
.f-logo img{height:3rem;width:auto;max-width:100%}
.footer p{font-size:.9375rem;color:#bfb29a;margin:1rem 0 0;max-width:26rem}
.footer h4{font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-weight:700;margin-bottom:.75rem}
.footer li a,.footer li span{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;font-size:.9375rem;line-height:1.4}
.footer .icon{width:1.1rem;height:1.1rem;color:var(--gold-light)}
.f-bottom{margin-top:2.5rem;padding-block:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;color:#a99c85}
.f-bottom p{margin:0 0 .4rem;max-width:none;font-size:.8125rem;color:#a99c85}

/* ---------- Mobil alt çubuk & WhatsApp ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(20,17,15,.08)}
.mbar a,.mbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.5rem;padding:.3rem .25rem;border:0;background:none;font-size:.75rem;font-weight:600;color:var(--ink);min-width:0;white-space:nowrap}
.mbar .icon{width:1.35rem;height:1.35rem}
.mbar .m-wa{background:var(--wa);color:#fff}
.mbar .m-on{color:var(--gold-ink)}
.mbar .badge{top:.3rem;right:calc(50% - 1.6rem)}
body.has-mbar{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom))}
.wa-fab{display:none}
@media (min-width:900px){
  .mbar{display:none}
  body.has-mbar{padding-bottom:0}
  .wa-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:inline-flex;align-items:center;gap:.6rem;min-height:3.25rem;padding:0 1.25rem;border-radius:999px;background:var(--wa);color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(23,128,63,.4);transition:background .2s,transform .2s}
  .wa-fab:hover{background:var(--wa-h);transform:translateY(-2px)}
}

/* ---------- Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:300;display:none;flex-direction:column;background:rgba(10,8,6,.95);color:#fff}
.lb.is-open{display:flex}
.lb-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;min-height:3.5rem}
.lb-title{font-size:.9375rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:0 .5rem}
.lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pan-y pinch-zoom}
.lb .ibtn{color:#fff;background:rgba(255,255,255,.1)}
.lb .ibtn:hover{background:rgba(255,255,255,.22)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%)}
.lb-nav.prev{left:.5rem}.lb-nav.next{right:.5rem}
.lb-foot{padding:.6rem;text-align:center;font-size:.875rem;color:#cfc3ab}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:5rem;z-index:400;transform:translate(-50%,20px);max-width:calc(100% - 2rem);padding:.7rem 1.1rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.875rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:900px){.toast{bottom:2rem}}

/* ---------- Arama ---------- */
.searchbox{position:relative;max-width:40rem}
.searchbox input{width:100%;min-height:3.25rem;padding:0 1rem 0 3rem;font-size:1.0625rem;border:1px solid #cdbfa8;border-radius:var(--r-sm);background:#fff}
.searchbox input:focus{outline:3px solid rgba(163,116,0,.35);border-color:var(--gold)}
.searchbox .icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.chips a,.chips button{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:1px solid #d6ccbb;border-radius:999px;background:#fff;font-size:.9rem;font-weight:500}
.chips a:hover,.chips button:hover{border-color:var(--gold);color:var(--gold-ink)}

/* ---------- 404 ---------- */
.nf{text-align:center;padding-block:clamp(3rem,10vw,7rem)}
.nf .big{font-family:var(--serif);font-size:clamp(4rem,18vw,9rem);line-height:1;color:var(--gold);margin-bottom:.5rem}
.nf .btn-row{justify-content:center;margin-top:1.5rem}

/* ============================================================
   SUNUM / TV MODU
   ============================================================ */
body.sunum{margin:0;background:#0b0907;color:#fff;overflow:hidden;height:100vh;height:100dvh;position:relative}
body.sunum.idle{cursor:none}
/* Tam ekran sahne: yalnızca fotoğraf, isim fotoğrafın üzerinde */
.sn-stage{position:fixed;inset:0;overflow:hidden;background:#0b0907}
.sn-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background:#0b0907;overflow:hidden}
.sn-slide.is-on{opacity:1}
.sn-bg{position:absolute;left:-6%;top:-6%;width:112%;height:112%;object-fit:cover;filter:blur(38px) brightness(.55) saturate(1.1)}
.sn-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none;display:block}
.sn-slide.is-cut{background:#f1ece3}
.sn-slide.is-cut .sn-bg{display:none}
.sn-slide.is-cut .sn-img{mix-blend-mode:multiply}
/* üst çubuk – hareketsizlikte kaybolur */
.sn-top{position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;gap:.75em;padding:.7em 1em 2.6em;font-size:16px;min-width:0;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,0));transition:opacity .5s,transform .5s}
.sn-top .logo img{height:2em;filter:brightness(0) invert(1)}
.sn-cats{display:flex;gap:.4em;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.sn-cats::-webkit-scrollbar{display:none}
.sn-cat{flex:none;min-height:2.75em;padding:0 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:#fff;font-size:.9em;font-weight:500;white-space:nowrap;backdrop-filter:blur(6px)}
.sn-cat:hover{background:rgba(255,255,255,.2)}
.sn-cat[aria-pressed=true]{background:var(--gold-light);border-color:var(--gold-light);color:#1b1612;font-weight:600}
.sn-ctl{display:flex;gap:.3em;flex:none;margin-left:auto;align-items:center}
.sn-ctl .ibtn{width:2.75em;height:2.75em;color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(6px)}
.sn-ctl .ibtn:hover{background:rgba(255,255,255,.25)}
.sn-open{display:inline-flex;align-items:center;min-height:2.75em;padding:0 1.1em;margin:0 .2em;border-radius:999px;background:var(--gold-light);color:#1b1612;font-size:.9em;font-weight:600;white-space:nowrap}
@media (min-width:900px){.sn-cats{flex-wrap:wrap;overflow:visible}}
@media (max-width:899px){.sn-top{flex-wrap:wrap}.sn-cats{order:3;flex:1 1 100%}}
@media (max-width:520px){.sn-top .logo img{height:1.7em}.sn-open{display:none}#sn-full{display:none}}
@media (min-width:1200px){.sn-top{font-size:clamp(16px,1.05vw,40px)}}
/* büyük oklar – fotoğrafları elle geçmek için */
.sn-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:3.6em;height:3.6em;border-radius:50%;border:0;background:rgba(0,0,0,.4);color:#fff;display:grid;place-items:center;font-size:16px;transition:opacity .5s,background .2s;backdrop-filter:blur(6px)}
.sn-nav .icon{width:1.6em;height:1.6em}
.sn-nav:hover{background:rgba(0,0,0,.7)}
.sn-nav.prev{left:1.2em}.sn-nav.next{right:1.2em}
@media (min-width:1200px){.sn-nav{font-size:clamp(16px,1.05vw,40px)}}
/* isim fotoğrafın üzerinde */
.sn-cap{position:absolute;left:0;right:0;bottom:0;z-index:8;padding:12vh 4.5vw 4.2vh;font-size:clamp(15px,1.35vw,56px);color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.4) 50%,rgba(0,0,0,0));pointer-events:none;transition:color .6s}
.sn-kind{margin:0 0 .35em;font-size:.8em;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);font-weight:600}
.sn-name{margin:0;font-family:var(--serif);font-weight:600;font-size:2.4em;line-height:1.1;color:inherit;text-shadow:0 .05em .5em rgba(0,0,0,.35)}
.sn-meta{display:flex;align-items:center;gap:1.1em;margin-top:.9em;font-size:.8em;color:rgba(255,255,255,.8)}
.sn-dots{display:flex;gap:.45em}
.sn-dots:empty{display:none}
.sn-dots i{display:block;width:.6em;height:.6em;border-radius:50%;background:rgba(255,255,255,.4)}
.sn-dots i.on{background:var(--gold-light);transform:scale(1.25)}
.sn-prog{position:absolute;left:0;right:0;bottom:0;z-index:12;height:.3vh;min-height:3px;background:rgba(255,255,255,.12)}
.sn-prog i{display:block;height:100%;width:0;background:var(--gold-light)}
/* açık renkli (beyaz fonlu) fotoğraflarda koyu yazı */
body.sunum.tone-light .sn-cap{color:#1b1612;background:linear-gradient(0deg,rgba(241,236,227,.95),rgba(241,236,227,.6) 55%,rgba(241,236,227,0))}
body.sunum.tone-light .sn-kind{color:#8a6a1c}
body.sunum.tone-light .sn-meta{color:rgba(27,22,18,.75)}
body.sunum.tone-light .sn-dots i{background:rgba(27,22,18,.3)}
body.sunum.tone-light .sn-dots i.on{background:#8a6a1c}
body.sunum.tone-light .sn-name{text-shadow:none}
body.sunum.tone-light .sn-top{background:linear-gradient(180deg,rgba(241,236,227,.9),rgba(241,236,227,0))}
body.sunum.tone-light .sn-top .logo img{filter:none}
body.sunum.tone-light .sn-cat{color:#1b1612;border-color:rgba(27,22,18,.3);background:rgba(255,255,255,.55)}
body.sunum.tone-light .sn-cat[aria-pressed=true]{background:#1b1612;color:#fff;border-color:#1b1612}
body.sunum.tone-light .sn-ctl .ibtn{color:#1b1612;background:rgba(255,255,255,.6)}
body.sunum.tone-light .sn-nav{color:#1b1612;background:rgba(255,255,255,.6)}
body.sunum.idle .sn-top{opacity:0;transform:translateY(-100%);pointer-events:none}
body.sunum.idle .sn-nav{opacity:0;pointer-events:none}
@media (max-width:700px){.sn-nav{width:3em;height:3em}.sn-nav.prev{left:.5em}.sn-nav.next{right:.5em}.sn-name{font-size:1.9em}}
body.sunum .toast{bottom:2rem}

/* ---------- Yazdırma ---------- */
@media print{.topbar,.site-header,.tabs,.mbar,.wa-fab,.footer,.gal-btn,.gal-thumbs,.pd-tools,.pd-cta,.rail-btn,.lb{display:none!important}body{background:#fff}}