/* ArtyTablo site tasarım sistemi
   Dil: ürün sayfasıyla aynı. Playfair Display (başlık, klasik ve yüksek kontrastlı) + Instrument Sans (metin), alçı beyazı zemin, grafit metin,
   tek vurgu: marka turuncusu. Yalnızca açık tema (ürün fotoğrafları açık fona basılı).
   Köşe kuralı: düğme ve alan 12px; kart ve görsel 16px; küçük önizleme 10px; etiket ve filtre tam yuvarlak.
   Yüzey kuralı: kartlar tek katman (beyaz, çerçevesiz, yumuşak gölge --sh-1); açılır paneller --sh-2;
   ince çizgi yalnızca tıklanan öğelerde (alan, filtre, ikincil düğme). Duvardaki tablolar --wall-shadow ile asılı durur.
   Hareket: yalnızca transform ve opacity; eğriler --ease (yumuşak duruş) ve --spring (hafif esneme). */

/* ============ Yedek yazı tipleri ============ */
/* Kategori sayfasında mobil kayma 0,22'ydi: Google yazı tipleri gelince metin yedek yazı tipinden farklı genişlikte yeniden diziliyordu.
   Aşağıdaki yüzler sistemdeki yazı tipini (Android Roboto / Noto Serif, Windows Segoe UI / Georgia, Apple Arial / Georgia) asıl yazı
   tipinin ölçülerine getirir; asıl yazı tipi geldiğinde satırlar aynı kalır. Değerler ../yedek_yazitipi.py ile sitenin Türkçe metninden hesaplandı. */
/* Yedek yazı tipleri: asıl yazı tipi (Google Fonts) gelene kadar aynı genişlik ve satır yüksekliğinde çizilir, geldiğinde sayfa kaymaz. yedek_yazitipi.py ile hesaplandı. */
@font-face{font-family:"ats-fb-roboto";src:local("Roboto"), local("Roboto-Regular"), local("Roboto Regular");font-weight:400;font-style:normal;size-adjust:102.23%;ascent-override:94.89%;descent-override:24.46%;line-gap-override:0.00%}
@font-face{font-family:"ats-fb-segoe";src:local("Segoe UI"), local("SegoeUI");font-weight:400;font-style:normal;size-adjust:103.10%;ascent-override:94.08%;descent-override:24.25%;line-gap-override:0.00%}
@font-face{font-family:"ats-fb-arial";src:local("Arial"), local("ArialMT");font-weight:400;font-style:normal;size-adjust:101.18%;ascent-override:95.87%;descent-override:24.71%;line-gap-override:0.00%}
@font-face{font-family:"ats-fb-roboto";src:local("Roboto Bold"), local("Roboto-Bold");font-weight:700;font-style:normal;size-adjust:103.08%;ascent-override:94.10%;descent-override:24.25%;line-gap-override:0.00%}
@font-face{font-family:"ats-fb-segoe";src:local("Segoe UI Bold"), local("SegoeUI-Bold");font-weight:700;font-style:normal;size-adjust:98.68%;ascent-override:98.30%;descent-override:25.33%;line-gap-override:0.00%}
@font-face{font-family:"ats-fb-arial";src:local("Arial Bold"), local("Arial-BoldMT");font-weight:700;font-style:normal;size-adjust:97.48%;ascent-override:99.51%;descent-override:25.65%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-noto";src:local("Noto Serif"), local("NotoSerif-Regular"), local("Noto Serif Regular");font-weight:400;font-style:normal;size-adjust:93.19%;ascent-override:116.11%;descent-override:26.93%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-georgia";src:local("Georgia");font-weight:400;font-style:normal;size-adjust:100.85%;ascent-override:107.29%;descent-override:24.89%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-times";src:local("Times New Roman"), local("TimesNewRomanPSMT");font-weight:400;font-style:normal;size-adjust:109.45%;ascent-override:98.86%;descent-override:22.93%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-noto";src:local("Noto Serif Bold"), local("NotoSerif-Bold");font-weight:700;font-style:normal;size-adjust:89.58%;ascent-override:120.78%;descent-override:28.02%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-georgia";src:local("Georgia Bold"), local("Georgia-Bold");font-weight:700;font-style:normal;size-adjust:88.41%;ascent-override:122.38%;descent-override:28.39%;line-gap-override:0.00%}
@font-face{font-family:"ats-fd-times";src:local("Times New Roman Bold"), local("TimesNewRomanPS-BoldMT");font-weight:700;font-style:normal;size-adjust:105.07%;ascent-override:102.98%;descent-override:23.89%;line-gap-override:0.00%}

/* ============ Jetonlar ============ */
.ats{
  --paper:#F4F5F6; --card:#FFFFFF; --stage:#E8EAEC; --line:#D5D9DD; --line-2:rgba(32,35,40,.08);
  --ink:#202328; --ink-2:#596069; --ink-3:#8A9098;
  --accent:#F2620C; --accent-ink:#B9470A; --accent-soft:#FDEBDF;
  --wall-shadow:rgba(63,52,40,.28);
  --r-ctl:12px; --r-shell:16px; --r-core:16px; --r-s:10px;
  --sh-1:0 1px 2px rgba(32,35,40,.05),0 14px 34px -24px rgba(32,35,40,.26);
  --sh-2:0 2px 8px rgba(32,35,40,.06),0 30px 64px -28px rgba(32,35,40,.38);
  --ease:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.32,.72,0,1);
  --fd:'Playfair Display','ats-fd-noto','ats-fd-georgia','ats-fd-times',Georgia,'Times New Roman',serif;
  --fb:'Instrument Sans','ats-fb-roboto','ats-fb-segoe','ats-fb-arial',ui-sans-serif,system-ui,sans-serif;
  --z-hd:30; --z-mega:31; --z-drawer:25; --z-grain:60;
  --gut:clamp(16px,3.2vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#F4F5F6;scroll-behavior:smooth}
body.ats{margin:0;background:var(--paper);color:var(--ink);font:400 16.5px/1.6 var(--fb);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:lining-nums}
:where(.ats) img{max-width:100%;height:auto;display:block}
:where(.ats) a{color:inherit}
:where(.ats) button{font:inherit;color:inherit;cursor:pointer;font-variant-numeric:lining-nums}
:where(.ats) p{margin:0;text-wrap:pretty}
:where(.ats) :is(h1,h2,h3,h4){font-family:var(--fd);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0;text-wrap:balance}
.ats :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.ats .ph-light,.ats .ph-fill{font-size:1.25em;line-height:1;vertical-align:-.18em}
.wrap{max-width:1400px;margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-ctl);z-index:99;text-decoration:none}
.skip:focus{top:12px}
.tnum{font-variant-numeric:lining-nums tabular-nums}
/* Kâğıt dokusu: sabit, tıklanmaz, kaydırılan katmanlara eklenmez */
body.ats::after{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ============ Kart: tek katman ============
   .shell yalnızca yerleşim sarmalayıcısıdır (çerçeve, zemin ve dolgu yok); görünen yüzey .core'dur. */
.shell{border-radius:var(--r-core)}
.core{border-radius:var(--r-core);background:var(--card);box-shadow:var(--sh-1)}

/* ============ Düğmeler (düğme içinde düğme) ============ */
.btn{display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 7px 0 22px;border:0;border-radius:var(--r-ctl);background:var(--ink);color:#fff!important;font:600 15.5px var(--fb);text-decoration:none;white-space:nowrap;transition:background .3s var(--ease),transform .2s var(--ease);font-variant-numeric:lining-nums}
.btn:hover{background:#33373E}
.btn:active{transform:scale(.98)}
.btn__ic{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;transition:transform .5s var(--spring),background .3s var(--ease)}
.btn:hover .btn__ic{transform:translate(2px,-1px) scale(1.05);background:var(--accent)}
.btn--light{background:var(--card);color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}
.btn--light:hover{background:var(--paper)}
.btn--light .btn__ic{background:var(--stage)}
.btn--light:hover .btn__ic{color:#fff}
.btn--accent{background:var(--accent)}
.btn--accent:hover{background:#DC5709}
.btn--accent .btn__ic{background:rgba(255,255,255,.2)}
.btn--accent:hover .btn__ic{background:var(--ink)}
.link{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--ink-3);transition:text-decoration-color .25s var(--ease)}
.link:hover{text-decoration-color:var(--accent)}

/* ============ Üst şerit ============ */
.strip{font-size:13px;color:var(--ink-2)}
.strip .wrap{display:flex;gap:28px;justify-content:center;align-items:center;min-height:36px}
.strip span{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
@media (max-width:720px){.strip span:not(:first-child){display:none}}

/* ============ Header: yüzen cam ada ============ */
.hd{position:sticky;top:10px;z-index:var(--z-hd);padding:0 var(--gut);margin-bottom:6px}
.hd__island{position:relative;max-width:calc(1400px - 2 * var(--gut));margin:0 auto;height:64px;display:flex;align-items:center;gap:22px;padding:0 10px 0 18px;border-radius:18px;isolation:isolate}
.hd__island::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.62);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);box-shadow:inset 0 0 0 1px rgba(32,35,40,.07),inset 0 1px 0 rgba(255,255,255,.8);transition:background .5s var(--ease)}
.hd__island::after{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;box-shadow:0 18px 40px -22px rgba(32,35,40,.35);opacity:0;transition:opacity .5s var(--ease)}
.hd.is-scrolled .hd__island::before{background:rgba(255,255,255,.84)}
.hd.is-scrolled .hd__island::after,.hd.is-mega .hd__island::after{opacity:1}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hd__island::before{background:rgba(255,255,255,.97)}}
.hd__logo{flex:0 0 auto;display:block}
.ats .hd__logo img{height:34px;width:auto;max-width:none}
.hd__nav{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:500}
.hd__nav>a,.hd__nav>button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:0;background:none;border-radius:var(--r-ctl);text-decoration:none;color:var(--ink-2);transition:color .25s var(--ease),background .25s var(--ease)}
.hd__nav>a:hover,.hd__nav>button:hover,.hd__nav>button[aria-expanded="true"]{color:var(--ink);background:rgba(32,35,40,.05)}
.hd__nav>a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.hd__nav>button .ph-light{font-size:15px;transition:transform .4s var(--spring)}
.hd__nav>button[aria-expanded="true"] .ph-light{transform:rotate(180deg)}
.hd__nav .pill{color:var(--ink);background:var(--accent-soft)}
.hd__nav .pill:hover{background:#FBD9C3}
.hd__act{margin-left:auto;display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;border-radius:var(--r-ctl);text-decoration:none;transition:background .25s var(--ease)}
.icon-btn:hover{background:rgba(32,35,40,.05)}
.icon-btn .ph-light{font-size:23px}
.badge{position:absolute;top:5px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font:600 11px/18px var(--fb);text-align:center;font-variant-numeric:lining-nums}
.badge[hidden]{display:none}
/* Üç çizgiden çarpıya dönen menü düğmesi */
.burger{display:none;position:relative;width:44px;height:44px;border:0;background:none;border-radius:var(--r-ctl)}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;border-radius:2px;background:var(--ink);transition:transform .45s var(--spring),opacity .25s var(--ease)}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:21.5px}.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.3)}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
@media (max-width:980px){.hd__nav{display:none}.burger{display:block}.hd__island{gap:4px;padding:0 6px}.hd__logo{margin-right:auto}}
@media (max-width:520px){.hide-sm{display:none!important}.ats .hd__logo img{height:30px}.hd{top:8px;padding:0 10px}}

/* Mega menü: adanın altında açılan panel */
.mega{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 8px);z-index:var(--z-mega);max-width:calc(1400px - 2 * var(--gut));margin:0 auto;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.99);transform-origin:50% 0;transition:opacity .35s var(--ease),transform .5s var(--spring),visibility 0s .5s}
.mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .5s var(--spring)}
.mega .core,.hd-search .core,.hd-cart .core{box-shadow:var(--sh-2)}
.mega__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:36px;padding:30px 30px 32px}
.mega h3{font:500 13.5px var(--fb);color:var(--ink-2);letter-spacing:0;margin-bottom:10px;font-variant-numeric:lining-nums}
.mega ul{list-style:none;margin:0;padding:0;display:grid}
.mega li a{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .25s var(--ease)}
.mega li a::after{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg) translateX(-4px);opacity:0;transition:opacity .25s var(--ease),transform .4s var(--spring)}
.mega li a:hover{color:var(--accent-ink)}
.mega li a:hover::after{opacity:1;transform:rotate(45deg) translateX(0)}
.mega__card{position:relative;display:block;border-radius:var(--r-core);overflow:hidden;min-height:250px;text-decoration:none;color:#fff!important;background:var(--ink)}
.mega__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.mega__card:hover img{transform:scale(1.05)}
.mega__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,26,0) 38%,rgba(20,22,26,.8))}
.mega__card span{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;font:600 21px/1.2 var(--fd);font-variant-numeric:lining-nums}
.mega__card small{display:block;font:500 14px var(--fb);opacity:.85;margin-top:6px;font-variant-numeric:lining-nums}
.mega__all{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font-weight:600;font-size:14.5px;text-decoration:none}
.mega__all:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:980px){.mega{display:none}}
@media (max-width:1180px) and (min-width:981px){.hd__island{gap:14px}.hd__nav>a,.hd__nav>button{padding:0 10px}.mega__in{gap:24px;padding:26px 24px 28px}}

/* Arama paneli (sınıf adı "search" değil: WordPress arama sayfasında body'ye aynı sınıfı ekler) */
.hd-search{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 8px);max-width:760px;margin:0 auto;z-index:var(--z-mega);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .45s var(--spring),visibility 0s .45s}
.hd-search.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .45s var(--spring)}
.hd-search form{display:flex;gap:8px;padding:8px}
.hd-search input[type="search"]{flex:1;min-width:0;height:54px;border:0;border-radius:var(--r-ctl);padding:0 18px;font:inherit;font-size:16.5px;color:var(--ink);background:var(--paper);outline:0;box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:lining-nums}
.hd-search input[type="search"]:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}
.hd-search input::placeholder{color:var(--ink-2)}

/* Mini sepet: adanın altında, sağa hizalı panel (dokunmatikte alttan açılır) */
.hd-cart{position:absolute;right:max(var(--gut),calc((100% - 1400px) / 2 + var(--gut)));top:calc(100% + 8px);z-index:var(--z-mega);width:min(420px,calc(100vw - 2 * var(--gut)));opacity:0;visibility:hidden;transform:translateY(-6px) scale(.99);transform-origin:100% 0;transition:opacity .3s var(--ease),transform .5s var(--spring),visibility 0s .5s}
.hd-cart.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .5s var(--spring)}
.hd-cart__bg{display:none}
.mini{display:flex;flex-direction:column;max-height:min(72vh,640px);padding:18px 16px 16px}
.mini__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px 12px}
.ats .mini__head b{font:600 20px/1.1 var(--fd);letter-spacing:-.015em;font-variant-numeric:lining-nums}
.mini__head span{font-size:13.5px;color:var(--ink-2)}
.mini__list{list-style:none;margin:0 -4px;padding:0 4px;display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain}
.mini__item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px;border-radius:12px;transition:background .25s var(--ease),opacity .3s var(--ease),transform .45s var(--spring)}
.mini__item:hover{background:var(--paper)}
.mini__item.is-out{opacity:0;transform:translateX(14px)}
.mini__img{display:block;width:64px;height:64px;border-radius:var(--r-s);overflow:hidden;background:var(--stage)}
.mini__img img{width:100%;height:100%;object-fit:contain;padding:3px}
.mini__txt{display:grid;gap:3px;min-width:0}
.mini__name{font-weight:600;font-size:14.5px;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s var(--ease)}
.mini__name:hover{color:var(--accent-ink)}
.mini__meta{font-size:13px;line-height:1.4;color:var(--ink-2)}
.mini__side{display:grid;justify-items:end;gap:6px}
.mini__side b{font-weight:600;font-size:14.5px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.mini__rm{width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--ink-3);display:grid;place-items:center;font-size:15px;transition:background .2s var(--ease),color .2s var(--ease)}
.mini__rm:hover{background:var(--stage);color:var(--ink)}
.mini__rm:disabled{opacity:.4}
.mini__foot{margin-top:12px;padding:14px 4px 0;border-top:1px solid var(--line-2);display:grid;gap:12px}
.mini__total{display:flex;align-items:baseline;justify-content:space-between}
.mini__total span{font-size:14.5px;color:var(--ink-2)}
.mini__total b{font:600 22px/1 var(--fd);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums}
.mini__note{display:flex;align-items:center;gap:8px;margin-top:-6px;font-size:13.5px;color:var(--ink-2)}
.mini__btns{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.mini__btns .btn{height:50px}
.mini__btns .btn--light{padding:0 18px;justify-content:center}
.mini__btns .btn:not(.btn--light){justify-content:space-between}
.mini__empty{display:grid;justify-items:center;gap:10px;padding:14px 8px 6px;text-align:center}
.ats .mini__empty>i{font-size:46px;color:var(--ink-3)}
.ats .mini__empty b{font:600 20px var(--fd);font-variant-numeric:lining-nums}
.mini__empty p{max-width:30ch;font-size:14.5px;color:var(--ink-2)}
.mini__empty .btn{margin-top:6px}
.mini__skel{display:grid;gap:10px;padding:4px}
.mini__skel i{display:block;height:64px;border-radius:12px;background:linear-gradient(100deg,var(--stage) 30%,#F1F2F4 50%,var(--stage) 70%) 0 0/300% 100%;animation:miniShim 1.6s linear infinite}
@keyframes miniShim{to{background-position:-150% 0}}
/* Dokunmatik ve dar ekran: alttan açılan panel, arkası karartılır */
@media (max-width:1080px),(hover:none),(pointer:coarse){
  .hd-cart{position:fixed;inset:0;width:auto;transform:none;transition:opacity .3s var(--ease),visibility 0s .5s}
  .hd-cart.is-open{transition:opacity .3s var(--ease)}
  .hd-cart__bg{display:block;position:absolute;inset:0;background:rgba(32,35,40,.26)}
  .hd-cart .shell{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateY(calc(100% + 24px));transition:transform .6s var(--spring)}
  .hd-cart.is-open .shell{transform:none}
  .mini{max-height:min(78dvh,640px)}
}
@media (max-width:480px){
  .mini__btns{grid-template-columns:minmax(0,1fr)}
  .mini__btns .btn:not(.btn--light){order:-1}
}

/* Mobil çekmece: buzlu tam ekran, sırayla açılan bağlantılar */
.drawer{position:fixed;inset:0;z-index:var(--z-drawer);pointer-events:none}
.drawer__bg{position:absolute;inset:0;background:rgba(244,245,246,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;transition:opacity .45s var(--ease)}
.drawer__pane{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 28px}
.drawer.is-open{pointer-events:auto}
.drawer.is-open .drawer__bg{opacity:1}
.drawer__gap{height:84px;flex:0 0 auto}
.drawer form{display:flex;margin:12px 0 10px}
.drawer form input{flex:1;height:52px;border:0;border-radius:var(--r-ctl);padding:0 16px;font:inherit;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:lining-nums}
.drawer nav{padding:6px 0}
.drawer nav>a,.drawer summary{display:flex;align-items:center;justify-content:space-between;padding:15px 6px;font:600 25px/1.1 var(--fd);letter-spacing:-.02em;text-decoration:none;cursor:pointer;list-style:none;border-bottom:1px solid var(--line-2);font-variant-numeric:lining-nums}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary i,.drawer nav>a i{font-size:20px;color:var(--ink-3);transition:transform .4s var(--spring)}
.drawer details[open] summary i{transform:rotate(180deg)}
.drawer details ul{list-style:none;margin:0;padding:6px 6px 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.drawer details li a{display:block;padding:8px 0;font-size:15px;text-decoration:none;color:var(--ink-2)}
.drawer details li a:hover{color:var(--ink)}
.drawer__foot{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drawer__foot .drawer__tel{grid-column:1/-1}
.drawer__foot a{display:flex;gap:10px;align-items:center;padding:14px;border-radius:var(--r-ctl);background:var(--card);text-decoration:none;font-size:14.5px;font-weight:500;box-shadow:inset 0 0 0 1px var(--line-2)}
.drawer [data-stg]{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .7s var(--spring)}
.drawer.is-open [data-stg]{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 55ms + 80ms)}
@media (max-width:420px){.drawer details ul{grid-template-columns:1fr}}

/* ============ Footer ============ */
.ft{margin-top:clamp(96px,11vw,168px);padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.ft__cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(28px,4vw,52px);border-radius:var(--r-core);background:var(--ink);color:#fff;position:relative;overflow:hidden}
.ft__cta::before{content:"";position:absolute;right:-8%;top:-60%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,98,12,.32),rgba(242,98,12,0) 65%);pointer-events:none}
.ft__cta h2{font-size:clamp(28px,3vw,42px);position:relative}
.ft__cta p{margin-top:10px;color:rgba(255,255,255,.72);max-width:50ch;position:relative}
.ft__cta .btn{background:#fff;color:var(--ink)!important;position:relative}
.ft__cta .btn .btn__ic{background:var(--stage)}
.ft__cta .btn:hover .btn__ic{background:var(--accent);color:#fff}
.ft__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:32px;padding:clamp(48px,6vw,72px) 0 clamp(36px,4vw,56px);font-size:14.5px;color:var(--ink-2)}
.ats .ft__brand img{height:40px;width:auto;margin-bottom:16px}
.ft__brand p{max-width:32ch;line-height:1.65}
.ft h3{font:600 14.5px var(--fb);color:var(--ink);letter-spacing:0;margin-bottom:14px;font-variant-numeric:lining-nums}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft a{text-decoration:none;transition:color .2s var(--ease)}
.ft__grid a:hover{color:var(--ink)}
.ft__contact li{display:flex;gap:10px;align-items:flex-start}
.ft__contact i{color:var(--ink);margin-top:2px}
.ft__legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.ft__legal span:last-child{margin-left:auto;display:inline-flex;gap:6px;align-items:center}
.ft__legal a:hover{color:var(--ink)}
@media (max-width:1080px){.ft__grid{grid-template-columns:1fr 1fr}.ft__brand{grid-column:1/-1}}
@media (max-width:640px){.ft__cta{grid-template-columns:1fr}.ft__legal span:last-child{margin-left:0}}

/* ============ Ortak sayfa parçaları ============ */
.crumbs{font-size:13px;color:var(--ink-2);padding:22px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li{display:flex;gap:6px;align-items:center}
.crumbs li+li::before{content:"/";color:var(--ink-3)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.pagehead{padding:clamp(28px,4vw,64px) 0 clamp(28px,3vw,44px);max-width:880px}
.pagehead h1{font-size:clamp(40px,5.4vw,78px);line-height:1.04;letter-spacing:-.015em}
.pagehead p{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);max-width:52ch;margin-top:18px}
.sec{margin-top:clamp(80px,10vw,152px)}
.sec__h{font-size:clamp(30px,3.4vw,50px);margin-bottom:clamp(24px,3vw,40px);max-width:20ch}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--stage);font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}

/* Okuma tipografisi */
.prose{font-size:18px;line-height:1.78;color:#353941;max-width:68ch}
.prose>*+*{margin-top:1.15em}
.prose>p:first-child{font-size:clamp(19px,1.5vw,21px);line-height:1.65;color:var(--ink)}
.prose h2{font-size:clamp(27px,2.4vw,34px);color:var(--ink);margin-top:2.1em;scroll-margin-top:110px}
.prose h3{font-size:22px;color:var(--ink);margin-top:1.7em;scroll-margin-top:110px}
.prose h4{font-size:18.5px;color:var(--ink);margin-top:1.4em}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:4px}
.prose a:hover{color:var(--accent-ink)}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{padding-left:1.25em}
.prose li+li{margin-top:.5em}
.prose li::marker{color:var(--accent)}
.prose img{margin:2em 0;border-radius:var(--r-core);box-shadow:0 24px 50px -34px var(--wall-shadow)}
.prose figure{margin:2em 0}
.prose figure img{margin:0}
.prose figcaption{font-size:14px;color:var(--ink-2);margin-top:12px}
.prose blockquote{margin:2em 0;padding:0 0 0 24px;border-left:2px solid var(--accent);font:500 22px/1.45 var(--fd);color:var(--ink);font-variant-numeric:lining-nums}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin:2em 0}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{font-weight:600;color:var(--ink);background:var(--stage)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.6em 0}

/* Duvara asılı görsel: tuval gibi gölge, ışık sol üstten */
.hung{position:relative;border-radius:4px;overflow:hidden;background:var(--stage);box-shadow:8px 12px 18px -10px var(--wall-shadow),22px 36px 60px -30px var(--wall-shadow)}
.hung img{width:100%;height:100%;object-fit:cover}

/* ============ Ürün kartı (anasayfa, listeler) ============
   Tek bağlantı başlıkta, kart tümüyle tıklanır; üzerine gelince oda görseli açılır.
   Ad en çok iki satır ve iki satırlık yer kaplar: yan yana kartlarda fiyatlar aynı hizada durur. */
.pc{position:relative;display:grid;gap:14px;align-content:start}
.pc__img{position:relative;aspect-ratio:1;border-radius:var(--r-core);overflow:hidden;background:var(--stage)}
.pc__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1s var(--ease)}
.pc__room{opacity:0}
.pc:hover .pc__room,.pc:focus-within .pc__room{opacity:1}
.pc:hover .pc__main{transform:scale(1.04)}
.pc__flag{display:inline-flex;align-items:flex-start;gap:6px;margin-bottom:5px;font-size:13px;line-height:1.3;font-weight:600;color:var(--accent-ink);text-wrap:balance}
.pc__flag i{margin-top:1px}
.ats .pc h3{font:500 15.5px/1.35 var(--fb);letter-spacing:0;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-variant-numeric:lining-nums}
.pc h3 a{text-decoration:none}
.pc h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r-core)}
.pc h3 a:focus-visible{outline:0}
.pc h3 a:focus-visible::after{outline:2px solid var(--accent);outline-offset:4px}
.pc__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin-top:6px}
.pc__price{font-weight:600;font-size:15.5px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.pc__price small{font-weight:400;font-size:13.5px;color:var(--ink-2)}
.pc__rate{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.pc__rate i{font-size:13px;color:var(--ink)}
.pc:active .pc__img{transform:scale(.99)}
.pc__img{transition:transform .3s var(--ease)}

/* ============ Blog listesi ============ */
.topics{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}
.topics::-webkit-scrollbar{display:none}
.topics button{flex:0 0 auto;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:500;color:var(--ink-2);transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.topics button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-3)}
.topics button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.topics button span{margin-left:6px;font-variant-numeric:lining-nums tabular-nums;opacity:.6}
.feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);text-decoration:none;margin-top:28px}
.feat .core{display:grid;grid-template-columns:inherit;grid-column:1/-1;overflow:hidden}
.feat__img{position:relative;min-height:440px;overflow:hidden;background:var(--stage)}
.feat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.feat:hover .feat__img img{transform:scale(1.035)}
.feat__txt{padding:clamp(28px,3.4vw,52px);display:flex;flex-direction:column;justify-content:center}
.feat h2{font-size:clamp(28px,2.8vw,42px);margin-top:16px;line-height:1.1}
.feat p{color:var(--ink-2);margin-top:16px;font-size:16.5px;max-width:46ch}
.feat .more{display:inline-flex;gap:10px;align-items:center;margin-top:26px;font-weight:600}
.feat .more i{transition:transform .45s var(--spring)}
.feat:hover .more i{transform:translateX(4px)}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--ink-2);align-items:center}
.meta span{display:inline-flex;gap:6px;align-items:center}
/* Dergi düzeni: büyük dikey kart + iki yatay kart */
.mag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(20px,2.4vw,32px);margin-top:clamp(48px,6vw,88px)}
.mag a{text-decoration:none;display:grid;gap:16px;align-content:start}
.mag__big{grid-row:span 1}
.mag__col{display:grid;gap:clamp(24px,3vw,40px);align-content:start}
.mag__big .hung{aspect-ratio:16/10.5}
.mag__sm{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.mag__sm .hung{aspect-ratio:4/3.4}
.mag h3{font-size:clamp(22px,2vw,30px);line-height:1.1;margin-top:8px;transition:color .25s var(--ease)}
.mag__sm h3{font-size:clamp(19px,1.6vw,23px)}
.mag a:hover h3{color:var(--accent-ink)}
.mag p{color:var(--ink-2);font-size:15px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag .hung img{transition:transform 1.2s var(--ease)}
.mag a:hover .hung img{transform:scale(1.04)}
.list-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:clamp(64px,8vw,112px);padding-bottom:18px;border-bottom:1px solid var(--line)}
.list-h h2{font-size:clamp(26px,2.6vw,36px)}
.list-h span{color:var(--ink-2);font-size:14.5px}
.posts{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px)}
.pr{display:grid;grid-template-columns:clamp(112px,12vw,168px) minmax(0,1fr);gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-2);text-decoration:none}
.pr__img{aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--stage)}
.pr__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pr:hover .pr__img img{transform:scale(1.06)}
.pr h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2;margin-top:6px;transition:color .25s var(--ease)}
.pr:hover h3{color:var(--accent-ink)}
.pr p{font-size:14.5px;color:var(--ink-2);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr[hidden],.mag[hidden],.feat[hidden]{display:none}
.empty-topic{padding:48px 0;color:var(--ink-2)}
.pager{display:flex;gap:6px;justify-content:center;margin-top:48px}
.pager .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 12px;border-radius:var(--r-ctl);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;font-weight:600}
.pager .page-numbers.current{background:var(--ink);color:#fff;box-shadow:none}
.pager a.page-numbers:hover{box-shadow:inset 0 0 0 1px var(--ink)}
@media (max-width:900px){.feat .core{grid-template-columns:1fr}.feat__img{min-height:0;aspect-ratio:16/11}.mag{grid-template-columns:1fr}.mag__big{grid-row:auto}.mag__big .hung{aspect-ratio:16/11}.posts{grid-template-columns:1fr}}
@media (max-width:520px){.pr{grid-template-columns:96px minmax(0,1fr);gap:16px}.pr p{display:none}.mag__sm{grid-template-columns:110px minmax(0,1fr)}.mag__sm p{display:none}}

/* ============ Blog yazısı ============ */
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:calc(var(--z-hd) + 1);background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline:scroll()){.progress{animation:prog linear both;animation-timeline:scroll(root)}@keyframes prog{to{transform:scaleX(1)}}}
.art-head{max-width:980px;padding:clamp(28px,4vw,56px) 0 0}
.art-head h1{font-size:clamp(34px,4.4vw,60px);line-height:1.08;letter-spacing:-.015em}
.art-head .meta{margin-top:22px;font-size:14.5px}
.art-cover{margin-top:clamp(32px,4vw,52px)}
.art-cover .core{overflow:hidden;aspect-ratio:21/9}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:clamp(36px,6vw,104px);align-items:start;margin-top:clamp(44px,5vw,76px)}
.toc{position:sticky;top:104px;font-size:14.5px}
.toc details{border-radius:var(--r-core)}
.toc summary{list-style:none;display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:default}
.toc summary::-webkit-details-marker{display:none}
.toc summary b{font:600 14px var(--fb);color:var(--ink);font-variant-numeric:lining-nums}
.toc summary span,.toc summary i{display:none}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.35;transition:color .25s var(--ease),border-color .25s var(--ease)}
.toc a:hover{color:var(--ink)}
.toc a.is-on{color:var(--ink);border-left-color:var(--accent)}
.toc__share{margin-top:28px}
@media (max-width:1000px){.art{grid-template-columns:1fr}.toc{position:relative;top:0}.toc details{background:var(--card);padding:16px 18px;box-shadow:var(--sh-1)}.toc summary{cursor:pointer;margin:0}.toc summary span{display:inline;font-size:13.5px;color:var(--ink-2)}.toc summary i{display:inline;margin-left:auto;transition:transform .4s var(--spring)}.toc details[open] summary i{transform:rotate(180deg)}.toc details[open] ol{margin-top:12px}.art-cover .core{aspect-ratio:16/10}}
/* Yazıda geçen tablolar: gerçek görsel ve fiyatla */
.picks{margin-top:clamp(64px,8vw,112px)}
.picks__h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.picks__h h2{font-size:clamp(26px,2.6vw,36px);max-width:22ch}
.picks__ctl{display:flex;gap:6px}
.picks__ctl button{width:44px;height:44px;border-radius:50%;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-size:18px;transition:box-shadow .25s var(--ease)}
.picks__ctl button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.picks__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 18px) / 4.2);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px}
.picks__track::-webkit-scrollbar{display:none}
.pick{scroll-snap-align:start;text-decoration:none;display:grid;gap:12px;align-content:start}
.pick__img{aspect-ratio:1;border-radius:var(--r-core);overflow:hidden;background:var(--stage)}
.pick__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pick:hover .pick__img img{transform:scale(1.05)}
.pick b{font-weight:600;font-size:15.5px;line-height:1.3}
.pick span{font-size:14px;color:var(--ink-2);margin-top:-6px}
.pick__kind{display:inline-flex;align-self:start;justify-self:start;margin-top:-4px}
@media (max-width:900px){.picks__track{grid-auto-columns:calc((100% - 18px) / 2.2)}.picks__ctl{display:none}}
.more-posts{margin-top:clamp(72px,8vw,120px)}
.more-posts .mag{margin-top:24px}

/* ============ Yardım sayfaları ============ */
.help{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(28px,3.4vw,48px)}
.help__nav{position:sticky;top:104px}
.help__nav .core{padding:0;background:none;box-shadow:none}
.help__nav b{display:block;font:500 13px var(--fb);color:var(--ink-2);padding:0 12px 8px;font-variant-numeric:lining-nums}
.help__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.help__nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-ctl);text-decoration:none;color:var(--ink-2);font-weight:500;transition:background .25s var(--ease),color .25s var(--ease)}
.help__nav a:hover{background:rgba(32,35,40,.05);color:var(--ink)}
.help__nav a[aria-current="page"]{background:var(--ink);color:#fff}
.help__nav a[aria-current="page"] i{color:var(--accent)}
.help__ask{margin-top:14px;padding:20px;border-radius:var(--r-core);background:var(--accent-soft)}
.help__ask b{display:block;font:600 17px var(--fd);color:var(--ink);padding:0;margin-bottom:6px;font-variant-numeric:lining-nums}
.help__ask p{font-size:14px;color:var(--ink-2)}
.help__ask a{display:flex;gap:8px;align-items:center;margin-top:10px;font-weight:600;font-size:14.5px;text-decoration:none}
.help__ask a:hover{text-decoration:underline;text-underline-offset:3px}
.help__body h1{font-size:clamp(34px,4.2vw,58px);line-height:1.06;letter-spacing:-.015em}
.help__body .core{padding:clamp(28px,4.4vw,64px)}
.help__body .prose{margin-top:34px}
@media (max-width:900px){.help{grid-template-columns:1fr}.help__nav{position:relative;top:0;order:2}}

/* ============ İletişim ============ */
.contact{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;margin-top:clamp(28px,3.4vw,48px)}
.contact h1{font-size:clamp(42px,5.6vw,82px);line-height:1.02;letter-spacing:-.02em}
.contact__lede{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);margin-top:20px;max-width:44ch}
.lines{list-style:none;margin:clamp(32px,4vw,52px) 0 0;padding:0;border-top:1px solid var(--line)}
.lines a{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.lines a span{font-size:14px;color:var(--ink-2)}
.lines a b{font:600 clamp(22px,2.2vw,32px)/1.15 var(--fd);letter-spacing:-.02em;overflow-wrap:anywhere;transition:color .3s var(--ease);font-variant-numeric:lining-nums}
.lines a i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:19px;transition:transform .5s var(--spring),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.lines a:hover b{color:var(--accent-ink)}
.lines a:hover i{background:var(--ink);color:#fff;box-shadow:none;transform:rotate(-45deg)}
.visit .core{overflow:hidden}
.visit__img{aspect-ratio:4/3.1;overflow:hidden;background:var(--stage)}
.visit__img img{width:100%;height:100%;object-fit:cover}
.visit__txt{padding:clamp(22px,2.6vw,32px);display:grid;gap:14px}
.visit__txt h2{font-size:clamp(24px,2.2vw,30px)}
.visit__txt p{color:var(--ink-2);font-size:15.5px;max-width:42ch}
.visit .btn{justify-self:start;margin-top:6px}
.qhelp{margin-top:clamp(72px,8vw,120px)}
.qhelp__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,64px)}
.qhelp__list a{display:flex;align-items:center;gap:16px;padding:20px 4px;border-top:1px solid var(--line);text-decoration:none;font:600 19px var(--fd);letter-spacing:-.01em;font-variant-numeric:lining-nums}
.qhelp__list a i:first-child{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);font-size:20px}
.qhelp__list a i:last-child{margin-left:auto;color:var(--ink-3);transition:transform .45s var(--spring),color .25s}
.qhelp__list a:hover i:last-child{transform:translateX(4px);color:var(--ink)}
@media (max-width:900px){.contact{grid-template-columns:1fr}.qhelp__list{grid-template-columns:1fr}}
@media (max-width:560px){.lines a{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.lines a span{grid-column:1/-1}.lines a i{grid-row:2;grid-column:2}}

/* ============ Biz kimiz ============ */
.ab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,96px);align-items:center;padding:clamp(28px,4vw,56px) 0 0}
.ab-hero h1{font-size:clamp(40px,5.4vw,80px);line-height:1.02;letter-spacing:-.02em}
.ab-hero p{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);margin-top:24px;max-width:46ch}
.year{display:flex;align-items:flex-end;gap:16px;margin-top:34px}
.year b{font:600 clamp(64px,7vw,108px)/.9 var(--fd);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums}
.year span{font-size:15px;color:var(--ink-2);padding-bottom:6px}
.collage{position:relative;min-height:clamp(380px,40vw,560px)}
.collage__a{position:absolute;inset:0 14% 18% 0}
.collage__b{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:4/3;transform:rotate(2.5deg)}
.collage__a.hung,.collage__b.hung{border-radius:6px}
.timeline{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:s}
.timeline::before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--line)}
.timeline::after{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(1)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.timeline::after{animation:draw linear both;animation-timeline:view();animation-range:entry 30% cover 60%}@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}}}
.timeline li{position:relative;counter-increment:s;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.timeline li::before{content:counter(s);position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink);font:600 16px var(--fd);color:var(--ink);margin-bottom:22px;font-variant-numeric:lining-nums}
@media (max-width:1000px){.timeline{grid-template-columns:1fr;gap:26px;padding-left:66px}.timeline::before,.timeline::after{left:21px;right:auto;top:0;bottom:0;width:2px;height:auto}.timeline::after{transform-origin:50% 0}@keyframes draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline li::before{position:absolute;left:-66px;top:-8px;margin:0}}
.why{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,96px);align-items:center}
.why .hung{aspect-ratio:4/3.4}
.why ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.why li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5}
.why li i{color:var(--accent);margin-top:2px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px)}
.faq details{border-top:1px solid var(--line)}
.faq summary{list-style:none;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:22px 0;font:600 19px/1.3 var(--fd);letter-spacing:-.01em;cursor:pointer;font-variant-numeric:lining-nums}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;transition:transform .45s var(--spring)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 48px 24px 0;color:var(--ink-2);font-size:16px;line-height:1.65}
.faq details p a{color:var(--ink);text-underline-offset:3px}
@media (max-width:900px){.ab-hero,.why{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.collage{min-height:360px}}

/* ============ 404: odada boş çerçeve ============ */
.nf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center;padding:clamp(28px,4vw,64px) 0 0}
.nf h1{font-size:clamp(40px,5.2vw,76px);line-height:1.02;letter-spacing:-.02em}
.nf p{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);margin-top:20px;max-width:44ch}
.nf form{display:flex;gap:8px;margin-top:30px;max-width:540px;padding:6px;border-radius:calc(var(--r-ctl) + 6px);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.nf input{flex:1;min-width:0;height:52px;border:0;border-radius:var(--r-ctl);padding:0 14px;font:inherit;background:transparent;color:var(--ink);outline:0;font-variant-numeric:lining-nums}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips a{display:inline-flex;height:38px;align-items:center;padding:0 15px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;font-size:14.5px;font-weight:500;transition:box-shadow .25s var(--ease),background .25s var(--ease)}
.chips a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.room404{position:relative;aspect-ratio:1;border-radius:var(--r-core);overflow:hidden;background:#ECEBE8 center/cover no-repeat}
.room404__frame{position:absolute;left:50%;top:38%;width:34%;aspect-ratio:4/3;transform:translate(-50%,-50%);border:13px solid transparent;border-image:var(--frame) 76 / 13px / 0 stretch;background:#F6F5F2;box-shadow:6px 9px 14px -6px var(--wall-shadow),14px 22px 40px -18px var(--wall-shadow)}
.room404__frame span{position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(28px,3.4vw,44px)/1 var(--fd);letter-spacing:-.02em;color:var(--ink-3);font-variant-numeric:lining-nums}
.room404__dim{position:absolute;left:50%;top:38%;width:34%;aspect-ratio:4/3;transform:translate(-50%,-50%);pointer-events:none}
.room404__dim::before{content:"";position:absolute;left:0;right:0;top:-26px;border-top:1.5px solid var(--accent)}
.room404__dim::after{content:"";position:absolute;top:0;bottom:0;right:-24px;border-right:1.5px solid var(--accent)}
.room404__dim b{position:absolute;left:50%;top:-50px;transform:translateX(-50%);font:600 13px var(--fb);color:var(--ink);background:rgba(246,245,242,.92);padding:3px 8px;border-radius:6px;white-space:nowrap;font-variant-numeric:lining-nums}
@media (max-width:860px){.nf{grid-template-columns:1fr}}

/* ============ Sitedeki tema kalıntıları ============
   Flatsome'un stili bu sayfalarda kaldırıldığı için, normalde onun gizlediği öğeler açığa çıkar. */
.ats .woocommerce-store-notice,.ats .demo_store,.ats .mfp-hide,.ats #main-menu.mobile-sidebar,.ats #login-form-popup,.ats .back-to-top,.ats #cart-popup{display:none!important}
.ats.woocommerce-demo-store{padding-top:0!important}

/* ============ WhatsApp düğmesi ve alttaki yüzen çubuklar ============
   Click to Chat eklentisi düğmeye satır içi z-index:99999999 veriyordu: açık mobil menünün, mini sepetin ve sepet panelinin
   üstünde kalıp düğmeleri kapatıyordu. Düğme panellerin altına alınır (çubuklar 20, düğme 24, menü ve paneller 25 ve üstü).
   Ürün sayfasındaki alt çubuk açılınca çubuğun üstüne kayar; sepet çubuğu sağda düğmeye yer bırakır.
   Konum için "translate" kullanılır: eklentinin giriş animasyonu "transform" ile çalışır, ikisi çakışmaz. */
#ht-ctc-chat{z-index:24!important;transition:translate .45s var(--ease),opacity .3s var(--ease)}
/* Sayfanın en altındaki satır (sözleşme, gizlilik, iyzico) düğmenin altında kalmasın */
body:has(#ht-ctc-chat) .ft{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
@media (max-width:980px){
  body:has(#mbar.is-on) #ht-ctc-chat{translate:0 calc(-72px - env(safe-area-inset-bottom))}
  body.atu .ft{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  body.atu:has(#ht-ctc-chat) .ft{padding-bottom:calc(172px + env(safe-area-inset-bottom))}
}
@media (max-width:1000px){
  body:has(#ht-ctc-chat) .wcbar{right:92px}
  body:has(#wcbar) .ft{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
/* Dokunmatik ekranda yazı yazarken (klavye açıkken) yüzen düğme alanların üstüne binmesin.
   !important gerekli: eklentinin giriş animasyonu opaklığı sabitliyor, animasyon değeri normal kuralları ezer. */
@media (pointer:coarse){
  body:has(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):focus,textarea:focus,select:focus) #ht-ctc-chat{opacity:0!important;pointer-events:none!important}
}

/* ============ Dokunmatik ekranda küçük bağlantılar ============
   Footer, yol ve içindekiler bağlantıları 18-23 px yüksekliğindeydi; parmakla isabet alanı genişletilir. */
@media (pointer:coarse){
  .ft ul{gap:2px}
  .ft ul a{display:inline-block;padding:9px 0}
  .ft__contact i{margin-top:11px}
  .ft__legal{gap:0 22px}
  .ft__legal a{display:inline-block;padding:11px 0}
  .crumbs a{padding:9px 0}
  .facts a{padding:9px 0}
}
@media (max-width:1000px){.toc summary{padding:12px 0;margin:-12px 0}}

/* ============ Yazı ve sayfa içindeki SSS (details) ============
   Yazı içeriğinden gelen soru-cevaplar tarayıcının ▶ işaretiyle görünüyordu; sitedeki diğer SSS'lerle aynı dile çekilir. */
.prose details{border-top:1px solid var(--line);margin:0}
.prose details:last-of-type{border-bottom:1px solid var(--line)}
.prose details+details{margin-top:0}
.prose summary{list-style:none;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:18px 0;font:600 18px/1.35 var(--fd);letter-spacing:-.01em;color:var(--ink);cursor:pointer;font-variant-numeric:lining-nums}
.prose summary::-webkit-details-marker{display:none}
.prose summary:not(:has(i))::after{content:"";flex:0 0 32px;height:32px;border-radius:50%;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%23202328' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:inset 0 0 0 1px var(--line);transition:transform .45s var(--spring)}
.prose details[open] summary::after{transform:rotate(45deg)}
.prose details>:not(summary){margin-top:0;padding-bottom:18px;color:var(--ink-2)}

/* ============ Fareyle sürüklenen yatay şeritler ============ */
.is-draggable{cursor:grab;-webkit-user-select:none;user-select:none}
.is-dragging{cursor:grabbing;scroll-snap-type:none!important}
.is-dragging *{pointer-events:none}

/* ============ Hareket ============ */
@media (prefers-reduced-motion:no-preference){
  /* Sayfa başına tek açılış koreografisi */
  .boot [data-in]{animation:rise 1s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms + 60ms)}
  @keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  /* Büyük görseller kaydırınca maskeyle açılır, geçerken hafifçe uzaklaşır */
  @supports (animation-timeline:view()){
    [data-reveal]{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
    @keyframes reveal{from{clip-path:inset(10% 6% 10% 6% round 16px);opacity:.4;transform:translateY(40px)}to{clip-path:inset(0 0 0 0 round 0);opacity:1;transform:none}}
    [data-rv]{animation:rv linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes rv{0%{opacity:0;transform:translateY(48px)}18%{opacity:1;transform:none}86%{opacity:1;transform:none}100%{opacity:.35;transform:translateY(-24px)}}
  }
  @supports not (animation-timeline:view()){
    [data-rv],[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
    [data-rv].is-in,[data-reveal].is-in{opacity:1;transform:none}
  }
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.progress{display:none}}

/* Flatsome ürün sayfalarında sayfa sonuna kendi "yapışkan sepete ekle" çubuğunu basıyor; yeni tasarımda Flatsome stili yok ve kendi sepet çubuğumuz var */
.sticky-add-to-cart-wrapper,.sticky-add-to-cart{display:none!important}