/* Park Lila · parklila.com — site stilleri · "Mürdüm & Fıstık" */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/figtree-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/figtree-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:italic;font-weight:400 600;font-display:swap;src:url(../fonts/figtree-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:italic;font-weight:400 600;font-display:swap;src:url(../fonts/figtree-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --plum:#6f5d74;--plum-d:#4a3b4f;--plum-dd:#2e2233;--plum-x:#1f1724;
  --lila:#b9a7c7;--lila-2:#d8cde2;--lila-50:#f8f5fa;--lila-100:#f1eaf5;--lila-200:#e6dcec;
  --lime:#a8c62a;--lime-d:#86a114;--lime-dd:#5e7208;--lime-l:#eef6cc;
  --ink:#251c29;--ink-2:#4b414f;--muted:#6f6674;--line:#e8e1eb;--line-2:#f1ecf3;--bg:#fff;--white:#fff;
  --wa:#1fa855;--wa-d:#178a45;--coral:#e0574c;--sun:#f3b63a;
  --plum-rgb:111,93,116;--plum-d-rgb:74,59,79;--plum-dd-rgb:46,34,51;--lime-rgb:168,198,42;
  --f-d:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-b:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --r:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(var(--plum-dd-rgb),.06),0 3px 10px rgba(var(--plum-dd-rgb),.05);
  --sh-2:0 4px 10px rgba(var(--plum-dd-rgb),.05),0 22px 48px rgba(var(--plum-dd-rgb),.10);
  --sh-3:0 40px 90px rgba(var(--plum-dd-rgb),.25);
  --head-h:78px;--wrap:1320px;--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 50px)}
body{margin:0;font:16px/1.65 var(--f-b);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%;height:auto;vertical-align:middle}
img{display:block}
a{color:var(--plum-d);text-decoration:none}
a:hover{color:var(--plum)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:var(--plum-dd);margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem)}
h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-radius:6px}
::selection{background:var(--lime);color:var(--plum-dd)}
.h-lg{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}
.h-md{font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.h-sm{font-size:1.2rem;display:flex;align-items:center;gap:10px}
.hl{font-style:normal;color:var(--plum);position:relative;white-space:nowrap;background:linear-gradient(transparent 62%,rgba(var(--lime-rgb),.45) 62%,rgba(var(--lime-rgb),.45) 90%,transparent 90%)}
.lead{font-size:clamp(1.05rem,1rem + .3vw,1.22rem);color:var(--ink-2);line-height:1.6;max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:.86rem}
.sr-only{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;z-index:200;background:var(--plum-dd);color:#fff;padding:10px 16px;border-radius:10px}
.skip:focus{top:12px;color:#fff}
.wrap{width:min(var(--wrap),100% - 2*clamp(16px,4vw,40px));margin-inline:auto}
.wrap-md{max-width:900px}
.wrap-sm{max-width:780px}
.narrow{max-width:820px;margin-inline:auto}
.section{padding:clamp(56px,7vw,110px) 0}
.section-sm{padding:clamp(36px,4.5vw,64px) 0}
.section-tint{background:var(--lila-50)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font:700 .78rem/1.2 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--plum)}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--lime)}
.eyebrow a{color:inherit}
.eyebrow a:hover{color:var(--plum-dd)}
.eyebrow-lime{color:var(--lime)}
.pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:7px 14px 7px 10px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font:600 .84rem/1.2 var(--f-b);color:var(--plum-d);box-shadow:var(--sh-1)}
.pill-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(var(--lime-rgb),.25)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;margin-bottom:clamp(26px,3vw,44px)}
.sec-head h2{margin:0}
.sec-head.center{justify-content:center;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sh-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:440px;text-align:right}
.sh-side p{margin:0}
.link{display:inline-flex;align-items:center;gap:8px;font:700 .95rem/1.2 var(--f-b);color:var(--plum-d);white-space:nowrap}
.link svg{transition:transform .25s var(--ease)}
.link:hover svg{transform:translateX(4px)}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:6px}
.hide-sm,.hide-md{}

/* ---------- düğmeler ---------- */
.btn{--bh:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--bh);padding:0 22px;border-radius:var(--r-pill);border:1.5px solid transparent;font:700 .95rem/1 var(--f-b);letter-spacing:.01em;cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .2s;white-space:nowrap;text-decoration:none}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:none}
.btn-sm{--bh:40px;padding:0 16px;font-size:.88rem}
.btn-lg{--bh:56px;padding:0 28px;font-size:1rem}
.btn-plum,.btn-primary{background:var(--plum-d);color:#fff}
.btn-plum:hover,.btn-primary:hover{background:var(--plum-dd);color:#fff;box-shadow:0 12px 26px rgba(var(--plum-dd-rgb),.28)}
.btn-lime{background:var(--lime);color:var(--plum-dd)}
.btn-lime:hover{background:#b9d63a;color:var(--plum-dd);box-shadow:0 12px 26px rgba(var(--lime-rgb),.35)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-d);color:#fff;box-shadow:0 12px 26px rgba(31,168,85,.3)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--plum-dd)}
.btn-ghost:hover{border-color:var(--plum);color:var(--plum-dd)}
.btn-white{background:#fff;color:var(--plum-dd)}
.btn-white:hover{background:var(--lila-100);color:var(--plum-dd)}
.btn-ghost-light{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost-light:hover{border-color:#fff;color:#fff}
.btn-ink{background:var(--plum-dd);color:#fff}
.btn-ink:hover{color:#fff;background:var(--plum-x)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn-row.center{justify-content:center}

/* ---------- üst şerit ---------- */
.strip{background:var(--plum-dd);color:#e9e1ec;font-size:.82rem}
.strip-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.strip-msg{margin:0;display:flex;align-items:center;gap:8px;color:#d6cbdb;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.strip-msg svg{color:var(--lime);flex-shrink:0}
.strip-msg span{overflow:hidden;text-overflow:ellipsis}
.strip-links{display:flex;align-items:center;gap:18px;flex-shrink:0}
.strip-links a{color:#efe8f2;display:inline-flex;align-items:center;gap:6px}
.strip-links a:hover{color:var(--lime)}
.strip-social{display:flex;gap:12px}
.langs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:rgba(255,255,255,.08)}
.langs a{padding:3px 9px;border-radius:var(--r-pill);font-weight:700;font-size:.74rem;letter-spacing:.06em;color:#d9cfde}
.langs a[aria-current]{background:var(--lime);color:var(--plum-dd)}

/* ---------- başlık ---------- */
.site-head{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.site-head.is-stuck{border-color:var(--line);box-shadow:0 10px 30px rgba(var(--plum-dd-rgb),.07)}
.hd{display:flex;align-items:center;gap:20px;height:var(--head-h)}
.brand{display:inline-flex;flex-shrink:0;color:inherit}
.logo{display:inline-flex;flex-direction:column;gap:3px}
.logo-svg{display:block;width:118px;height:auto}
.lg-park{fill:var(--plum-d)}
.lg-box{fill:var(--plum)}
.lg-lila{fill:#fff}
.logo-tag{font:600 .66rem/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-left:2px}
.logo-light .lg-park{fill:#fff}
.logo-light .lg-box{fill:var(--lime)}
.logo-light .lg-lila{fill:var(--plum-dd)}
.logo-light .logo-tag{color:#bfb2c5}
.nav{margin-inline:auto}
.nav>ul{list-style:none;margin:0;padding:5px;display:flex;align-items:center;gap:2px;background:var(--lila-50);border:1px solid var(--line-2);border-radius:var(--r-pill)}
.nav>ul>li>a{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 15px;border-radius:var(--r-pill);font:600 .93rem/1 var(--f-b);color:var(--ink-2);transition:background .2s,color .2s}
.nav>ul>li>a:hover,.has-mega:hover>a,.has-mega.open>a{background:#fff;color:var(--plum-dd);box-shadow:var(--sh-1)}
.nav>ul>li>a[aria-current]{background:var(--plum-d);color:#fff}
.nav-mega-link svg{transition:transform .25s}
.has-mega:hover .nav-mega-link svg,.has-mega.open .nav-mega-link svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:calc(100% - 2px);padding-top:10px;opacity:0;visibility:hidden;transition:opacity .2s .12s,visibility 0s .32s;pointer-events:none}
.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:18px}
.mega-in{max-height:calc(100vh - var(--head-h) - 60px);overflow-y:auto;overscroll-behavior:contain}
html:not(.js) .has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.hov .mega,.has-mega.open .mega{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto}
.mega-in{display:grid;grid-template-columns:1fr 250px;gap:22px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3)}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 20px}
.mg-h{display:flex;align-items:center;gap:11px;padding:8px;margin:-8px -8px 6px;border-radius:12px;color:var(--plum-dd)}
.mg-h:hover{background:var(--lila-50);color:var(--plum-dd)}
.mg-img{flex-shrink:0;width:52px;height:52px;border-radius:12px;background:var(--lila-100);overflow:hidden}
.mg-img img{width:100%;height:100%;object-fit:cover}
.mg-h b{display:block;font:700 .95rem/1.2 var(--f-d);letter-spacing:-.01em}
.mg-h small{color:var(--muted);font-size:.78rem}
.mg ul{list-style:none;margin:0;padding:0 0 0 2px;display:grid;gap:1px}
.mg li a{display:block;padding:4px 0;font-size:.88rem;color:var(--ink-2)}
.mg li a:hover{color:var(--plum);transform:translateX(3px)}
.mg li a{transition:transform .2s,color .2s}
.mega-side{display:flex;flex-direction:column;gap:12px;padding-left:22px;border-left:1px solid var(--line-2)}
.mega-book{display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--plum-dd);color:#fff}
.mega-book:hover{color:#fff;background:var(--plum-x)}
.mb-pages{grid-row:span 2;border-radius:4px;overflow:hidden;box-shadow:6px 6px 0 rgba(255,255,255,.12)}
.mega-book b{font:700 1rem/1.2 var(--f-d)}
.mega-book small{color:#cfc3d4;font-size:.78rem;line-height:1.35}
.mega-plan{display:flex;gap:10px;align-items:center;padding:14px;border-radius:16px;background:var(--lime-l);color:var(--plum-dd)}
.mega-plan:hover{color:var(--plum-dd);background:#e4efb0}
.mega-plan b{display:block;font-size:.93rem}
.mega-plan small{color:var(--ink-2);font-size:.78rem;line-height:1.3}
.mega-all{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-weight:700;color:var(--plum-dd)}
.mega-all:hover{border-color:var(--plum)}
.hd-act{display:flex;align-items:center;gap:8px;flex-shrink:0}
.hbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--plum-dd);transition:border-color .2s,background .2s}
.hbtn:hover{border-color:var(--plum);color:var(--plum-dd)}
.qcount{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--lime);color:var(--plum-dd);font:800 .7rem/20px var(--f-b);text-align:center}
.qcount.bump{animation:bump .5s var(--ease)}
@keyframes bump{40%{transform:scale(1.4)}}
.hd-phone{display:flex;align-items:center;gap:9px;padding:0 6px;color:var(--plum-dd)}
.hd-phone:hover{color:var(--plum)}
.hp-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lila-100);color:var(--plum-d)}
.hd-phone small{display:block;font-size:.7rem;color:var(--muted);line-height:1.1}
.hd-phone b{font-size:.92rem;letter-spacing:.01em}
.btn-head{--bh:46px;padding:0 20px}
.burger{display:none}

/* ---------- mobil çekmece ---------- */
.drawer{position:fixed;inset:0;z-index:150;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer-bg{position:absolute;inset:0;background:rgba(var(--plum-dd-rgb),.5);opacity:0;transition:opacity .3s}
.drawer.open .drawer-bg{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s var(--ease);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}
.drawer.open .drawer-panel{transform:none}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-2)}
.drawer-top .logo-tag{display:none}
.drawer-nav{padding:10px 18px;display:flex;flex-direction:column}
.drawer-nav>a,.dn-acc>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--line-2);font:700 1.05rem/1.2 var(--f-d);color:var(--plum-dd);cursor:pointer;list-style:none}
.dn-acc>summary::-webkit-details-marker,.dn-sub>summary::-webkit-details-marker{display:none}
.dn-acc[open]>summary svg{transform:rotate(180deg)}
.dn-cats{display:flex;flex-direction:column;gap:4px;padding:8px 0}
.dn-sub>summary{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:12px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink)}
.dn-sub>summary>span:nth-child(2){flex:1}
.dn-sub[open]>summary{background:var(--lila-50)}
.dn-sub[open]>summary svg{transform:rotate(180deg)}
.dn-thumb{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--lila-100);flex-shrink:0}
.dn-thumb img{width:100%;height:100%;object-fit:cover}
.dn-sub a{display:block;padding:7px 10px 7px 56px;font-size:.93rem;color:var(--ink-2)}
.dn-sub a.dn-all{font-weight:700;color:var(--plum-d)}
.dn-sub a i{font-style:normal;color:var(--muted);font-size:.8rem}
.dn-hl{display:flex!important;align-items:center;gap:8px;margin:6px 0 4px;padding:12px!important;border-radius:12px;background:var(--lime-l);font-weight:700;color:var(--plum-dd)}
.drawer-contact{margin-top:auto;padding:18px;display:grid;gap:10px;background:var(--lila-50)}
.langs-lg{display:flex;gap:8px;background:none;padding:0}
.langs-lg a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.9rem;letter-spacing:0}
.langs-lg a[aria-current]{border-color:var(--plum);background:#fff;color:var(--plum-dd)}

/* ---------- ana sayfa: hero ---------- */
.hero{position:relative;padding:clamp(34px,5vw,70px) 0 clamp(40px,5vw,64px);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--lila-50),#fff 85%)}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hb-blob{position:absolute;right:-12%;top:-30%;width:62vw;height:62vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(var(--plum-rgb),.18),rgba(var(--plum-rgb),0) 62%)}
.hb-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(var(--plum-rgb),.16) 1.2px,transparent 1.3px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 55%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero h1{font-size:clamp(2.4rem,1.3rem + 4vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-bottom:22px}
.hero .lead{margin-bottom:28px}
.hero-find{display:flex;align-items:center;gap:10px;max-width:560px;padding:7px 7px 7px 18px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-2);transition:border-color .2s}
.hero-find:focus-within{border-color:var(--plum)}
.hero-find>svg{color:var(--plum);flex-shrink:0}
.hero-find input{flex:1;min-width:0;border:0;outline:0;background:none;height:46px;font-size:1rem}
.hero-find .btn{--bh:46px}
.hero-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-chips a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font:600 .85rem/1 var(--f-b);color:var(--ink-2);transition:all .2s}
.hero-chips a svg{color:var(--plum)}
.hero-chips a:hover{border-color:var(--plum-d);background:var(--plum-d);color:#fff}
.hero-chips a:hover svg{color:var(--lime)}
.hero-art{position:relative;aspect-ratio:1/1.02;max-width:600px;justify-self:end;width:100%}
.ha-main{position:absolute;inset:0 0 8% 10%;margin:0;border-radius:44% 44% var(--r-xl) var(--r-xl)/34% 34% var(--r-xl) var(--r-xl);overflow:hidden;box-shadow:var(--sh-3);background:var(--lila-100)}
.ha-main img{width:100%;height:100%;object-fit:cover}
.ha-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(var(--plum-dd-rgb),.35))}
.ha-prod{position:absolute;left:0;bottom:0;width:46%;margin:0;padding:10px 10px 12px;background:#fff;border-radius:22px;box-shadow:var(--sh-2);animation:float 7s ease-in-out infinite}
.ha-prod img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:14px;background:var(--lila-50)}
.ha-prod figcaption{margin-top:8px;font:700 .82rem/1.25 var(--f-b);color:var(--plum-dd);padding:0 4px}
.ha-book{position:absolute;right:-2%;top:6%;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--plum-dd);color:#fff;box-shadow:var(--sh-2);animation:float 8s ease-in-out -2s infinite}
.ha-book:hover{color:#fff}
.hab-cover{width:44px;border-radius:4px;overflow:hidden;box-shadow:4px 4px 0 var(--lime)}
.ha-book b{display:block;font:700 .95rem/1.1 var(--f-d)}
.ha-book small{color:#cdbfd2;font-size:.76rem}
.ha-book>svg{color:var(--lime)}
.ha-badge{position:absolute;right:6%;bottom:12%;display:flex;align-items:center;gap:8px;max-width:220px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font:700 .8rem/1.3 var(--f-b);color:var(--plum-dd);box-shadow:var(--sh-1)}
.ha-badge:empty,.ha-badge span:empty{display:none}
.ha-badge svg{color:var(--lime-d);flex-shrink:0}
@keyframes float{50%{transform:translateY(-10px)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:clamp(36px,4vw,56px) 0 0}
.stats>div{padding:20px 22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);box-shadow:var(--sh-1)}
.stats dd{margin:0 0 4px;font:800 clamp(1.7rem,1.3rem + 1.4vw,2.5rem)/1 var(--f-d);color:var(--plum-dd);letter-spacing:-.03em}
.stats dt{color:var(--muted);font-size:.9rem;font-weight:600}
.stats>div:first-child{background:var(--plum-dd);border-color:var(--plum-dd)}
.stats>div:first-child dd{color:var(--lime)}
.stats>div:first-child dt{color:#d9cddf}
.stats-flat{margin:0 0 10px}

/* ---------- bento (kategori kutuları) ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:16px}
.bento .ccard-big{grid-column:span 2;grid-row:span 2}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ccard{position:relative;display:flex;flex-direction:column;min-height:250px;padding:18px;border-radius:var(--r-lg);background:var(--lila-50);border:1px solid var(--line-2);color:var(--ink);overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.ccard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);background:var(--lila-100);color:var(--ink)}
.ccard:nth-child(3n+2){background:#f4f7ea}
.ccard:nth-child(3n+2):hover{background:#ecf2d8}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--plum-d);box-shadow:var(--sh-1)}
.cc-n{font:700 .74rem/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cc-img{flex:1;display:grid;place-items:center;margin:10px -6px;min-height:120px}
.cc-img img{width:100%;max-height:200px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.ccard:hover .cc-img img{transform:scale(1.05)}
.cc-body{display:flex;flex-direction:column;gap:6px;padding-right:44px}
.cc-t{font:700 1.18rem/1.15 var(--f-d);color:var(--plum-dd);letter-spacing:-.015em}
.cc-s{color:var(--ink-2);font-size:.92rem;line-height:1.5}
.cc-subs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cc-subs i{font-style:normal;font-size:.78rem;font-weight:600;padding:4px 9px;border-radius:var(--r-pill);background:#fff;color:var(--ink-2);border:1px solid var(--line)}
.cc-go{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--plum-d);color:#fff;transition:background .25s,transform .3s var(--ease)}
.ccard:hover .cc-go{background:var(--lime);color:var(--plum-dd);transform:rotate(-45deg)}
.ccard-big{padding:24px}
.ccard-big .cc-img img{max-height:340px}
.ccard-big .cc-t{font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.ccard-big:first-child{background:var(--plum-dd);border-color:var(--plum-dd);color:#fff}
.ccard-big:first-child:hover{background:var(--plum-x)}
.ccard-big:first-child .cc-t{color:#fff}
.ccard-big:first-child .cc-s{color:#d9cddf}
.ccard-big:first-child .cc-n{color:#bfb2c5}
.ccard-big:first-child .cc-img{background:#fff;border-radius:18px;margin:14px 0}
.ccard-big:first-child .cc-subs i{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#e9e1ec}
.ccard-big:first-child .cc-go{background:var(--lime);color:var(--plum-dd)}

.ccard-cta{grid-column:span 2;justify-content:center;gap:10px;background:var(--plum-d)!important;border-color:var(--plum-d);color:#e9e1ec;padding:26px}
.ccard-cta:hover{transform:none;box-shadow:none}
.ccard-cta .cc-ic{background:rgba(255,255,255,.1);color:var(--lime);box-shadow:none}
.ccard-cta .cc-t{color:#fff;font-size:1.6rem}
.ccard-cta p{margin:0;color:#d4c8d9;max-width:44ch}
.ccard-cta .btn-row{margin-top:8px}

/* ---------- INOX vitrini (koyu) ---------- */
.spot{position:relative;padding:clamp(56px,7vw,100px) 0;background:var(--plum-dd);color:#e9e1ec;overflow:hidden;isolation:isolate}
.spot::before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(var(--lime-rgb),.16),transparent 60%);z-index:-1}
.spot-grid{display:grid;grid-template-columns:minmax(280px,.75fr) 1.6fr;gap:clamp(28px,4vw,56px);align-items:center}
.spot h2{color:#fff}
.spot .hl{color:var(--lime);background:none}
.spot-copy>p{color:#d4c8d9}
.spot-subs{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.spot-subs a{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 13px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:600;font-size:.88rem}
.spot-subs a i{font-style:normal;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:rgba(255,255,255,.1);font-size:.74rem}
.spot-subs a:hover{background:var(--lime);border-color:var(--lime);color:var(--plum-dd)}
.spot-subs a:hover i{background:rgba(0,0,0,.08)}
.rail-wrap{position:relative;min-width:0}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.rail-btn{position:absolute;top:38%;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--plum-dd);box-shadow:var(--sh-2);transition:opacity .2s,transform .2s}
.rail-btn:disabled{opacity:0;pointer-events:none}
.rail-prev{left:-14px}.rail-prev svg{transform:rotate(180deg)}
.rail-next{right:-14px}
.rail-wrap.no-scroll .rail-btn{display:none}
.scard{display:flex;flex-direction:column;gap:6px;padding:12px 12px 16px;border-radius:var(--r-lg);background:#fff;color:var(--ink);transition:transform .3s var(--ease)}
.scard:hover{transform:translateY(-4px);color:var(--ink)}
.sc-img{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--lila-50);margin-bottom:6px}
.sc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sc-code{align-self:flex-start;padding:4px 9px;border-radius:8px;background:var(--lime-l);color:var(--lime-dd);font:800 .72rem/1 var(--f-b);letter-spacing:.04em}
.scard b{font:700 1rem/1.25 var(--f-d);color:var(--plum-dd)}
.scard small{color:var(--muted);font-size:.82rem;line-height:1.4}

/* ---------- ürün kartları ---------- */
.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.p-grid-3{grid-template-columns:repeat(3,1fr)}
.pcard{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:transparent}
.pcard.is-hidden{display:none}
.pc-img{position:relative;display:block;aspect-ratio:4/3;margin:8px 8px 0;border-radius:16px;background:var(--lila-50);overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.pcard:hover .pc-img img{transform:scale(1.06)}
.pc-code{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:9px;background:var(--plum-dd);color:#fff;font:800 .72rem/1 var(--f-b);letter-spacing:.04em}
.pc-disc{position:absolute;right:10px;top:10px;padding:5px 9px;border-radius:9px;background:var(--coral);color:#fff;font:800 .74rem/1 var(--f-b)}
.pc-fit{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:9px;background:var(--lime);color:var(--plum-dd);font:800 .72rem/1 var(--f-b)}
.pc-fit.rot{background:var(--sun)}
.pc-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.pc-cat{font:700 .7rem/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--plum);margin-bottom:6px}
.pc-t{font:700 1rem/1.3 var(--f-d);letter-spacing:-.01em;margin:0 0 10px}
.pc-t a{color:var(--plum-dd)}
.pc-t a::after{content:"";position:absolute;inset:0;z-index:1}
.pc-t a:hover{color:var(--plum)}
.pc-facts{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pc-facts li{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:var(--lila-50);font-size:.78rem;font-weight:600;color:var(--ink-2)}
.pc-facts svg{color:var(--plum)}
.pc-sum{font-size:.84rem;color:var(--muted);line-height:1.45;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--line)}
.pc-price{display:flex;flex-direction:column;line-height:1.15}
.pc-price s{font-size:.78rem;color:var(--muted)}
.pc-price b{font:800 1.12rem/1.1 var(--f-d);color:var(--plum-dd)}
.pc-price small{font-size:.72rem;color:var(--muted)}
.pc-more,.pc-ask{display:inline-flex;align-items:center;gap:6px;font:700 .85rem/1 var(--f-b);color:var(--plum-d)}
.pc-add{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:var(--r-pill);border:1.5px solid var(--plum-d);background:#fff;color:var(--plum-d);font:700 .82rem/1 var(--f-b);transition:all .2s}
.pc-add:hover{background:var(--plum-d);color:#fff}
.pc-add.is-in{background:var(--lime);border-color:var(--lime);color:var(--plum-dd)}
.pc-add.is-in svg{transform:rotate(45deg)}

/* ---------- katalog bandı ---------- */
.book-band{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(26px,4vw,52px);border-radius:var(--r-xl);background:var(--lila-100);overflow:hidden}
.bb-book{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:560px;width:100%;justify-self:center;perspective:1600px;filter:drop-shadow(0 30px 40px rgba(var(--plum-dd-rgb),.25))}
.bb-book img{width:100%;height:auto;background:#fff}
.bb-l{transform:rotateY(10deg);transform-origin:right center;border-radius:6px 0 0 6px;overflow:hidden}
.bb-r{transform:rotateY(-10deg);transform-origin:left center;border-radius:0 6px 6px 0;overflow:hidden;position:relative}
.bb-r::before{content:"";position:absolute;inset:0 auto 0 0;width:30px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent);z-index:1}
.bb-flip{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--r-pill);background:var(--plum-dd);color:#fff;font:700 .9rem/1 var(--f-b);white-space:nowrap;transition:background .2s}
.bb-book:hover .bb-flip{background:var(--lime);color:var(--plum-dd)}
.bb-copy p{color:var(--ink-2)}
.chapters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 4px}
.chapters a{padding:6px 11px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:600;color:var(--ink-2)}
.chapters a:hover{border-color:var(--plum-d);background:var(--plum-d);color:#fff}

/* ---------- süreç ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.steps li{position:relative;padding:22px 20px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.steps li::after{content:"";position:absolute;top:44px;right:-15px;width:16px;height:2px;background:repeating-linear-gradient(90deg,var(--lila) 0 4px,transparent 4px 7px)}
.steps li:last-child::after{display:none}
.st-n{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:var(--plum-dd);color:var(--lime);font:800 1rem/1 var(--f-d)}
.steps b{display:block;font:700 1.08rem/1.25 var(--f-d);color:var(--plum-dd);margin-bottom:6px}
.steps p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}

/* ---------- planlayıcı bandı ---------- */
.planner-band{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center;padding:clamp(26px,4vw,48px);border-radius:var(--r-xl);background:var(--lime);color:var(--plum-dd);overflow:hidden;isolation:isolate}
.planner-band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(46,34,51,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(46,34,51,.08) 1px,transparent 1px);background-size:28px 28px}
.planner-band .eyebrow{color:var(--plum-dd)}
.planner-band .eyebrow::before{background:var(--plum-dd)}
.planner-band .hl{background:none;color:#fff;text-shadow:0 2px 0 rgba(46,34,51,.25)}
.pb-copy p{margin:0;max-width:56ch}
.pb-form{display:flex;align-items:flex-end;gap:10px;padding:16px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-2)}
.pb-form label span{display:block;font-size:.76rem;font-weight:700;color:var(--muted);margin:0 0 5px 4px}
.pb-form input{width:110px;height:54px;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);font:700 1.1rem/1 var(--f-d);color:var(--plum-dd)}
.pb-form input:focus{outline:0;border-color:var(--plum)}
.pb-x{padding-bottom:15px;font-weight:700;color:var(--muted)}

/* ---------- uygulamalar mozaiği ---------- */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px}
.mo{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--lila-100)}
.mo img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.mo:hover img{transform:scale(1.06)}
.mo-1{grid-column:span 2;grid-row:span 2}
.mosaic{grid-auto-rows:220px}
.mo-zoom,.proj-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--plum-dd);opacity:0;transform:scale(.8);transition:all .25s}
.mo:hover .mo-zoom,.gal:hover .proj-zoom{opacity:1;transform:none}

/* ---------- referanslar ---------- */
.refs{padding:clamp(26px,3vw,40px) 0;border-block:1px solid var(--line-2)}
.refs-in{display:flex;align-items:center;gap:30px}
.refs-t{flex-shrink:0;margin:0;font:700 1.05rem/1.25 var(--f-d);color:var(--plum-dd);max-width:200px}
.marquee{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:18px;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
.ref{display:grid;place-items:center;width:150px;height:76px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--line-2)}
.ref img{max-height:62px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.ref:hover img{filter:none;opacity:1}
@keyframes mq{to{transform:translateX(calc(-50% - 9px))}}

/* ---------- videolar ---------- */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vid{margin:0}
.vid-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r-lg);overflow:hidden;background:var(--plum-dd)}
.vid-play img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .3s,transform .6s var(--ease)}
.vid-play:hover img{opacity:1;transform:scale(1.04)}
.vid-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--lime);color:var(--plum-dd);box-shadow:0 0 0 10px rgba(var(--lime-rgb),.25);transition:transform .3s var(--ease)}
.vid-play:hover .vid-btn{transform:translate(-50%,-50%) scale(1.1)}
.vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-lg);background:#000}
.vid figcaption{margin-top:10px;font-weight:700;color:var(--plum-dd)}

/* ---------- neden biz ---------- */
.why-wrap{display:grid;grid-template-columns:minmax(260px,.7fr) 2fr;gap:clamp(24px,4vw,56px);align-items:start}
.why-head{position:sticky;top:calc(var(--head-h) + 30px)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.why{padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2)}
.why-ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;background:var(--lime-l);color:var(--lime-dd)}
.why b{display:block;font:700 1.05rem/1.25 var(--f-d);color:var(--plum-dd);margin-bottom:6px}
.why p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.55}

/* ---------- SSS ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(260px,.75fr) 1.6fr;gap:clamp(24px,4vw,64px);align-items:start}
.faq{display:grid;gap:10px}
.faq details{border-radius:18px;background:#fff;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--lila-2);box-shadow:var(--sh-1)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font:700 1.02rem/1.35 var(--f-d);color:var(--plum-dd)}
.faq summary::-webkit-details-marker{display:none}
.pm{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--lila-100);color:var(--plum-d);transition:transform .25s,background .25s}
.faq details[open] .pm{transform:rotate(180deg);background:var(--lime);color:var(--plum-dd)}
.ans{padding:0 20px 18px;color:var(--ink-2)}
.ans p:last-child{margin:0}
.faq-h{margin:40px 0 18px}

/* ---------- blog kartları ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);color:var(--ink)}
.po-img{display:block;aspect-ratio:16/10;background:var(--lila-100);overflow:hidden}
.po-img img{width:100%;height:100%;object-fit:cover}
.po-bd{display:flex;flex-direction:column;gap:8px;padding:18px}
.po-meta{display:flex;gap:12px;font-size:.78rem;color:var(--muted)}
.po-t{font:700 1.1rem/1.3 var(--f-d);color:var(--plum-dd)}
.po-s{font-size:.9rem;color:var(--muted)}

/* ---------- CTA ---------- */
.cta-band{padding:clamp(40px,5vw,80px) 0}
.cta-box{position:relative;display:grid;grid-template-columns:1.3fr auto;gap:28px 48px;align-items:center;padding:clamp(28px,4.5vw,60px);border-radius:var(--r-xl);background:var(--plum-dd);color:#e9e1ec;overflow:hidden;isolation:isolate}
.cta-box::before{content:"";position:absolute;left:-10%;bottom:-60%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--plum-rgb),.6),transparent 65%);z-index:-1}
.cta-art{position:absolute;right:clamp(14px,3vw,40px);top:18px;width:150px;color:rgba(255,255,255,.07);z-index:-1}
.cta-copy h2{color:#fff;margin-bottom:10px}
.cta-copy .hl{color:var(--lime);background:none}
.cta-copy p{margin:0;color:#d4c8d9;max-width:56ch}
.cta-acts{display:flex;flex-direction:column;gap:10px;min-width:260px}
.cta-tel{display:flex;align-items:center;gap:12px;padding:10px 6px;color:#fff}
.cta-tel:hover{color:var(--lime)}
.cta-tel>svg{width:42px;height:42px;padding:11px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.cta-tel small{display:block;color:#bfb2c5;font-size:.76rem}
.cta-tel b{font:700 1.1rem/1.2 var(--f-d)}

/* ---------- altbilgi ---------- */
.site-foot{position:relative;background:var(--plum-x);color:#cbbfd0;padding-top:clamp(36px,4vw,56px);overflow:hidden;isolation:isolate}
.foot-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;margin-bottom:clamp(36px,4vw,56px);border-radius:var(--r-lg);background:var(--plum-d)}
.fb-t{display:block;font:700 1.35rem/1.2 var(--f-d);color:#fff}
.fb-t .hl{background:none;color:var(--lime)}
.foot-band p{margin:4px 0 0;color:#d4c8d9}
.foot-band .btn-row{margin:0}
.foot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px}
.foot-about p{margin:18px 0 20px;font-size:.92rem;line-height:1.65;max-width:42ch}
.foot-social{display:flex;gap:8px}
.foot-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);color:#efe8f2;transition:background .2s,color .2s}
.foot-social a:hover{background:var(--lime);color:var(--plum-dd)}
.foot-col b{display:block;margin-bottom:16px;font:700 1rem/1.2 var(--f-d);color:#fff}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-col a{color:#cbbfd0;font-size:.92rem}
.foot-col a:hover{color:var(--lime)}
.foot-contact li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.5}
.foot-contact li>svg{flex-shrink:0;margin-top:2px;color:var(--lime)}
.foot-book{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 15px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.16);color:#fff!important;font-weight:700;font-size:.88rem}
.foot-book:hover{background:var(--lime);border-color:var(--lime);color:var(--plum-dd)!important}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;position:relative;z-index:1}
.fbot-in{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:18px 0 22px}
.fbot-in p{margin:0}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 16px}
.foot-legal a,.foot-legal .linkbtn{color:#a99cae;text-decoration:none}
.foot-legal a:hover{color:#fff}
.credit{margin-left:auto!important}
.credit a{color:#e9e1ec}
.foot-word{position:absolute;right:-1%;bottom:42px;z-index:-1;font:800 clamp(5rem,14vw,12rem)/.8 var(--f-b);letter-spacing:-.05em;color:rgba(255,255,255,.035);pointer-events:none;white-space:nowrap}
.foot-word span{display:inline-block;margin-left:.15em;padding:0 .12em;border-radius:.06em;background:rgba(255,255,255,.035);font-weight:400}

/* ---------- sabit iletişim ---------- */
.float{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:80;display:flex;align-items:center;gap:10px}
.fl-call{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--plum-dd);box-shadow:var(--sh-2);transition:transform .25s var(--ease)}
.fl-call:hover{transform:translateY(-3px);color:var(--plum)}
.fl-wa{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:var(--r-pill);background:var(--wa);color:#fff;box-shadow:0 14px 30px rgba(31,168,85,.35);transition:transform .25s var(--ease),background .2s}
.fl-wa:hover{color:#fff;background:var(--wa-d);transform:translateY(-3px)}
.fl-ic{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18)}
.fl-ic::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:ring 2.4s ease-out infinite}
@keyframes ring{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}
.fl-txt small{display:block;font-size:.7rem;opacity:.85;line-height:1.1}
.fl-txt b{font:700 .95rem/1.2 var(--f-b)}

/* ---------- mobil alt çubuk ---------- */
.mbar{display:none}

/* ---------- yukarı ---------- */
.to-top{position:fixed;left:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:70;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--plum-dd);box-shadow:var(--sh-1);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s}
.to-top.show{opacity:1;visibility:visible;transform:none}

/* ---------- sayfa başlığı ---------- */
.page-hero{position:relative;padding:clamp(26px,3.5vw,44px) 0 clamp(30px,4vw,54px);background:var(--lila-50);overflow:hidden;isolation:isolate}
.ph-bg{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(var(--plum-rgb),.14) 1.2px,transparent 1.3px);background-size:24px 24px;mask-image:linear-gradient(270deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(270deg,#000,transparent 60%)}
.page-hero::after{content:"";position:absolute;right:-6%;top:-40%;width:44vw;height:44vw;max-width:620px;max-height:620px;border-radius:50%;background:radial-gradient(circle,rgba(var(--lime-rgb),.22),transparent 62%);z-index:-1}
.page-hero h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:14px;max-width:24ch}
.page-hero .lead{margin:0}
.ph-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center}
.ph-img{margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--sh-2);background:var(--lila-100)}
.ph-img img{width:100%;height:100%;object-fit:cover}
.crumbs{margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:.84rem}
.crumbs li{display:flex;align-items:center;color:var(--muted)}
.crumbs li+li::before{content:"";width:5px;height:5px;margin:0 10px;border-radius:50%;background:var(--lila)}
.crumbs a{color:var(--ink-2);font-weight:600}
.crumbs a:hover{color:var(--plum)}
.crumbs [aria-current]{color:var(--plum-d);font-weight:700}
.ph-facts{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ph-facts li{display:flex;flex-direction:column;min-width:130px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.ph-facts b{font:800 1.2rem/1.2 var(--f-d);color:var(--plum-dd)}

/* ---------- kategori / liste ---------- */
.chips-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chips-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-weight:600;font-size:.9rem;color:var(--ink-2);transition:all .2s}
.chips-nav a i{font-style:normal;font-size:.74rem;padding:2px 7px;border-radius:10px;background:var(--lila-100);color:var(--plum-d)}
.chips-nav a:hover{border-color:var(--plum)}
.chips-nav a[aria-current]{background:var(--plum-d);border-color:var(--plum-d);color:#fff}
.chips-nav a[aria-current] i{background:var(--lime);color:var(--plum-dd)}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:10px 12px;border-radius:18px;background:var(--lila-50);border:1px solid var(--line-2)}
.tb-count{font-size:.92rem;color:var(--muted)}
.tb-count b{color:var(--plum-dd)}
.tb-sort{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--plum-d)}
select{appearance:none;-webkit-appearance:none;height:42px;padding:0 38px 0 14px;border-radius:12px;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a3b4f' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:.92rem;cursor:pointer}
.tb-plan{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--r-pill);background:var(--lime-l);color:var(--plum-dd);font-weight:700;font-size:.86rem}
.tb-plan:hover{background:var(--lime);color:var(--plum-dd)}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tabs button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;font-weight:600;font-size:.88rem;color:var(--ink-2)}
.tabs button i{font-style:normal;font-size:.72rem;color:var(--muted)}
.tabs button[aria-selected=true]{background:var(--plum-d);border-color:var(--plum-d);color:#fff}
.tabs button[aria-selected=true] i{color:var(--lime)}
.tb-find{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:260px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--plum)}
.tb-find input{flex:1;border:0;outline:0;background:none;min-width:0}
.empty-note{padding:40px;text-align:center;color:var(--muted)}
.cat-grid-sm{grid-template-columns:repeat(4,1fr);margin-bottom:26px}
.cat-grid-sm .ccard{min-height:200px;padding:14px}
.cat-grid-sm .cc-img img{max-height:130px}
.cat-grid-sm .cc-t{font-size:1.02rem}
.cat-body{display:grid;grid-template-columns:1fr 340px;gap:clamp(24px,4vw,56px);align-items:start}
.cat-aside,.pd-aside,.aside{position:sticky;top:calc(var(--head-h) + 24px);display:grid;gap:16px}
.quote-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);background:var(--plum-dd);color:#d4c8d9}
.quote-card b{font:700 1.15rem/1.25 var(--f-d);color:#fff}
.quote-card p{margin:0 0 6px;font-size:.9rem}
.quote-card small{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#bfb2c5}
.catbox{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.cb-cover{position:relative;display:block;border-radius:6px;overflow:hidden;box-shadow:5px 5px 0 var(--lila-2)}
.cb-cover img{width:100%;aspect-ratio:1/1.414;object-fit:cover}
.cb-flip{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 2px;background:rgba(var(--plum-dd-rgb),.86);color:#fff;font-size:.66rem;font-weight:700;text-align:center;line-height:1.15}
.catbox b{font:700 1rem/1.2 var(--f-d);color:var(--plum-dd)}
.catbox p{margin:4px 0 0;font-size:.84rem;color:var(--muted);line-height:1.45}

/* ---------- ürün sayfası ---------- */
.pd{padding:clamp(18px,2.5vw,30px) 0 clamp(30px,4vw,50px);background:linear-gradient(180deg,var(--lila-50),#fff)}
.pd-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.pd-gal{position:sticky;top:calc(var(--head-h) + 20px)}
.pd-main{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);overflow:hidden;cursor:zoom-in}
.pd-main img{width:100%;height:100%;object-fit:contain}
.zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--plum-dd);color:#fff}
.pd-disc{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:10px;background:var(--coral);color:#fff;font-weight:800}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.pd-thumbs a{flex:0 0 88px;aspect-ratio:4/3;border-radius:12px;border:2px solid var(--line);background:#fff;overflow:hidden}
.pd-thumbs a img{width:100%;height:100%;object-fit:contain}
.pd-thumbs a[aria-current=true],.pd-thumbs a.is-on{border-color:var(--plum)}
.pd-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.pd-cat{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-weight:700;font-size:.82rem;color:var(--plum-d)}
.pd-cat .dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}
.pd-code{font-size:.84rem;color:var(--muted)}
.pd-code b{color:var(--plum-dd)}
.pd-info h1{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.pd-info .lead{font-size:1.02rem;margin-bottom:20px}
.pd-keys{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 20px}
.pd-keys>div{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.pd-keys dt{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.pd-keys dt svg{color:var(--plum)}
.pd-keys dd{margin:0;font:800 1.18rem/1.2 var(--f-d);color:var(--plum-dd)}
.pd-keys dd small{font:600 .8rem var(--f-b);color:var(--muted)}
.pd-buy{padding:18px;border-radius:var(--r-lg);background:var(--plum-dd);color:#e9e1ec}
.pd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px}
.pd-price s{color:#bfb2c5}
.pd-price b{font:800 1.9rem/1 var(--f-d);color:#fff}
.pd-price small{color:#bfb2c5}
.pd-ask{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-weight:700;color:#fff}
.pd-ask svg{color:var(--lime)}
.pd-add{display:flex;gap:10px}
.pd-add .btn{flex:1}
.pd-add .btn-primary{background:var(--lime);color:var(--plum-dd)}
.pd-add .btn-primary:hover{background:#b9d63a;color:var(--plum-dd)}
.qty{display:inline-flex;align-items:center;height:56px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.qty button{width:44px;height:100%;border:0;background:none;color:#fff;display:grid;place-items:center}
.qty input{width:44px;border:0;background:none;text-align:center;font-weight:800;color:#fff;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none}
.pd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.pd-actions .btn-ghost{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
.pd-actions .btn-ghost:hover{border-color:#fff;color:#fff}
.pd-trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.86rem;color:var(--ink-2)}
.pd-trust li{display:flex;align-items:center;gap:7px}
.pd-trust svg{color:var(--plum)}
.pd-book{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:12px;background:var(--lime-l);font-weight:700;font-size:.88rem;color:var(--plum-dd)}
.pd-book:hover{background:var(--lime);color:var(--plum-dd)}
.pd-nav{position:sticky;top:var(--head-h);z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-block:1px solid var(--line-2)}
.pd-nav .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;height:56px}
.pd-nav a{flex-shrink:0;padding:8px 14px;border-radius:var(--r-pill);font-weight:600;font-size:.9rem;color:var(--ink-2)}
.pd-nav a:hover,.pd-nav a.is-active{background:var(--lila-100);color:var(--plum-dd)}
.pd-nav-q{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 15px;border-radius:var(--r-pill);border:0;background:var(--plum-d);color:#fff;font-weight:700;font-size:.86rem}
.pd-body{display:grid;grid-template-columns:1fr 340px;gap:clamp(24px,4vw,56px);align-items:start}
.pd-main-col{min-width:0}
.pd-sec{padding:6px 0 34px;margin-bottom:28px;border-bottom:1px solid var(--line-2)}
.pd-sec:last-of-type{border-bottom:0}
.pd-sec>h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)}
.pd-sec>h2 .n{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--plum-dd);color:var(--lime);font:800 .82rem/1 var(--f-d);letter-spacing:0}
.feat-list{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feat-list li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--lila-50);font-size:.93rem}
.feat-list svg{flex-shrink:0;color:var(--lime-d);margin-top:2px}
.uses{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.uses b{font-size:.92rem;color:var(--plum-dd)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:.84rem;color:var(--ink-2)}
.table-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%}
.spec th,.spec td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line-2);font-size:.94rem}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec th{width:40%;background:var(--lila-50);font-weight:600;color:var(--ink-2)}
.spec td{font-weight:700;color:var(--plum-dd)}
.plan{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}
.plan-svg{padding:12px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.plan-svg svg{width:100%;height:auto;display:block}
.pl-area{fill:rgba(var(--lime-rgb),.16);stroke:var(--lime-d);stroke-width:2}
.pl-user{fill:none;stroke:var(--plum);stroke-width:2;stroke-dasharray:7 5}
svg .pl-grid path{stroke:rgba(var(--plum-rgb),.14);stroke-width:1}
.pl-dim path{stroke:var(--plum-d);stroke-width:1.4;fill:none}
.pl-t{font:700 13px var(--f-b);fill:var(--plum-dd)}
.pl-m2{font:800 13px var(--f-b);fill:var(--lime-dd)}
.pl-ut{font:700 12px var(--f-b);fill:var(--plum)}
.plan-check{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--lila-50)}
.plan-check b{display:flex;align-items:center;gap:8px;color:var(--plum-dd)}
.pc-in{display:flex;align-items:flex-end;gap:8px}
.pc-in label{flex:1}
.pc-in label span{display:block;font-size:.74rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.pc-in input{width:100%;height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--line);font-weight:700}
.pc-in>span{padding-bottom:12px;color:var(--muted)}
.pc-in .btn{--bh:46px;padding:0 16px}
.pc-res{margin:0;font-weight:700;font-size:.92rem}
.pc-res.ok{color:var(--lime-dd)}
.pc-res.no{color:var(--coral)}
.note{padding:12px 16px;border-radius:12px;background:var(--lime-l);font-size:.92rem}
.set-list{margin:0;padding:0 0 0 22px;display:grid;gap:8px}
.set-list li{padding-left:6px}
.set-list li::marker{font-weight:800;color:var(--plum)}
.pd-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.pd-pn a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);color:var(--ink)}
.pd-pn a:hover{border-color:var(--plum);color:var(--ink)}
.pd-pn img{width:70px;height:52px;object-fit:contain;border-radius:10px;background:var(--lila-50)}
.pd-pn small{display:block;font-size:.74rem;color:var(--muted)}
.pd-pn b{color:var(--plum-dd)}
.pn-next{justify-content:flex-end;text-align:right}

/* ---------- içerik ---------- */
.prose{color:var(--ink-2);line-height:1.75}
.prose h2{font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);margin:1.6em 0 .55em}
.prose h3{font-size:1.15rem;margin:1.4em 0 .5em}
.prose>:first-child{margin-top:0}
.prose a{color:var(--plum-d);font-weight:600;text-decoration:underline;text-decoration-color:var(--lila);text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--plum)}
.prose strong{color:var(--plum-dd)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.35em 0}
.prose ul li::marker{color:var(--lime-d)}
.prose img{border-radius:var(--r)}
.prose blockquote{margin:1.5em 0;padding:16px 20px;border-left:4px solid var(--lime);background:var(--lila-50);border-radius:0 14px 14px 0}
.prose table{margin:1.2em 0}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.prose-lg{font-size:1.06rem}
.note-box{display:flex;gap:14px;margin-top:30px;padding:18px 20px;border-radius:18px;background:var(--lila-50)}
.note-box>svg{flex-shrink:0;color:var(--plum)}

/* ---------- katalog sayfası ---------- */
.cat-book{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.cbk-stage{position:sticky;top:calc(var(--head-h) + 24px)}
.cbk-cover{position:relative;display:block;max-width:440px;margin:0 auto;border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:var(--sh-3),inset 8px 0 14px rgba(0,0,0,.15)}
.cbk-cover img{width:100%;height:auto}
.cbk-btn{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--r-pill);background:var(--plum-dd);color:#fff;font-weight:700;white-space:nowrap}
.cbk-cover:hover .cbk-btn{background:var(--lime);color:var(--plum-dd)}
.chapter-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chapter-list a{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--line);color:var(--ink)}
.chapter-list a:hover{border-color:var(--plum);background:var(--lila-50);color:var(--ink)}
.chapter-list img{grid-row:span 2;width:52px;height:72px;object-fit:cover;border-radius:4px;box-shadow:var(--sh-1)}
.chapter-list span{font-weight:700;color:var(--plum-dd);line-height:1.25}
.chapter-list i{font-style:normal;font-size:.78rem;color:var(--muted)}

/* ---------- galeri ---------- */
.gallery{columns:3 280px;column-gap:14px}
.gal{position:relative;display:block;margin-bottom:14px;border-radius:var(--r-lg);overflow:hidden;break-inside:avoid;background:var(--lila-100)}
.gal img{width:100%;height:auto;transition:transform .7s var(--ease)}
.gal:hover img{transform:scale(1.04)}

/* ---------- alan planlayıcı ---------- */
.planner>.pl-grid{display:grid;grid-template-columns:360px 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.pl-form{position:sticky;top:calc(var(--head-h) + 20px);display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);background:var(--plum-dd);color:#e9e1ec}
.pl-form .h-sm{color:#fff;margin:0}
.pl-form .h-sm svg{color:var(--lime)}
.pl-inputs{display:flex;align-items:flex-end;gap:8px}
.pl-inputs label{flex:1}
.pl-form label span{display:block;font-size:.76rem;font-weight:700;color:#bfb2c5;margin-bottom:5px}
.pl-inputs input{width:100%;height:54px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:700 1.15rem/1 var(--f-d)}
.pl-inputs input:focus{outline:0;border-color:var(--lime)}
.pl-x{padding-bottom:16px;color:#bfb2c5}
.pl-sel select{width:100%;background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.pl-sel option{color:var(--ink)}
.pl-form .btn-primary{background:var(--lime);color:var(--plum-dd)}
.pl-form .muted{color:#a99cae}
.pl-form .check span{color:#e9e1ec}
.pl-preview svg{width:100%;height:auto;border-radius:14px;background:rgba(255,255,255,.04)}
.pl-preview .pl-t{fill:#fff}
.pl-preview .pl-dim path{stroke:#bfb2c5}
.pl-preview svg .pl-grid path{stroke:rgba(255,255,255,.08)}
.pl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:14px 16px;border-radius:16px;background:var(--lila-50)}
.pl-head b{font:700 1.05rem/1.3 var(--f-d);color:var(--plum-dd)}

/* ---------- teklif listesi ---------- */
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.ql{padding:22px;border-radius:var(--r-lg);background:var(--lila-50)}
.ql-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ql-head h2{margin:0}
.ql-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.ql-list li{display:grid;grid-template-columns:84px 1fr auto auto;align-items:center;gap:14px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.ql-list img{width:84px;height:63px;object-fit:contain;border-radius:10px;background:var(--lila-50)}
.ql-list a{font-weight:700;color:var(--plum-dd);line-height:1.3}
.ql-list small{display:block;color:var(--muted);font-size:.8rem}
.ql-list .qty{height:42px;background:var(--lila-50);border-color:var(--line)}
.ql-list .qty button,.ql-list .qty input{color:var(--plum-dd)}
.ql-list .qty button{width:34px}
.ql-list .qty input{width:38px}
.ql-del{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--coral)}
.ql-empty{padding:40px 20px;text-align:center;color:var(--muted)}
.ql-empty>svg{color:var(--lila);margin:0 auto 10px}

/* ---------- kurumsal ---------- */
.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.about-photos{position:sticky;top:calc(var(--head-h) + 24px);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-photos a{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1}
.about-photos a:nth-child(2){transform:translateY(30px)}
.about-photos a:nth-child(4){transform:translateY(30px)}
.about-photos img{width:100%;height:100%;object-fit:cover}
.values{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.value{position:relative;padding:clamp(22px,3vw,36px);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);overflow:hidden}
.v-n{position:absolute;right:20px;top:4px;font:800 5rem/1 var(--f-d);color:var(--lila-100)}
.value h2{position:relative;font-size:1.5rem}
.v-lead{position:relative;font:700 1.1rem/1.4 var(--f-d);color:var(--plum)}
.value p{position:relative;color:var(--ink-2)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 30px}
.svc{padding:24px;border-radius:var(--r-lg);background:var(--lila-50);border:1px solid var(--line-2)}
.svc>svg{color:var(--lime-d);margin-bottom:12px}
.svc b{display:block;font:700 1.15rem/1.25 var(--f-d);color:var(--plum-dd);margin-bottom:8px}
.svc p{margin:0;color:var(--ink-2);font-size:.95rem}

/* ---------- iletişim ---------- */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-26px;position:relative;z-index:2}
.ccd{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.ccd:hover{transform:translateY(-3px);box-shadow:var(--sh-2);color:var(--ink)}
.ccd-ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border-radius:14px;background:var(--lila-100);color:var(--plum-d)}
.ccd-wa .ccd-ic{background:var(--wa);color:#fff}
.ccd small{color:var(--muted);font-size:.8rem}
.ccd b{font:700 1.05rem/1.3 var(--f-d);color:var(--plum-dd);word-break:break-word}
.ccd-go{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;font-size:.85rem;color:var(--plum)}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.contact-side{display:grid;gap:14px}
.aside-box{padding:20px 22px;border-radius:var(--r-lg);background:var(--lila-50)}
.aside-box h2{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin-bottom:12px}
.aside-box h2 svg{color:var(--plum)}
.addr{font-weight:600;color:var(--plum-dd)}
.hours th,.hours td{padding:7px 0;text-align:left;font-size:.92rem;border-bottom:1px dashed var(--line)}
.hours td{text-align:right;font-weight:700;color:var(--plum-dd)}
.open-now{margin:10px 0 0;font-weight:700;font-size:.88rem;color:var(--coral)}
.open-now.is-open{color:var(--lime-dd)}
.info-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.info-list li{display:flex;align-items:center;gap:9px}
.info-list svg{color:var(--plum)}
.map{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--lila-100);min-height:380px}
.map iframe{display:block;width:100%;height:440px;border:0}
.map-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background-image:radial-gradient(rgba(var(--plum-rgb),.18) 1.2px,transparent 1.3px);background-size:22px 22px}
.map-pin{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--plum-dd);color:var(--lime);box-shadow:0 0 0 12px rgba(var(--plum-rgb),.12)}
.map-load b{font:700 1.05rem/1.4 var(--f-d);color:var(--plum-dd)}
.map-load .btn-row{margin-top:6px;justify-content:center}
.map-load small{color:var(--muted);font-size:.78rem}

/* ---------- form ---------- */
.form{padding:clamp(20px,3vw,32px);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.form h2{font-size:1.6rem;margin-bottom:6px}
.form .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:.84rem;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;height:50px;padding:0 15px;border-radius:14px;border:1.5px solid var(--line);background:var(--lila-50);transition:border-color .2s,background .2s}
.form textarea{height:auto;min-height:130px;padding:13px 15px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--plum);background:#fff}
.check{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;font-size:.88rem!important;line-height:1.5;cursor:pointer}
.check input{width:20px;height:20px;margin-top:1px;accent-color:var(--plum-d);flex-shrink:0}
.hp{position:absolute;left:-9999px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.alert{padding:13px 16px;border-radius:14px;font-weight:600;margin-top:14px}
.alert-ok{background:var(--lime-l);color:var(--lime-dd)}
.alert-err{background:#fde8e6;color:#9c2a20}
.err-msg{margin-top:5px;font-size:.8rem;font-weight:600;color:var(--coral)}

/* ---------- SSS sayfası ---------- */
.layout{display:grid;grid-template-columns:1fr 330px;gap:clamp(24px,4vw,56px);align-items:start}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.jump a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:var(--r-pill);border:1px solid var(--line);font-weight:600;font-size:.88rem;color:var(--ink-2)}
.jump a small{color:var(--muted)}
.jump a:hover{border-color:var(--plum)}
.faq-cat{margin:34px 0 14px}

/* ---------- 404 ---------- */
.nf{padding:clamp(50px,8vw,120px) 0;text-align:center}
.nf-code{display:block;font:800 clamp(6rem,18vw,11rem)/1 var(--f-d);color:var(--lila-100);letter-spacing:-.05em}
.nf .lead{margin-inline:auto}
.nf .btn-row{justify-content:center}
.rel-list{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rel-list a{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-weight:600;color:var(--ink-2);text-align:left}
.rel-list a:hover{border-color:var(--plum);color:var(--plum-dd)}
.rel-list svg{color:var(--plum)}

/* ---------- blog yazısı ---------- */
.ph-post .wrap{position:relative}
.h-post{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)!important}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:20px;font-size:.88rem;color:var(--muted)}
.post-meta .by{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--plum-dd)}
.post-meta .by img{border-radius:50%}
.post-cover{margin:0 0 30px;border-radius:var(--r-xl);overflow:hidden}
.toc-box{margin-bottom:26px;padding:16px 20px;border-radius:16px;background:var(--lila-50)}
.toc-box summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;color:var(--plum-dd);list-style:none}
.share{display:flex;align-items:center;gap:10px;margin-top:30px;font-weight:700;color:var(--plum-dd)}
.share a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lila-100);color:var(--plum-d)}
.post-cta{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:30px;padding:22px;border-radius:var(--r-lg);background:var(--plum-dd);color:#d4c8d9}
.post-cta b{color:#fff;font-family:var(--f-d);font-size:1.1rem}
.post-cta p{margin:4px 0 0}
.pager{display:flex;justify-content:center;gap:8px;margin-top:36px}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line);font-weight:700;color:var(--ink-2)}
.pager span{background:var(--plum-d);border-color:var(--plum-d);color:#fff}

/* ---------- arama ---------- */
.srch{position:fixed;inset:0;z-index:170;display:flex;justify-content:center;align-items:flex-start;padding:clamp(60px,12vh,140px) 16px 20px}
.srch[hidden]{display:none}
.srch-bg{position:absolute;inset:0;background:rgba(var(--plum-dd-rgb),.55);backdrop-filter:blur(6px)}
.srch-box{position:relative;width:min(680px,100%);max-height:calc(100vh - 140px);display:flex;flex-direction:column;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-3);overflow:hidden}
.srch-form{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 20px;border-bottom:1px solid var(--line-2);color:var(--plum)}
.srch-form input{flex:1;min-width:0;height:52px;border:0;outline:0;font-size:1.1rem;background:none}
.srch-res{overflow-y:auto;padding:8px}
.srch-res:empty{display:none}
.srch-res a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;color:var(--ink)}
.srch-res a:hover,.srch-res a:focus{background:var(--lila-50);color:var(--ink)}
.srch-res img,.srch-res .ph{flex-shrink:0;width:64px;height:48px;object-fit:contain;border-radius:10px;background:var(--lila-50)}
.srch-res b{display:block;font-weight:700;color:var(--plum-dd);line-height:1.3}
.srch-res small{display:block;font-size:.8rem;color:var(--muted)}
.srch-res p{margin:0;padding:14px;color:var(--muted)}
.srch-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;background:var(--lila-50);font-size:.85rem;color:var(--muted)}
.srch-hint button{padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;font-size:.82rem;font-weight:600;color:var(--ink-2)}
.srch-hint button:hover{border-color:var(--plum)}

/* ---------- teklif bildirimi ---------- */
.qtoast{position:fixed;left:50%;bottom:clamp(16px,3vw,30px);z-index:120;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(520px,calc(100% - 24px));padding:10px 10px 10px 12px;border-radius:18px;background:var(--plum-dd);color:#fff;box-shadow:var(--sh-3);animation:up .35s var(--ease)}
.qtoast[hidden]{display:none}
@keyframes up{from{opacity:0;transform:translate(-50%,16px)}}
.qt-ic{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--plum-dd)}
.qt-txt{flex:1;min-width:0}
.qt-txt b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qt-txt small{color:#bfb2c5;font-size:.78rem}
.qtoast .btn-primary{background:var(--lime);color:var(--plum-dd)}
.qt-x{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}

/* ---------- çerez ---------- */
.cookie{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:130;width:min(420px,calc(100% - 24px));padding:18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-3);font-size:.88rem}
.cookie p{margin:0}
.cookie .btn-row{margin-top:14px}

/* ---------- büyüteç ---------- */
.lb{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:60px 70px;background:rgba(var(--plum-dd-rgb),.94)}
.lb[hidden]{display:none}
.lb img{max-width:min(1400px,100%);max-height:calc(100vh - 140px);border-radius:12px;background:#fff;object-fit:contain}
.lb p{margin:12px 0 0;text-align:center;color:#e9e1ec;font-size:.88rem}
.lb-x,.lb-p,.lb-n{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff}
.lb-x{top:14px;right:14px}
.lb-p{left:14px;top:50%;transform:translateY(-50%) rotate(180deg)}
.lb-n{right:14px;top:50%;transform:translateY(-50%)}
.lb-x:hover,.lb-p:hover,.lb-n:hover{background:var(--lime);color:var(--plum-dd)}

/* ---------- belirme ---------- */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}

/* ---------- katalog kitabı (sayfa çevirmeli) ---------- */
.book{position:fixed;inset:0;z-index:160;background:radial-gradient(ellipse at 50% 35%,#45354b 0%,var(--plum-x) 75%);color:#fff;display:flex;flex-direction:column;opacity:0;transition:opacity .25s}
.book.is-open{opacity:1}
.book-bar{display:flex;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top)) clamp(12px,3vw,28px) 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.book-t{display:flex;align-items:center;gap:8px;font:700 1rem/1 var(--f-d)}
.book-t svg{color:var(--lime)}
.book-n{font:600 .85rem/1 var(--f-b);opacity:.75;margin-right:auto;font-variant-numeric:tabular-nums}
.book-acts{display:flex;gap:8px;align-items:center}
.book-go select{height:40px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.07);color:#fff;max-width:220px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.book-go option{color:var(--ink)}
.book-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff!important;font:700 .84rem/1 var(--f-b);cursor:pointer;transition:background .2s}
.book-btn:hover{background:rgba(255,255,255,.18)}
.book-dl{background:var(--lime);border-color:var(--lime);color:var(--plum-dd)!important}
.book-dl:hover{background:#b9d63a}
.book-x{width:40px;padding:0;justify-content:center}
.book-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}
.book-fx{display:grid;place-items:center;width:100%;height:100%}
.book-el{margin:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
.book-pg{background:#fff;overflow:hidden}
.book-pg img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;background:var(--lila-100)}
.book-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.3);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:5;transition:background .2s,opacity .2s}
.book-nav:hover{background:var(--lime);color:var(--plum-dd)}
.book-nav:disabled{opacity:.25;cursor:default}
.book-prev{left:clamp(8px,2vw,24px)}.book-prev svg{transform:rotate(180deg)}
.book-next{right:clamp(8px,2vw,24px)}
.book-hint{margin:0;padding:8px 16px calc(10px + env(safe-area-inset-bottom));text-align:center;font-size:.8rem;opacity:.6}
.book-zoom{position:absolute;inset:0;z-index:10;background:rgba(31,23,36,.97);overflow:auto;cursor:zoom-out;padding:70px 16px 30px}
.book-zoom img{display:block;margin:0 auto;width:min(1100px,100%);max-width:none;height:auto;background:#fff;border-radius:6px}
.book-zx{position:fixed;top:calc(14px + env(safe-area-inset-top));right:16px;width:44px;padding:0;justify-content:center;background:rgba(0,0,0,.5)}

/* ==========================================================================
   Duyarlı
   ========================================================================== */
@media (max-width:1280px){
  .hd-phone{display:none}
  .nav>ul>li>a{padding:0 12px;font-size:.9rem}
  .mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1180px){
  .p-grid{grid-template-columns:repeat(3,1fr)}
  .bento{grid-template-columns:repeat(3,1fr)}
  .bento .ccard-big{grid-column:span 3;grid-row:auto}
  .bento .ccard-big .cc-img img{max-height:260px}
  .ccard-cta{grid-column:1/-1}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps li::after{display:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr;row-gap:30px}
  .cat-grid-sm,.cat-grid{grid-template-columns:repeat(3,1fr)}
  .mosaic{grid-template-columns:repeat(3,1fr)}
  .mo-4{grid-row:auto}
}
@media (max-width:1024px){
  :root{--head-h:68px}
  .hide-md{display:none!important}
  .nav,.btn-head{display:none}
  .burger{display:inline-grid}
  .hd-act{margin-left:auto}
  .hero-grid,.pd-grid,.pd-body,.cat-body,.contact-grid,.ph-grid,.faq-wrap,.book-band,.cat-book,.about-grid,.quote-grid,.planner>.pl-grid,.spot-grid,.why-wrap,.layout{grid-template-columns:1fr}
  .hero-art{justify-self:center;max-width:560px}
  .pd-gal,.pd-aside,.cat-aside,.pl-form,.about-photos,.cbk-stage,.why-head,.aside{position:static}
  .pd-aside,.cat-aside{grid-template-columns:1fr 1fr;align-items:start}
  .contact-cards{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .planner-band{grid-template-columns:1fr}
  .plan{grid-template-columns:1fr}
  .vids{grid-template-columns:1fr 1fr}
  .cta-box{grid-template-columns:1fr}
  .cta-acts{flex-direction:row;flex-wrap:wrap;min-width:0}
  .refs-in{flex-direction:column;align-items:flex-start;gap:14px}
  .refs-t{max-width:none}
  .ph-img{max-width:620px}
}
@media (max-width:760px){
  body{font-size:15.5px;padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .strip-msg{font-size:.76rem}
  .hide-sm{display:none!important}
  .logo-svg{width:100px}
  .logo-tag{font-size:.56rem;letter-spacing:.14em}
  .hbtn{width:42px;height:42px}
  .hquote{display:none}
  .float{display:none}
  .to-top{left:auto;right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}
  .mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:85;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(var(--plum-dd-rgb),.08)}
  .mbar a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;font-size:.7rem;font-weight:700;color:var(--plum-dd)}
  .mbar a svg{color:var(--plum)}
  .mbar .mb-wa{background:var(--wa);color:#fff}
  .mbar .mb-wa svg{color:#fff}
  .mbar .qcount{top:0;right:18%}
  .hero h1{font-size:clamp(2.2rem,1.5rem + 5vw,3rem)}
  .hero-find{padding-left:14px}
  .hero-find .btn{padding:0 16px}
  .hero-art{aspect-ratio:1/1.05}
  .ha-badge{display:none}
  .ha-book{right:0;padding:8px 10px 8px 8px}
  .p-grid,.p-grid-3{grid-template-columns:repeat(2,1fr);gap:10px}
  .pc-img{margin:6px 6px 0;border-radius:12px}
  .pc-body{padding:10px 12px 12px}
  .pc-t{font-size:.9rem}
  .pc-cat{font-size:.62rem}
  .pc-facts li{font-size:.7rem;padding:3px 6px}
  .pc-facts li:nth-child(3){display:none}
  .pc-foot{flex-direction:column;align-items:stretch;gap:8px}
  .pc-more{display:none}
  .pc-add{justify-content:center}
  .bento,.cat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bento .ccard-big{grid-column:span 2}
  .ccard{min-height:200px;padding:14px}
  .cc-body{padding-right:0}
  .cc-go{width:34px;height:34px;right:12px;top:12px;bottom:auto}
  .cc-top .cc-n{display:none}
  .cc-t{font-size:1rem}
  .cat-grid-sm{grid-template-columns:1fr 1fr}
  .why-grid,.post-grid,.values,.feat-list,.rel-list,.svc-grid,.chapter-list{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .steps li:last-child{grid-column:1/-1}
  .sec-head{flex-direction:column;align-items:flex-start}
  .sh-side{align-items:flex-start;text-align:left}
  .pb-form{flex-wrap:wrap}
  .pb-form label{flex:1}
  .pb-form input{width:100%}
  .pb-form .btn{width:100%}
  .mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .mo-1{grid-column:span 2}
  .vids{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .foot-band{padding:20px}
  .fbot-in{flex-direction:column;align-items:flex-start}
  .credit{margin-left:0!important}
  .stats{gap:8px}
  .stats>div{padding:14px}
  .pd-keys{gap:8px}
  .pd-keys>div{padding:11px 12px}
  .pd-keys dd{font-size:1.02rem}
  .pd-actions{grid-template-columns:1fr}
  .pd-aside,.cat-aside{grid-template-columns:1fr}
  .pd-pn{grid-template-columns:1fr}
  .spec th{width:46%}
  .spec th,.spec td{padding:11px 12px;font-size:.9rem}
  .contact-cards{grid-template-columns:1fr;margin-top:20px}
  .form .grid{grid-template-columns:1fr}
  .post-cta{grid-template-columns:1fr}
  .ql-list li{grid-template-columns:64px 1fr auto;gap:10px}
  .ql-list img{width:64px;height:48px}
  .ql-list .qty{grid-column:2;justify-self:start}
  .ql-del{grid-row:1;grid-column:3}
  .tb-find{min-width:0;width:100%}
  .tb-sort{margin-left:0}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .tabs button{flex-shrink:0}
  .chips-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;padding:2px 4px}
  .chips-nav a{flex-shrink:0}
  .ph-facts li{min-width:0;flex:1 1 40%;padding:10px 12px}
  .book-band{padding:22px 18px 34px}
  .about-photos a:nth-child(2),.about-photos a:nth-child(4){transform:none}
  .lb{padding:56px 10px}
  .lb-p,.lb-n{top:auto;bottom:14px;transform:none}
  .lb-p{transform:rotate(180deg)}
  .book-btn span,.book-t span{display:none}
  .book-btn{width:40px;padding:0;justify-content:center}
  .book-go select{max-width:130px}
  .book-nav{top:auto;bottom:10px;transform:none;width:44px;height:44px}
  .book-hint{display:none}
  .book-stage{padding-bottom:62px}
  .foot-word{font-size:4.6rem;bottom:120px}
}
@media (max-width:420px){
  .strip-links .langs{display:none}
  .hero-chips li:nth-child(n+5){display:none}
  .btn-lg{--bh:52px;padding:0 20px}
}
@media print{.strip,.site-head,.site-foot,.float,.mbar,.to-top,.pd-nav,.cta-band{display:none!important}}

/* ==========================================================================
   KOYU PREMIUM KATMAN — gece mürdümü zemin, lavanta vurgu, ince tipografi
   (önceki açık tema kurallarının üzerine yazar)
   ========================================================================== */
:root{
  --bg:#fff;--s1:#1a131e;--s2:#221a27;--s3:#2c2232;--ln:rgba(255,255,255,.09);--ln2:rgba(255,255,255,.16);
  --tx:#efe9f2;--tx2:#c9bfcf;--tx3:#968a9c;
  --acc:#c7aee0;--acc-d:#a888c6;--acc-rgb:199,174,224;--on-acc:#fff;
  --well:#f3f0f5;
  --ink:var(--tx);--ink-2:var(--tx2);--muted:var(--tx3);--line:var(--ln);--line-2:var(--ln);
  --f-d:"Figtree","Segoe UI",system-ui,sans-serif;--f-s:"Instrument Serif",Georgia,serif;
  --sh-1:0 1px 0 rgba(255,255,255,.03),0 10px 30px rgba(0,0,0,.25);
  --sh-2:0 24px 60px rgba(60,30,120,.14);--sh-3:0 40px 100px rgba(60,30,120,.18);
  --r:10px;--r-lg:16px;--r-xl:22px;
}
html{color-scheme:light}
body{background:var(--bg);color:var(--tx)}
a{color:var(--acc)}a:hover{color:var(--hd)}
h1,h2,h3,h4{color:var(--hd);font-weight:500;letter-spacing:-.03em}
.h-lg,.h-md{font-weight:500}
.hl{font-family:var(--f-s);font-style:italic;font-weight:400;color:var(--acc);background:none;letter-spacing:-.01em;padding-right:.04em}
.lead{color:var(--tx2)}
.muted{color:var(--tx3)}
::selection{background:var(--acc);color:var(--on-acc)}
:focus-visible{outline-color:var(--acc)}
.section-tint{background:var(--s1)}
.eyebrow{color:var(--acc);letter-spacing:.22em;font-weight:600}
.eyebrow::before{background:var(--acc);height:1px;width:28px}
.eyebrow-lime{color:var(--acc)}
.link{color:var(--hd)}.link:hover{color:var(--acc)}
.pill{background:transparent;border-color:var(--ln2);color:var(--tx2);box-shadow:none}

/* düğmeler */
.btn{border-radius:999px;font-weight:600;letter-spacing:.02em}
.btn-plum,.btn-primary,.btn-lime{background:var(--acc);color:var(--on-acc)}
.btn-plum:hover,.btn-primary:hover,.btn-lime:hover{background:#fff;color:var(--on-acc);box-shadow:0 14px 34px rgba(var(--acc-rgb),.25)}
.btn-line,.btn-ghost,.btn-ghost-light{background:transparent;border:1px solid var(--ln2);color:var(--hd)}
.btn-line:hover,.btn-ghost:hover,.btn-ghost-light:hover{border-color:var(--acc);color:var(--acc);background:transparent}
.btn-white{background:#fff;color:var(--on-acc)}
.btn-white:hover{background:var(--acc);color:var(--on-acc)}
.btn-ink{background:var(--s3);color:var(--hd)}

/* üst şerit + başlık */
.strip{background:var(--s1);color:var(--tx3);border-bottom:1px solid var(--ln)}
.strip-msg{color:var(--tx3)}.strip-msg svg{color:var(--acc)}
.strip-links a{color:var(--tx2)}.strip-links a:hover{color:var(--acc)}
.langs{background:transparent;border:1px solid var(--ln)}
.langs a{color:var(--tx3)}.langs a[aria-current]{background:var(--acc);color:var(--on-acc)}
.site-head{background:rgba(255,255,255,.82);border-bottom:1px solid var(--ln)}
.site-head.is-stuck{border-color:var(--ln);box-shadow:0 10px 40px rgba(60,30,120,.12)}
.lg-park{fill:#fff}.lg-box{fill:var(--plum)}.lg-lila{fill:#fff}
.logo-light .lg-box{fill:var(--plum)}.logo-light .lg-lila{fill:#fff}
.logo-tag{color:var(--tx3)}
.nav>ul{background:transparent;border:0;padding:0;gap:4px}
.nav>ul>li>a{color:var(--tx2);font-weight:500;padding:0 14px;border-radius:0;height:var(--head-h);position:relative}
.nav>ul>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:22px;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav>ul>li>a:hover,.has-mega:hover>a,.has-mega.open>a{background:transparent;color:var(--hd);box-shadow:none}
.nav>ul>li>a:hover::after,.nav>ul>li>a[aria-current]::after{transform:none}
.nav>ul>li>a[aria-current]{background:transparent;color:var(--hd)}
.mega{padding-top:0}
.mega-in{background:var(--s1);border:1px solid var(--ln);border-top:0;border-radius:0 0 var(--r-lg) var(--r-lg)}
.mg-h{color:var(--hd)}.mg-h:hover{background:var(--s2);color:var(--hd)}
.mg-img{background:var(--well)}.mg-img img{mix-blend-mode:multiply;object-fit:contain}
.mg-h small{color:var(--tx3)}
.mg li a{color:var(--tx2)}.mg li a:hover{color:var(--acc)}
.mega-side{border-left-color:var(--ln)}
.mega-book{background:var(--s2);border:1px solid var(--ln)}.mega-book:hover{background:var(--s3)}
.mb-pages{box-shadow:6px 6px 0 rgba(var(--acc-rgb),.25)}
.mega-plan{background:transparent;border:1px solid var(--ln);color:var(--hd)}.mega-plan:hover{background:var(--s2);color:var(--hd)}
.mega-plan small{color:var(--tx3)}.mega-plan svg{color:var(--acc)}
.mega-all{border-color:var(--ln);color:var(--hd)}.mega-all:hover{border-color:var(--acc);color:var(--acc)}
.hbtn{background:transparent;border-color:var(--ln2);color:var(--hd)}.hbtn:hover{border-color:var(--acc);color:var(--acc)}
.qcount{background:var(--acc);color:var(--on-acc)}
.hd-phone{color:var(--hd)}.hd-phone:hover{color:var(--acc)}
.hp-ic{background:transparent;border:1px solid var(--ln2);color:var(--acc)}
.hd-phone small{color:var(--tx3)}
.drawer-bg{background:rgba(60,30,120,.18)}
.drawer-panel{background:var(--s1)}
.drawer-top{border-color:var(--ln)}
.drawer-nav>a,.dn-acc>summary{color:var(--hd);border-color:var(--ln)}
.dn-sub>summary{color:var(--tx)}.dn-sub[open]>summary{background:var(--s2)}
.dn-thumb{background:var(--well)}.dn-thumb img{object-fit:contain}
.dn-sub a{color:var(--tx2)}.dn-sub a.dn-all{color:var(--acc)}
.dn-hl{background:var(--s2)!important;color:var(--hd)!important}
.drawer-contact{background:var(--s2)}
.langs-lg a{background:var(--s1);border-color:var(--ln);color:var(--tx)}

/* ---------- ana sayfa (koyu premium) ---------- */
.k-over{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:600 .74rem/1.2 var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.k-over::before{content:"";width:30px;height:1px;background:var(--acc)}
.k-center{justify-content:center}
.k-hero{position:relative;padding:clamp(40px,6vw,90px) 0 clamp(50px,6vw,90px);overflow:hidden;isolation:isolate}
.k-hero::before{content:"";position:absolute;right:-15%;top:-35%;width:70vw;height:70vw;max-width:1000px;max-height:1000px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.45),transparent 62%);z-index:-1}
.k-hero-head{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.k-hero h1{margin:0;font-size:clamp(2.6rem,1.4rem + 4.6vw,5.4rem);font-weight:400;letter-spacing:-.045em;line-height:.98}
.k-hero h1 .hl{font-size:1.08em}
.k-hero-side p{margin:0;color:var(--tx2);font-size:1.08rem;line-height:1.7}
.k-hero-side .btn-row{margin-top:24px}
.k-hero-img{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:21/9;background:var(--s2)}
.k-hero-img img{width:100%;height:100%;object-fit:cover}
.k-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(30,14,72,.75))}
.k-hero-img figcaption{position:absolute;left:24px;bottom:20px;z-index:1;font-size:.82rem;letter-spacing:.06em;color:#e2dae6}
.k-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(30px,4vw,48px) 0 0;border-top:1px solid var(--ln)}
.k-stats>div{padding:26px 24px 0 0}
.k-stats>div+div{padding-left:24px;border-left:1px solid var(--ln)}
.k-stats dd{margin:0 0 6px;font:300 clamp(2rem,1.4rem + 2vw,3.2rem)/1 var(--f-b);letter-spacing:-.04em;color:var(--hd)}
.k-stats dt{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)}
.k-sec{padding:clamp(64px,8vw,120px) 0}
.k-tint{background:var(--s1)}
.k-line-top{border-top:1px solid var(--ln)}
.k-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 60px;margin-bottom:clamp(30px,4vw,52px)}
.k-head h2,.k-split-copy h2{margin:0;font-size:clamp(2rem,1.3rem + 2.4vw,3.3rem);font-weight:400;letter-spacing:-.04em;line-height:1.05}
.k-lead{margin:16px 0 0;max-width:62ch;color:var(--tx2);font-size:1.04rem;line-height:1.7}
.k-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--ln2);font-weight:600;font-size:.92rem;color:var(--hd);white-space:nowrap;transition:border-color .2s,color .2s}
.k-link:hover{color:var(--acc);border-color:var(--acc)}
.k-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:var(--r-lg);overflow:hidden}
.k-cat{position:relative;display:flex;flex-direction:column;background:var(--bg);color:var(--hd);padding:18px;transition:background .3s}
.k-cat:hover{background:var(--s1);color:var(--hd)}
.k-cat-img{display:block;aspect-ratio:4/3;border-radius:var(--r);background:var(--well);overflow:hidden}
.k-cat-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}
.k-cat:hover .k-cat-img img{transform:scale(1.05)}
.k-cat-t{display:flex;flex-direction:column;gap:4px;padding:18px 44px 4px 2px}
.k-cat-t b{font-weight:500;font-size:1.12rem;letter-spacing:-.01em}
.k-cat-t small{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.k-cat-go{position:absolute;right:18px;bottom:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--ln2);color:var(--hd);transition:all .3s}
.k-cat:hover .k-cat-go{background:var(--acc);border-color:var(--acc);color:var(--on-acc);transform:rotate(-45deg)}
.k-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.k-split-img{margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;background:var(--s2)}
.k-split-img img{width:100%;height:100%;object-fit:cover}
.k-points{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}
.k-points li{display:flex;gap:14px;align-items:flex-start}
.k-points li>svg{flex-shrink:0;color:var(--acc);margin-top:2px}
.k-points b{display:block;font-weight:600;color:var(--hd);margin-bottom:4px}
.k-points span{font-size:.9rem;color:var(--tx3);line-height:1.55}
.k-tags{display:flex;flex-wrap:wrap;gap:8px;margin:-14px 0 30px}
.k-tags a{padding:8px 14px;border-radius:999px;border:1px solid var(--ln2);font-size:.86rem;color:var(--tx2)}
.k-tags a:hover{border-color:var(--acc);color:var(--acc)}
.k-split-rev .k-book{order:0}
.k-book{display:block;justify-self:center;width:min(380px,80%);border-radius:4px 10px 10px 4px;overflow:hidden;box-shadow:var(--sh-3),-14px 14px 0 rgba(var(--acc-rgb),.12);transform:rotate(-3deg);transition:transform .5s var(--ease)}
.k-book:hover{transform:rotate(0)}
.k-book img{width:100%;height:auto}
.k-chapters{list-style:none;margin:26px 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.k-chapters a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:.92rem;color:var(--tx2)}
.k-chapters a:hover{color:var(--acc)}
.k-chapters i{font-style:normal;color:var(--tx3);font-variant-numeric:tabular-nums}
.k-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ln)}
.k-steps li{padding:28px 24px 0 0}
.k-steps li+li{padding-left:24px;border-left:1px solid var(--ln)}
.k-steps span{display:block;margin-bottom:22px;font:400 2.4rem/1 var(--f-s);font-style:italic;color:var(--acc)}
.k-steps b{display:block;margin-bottom:8px;font-weight:600;color:var(--hd)}
.k-steps p{margin:0;font-size:.9rem;color:var(--tx3);line-height:1.6}
.k-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.k-photos a{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--s2)}
.k-photos img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.k-photos a:hover img{transform:scale(1.05)}
.k-photos span{position:absolute;inset:auto 0 0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(30,14,72,.85));font-size:.84rem;color:#eae3ee;opacity:0;transform:translateY(8px);transition:all .35s}
.k-photos a:hover span{opacity:1;transform:none}
.k-refs{padding:56px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.k-refs ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--ln)}
.k-refs li{display:grid;place-items:center;height:110px;background:var(--bg)}
.k-refs img{max-height:56px;width:auto;filter:grayscale(1) brightness(0) invert(1);opacity:.55;transition:opacity .3s}
.k-refs li:hover img{opacity:1}

/* ---------- ürün kartları ---------- */
.pcard{background:var(--s1);border:1px solid var(--ln)}
.pcard:hover{border-color:var(--ln2);box-shadow:var(--sh-2)}
.pc-img{background:var(--well);border-radius:var(--r)}
.pc-code{background:var(--bg);color:var(--hd);border-radius:6px}
.pc-cat{color:var(--acc);letter-spacing:.14em;font-weight:600}
.pc-t{font-family:var(--f-b);font-weight:500}
.pc-t a{color:var(--hd)}.pc-t a:hover{color:var(--acc)}
.pc-facts li{background:transparent;border:1px solid var(--ln);color:var(--tx2)}
.pc-facts svg{color:var(--acc)}
.pc-sum{color:var(--tx3)}
.pc-foot{border-top:1px solid var(--ln)}
.pc-more,.pc-ask{color:var(--tx2)}
.pc-add{border-color:var(--ln2);background:transparent;color:var(--hd)}
.pc-add:hover{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.pc-add.is-in{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.pc-price b{color:var(--hd)}
.pc-fit{background:var(--acc);color:var(--on-acc)}

/* ---------- iç sayfalar ---------- */
.page-hero{background:var(--bg);border-bottom:1px solid var(--ln)}
.page-hero::after{background:radial-gradient(circle,rgba(167,139,250,.45),transparent 62%)}
.ph-bg{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px)}
.page-hero h1{font-weight:400;letter-spacing:-.045em;font-size:clamp(2.2rem,1.4rem + 3.2vw,4rem)}
.crumbs a{color:var(--tx2)}.crumbs [aria-current]{color:var(--acc)}
.crumbs li+li::before{background:var(--tx3)}
.ph-facts li{background:transparent;border-color:var(--ln);color:var(--tx3)}
.ph-facts b{color:var(--hd);font-family:var(--f-b);font-weight:400}
.chips-nav a{background:transparent;border-color:var(--ln2);color:var(--tx2)}
.chips-nav a i{background:var(--s2);color:var(--tx2)}
.chips-nav a[aria-current]{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.chips-nav a[aria-current] i{background:rgba(0,0,0,.12);color:var(--on-acc)}
.toolbar{background:var(--s1);border-color:var(--ln)}
.tb-count b{color:var(--hd)}
.tb-sort{color:var(--acc)}
select{background-color:var(--s2);border-color:var(--ln2);color:var(--hd);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c7aee0' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
select option{background:var(--s1);color:var(--hd)}
.tb-plan{background:transparent;border:1px solid var(--ln2);color:var(--hd)}.tb-plan:hover{background:var(--acc);color:var(--on-acc)}
.tabs button{background:transparent;border-color:var(--ln2);color:var(--tx2)}
.tabs button[aria-selected=true]{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.tabs button[aria-selected=true] i{color:var(--on-acc)}
.tb-find{background:var(--s2);border-color:var(--ln2);color:var(--acc)}
.ccard{background:var(--s1);border-color:var(--ln);color:var(--hd)}
.ccard:hover,.ccard:nth-child(3n+2),.ccard:nth-child(3n+2):hover{background:var(--s2);color:var(--hd)}
.cc-img{background:var(--well);border-radius:var(--r);margin:12px 0}
.cc-ic{background:var(--s3);color:var(--acc);box-shadow:none}
.cc-t{color:var(--hd);font-family:var(--f-b);font-weight:500}
.cc-go{background:transparent;border:1px solid var(--ln2)}
.ccard:hover .cc-go{background:var(--acc);color:var(--on-acc)}
.quote-card{background:var(--s2);border:1px solid var(--ln);color:var(--tx2)}
.catbox{background:var(--s1);border-color:var(--ln)}
.catbox b{color:var(--hd)}
.cb-cover{box-shadow:5px 5px 0 rgba(var(--acc-rgb),.2)}
.pd{background:var(--bg)}
.pd-main{background:var(--well);border-color:var(--ln)}
.zoom{background:var(--bg)}
.pd-thumbs a{background:var(--well);border-color:var(--ln)}
.pd-thumbs a[aria-current=true],.pd-thumbs a.is-on{border-color:var(--acc)}
.pd-cat{background:transparent;border-color:var(--ln2);color:var(--tx2)}
.pd-cat .dot{background:var(--acc)}
.pd-code b{color:var(--hd)}
.pd-info h1{font-weight:400;letter-spacing:-.04em}
.pd-keys>div{background:var(--s1);border-color:var(--ln)}
.pd-keys dt svg{color:var(--acc)}
.pd-keys dd{color:var(--hd);font-family:var(--f-b);font-weight:500}
.pd-buy{background:var(--s2);border:1px solid var(--ln)}
.pd-ask svg{color:var(--acc)}
.pd-add .btn-primary{background:var(--acc);color:var(--on-acc)}
.pd-trust svg{color:var(--acc)}
.pd-book{background:transparent;border:1px solid var(--ln2);color:var(--hd)}.pd-book:hover{background:var(--acc);color:var(--on-acc)}
.pd-nav{background:rgba(255,255,255,.92);border-color:var(--ln)}
.pd-nav a{color:var(--tx2)}.pd-nav a:hover,.pd-nav a.is-active{background:var(--s2);color:var(--hd)}
.pd-nav-q{background:var(--acc);color:var(--on-acc)}
.pd-sec{border-color:var(--ln)}
.pd-sec>h2 .n{background:transparent;border:1px solid var(--ln2);color:var(--acc);font-family:var(--f-s);font-style:italic;font-size:1rem;font-weight:400}
.feat-list li{background:var(--s1);color:var(--tx2)}
.feat-list svg{color:var(--acc)}
.uses b{color:var(--hd)}
.chips li{border-color:var(--ln2);color:var(--tx2)}
.table-wrap{border-color:var(--ln)}
.spec th,.spec td{border-color:var(--ln)}
.spec th{background:var(--s1);color:var(--tx2)}
.spec td{color:var(--hd)}
.plan-svg{background:var(--well);border-color:var(--ln)}
.plan-check{background:var(--s1)}
.plan-check b{color:var(--hd)}
.pc-in input{background:var(--s2);border-color:var(--ln2);color:var(--hd)}
.note{background:var(--s2)}
.pd-pn a{border-color:var(--ln);color:var(--tx)}
.pd-pn img{background:var(--well)}
.pd-pn b{color:var(--hd)}
.prose{color:var(--tx2)}
.prose strong{color:var(--hd)}
.prose a{color:var(--acc);text-decoration-color:rgba(var(--acc-rgb),.4)}
.prose ul li::marker{color:var(--acc)}
.prose th,.prose td{border-color:var(--ln)}
.prose th{background:var(--s1);color:var(--hd)}
.prose blockquote{background:var(--s1);border-color:var(--acc)}
.note-box{background:var(--s1)}
.cbk-btn{background:var(--bg)}
.chapter-list a{border-color:var(--ln);color:var(--tx)}.chapter-list a:hover{background:var(--s1);border-color:var(--acc)}
.chapter-list span{color:var(--hd)}
.pl-form{background:var(--s1);border:1px solid var(--ln)}
.pl-form .h-sm svg{color:var(--acc)}
.pl-form .btn-primary{background:var(--acc)}
.pl-head{background:var(--s1)}.pl-head b{color:var(--hd)}
.ql{background:var(--s1)}
.ql-list li{background:var(--s2);border-color:var(--ln)}
.ql-list img{background:var(--well)}
.ql-list a{color:var(--hd)}
.ql-list .qty{background:var(--s1);border-color:var(--ln)}
.ql-list .qty button,.ql-list .qty input{color:var(--hd)}
.ql-del{background:transparent;border-color:var(--ln2)}
.value{background:var(--s1);border-color:var(--ln)}
.v-n{color:rgba(255,255,255,.05)}
.v-lead{color:var(--acc)}
.svc{background:var(--s1);border-color:var(--ln)}
.svc>svg{color:var(--acc)}
.svc b{color:var(--hd)}
.svc p{color:var(--tx2)}
.steps li{background:var(--s1);border-color:var(--ln)}
.st-n{background:transparent;border:1px solid var(--ln2);color:var(--acc)}
.steps b{color:var(--hd)}
.ccd{background:var(--s1);border-color:var(--ln);color:var(--tx)}
.ccd-ic{background:var(--s3);color:var(--acc)}
.ccd b{color:var(--hd)}
.ccd-go{color:var(--acc)}
.aside-box{background:var(--s1)}
.aside-box h2 svg{color:var(--acc)}
.addr,.hours td{color:var(--hd)}
.hours th,.hours td{border-color:var(--ln)}
.info-list svg{color:var(--acc)}
.map{background:var(--s1)}
.map-load{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px)}
.map-pin{background:var(--acc);color:var(--on-acc);box-shadow:0 0 0 12px rgba(var(--acc-rgb),.12)}
.map-load b{color:var(--hd)}
.form{background:var(--s1);border-color:var(--ln);box-shadow:none}
.form label{color:var(--tx2)}
.form input:not([type=checkbox]),.form select,.form textarea{background:var(--s2);border:1px solid var(--ln2);color:var(--hd)}
.form input:focus,.form select:focus,.form textarea:focus{background:var(--s3);border-color:var(--acc)}
.check input{accent-color:var(--acc)}
.alert-ok{background:rgba(var(--acc-rgb),.15);color:var(--acc)}
.faq details{background:var(--s1);border-color:var(--ln)}
.faq details[open]{border-color:var(--ln2);box-shadow:none}
.faq summary{color:var(--hd);font-family:var(--f-b);font-weight:500}
.pm{background:transparent;border:1px solid var(--ln2);color:var(--tx2)}
.faq details[open] .pm{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.jump a{border-color:var(--ln2);color:var(--tx2)}
.nf-code{color:rgba(255,255,255,.05)}
.rel-list a{border-color:var(--ln);color:var(--tx2)}
.gal{background:var(--s1)}
.vid-btn{background:var(--acc);color:var(--on-acc);box-shadow:0 0 0 10px rgba(var(--acc-rgb),.2)}
.vid figcaption{color:var(--hd)}
.post-card{background:var(--s1);border-color:var(--ln)}
.po-t{color:var(--hd)}

/* ---------- CTA + altbilgi ---------- */
.cta-box{background:linear-gradient(135deg,var(--s2),#2e2236);border:1px solid var(--ln)}
.cta-box::before{background:radial-gradient(circle,rgba(var(--acc-rgb),.18),transparent 65%)}
.cta-copy h2{font-weight:400;letter-spacing:-.04em}
.cta-copy .hl{color:var(--acc)}
.cta-tel>svg{border-color:var(--ln2);color:var(--acc)}
.cta-tel:hover{color:var(--acc)}
.site-foot{background:var(--s1);border-top:1px solid var(--ln)}
.foot-band{background:var(--s1);border:1px solid var(--ln)}
.fb-t .hl{color:var(--acc)}
.foot-social a{background:transparent;border:1px solid var(--ln2)}
.foot-social a:hover{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.foot-col a:hover{color:var(--acc)}
.foot-contact li>svg{color:var(--acc)}
.foot-book:hover{background:var(--acc);border-color:var(--acc);color:var(--on-acc)!important}
.foot-word{color:rgba(255,255,255,.025)}
.foot-word span{background:rgba(255,255,255,.025)}

/* ---------- sağ alt iletişim (sade yuvarlak düğmeler) ---------- */
.float{flex-direction:column;align-items:flex-end;gap:10px}
.fl-btn{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--ln2);color:var(--hd);box-shadow:0 10px 30px rgba(60,30,120,.14);backdrop-filter:blur(10px);transition:transform .25s var(--ease),border-color .25s,background .25s}
.fl-btn:hover{transform:translateY(-2px);border-color:var(--acc);color:var(--hd)}
.fl-wa{background:#1fa855;border-color:#1fa855}
.fl-wa:hover{background:#178a45;border-color:#178a45}
.fl-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);padding:8px 13px;border-radius:999px;background:var(--s2);border:1px solid var(--ln);font-size:.84rem;font-weight:600;color:var(--hd);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.fl-btn:hover .fl-tip,.fl-btn:focus-visible .fl-tip{opacity:1;transform:translate(0,-50%)}

/* ---------- diğer katmanlar ---------- */
.mbar{background:rgba(255,255,255,.96)!important;border-top-color:var(--ln)!important}
.mbar a{color:var(--tx2)!important}.mbar a svg{color:var(--acc)!important}
.mbar .mb-wa{background:#1fa855!important;color:#fff!important}.mbar .mb-wa svg{color:#fff!important}
.to-top{background:var(--s1);border-color:var(--ln2);color:var(--hd)}
.srch-bg{background:rgba(0,0,0,.65)}
.srch-box{background:var(--s1);border:1px solid var(--ln)}
.srch-form{border-color:var(--ln);color:var(--acc)}
.srch-form input{color:var(--hd)}
.srch-res a{color:var(--tx)}.srch-res a:hover,.srch-res a:focus{background:var(--s2);color:var(--hd)}
.srch-res img,.srch-res .ph{background:var(--well)}
.srch-res b{color:var(--hd)}
.srch-hint{background:var(--s2)}
.srch-hint button{background:transparent;border-color:var(--ln2);color:var(--tx2)}
.qtoast{background:var(--s2);border:1px solid var(--ln)}
.qt-ic{background:var(--acc);color:var(--on-acc)}
.qtoast .btn-primary{background:var(--acc);color:var(--on-acc)}
.cookie{background:var(--s1);border-color:var(--ln)}
.lb{background:rgba(30,14,72,.96)}
.book-dl{background:var(--acc);border-color:var(--acc);color:var(--on-acc)!important}
.book-t svg{color:var(--acc)}
.book-nav:hover{background:var(--acc);color:var(--on-acc)}

@media (max-width:1180px){
  .k-cats{grid-template-columns:repeat(3,1fr)}
  .k-steps{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .k-steps li:nth-child(4){border-left:0;padding-left:0}
}
@media (max-width:1024px){
  .k-hero-head,.k-split{grid-template-columns:1fr}
  .k-split-img{aspect-ratio:16/10}
  .k-hero-img{aspect-ratio:16/9}
  .k-refs ul{grid-template-columns:repeat(3,1fr)}
  .nav>ul>li>a{height:auto}
}
@media (max-width:760px){
  .k-cats{grid-template-columns:1fr 1fr}
  .k-cat{padding:12px}
  .k-cat-t{padding:12px 30px 2px 0}
  .k-cat-t b{font-size:.98rem}
  .k-cat-go{width:30px;height:30px;right:10px;bottom:14px}
  .k-stats{grid-template-columns:1fr 1fr}
  .k-stats>div:nth-child(3){border-left:0;padding-left:0}
  .k-stats>div{padding-bottom:20px}
  .k-head{flex-direction:column;align-items:flex-start}
  .k-points,.k-chapters{grid-template-columns:1fr}
  .k-steps{grid-template-columns:1fr}
  .k-steps li+li{border-left:0;padding-left:0;border-top:1px solid var(--ln)}
  .k-photos{grid-template-columns:1fr 1fr;gap:8px}
  .k-refs ul{grid-template-columns:repeat(2,1fr)}
  .k-refs li{height:86px}
}

/* ==========================================================================
   ATÖLYE KATMANI — altın kabartma tipografi, sinematik ana sayfa, proje masası,
   3B kartvizit, Natura koleksiyonu (koyu premium katmanın üzerine)
   ========================================================================== */
:root{
  --au-hi:#fff3cf;--au:#6d3fd8;--au-d:#a67a33;--au-rgb:226,191,116;
  --au-grad:linear-gradient(178deg,#fff9e3 0%,#f4dd9f 24%,#d6ab57 50%,#ff5fa2 64%,#7c4dff 84%,#e8c77c 100%);
  --au-line:linear-gradient(90deg,transparent,rgba(var(--au-rgb),.55) 20%,rgba(var(--au-rgb),.55) 80%,transparent);
}
/* altın kabartma başlık */
.au-t,.page-hero h1,.pd-info h1{
  background:var(--au-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 transparent) drop-shadow(0 1px 0 transparent) drop-shadow(0 1px 0 transparent) drop-shadow(0 12px 20px rgba(60,30,120,.16));
  padding-bottom:.08em;font-weight:800;letter-spacing:-.03em}
.au-t .hl,.page-hero h1 .hl,.pd-info h1 .hl,.au-t em,.page-hero h1 em{color:transparent;-webkit-text-fill-color:transparent;background:none;font-weight:400;letter-spacing:-.01em;padding-right:.06em}
.page-hero h1{font-weight:800}
/* kart başlıkları: şampanya kabartma */
.pc-t,.cc-t,.k-cat-t b,.mg-h b,.xp-t{
  background:linear-gradient(180deg,#fffaf0 0%,#f1e3c0 62%,#cfb075 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 transparent) drop-shadow(0 4px 7px rgba(60,30,120,.15))}
.pcard:hover .pc-t,.ccard:hover .cc-t{background-image:var(--au-grad)}
.k-over{color:var(--au)}
.k-over::before{background:var(--au)}
.k-link{border-bottom-color:rgba(var(--au-rgb),.35)}
.k-link:hover{color:var(--au);border-color:var(--au)}
.k-head h2,.k-split-copy h2{font-weight:800}
.k-center-t{text-align:center;margin:0 auto clamp(36px,5vw,60px);font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem);line-height:1.05;max-width:20ch}
.x-lead{margin:22px 0 0;max-width:54ch;color:var(--tx2);font-size:clamp(1.02rem,.95rem + .3vw,1.16rem);line-height:1.75}

/* altın düğme */
.btn-gold{background:linear-gradient(180deg,#ffe066 0%,#ffc61a 55%,#f5a800 100%);color:#2a1660;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.15),0 12px 30px rgba(var(--au-rgb),.22)}
.btn-gold:hover{color:#2a1660;filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 40px rgba(var(--au-rgb),.35)}
.btn-line:hover{border-color:var(--au);color:var(--au)}

/* doku (grain) */
.x-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- ana sayfa: hero ---------- */
.x-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(calc(100svh - 120px),900px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(70px,9vw,130px) 0 34px}
.x-hero-bg{position:absolute;inset:0;z-index:-2}
.x-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.62);animation:x-ken 28s ease-in-out infinite alternate}
.x-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,14,72,.97) 0%,rgba(30,14,72,.86) 38%,rgba(30,14,72,.35) 75%,rgba(30,14,72,.55) 100%),linear-gradient(0deg,var(--bg) 2%,transparent 45%),radial-gradient(ellipse at 80% 20%,rgba(var(--au-rgb),.14),transparent 50%)}
@keyframes x-ken{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.x-hero-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(30px,5vw,80px);align-items:end}
.x-h1{margin:0;font-size:clamp(3.4rem,1.6rem + 6.4vw,8.4rem);line-height:.9;letter-spacing:-.05em}
.x-h1 .hl{display:block;font-size:1.06em;margin-top:.02em}
.x-hero .btn-row{margin-top:34px}
.x-plinth{position:relative;justify-self:end;width:min(330px,100%);margin:0;padding:14px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(var(--au-rgb),.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 90px rgba(60,30,120,.16),inset 0 1px 0 rgba(255,255,255,.06);animation:x-float 7s ease-in-out infinite}
@keyframes x-float{50%{transform:translateY(-10px)}}
.x-plinth-img{display:block;aspect-ratio:1/1;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,#ece7ef 70%);overflow:hidden}
.x-plinth-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8px}
.x-plinth figcaption{display:flex;align-items:center;gap:12px;padding:14px 6px 2px;font-size:.9rem;color:var(--tx2)}
.x-plinth figcaption i{font:italic 400 1.4rem/1 var(--f-s);color:var(--au)}
.x-seal{position:absolute;left:-72px;top:-74px;width:150px;height:150px;filter:drop-shadow(0 10px 20px rgba(60,30,120,.15))}
.x-seal-r{transform-origin:100px 100px;animation:x-spin 36s linear infinite}
@keyframes x-spin{to{transform:rotate(360deg)}}
.x-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(40px,6vw,70px) 0 0;position:relative}
.x-stats::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--au-line)}
.x-stats>div{padding:26px 20px 0}
.x-stats>div+div{border-left:1px solid var(--ln)}
.x-stats dd{margin:0 0 8px;font:400 clamp(2.6rem,1.8rem + 2.4vw,4.2rem)/1 var(--f-s);letter-spacing:-.02em}
.x-stats dt{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tx3)}

/* kayan şerit */
.x-marquee{overflow:hidden;border-block:1px solid rgba(var(--au-rgb),.2);background:var(--s1);padding:22px 0}
.x-mq-track{display:flex;width:max-content;animation:x-mq 55s linear infinite}
.x-mq-track>span{display:flex;align-items:center;gap:34px;padding-right:34px}
.x-mq-track b{font:italic 400 clamp(1.8rem,1.3rem + 1.6vw,2.8rem)/1 var(--f-s);color:transparent;-webkit-text-stroke:1px rgba(var(--au-rgb),.6);white-space:nowrap}
.x-mq-track b.x-mq-gold{background:var(--au-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0}
.x-mq-track i{font-style:normal;color:var(--au);font-size:.9rem}
@keyframes x-mq{to{transform:translateX(-50%)}}

/* ürün dizini */
.x-index{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:start}
.x-index-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ln)}
.x-index-list a{display:grid;grid-template-columns:58px minmax(0,1fr) auto 44px;align-items:center;gap:16px;padding:22px 6px;border-bottom:1px solid var(--ln);color:var(--hd);transition:padding .35s var(--ease),background .35s}
.xi-n{font:italic 400 1.5rem/1 var(--f-s);color:rgba(var(--au-rgb),.6);transition:color .3s}
.xi-thumb{display:none}
.xi-t b{display:block;font:700 clamp(1.3rem,1rem + 1vw,1.95rem)/1.15 var(--f-b);letter-spacing:-.025em;color:var(--hd);transition:color .3s}
.xi-t small{display:block;margin-top:6px;font-size:.84rem;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xi-c{font:400 1.25rem/1 var(--f-s);color:var(--tx3)}
.xi-go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--ln2);transition:all .35s var(--ease)}
.x-index-list a.is-on,.x-index-list a:hover{padding-left:20px;background:linear-gradient(90deg,rgba(var(--au-rgb),.07),transparent 70%)}
.x-index-list a.is-on .xi-n{color:var(--au)}
.x-index-list a.is-on .xi-t b{background:var(--au-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 transparent) drop-shadow(0 6px 10px rgba(60,30,120,.15))}
.x-index-list a.is-on .xi-go{background:linear-gradient(180deg,#ffe066,#ffb800);border-color:transparent;color:#2a1660;transform:rotate(-45deg)}
.x-index-view{position:sticky;top:calc(var(--head-h) + 30px);aspect-ratio:4/4.6}
.xv{position:absolute;inset:0;margin:0;opacity:0;transform:scale(.97);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.xv.is-on{opacity:1;transform:none}
.xv-img{position:absolute;inset:0;padding:22px;border-radius:26px;border:1px solid rgba(var(--au-rgb),.35);background:#fff}
.xv-img::before{content:"";position:absolute;inset:22px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#fff,#e9e3ec 75%)}
.xv-img img{position:relative;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:24px}
.xv figcaption{position:absolute;left:40px;right:40px;bottom:40px;display:flex;align-items:baseline;gap:14px;padding:16px 20px;border-radius:14px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);border:1px solid rgba(var(--au-rgb),.25)}
.xv figcaption i{font:italic 400 1.6rem/1 var(--f-s);color:var(--au)}
.xv figcaption b{font-weight:700;color:var(--hd);flex:1}
.xv figcaption small{color:var(--tx3);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}

/* Natura vitrini */
.x-natura{padding:clamp(40px,6vw,90px) 0}
.x-nat-frame{position:relative;padding:clamp(28px,5vw,70px);border-radius:32px;border:1px solid rgba(var(--au-rgb),.38);background:radial-gradient(ellipse at 50% 0,rgba(var(--au-rgb),.10),transparent 55%),radial-gradient(ellipse at 10% 100%,rgba(95,107,69,.22),transparent 50%),#fff;box-shadow:inset 0 0 0 8px var(--bg),inset 0 0 0 9px rgba(var(--au-rgb),.18),0 50px 120px rgba(60,30,120,.14)}
.x-nat-head{max-width:760px;margin:0 auto clamp(30px,4vw,54px);text-align:center}
.x-nat-head .k-over{justify-content:center}
.x-nat-head h2{margin:0;font-size:clamp(2.2rem,1.3rem + 3vw,4rem);line-height:1.04}
.x-nat-head .k-lead{margin:18px auto 26px}
.x-nat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.x-nat-card{position:relative;display:flex;flex-direction:column;padding:20px 22px 24px;border-radius:22px;border:1px solid rgba(var(--au-rgb),.2);background:linear-gradient(180deg,#fff,#fff);color:var(--hd);transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}
.x-nat-card:hover{transform:translateY(-6px);border-color:rgba(var(--au-rgb),.6);box-shadow:0 30px 70px rgba(60,30,120,.15);color:var(--hd)}
.x-nat-no{position:absolute;top:16px;left:20px;font:italic 400 1.5rem/1 var(--f-s);color:var(--au)}
.x-nat-card b{font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.1;margin-top:6px}
.x-nat-card small{margin-top:6px;color:var(--tx3);font-size:.9rem}
.na-art{display:block;width:100%;height:auto}
.na-float{animation:x-float 6s ease-in-out infinite}
.na-sway{animation:na-sway 5s ease-in-out infinite}.na-d2{animation-delay:-2.5s}
@keyframes na-sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
.na-spin{animation:x-spin 9s linear infinite}
.na-wave path{animation:na-wave 2.6s ease-out infinite}
.na-wave path:nth-child(2){animation-delay:.4s}.na-wave path:nth-child(3){animation-delay:.8s}
@keyframes na-wave{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

/* INOX rayı */
.x-rail-sec .k-tags{margin-top:-10px}
.x-rail-nav{display:flex;gap:10px}
.x-rb{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.45);background:transparent;color:var(--au);cursor:pointer;transition:all .25s}
.x-rb:hover{background:var(--au);color:#2a1660}
.x-rb[data-rail-prev] svg{transform:rotate(180deg)}
.x-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(330px,78vw);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(20px,calc((100vw - var(--wrap)) / 2 + 20px));padding:6px max(20px,calc((100vw - var(--wrap)) / 2 + 20px)) 26px;scrollbar-width:thin;scrollbar-color:rgba(var(--au-rgb),.4) transparent}
.x-piece{scroll-snap-align:start;display:flex;flex-direction:column;padding:14px 14px 22px;border-radius:24px;border:1px solid var(--ln);background:linear-gradient(180deg,#fff,#fff);color:var(--hd);transition:transform .4s var(--ease),border-color .3s}
.x-piece:hover{transform:translateY(-6px);border-color:rgba(var(--au-rgb),.5);color:var(--hd)}
.xp-img{position:relative;display:block;aspect-ratio:1/1;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,#e8e2eb 75%);overflow:hidden}
.xp-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:10px;transition:transform .7s var(--ease)}
.x-piece:hover .xp-img img{transform:scale(1.06)}
.xp-code{margin:18px 6px 6px;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--au)}
.xp-t{margin:0 6px;font-size:1.08rem;font-weight:700;line-height:1.3}
.xp-f{display:flex;flex-wrap:wrap;gap:6px;margin:14px 6px 0}
.xp-f i{display:flex;flex-direction:column;padding:7px 11px;border-radius:10px;border:1px solid var(--ln);font-style:normal;font-size:.86rem;color:var(--hd)}
.xp-f small{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.x-piece-all{align-items:center;justify-content:center;gap:16px;text-align:center;border-style:dashed;border-color:rgba(var(--au-rgb),.4);color:var(--au)}
.x-piece-all span{font:italic 400 1.8rem/1.1 var(--f-s);color:var(--au)}

/* manifesto */
.x-manifest{position:relative;padding:clamp(80px,10vw,150px) 0;background:radial-gradient(ellipse at 50% 0,rgba(var(--au-rgb),.09),transparent 55%),var(--s1);border-block:1px solid rgba(var(--au-rgb),.14)}
.x-man-t{margin:0 auto;max-width:18ch;text-align:center;font-size:clamp(2.4rem,1.4rem + 3.8vw,5rem);line-height:1.02}
.x-man-s{margin:22px auto 0;max-width:56ch;text-align:center;color:var(--tx2);font-size:1.1rem}
.x-why{list-style:none;margin:clamp(40px,6vw,70px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(var(--au-rgb),.16);border:1px solid rgba(var(--au-rgb),.16);border-radius:24px;overflow:hidden}
.x-why li{position:relative;padding:34px 30px;background:var(--s1);transition:background .3s}
.x-why li:hover{background:#fff}
.x-why-n{position:absolute;right:26px;top:20px;font:italic 400 2.6rem/1 var(--f-s);color:rgba(var(--au-rgb),.18)}
.x-why svg{color:var(--au)}
.x-why b{display:block;margin:18px 0 8px;font-size:1.12rem;color:var(--hd)}
.x-why p{margin:0;color:var(--tx3);font-size:.93rem;line-height:1.6}

/* 3B katalog kitabı */
.x-book-sec{background:var(--s1)}
.x-book{display:grid;place-items:center;perspective:1600px;padding:30px 0}
.x-book-3d{position:relative;display:block;width:min(360px,70vw);aspect-ratio:360/509;transform-style:preserve-3d;transform:rotateY(-26deg) rotateX(5deg);transition:transform .8s var(--ease)}
.x-book:hover .x-book-3d{transform:rotateY(-8deg) rotateX(2deg)}
.xb-cover{position:absolute;inset:0;border-radius:3px 10px 10px 3px;overflow:hidden;box-shadow:2px 0 0 #efe9dc,4px 1px 0 #d9d1c0,6px 1px 0 #ece5d6,8px 2px 0 #d2c9b6,10px 2px 0 #e6dfcf,12px 3px 0 #c8bea9,40px 50px 80px rgba(60,30,120,.18)}
.xb-cover img{width:100%;height:100%;object-fit:cover}
.xb-spine{position:absolute;left:0;top:0;bottom:0;width:18px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(60,30,120,.14),rgba(255,255,255,.18) 40%,rgba(0,0,0,.15));pointer-events:none}
.xb-pages{position:absolute;top:-8px;right:46px;width:24px;height:96px;background:linear-gradient(180deg,#ffe066,#ffb800);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 6px 12px rgba(60,30,120,.12);transform:translateZ(2px)}
.x-toc{list-style:none;margin:26px 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
.x-toc a{display:flex;align-items:baseline;gap:10px;padding:9px 0;color:var(--tx2);font-size:.93rem}
.x-toc a:hover{color:var(--hd)}
.x-toc i{flex:1;border-bottom:1px dotted rgba(var(--au-rgb),.4);transform:translateY(-4px)}
.x-toc b{font:italic 400 1.15rem/1 var(--f-s);color:var(--au);font-variant-numeric:tabular-nums}

/* süreç zaman çizelgesi */
.x-time{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.x-time::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:1px;background:var(--au-line)}
.x-time li{position:relative}
.xt-dot{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.6);background:var(--bg);font:italic 400 1.3rem/1 var(--f-s);color:var(--au);box-shadow:0 0 0 6px var(--bg)}
.x-time b{display:block;margin-bottom:8px;font-size:1.08rem;color:var(--hd)}
.x-time p{margin:0;color:var(--tx3);font-size:.9rem;line-height:1.6}

/* mozaik */
.x-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(160px,17vw,250px);gap:14px}
.x-mosaic a{position:relative;display:block;border-radius:20px;overflow:hidden;background:var(--s2)}
.x-mosaic a:first-child{grid-column:span 2;grid-row:span 2}
.x-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.x-mosaic a:hover img{transform:scale(1.05)}
.x-mosaic span{position:absolute;inset:auto 0 0;padding:40px 20px 16px;background:linear-gradient(transparent,rgba(30,14,72,.88));font-size:.86rem;color:#eae3ee;opacity:0;transform:translateY(8px);transition:all .35s}
.x-mosaic a:hover span{opacity:1;transform:none}
.k-refs img{filter:brightness(0) invert(.82) sepia(.9) saturate(2.2) hue-rotate(2deg)}

/* ---------- proje masası ---------- */
.cg{position:relative;padding:clamp(70px,9vw,130px) 0;background:linear-gradient(180deg,var(--bg),var(--s1));border-top:1px solid rgba(var(--au-rgb),.16)}
.cg-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,80px);align-items:start}
.cg-t{margin:0;font-size:clamp(2.3rem,1.4rem + 3vw,4.2rem);line-height:1.02}
.cg-lines-h{margin:40px 0 6px;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tx3)}
.cg-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--ln)}
.cg-lines a{display:grid;grid-template-columns:42px 96px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--ln);color:var(--hd)}
.cgl-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.35);color:var(--au)}
.cg-lines small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.cg-lines b{font:400 clamp(1.25rem,1rem + .8vw,1.6rem)/1.1 var(--f-s);letter-spacing:.01em;color:var(--hd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}
.cgl-go{color:var(--tx3);transition:transform .3s var(--ease),color .3s}
.cg-lines a:hover b{color:var(--au)}
.cg-lines a:hover .cgl-go{transform:translateX(4px);color:var(--au)}
.cg-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:26px 0 0;font-size:.9rem;color:var(--hd)}
.cg-status:has([data-open-status]:empty){display:none}
.cg-dot{width:9px;height:9px;border-radius:50%;background:#3ccf7a;box-shadow:0 0 0 0 rgba(60,207,122,.6);animation:cg-pulse 2s infinite}
@keyframes cg-pulse{70%{box-shadow:0 0 0 10px rgba(60,207,122,0)}100%{box-shadow:0 0 0 0 rgba(60,207,122,0)}}
.cg-status:has([data-open-status]:not(.is-open)) .cg-dot{background:#ff8a1f;animation:none;box-shadow:0 0 0 4px rgba(217,163,91,.18)}
.cg-status em{font-style:normal;color:var(--tx3);font-size:.84rem}
.cg-card{position:relative;padding:clamp(22px,3vw,34px);border-radius:28px;border:1px solid rgba(var(--au-rgb),.32);background:linear-gradient(180deg,#fff,#fff);box-shadow:0 50px 110px rgba(60,30,120,.15),inset 0 1px 0 rgba(255,255,255,.05)}
.cg-corner::before,.cg-corner::after{content:"";position:absolute;width:34px;height:34px;border:2px solid var(--au);pointer-events:none}
.cg-corner::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:28px}
.cg-corner::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:28px}
.cg-step{margin:0 0 24px;padding:0;border:0;min-width:0}
.cg-step legend{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:0;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tx2)}
.cg-step legend i{font:italic 400 1.35rem/1 var(--f-s);letter-spacing:0;color:var(--au)}
.cg-chips{display:flex;flex-wrap:wrap;gap:8px}
.cg-chips label{position:relative;cursor:pointer}
.cg-chips input{position:absolute;opacity:0;pointer-events:none}
.cg-chips span{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid var(--ln2);font-size:.9rem;color:var(--tx2);transition:all .2s}
.cg-chips label:hover span{border-color:rgba(var(--au-rgb),.6);color:var(--hd)}
.cg-chips input:focus-visible+span{outline:2px solid var(--au);outline-offset:2px}
.cg-chips input:checked+span{background:linear-gradient(180deg,#ffe066,#ffc21a);border-color:transparent;color:#2a1660;font-weight:600}
.cg-chips .cg-gold span{border-color:rgba(var(--au-rgb),.55);color:var(--au)}
.cg-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px}
.cg-f{display:flex;flex-direction:column;gap:6px}
.cg-f>span{font-size:.76rem;color:var(--tx3)}
.cg-f input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ln2);background:var(--s2);color:var(--hd);font:inherit;font-size:.95rem}
.cg-f input:focus{outline:0;border-color:var(--au);background:var(--s3)}
.cg-row .cg-f{width:110px}
.cg-row .cg-grow{flex:1;min-width:170px;width:auto}
.cg-x{padding-bottom:12px;color:var(--au);font-size:1.2rem}
.cg-msg label{display:block;margin-bottom:8px;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tx2)}
.cg-msg textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px dashed rgba(var(--au-rgb),.38);background:#fff;color:var(--tx);font:inherit;font-size:.92rem;line-height:1.65;resize:vertical}
.cg-msg textarea:focus{outline:0;border-style:solid;border-color:var(--au)}
.cg-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cg-wa{background:#1fa855;color:#fff;border:0}
.cg-wa:hover{background:#178a45;color:#fff}
.cg-hint{margin:14px 0 0;font-size:.8rem;color:var(--tx3)}

/* ---------- iletişim ---------- */
.c-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,4vw,50px) 0 clamp(70px,8vw,110px);background:radial-gradient(ellipse at 78% 45%,rgba(var(--au-rgb),.13),transparent 50%),radial-gradient(ellipse at 10% 0,rgba(167,139,250,.35),transparent 50%),var(--bg);border-bottom:1px solid rgba(var(--au-rgb),.14)}
.c-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.c-h1{margin:10px 0 0;font-size:clamp(3rem,1.6rem + 5vw,6.6rem);line-height:.95}
.c-hero .btn-row{margin-top:26px}
.c-card-wrap{position:relative;perspective:1300px;display:grid;place-items:center;padding:40px 0}
.c-card-wrap::before{content:"";position:absolute;width:min(440px,92%);height:62%;border-radius:22px;border:1px solid rgba(var(--au-rgb),.2);background:#f3effc;transform:rotate(-7deg) translate(-6%,4%);box-shadow:0 30px 60px rgba(60,30,120,.15)}
.c-card{position:relative;width:min(470px,100%);padding:30px 32px 26px;border-radius:22px;border:1px solid rgba(var(--au-rgb),.5);background:linear-gradient(135deg,#fff 0%,#160f1a 55%,#f7f4fd 100%);box-shadow:0 60px 110px rgba(60,30,120,.18),inset 0 0 0 7px rgba(0,0,0,.18),inset 0 0 0 8px rgba(var(--au-rgb),.2);transform:rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .35s var(--ease)}
.c-sheen{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,25%) var(--my,15%),rgba(167,139,250,.16),transparent 45%);pointer-events:none}
.c-card-top{display:flex;align-items:center;justify-content:space-between}
.c-logo svg{height:36px;width:auto}
.c-mono{font:italic 400 3.2rem/1 var(--f-s)}
.c-firm{margin:22px 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(var(--au-rgb),.25);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--au)}
.c-card-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-card-l li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--tx2);line-height:1.45}
.c-card-l svg{flex-shrink:0;margin-top:3px;color:var(--au)}
.c-card-l a{color:var(--hd)}.c-card-l a:hover{color:var(--au)}
.c-web{margin:20px 0 0;text-align:right;font:italic 400 1.2rem/1 var(--f-s);color:var(--au)}
.c-visit-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,70px);align-items:start}
.c-form h2,.c-fac-t{margin:0;font-size:clamp(2rem,1.3rem + 2.2vw,3rem);line-height:1.05}
.c-form .k-lead{margin-bottom:26px}
.c-fac{position:sticky;top:calc(var(--head-h) + 24px);padding:clamp(24px,3vw,34px);border-radius:26px;border:1px solid rgba(var(--au-rgb),.28);background:linear-gradient(180deg,#fff,#fff)}
.c-addr{margin:18px 0 10px;font:400 1.45rem/1.35 var(--f-s);color:var(--hd)}
.c-fac .btn{margin:10px 0 26px}
.c-hours .n-lbl{display:flex;align-items:center;gap:8px}
.c-hours .hours{width:100%}
.c-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--ln)}
.c-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--ln2);color:var(--hd)}
.c-social a:hover{border-color:var(--au);color:var(--au)}
.c-social .c-mail2{display:inline-flex;width:auto;padding:0 14px;gap:8px;border-radius:999px;font-size:.86rem}
.c-map{padding:0 0 clamp(60px,8vw,110px)}
.c-form .form>h2,.c-form .form>h2+.muted{display:none}
.form .btn-primary,.form button[type=submit]{background:linear-gradient(180deg,#ffe066 0%,#ffc61a 55%,#f5a800 100%);color:#2a1660}
.form>h2{background:var(--au-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.form>h2 .hl{-webkit-text-fill-color:transparent;background:none}
.map-pin{background:linear-gradient(180deg,#ffe066,#ffb800);color:#2a1660;box-shadow:0 0 0 12px rgba(var(--au-rgb),.14)}
body:has(.cg) .foot-band{display:none}
.map iframe{filter:grayscale(.35) invert(.92) hue-rotate(180deg) brightness(.92) contrast(.92)}
.map{border-radius:24px;border:1px solid rgba(var(--au-rgb),.22);overflow:hidden}

/* etiket */
.n-lbl{margin:0 0 14px;font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--au)}

/* ---------- ana sayfa kurgusu: hero paralaks ---------- */
.x-hero{--hp:0}
.x-hero-bg{transform:scale(calc(1 + var(--hp) * .18)) translateY(calc(var(--hp) * 70px));transform-origin:50% 30%;will-change:transform}
.x-hero-bg video{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.6)}
.x-hero-in,.x-hero .x-stats{opacity:calc(1 - var(--hp) * 1.4);transform:translateY(calc(var(--hp) * -80px))}
.x-scroll{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tx3);opacity:calc(1 - var(--hp) * 4)}
.x-scroll span{width:1px;height:34px;background:linear-gradient(var(--au),transparent);animation:x-drop 2s ease-in-out infinite}
.x-scroll:hover{color:var(--au)}
@keyframes x-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- 2 · konsept serileri (yatay kilitli kaydırma) ---------- */
.sr{position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(var(--au-rgb),.07),transparent 50%),var(--s1)}
.sr-pin{position:sticky;top:var(--head-h);height:calc(100vh - var(--head-h));overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.sr-track{display:flex;align-items:stretch;gap:26px;width:max-content;padding:0 max(20px,calc((100vw - var(--wrap)) / 2 + 20px));will-change:transform}
.sr-intro{flex:0 0 min(430px,80vw);display:flex;flex-direction:column;justify-content:center;padding-right:20px}
.sr-intro h2{margin:0;font-size:clamp(2.4rem,1.5rem + 3vw,4.4rem);line-height:1.02}
.sr-hint{display:flex;align-items:center;gap:12px;margin:34px 0 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.sr-hint-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.5);color:var(--au);animation:sr-nudge 1.8s ease-in-out infinite}
@keyframes sr-nudge{50%{transform:translateX(8px)}}
.sr-card{position:relative;flex:0 0 min(500px,82vw);height:min(640px,calc(100vh - var(--head-h) - 110px));display:flex;flex-direction:column;border-radius:28px;border:1px solid rgba(var(--au-rgb),.24);background:linear-gradient(180deg,#fff,#fff);overflow:hidden;color:var(--hd);transition:border-color .4s,transform .5s var(--ease)}
.sr-card:hover{border-color:rgba(var(--au-rgb),.65);color:var(--hd)}
.sr-link{position:absolute;inset:0;z-index:1}
.sr-stage{position:relative;flex:1;min-height:0;margin:14px 14px 0;border-radius:20px;background:radial-gradient(circle at 50% 38%,#fff,#e6e0ea 72%);overflow:hidden;display:grid;place-items:center}
.sr-stage img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:22px 22px 30px;transition:transform 1.2s var(--ease)}
.sr-card:hover .sr-stage img{transform:scale(1.07) translateY(-6px)}
.sr-ring{position:absolute;left:14%;right:14%;bottom:6%;height:16%;border-radius:50%;border:1px dashed rgba(109,63,216,.55);background:radial-gradient(ellipse,rgba(0,0,0,.12),transparent 70%);animation:x-spin 24s linear infinite}
.sr-360{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#fff;color:var(--au);font-size:.74rem;font-weight:700}
.sr-stage model-viewer{position:absolute;inset:0;z-index:2;width:100%;height:100%;--poster-color:transparent}
.sr-stage.has-mv img{opacity:0}
.sr-body{padding:18px 26px 22px}
.sr-kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--au)}
.sr-kicker i{font:italic 400 1.3rem/1 var(--f-s);letter-spacing:0}
.sr-card h3{margin:8px 0 8px;font-size:clamp(1.8rem,1.3rem + 1.2vw,2.5rem);line-height:1.05}
.sr-body>p{margin:0;color:var(--tx2);font-size:.95rem;line-height:1.6}
.sr-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ln)}
.sr-n{font:italic 400 1.25rem/1 var(--f-s);color:var(--au)}
.sr-subs{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.sr-subs a{padding:5px 11px;border-radius:999px;border:1px solid var(--ln2);font-size:.78rem;color:var(--tx2)}
.sr-subs a:hover{border-color:var(--au);color:var(--au)}
.sr-all{flex-basis:300px;align-items:center;justify-content:center;gap:18px;border-style:dashed;color:var(--au);text-align:center;padding:30px}
.sr-all span{font-size:2rem;font-weight:800}
.sr-progress{position:absolute;left:max(20px,calc((100vw - var(--wrap)) / 2 + 20px));right:max(20px,calc((100vw - var(--wrap)) / 2 + 20px));bottom:24px;height:2px;background:var(--ln);border-radius:2px;overflow:hidden}
.sr-progress span{display:block;height:100%;background:linear-gradient(90deg,#7c4dff,#ff5fa2);transform-origin:left;transform:scaleX(0)}

/* ---------- 5 · referanslar ---------- */
.rf-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(170px,16vw,240px);gap:14px}
.rf-card{position:relative;display:block;border-radius:22px;overflow:hidden;background:var(--s2);isolation:isolate}
.rf-card:nth-child(1){grid-column:span 2;grid-row:span 2}
.rf-card:nth-child(6){grid-column:span 2}
.rf-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .5s}
.rf-card:hover img{transform:scale(1.06);filter:brightness(.8)}
.rf-meta{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 12px;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(30,14,72,.9))}
.rf-meta i{font:italic 400 1.4rem/1 var(--f-s);color:var(--au)}
.rf-meta b{flex:1;min-width:0;font-size:.92rem;font-weight:600;color:var(--hd);line-height:1.35}
.rf-meta em{display:inline-flex;align-items:center;gap:6px;width:100%;font-style:normal;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--au);max-height:0;opacity:0;overflow:hidden;transition:all .35s}
.rf-card:hover .rf-meta em,.rf-card:focus-visible .rf-meta em{max-height:24px;opacity:1}

/* ---------- 6 · B2B ---------- */
.b2b{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,10vw,140px) 0;background:radial-gradient(ellipse at 50% 0,rgba(var(--au-rgb),.12),transparent 55%),var(--s1);border-top:1px solid rgba(var(--au-rgb),.18)}
.b2b-head{max-width:760px;margin:0 auto clamp(36px,5vw,60px);text-align:center}
.b2b-head h2{margin:0;font-size:clamp(2.4rem,1.5rem + 3.4vw,4.8rem);line-height:1}
.b2b-head .k-lead{margin:16px auto 0}
.b2b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.b2b-tile{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.6vw,34px);border-radius:26px;border:1px solid rgba(var(--au-rgb),.28);background:linear-gradient(180deg,#fff,#fff);transition:border-color .3s,transform .4s var(--ease)}
.b2b-tile:hover{border-color:rgba(var(--au-rgb),.6)}
.b2b-tile h3{margin:6px 0 0;color:var(--hd);font-size:1.4rem;font-weight:700;line-height:1.2}
.b2b-tile>p{margin:0;color:var(--tx3);font-size:.92rem;line-height:1.6}
.b2b-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.45);background:radial-gradient(circle at 35% 30%,rgba(var(--au-rgb),.18),transparent 60%);color:var(--au)}
.b2b-cover{display:block;width:84px;transform:rotate(-6deg);box-shadow:8px 10px 0 rgba(var(--au-rgb),.18),0 14px 30px rgba(60,30,120,.15);border-radius:3px 6px 6px 3px;overflow:hidden}
.b2b-cover img{display:block;width:100%;height:auto}
.b2b-fmt{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.b2b-fmt li{padding:4px 9px;border-radius:6px;background:rgba(var(--au-rgb),.1);font:600 .74rem/1.3 ui-monospace,Consolas,monospace;color:var(--au)}
.b2b-roles span{padding:7px 12px;font-size:.8rem}
.b2b-two{display:flex;gap:10px;margin-top:auto;padding-top:8px}
.b2b-two .b2b-btn{flex:1;justify-content:center}
.b2b-tile>.b2b-btn{margin-top:auto;justify-content:center}
.b2b-fields{display:grid;gap:10px}
.cg-f select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ln2);background-color:var(--s2);color:var(--hd);font:inherit;font-size:.95rem}
.b2b-kvkk{font-size:.78rem;color:var(--tx3);line-height:1.5}
.b2b-kvkk a{color:var(--au)}
.b2b-quick .b2b-btn{width:100%;justify-content:center;margin-top:auto}
body:has(.b2b) .foot-band{display:none}

/* ---------- duyarlı ---------- */
@media (max-width:1024px){
  .x-hero{min-height:0}
  .x-hero-in,.c-hero-in,.cg-in,.c-visit-in{grid-template-columns:1fr}
  .x-plinth{justify-self:start;width:min(300px,80%);margin-top:70px;margin-left:70px}
  .c-fac{position:static}
  .sf{height:auto}
  .b2b-grid{grid-template-columns:1fr 1fr}
  .b2b-quick{grid-column:span 2}
}
@media (max-width:899px){
  .sr{height:auto!important}
  .sr-pin{position:static;height:auto;padding:70px 0 40px}
  .sr-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding-bottom:16px;transform:none!important}
  .sr-card{scroll-snap-align:start;height:auto}
  .sr-stage{flex:none;aspect-ratio:1/1}
  .sr-intro{flex-basis:84vw}
  .sr-progress{display:none}
}
@media (max-width:760px){
  .x-h1{font-size:clamp(3rem,13vw,4.4rem)}
  .x-stats{grid-template-columns:1fr 1fr}
  .x-stats>div:nth-child(3){border-left:0}
  .x-stats>div{padding-bottom:22px}
  .x-plinth{margin-left:56px}
  .x-seal{width:120px;height:120px;left:-60px;top:-62px}
  .x-scroll{display:none}
  .rf-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .rf-card:nth-child(1){grid-column:span 2;grid-row:span 1}
  .rf-card:nth-child(6){grid-column:span 2}
  .rf-meta{padding:30px 12px 10px}.rf-meta b{font-size:.8rem}
  .b2b-grid{grid-template-columns:1fr}
  .b2b-quick{grid-column:auto}
  .cg-lines a{grid-template-columns:40px minmax(0,1fr) 20px;grid-template-areas:"i s g" "i b g";row-gap:3px}
  .cgl-ic{grid-area:i}.cg-lines small{grid-area:s}.cg-lines b{grid-area:b}.cgl-go{grid-area:g}
  .cg-row .cg-f{width:calc(50% - 22px)}
  .c-card{transform:none;padding:24px}
  .c-card-wrap::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .x-hero-bg img,.x-plinth,.x-seal-r,.x-mq-track,.cg-dot,.sr-ring,.sr-hint-ic,.x-scroll span{animation:none}
}
.foot-band{border-color:rgba(109,63,216,.3)}
.fb-t .hl,.cta-copy .hl{color:var(--au)}

/* ---------- hero: ana kategori vitrini ---------- */
.xc{width:min(380px,100%)}
.xc-stage{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fff,#ece7ef 70%)}
.xc-slide{position:absolute;inset:0;z-index:1;display:block;clip-path:inset(100% 0 0 0);transition:clip-path 1.05s cubic-bezier(.77,0,.18,1)}
.xc-slide.is-on{z-index:3;clip-path:inset(0 0 0 0)}
.xc-slide.is-out{z-index:2;clip-path:inset(0 0 0 0)}
.xc-img{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#fff,#ece7ef 70%)}
.xc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:16px;transform:scale(1.16) translateY(18px);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.xc-slide.is-on .xc-img img{transform:none}
.xc-slide.is-out .xc-img img{transform:scale(.94)}
.xc-cap{position:relative;height:62px;margin-top:12px;overflow:hidden}
.xc-t{position:absolute;inset:0;display:flex;align-items:center;gap:14px;padding:0 6px;color:var(--hd);opacity:0;transform:translateY(105%);transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .5s;pointer-events:none}
.xc-t.is-on{opacity:1;transform:none;pointer-events:auto}
.xc-t.is-out{opacity:0;transform:translateY(-105%)}
.xc-t i{font:italic 400 1.7rem/1 var(--f-s);color:var(--au)}
.xc-t span{display:flex;flex-direction:column;min-width:0}
.xc-t b{font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xc-t small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.xc-t svg{margin-left:auto;flex-shrink:0;color:var(--au);transition:transform .3s}
.xc-t:hover{color:var(--hd)}.xc-t:hover svg{transform:translateX(4px)}
.xc-dots{display:flex;gap:5px;padding:2px 6px 0}
.xc-dots button{flex:1;display:flex;align-items:center;height:16px;padding:0;border:0;background:none;cursor:pointer}
.xc-dots span{position:relative;display:block;width:100%;height:2px;border-radius:2px;background:rgba(255,255,255,.16);overflow:hidden}
.xc-dots span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7c4dff,#ff5fa2);transform:scaleX(0);transform-origin:left}
.xc-dots .is-done span::after{transform:scaleX(1)}
.xc-dots [aria-selected=true] span::after{animation:xc-prog var(--xcd,5s) linear forwards}
.xc.is-paused .xc-dots [aria-selected=true] span::after{animation-play-state:paused}
.xc-dots button:hover span{background:rgba(255,255,255,.3)}
@keyframes xc-prog{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.xc-slide,.xc-t,.xc-img img{transition:none}.xc-dots [aria-selected=true] span::after{animation:none;transform:scaleX(1)}}@media (max-width:1024px){.xc{margin-left:0;width:min(420px,100%)}.xc .x-seal{left:auto;right:-6px;top:-58px;width:110px;height:110px}}

/* ==========================================================================
   MENÜ · HERO VİTRİNİ · SAĞ ALT DÜĞMELER · ANİMASYONLAR
   ========================================================================== */
@media (min-width:1025px){:root{--head-h:84px}}
.strip-in{min-height:36px}
.site-head{background:rgba(255,255,255,.8);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);transition:background .4s,border-color .4s,box-shadow .4s}
.t-home .site-head:not(.is-stuck){background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.t-home #icerik{margin-top:calc(var(--head-h) * -1)}
.t-home .x-hero{padding-top:calc(var(--head-h) + clamp(40px,6vw,90px))}
.logo .logo-svg,.brand .logo svg{width:140px;height:auto;margin:0}
.nav>ul{gap:2px}
.nav>ul>li>a{padding:0 15px;font-size:.93rem;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.78);transition:color .25s}
.nav>ul>li>a::after{left:50%;right:auto;width:24px;margin-left:-12px;bottom:calc(var(--head-h) / 2 - 18px);height:2px;border-radius:2px;background:linear-gradient(90deg,#7c4dff,#ff5fa2);transform:scaleX(0);transition:transform .35s var(--ease)}
.nav>ul>li>a:hover,.nav>ul>li>a[aria-current],.has-mega.hov>a,.has-mega.open>a{color:var(--hd)}
.nav>ul>li>a:hover::after,.nav>ul>li>a[aria-current]::after,.has-mega.hov>a::after,.has-mega.open>a::after{transform:scaleX(1)}
.nav-mega-link svg{color:var(--au)}
.has-mega.hov .nav-mega-link svg,.has-mega.open .nav-mega-link svg{transform:rotate(180deg)}
.hd-act{gap:8px}
.hbtn{width:42px;height:42px;border-color:rgba(255,255,255,.12);transition:border-color .25s,color .25s,transform .25s}
.hbtn:hover{border-color:var(--au);color:var(--au);transform:translateY(-1px)}
.qcount{background:linear-gradient(180deg,#ffe066,#ffb800);color:#2a1660}
.hd-sep{width:1px;height:30px;margin:0 6px;background:linear-gradient(transparent,rgba(var(--au-rgb),.45),transparent)}
.hd-phone{gap:10px;padding:0 4px}
.hd-phone .hp-ic{width:auto;height:auto;border:0;background:none;color:var(--au)}
.hd-phone small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.hd-phone b{font-size:.95rem}
.hd-phone:hover b{color:var(--au)}
.btn-head{--bh:44px;padding:0 20px;font-size:.9rem}
.btn{position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .8s var(--ease);pointer-events:none}
.btn-gold:hover::after{left:135%}
@media (max-width:1300px){.hd-phone>span:last-child{display:none}.nav>ul>li>a{padding:0 12px}}
@media (max-width:1120px){.hd-sep{display:none}}
/* mega menü */
.mega-in{position:relative;background:linear-gradient(180deg,#fff,#fff);border:1px solid rgba(var(--au-rgb),.2);border-top:0;box-shadow:0 50px 90px rgba(60,30,120,.18)}
.mega-in::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--au-line)}
.mg{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .55s var(--ease);transition-delay:0s}
.has-mega.hov .mg,.has-mega.open .mg,.has-mega:focus-within .mg,html:not(.js) .mg{opacity:1;transform:none;transition-delay:calc(var(--i) * 45ms)}
.mg-h:hover{background:rgba(var(--au-rgb),.07)}
.mg-h:hover b{color:var(--au)}
.mg-img{transition:transform .35s var(--ease)}
.mg-h:hover .mg-img{transform:scale(1.06)}
.mg li a:hover{color:var(--au)}
.mega-book,.mega-plan,.mega-all{border-color:rgba(var(--au-rgb),.2)}
.mega-plan svg,.mega-all:hover{color:var(--au)}
.mega-all:hover{border-color:var(--au)}
/* mobil menü */
.drawer-bg{background:rgba(30,14,72,.7);backdrop-filter:blur(4px)}
.drawer-panel{background:linear-gradient(180deg,#fff,#fff);border-left:1px solid rgba(var(--au-rgb),.22)}
.drawer-nav>a,.dn-acc>summary{font:600 1.22rem/1.2 var(--f-b);padding:17px 4px}
.drawer-nav>a[aria-current]{color:var(--au)}
.dn-acc>summary svg{color:var(--au)}
.drawer.open .drawer-nav>*,.drawer.open .drawer-contact{animation:dr-in .55s var(--ease) both}
.drawer.open .drawer-nav>:nth-child(2){animation-delay:.05s}.drawer.open .drawer-nav>:nth-child(3){animation-delay:.1s}.drawer.open .drawer-nav>:nth-child(4){animation-delay:.15s}.drawer.open .drawer-nav>:nth-child(5){animation-delay:.2s}.drawer.open .drawer-nav>:nth-child(6){animation-delay:.25s}.drawer.open .drawer-nav>:nth-child(7){animation-delay:.3s}.drawer.open .drawer-contact{animation-delay:.35s}
@keyframes dr-in{from{opacity:0;transform:translateX(28px)}}
.drawer-contact .btn-ghost{border-color:rgba(var(--au-rgb),.4)}

/* hero: kategori vitrini sola doğru geniş, yatay oran */
.x-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.xc{justify-self:end;width:100%;max-width:640px}
.xc-stage{aspect-ratio:16/10.5}
.xc-img img{padding:12px 28px}
.xc-cap{height:58px}
@media (max-width:1024px){.xc{justify-self:stretch;max-width:none;margin-top:60px}.xc-stage{aspect-ratio:4/3}}

/* sağ alt: sosyal medya + büyük düğmeler */
.float{gap:12px}
.fl-social{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(var(--au-rgb),.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 36px rgba(60,30,120,.14)}
.fl-social:empty{display:none}
.fl-s{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--tx2);transition:background .25s,color .25s,transform .25s}
.fl-s:hover{background:linear-gradient(180deg,#ffe066,#ffb800);color:#2a1660;transform:scale(1.05)}
.fl-s:hover .fl-tip,.fl-s:focus-visible .fl-tip{opacity:1;transform:translate(0,-50%)}
.fl-btn{width:62px;height:62px}
.fl-call{background:rgba(255,255,255,.94);border-color:rgba(var(--au-rgb),.5);color:var(--au)}
.fl-call:hover{border-color:var(--au);color:var(--hd)}
.fl-wa{box-shadow:0 14px 34px rgba(31,168,85,.4)}
.fl-wa::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid #1fa855;animation:fl-ring 2.6s ease-out infinite;pointer-events:none}
@keyframes fl-ring{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.55);opacity:0}}

/* animasyonlar: kaydırınca belirme */
.js [data-a]{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js [data-a].in{opacity:1;transform:none}
.js [data-a=mask]{opacity:1;transform:translate3d(0,.32em,0);clip-path:inset(0 0 100% 0);transition:clip-path 1.15s cubic-bezier(.7,0,.2,1),transform 1.15s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js [data-a=mask].in{clip-path:inset(-40% -8% -50% -8%);transform:none}
.js [data-a=zoom]{transform:scale(.94)}
.js [data-a=img]{opacity:1;transform:none;clip-path:inset(10% 10% 10% 10% round 22px);transition:clip-path 1.25s cubic-bezier(.7,0,.2,1);transition-delay:var(--d,0s)}
.js [data-a=img].in{clip-path:inset(0 round 22px)}
.js [data-a=line]{transform:scaleX(0);opacity:1;transform-origin:left}
.js [data-a=line].in{transform:none}
/* hero açılışı */
.js .x-hero-copy>*{animation:h-up 1.1s cubic-bezier(.2,.7,.2,1) both}
.js .x-hero-copy>:nth-child(1){animation-delay:.1s}
.js .x-hero-copy>.x-h1{animation:h-mask 1.3s cubic-bezier(.7,0,.2,1) .2s both}
.js .x-hero-copy>:nth-child(3){animation-delay:.55s}
.js .x-hero-copy>:nth-child(4){animation-delay:.7s}
.js .x-hero .xc{animation:h-card 1.4s cubic-bezier(.2,.7,.2,1) .45s both,x-float 7s ease-in-out 1.9s infinite}
.js .x-stats>div{animation:h-up 1s cubic-bezier(.2,.7,.2,1) both}
.js .x-stats>div:nth-child(1){animation-delay:.85s}.js .x-stats>div:nth-child(2){animation-delay:.95s}.js .x-stats>div:nth-child(3){animation-delay:1.05s}.js .x-stats>div:nth-child(4){animation-delay:1.15s}
.js .x-stats::before{animation:h-line 1.4s cubic-bezier(.7,0,.2,1) .7s both;transform-origin:left}
@keyframes h-up{from{opacity:0;transform:translate3d(0,34px,0)}}
@keyframes h-mask{from{clip-path:inset(0 0 100% 0);transform:translate3d(0,.3em,0)}to{clip-path:inset(-40% -8% -50% -8%);transform:none}}
@keyframes h-card{from{opacity:0;transform:translate3d(60px,0,0) scale(.96)}}
@keyframes h-line{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){
  .js [data-a],.js [data-a=mask],.js [data-a=img],.js [data-a=line]{opacity:1;transform:none;clip-path:none;transition:none}
  .js .x-hero-copy>*,.js .x-hero .xc,.js .x-stats>div,.js .x-stats::before,.fl-wa::before,.drawer.open .drawer-nav>*{animation:none}
}.fl-btn{padding:0;gap:0}.fl-btn>svg{display:block}
.fl-s{width:42px;height:42px}

/* ---------- sağ alt çekmece (yatay açılır) ---------- */
.dk{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:95;display:flex;align-items:center;gap:12px}
.dk-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px}
.dk-list li{position:relative;opacity:0;transform:translateX(34px) scale(.55);pointer-events:none;transition:opacity .25s,transform .4s cubic-bezier(.3,1.45,.55,1);transition-delay:calc(var(--i) * 40ms)}
.dk.open .dk-list li{opacity:1;transform:none;pointer-events:auto}
.dk:not(.open) .dk-list li{transition-delay:0s}
.ic3{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;box-shadow:inset 0 2px 1px rgba(255,255,255,.45),inset 0 -6px 10px rgba(0,0,0,.25),0 10px 22px rgba(60,30,120,.14);transition:transform .2s}
.ic3::before{content:"";position:absolute;left:13%;right:13%;top:6%;height:42%;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));pointer-events:none}
.ic3>svg{position:relative;display:block}
a.ic3:hover{transform:scale(1.1);color:#fff}
.ic-wa{background:radial-gradient(circle at 30% 25%,#5ff08d,#1fa855 60%,#137a3a)}
.ic-tel{background:radial-gradient(circle at 30% 25%,#ffe066,#ffb800 60%,#e09b00);color:#2a1660}
a.ic-tel:hover{color:#2a1660}
.ic-mail{background:radial-gradient(circle at 30% 25%,#c4b5fd,#6d3fd8 60%,#4c1d95)}
.ic-map{background:radial-gradient(circle at 30% 25%,#e7a07f,#b7533a 60%,#7a3020)}
.ic-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 62%,#285aeb 92%)}
.ic-fb{background:radial-gradient(circle at 30% 25%,#5a9bff,#1877f2 60%,#0d4fae)}
.ic-yt{background:radial-gradient(circle at 30% 25%,#ff6b6b,#e00000 60%,#9a0000)}
.ic-in{background:radial-gradient(circle at 30% 25%,#4b98e0,#0a66c2 60%,#064485)}
.dk-tip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,6px);padding:7px 12px;border-radius:9px;background:#fff;border:1px solid rgba(var(--au-rgb),.3);font-size:.8rem;font-weight:600;color:var(--hd);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dk-list li:hover .dk-tip,.dk-list li:focus-within .dk-tip{opacity:1;transform:translate(-50%,0)}
.dk-toggle{width:64px;height:64px;border:0;padding:0;cursor:pointer;flex-shrink:0}
.dk-toggle::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(31,168,85,.6);animation:fl-ring 2.4s ease-out infinite;pointer-events:none}
.dk.open .dk-toggle::after{animation:none;opacity:0}
.dk-face,.dk-x{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .25s,transform .35s var(--ease)}
.dk-face svg,.dk-x svg{display:block}
.dk-x{opacity:0;transform:rotate(-90deg) scale(.6)}
.dk.open .dk-face{opacity:0;transform:rotate(90deg) scale(.6)}
.dk.open .dk-x{opacity:1;transform:none}
.dk.open .dk-toggle{background:radial-gradient(circle at 30% 25%,#7c4dff,#6d3fd8 60%,#fff)}
.dk-badge{position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,#ffe066,#ffb800);border:2px solid #fff}
.dk.open .dk-badge{display:none}
.dk.open~.to-top{opacity:0;visibility:hidden}
@media (max-width:1024px){.dk{display:none}}
@media (prefers-reduced-motion:reduce){.dk-list li,.dk-face,.dk-x{transition:none}.dk-toggle::after{animation:none}}

/* ---------- kompakt mega menü ---------- */
.mega-in{grid-template-columns:1fr 230px;gap:18px;padding:20px 22px}
.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 14px}
.mg{padding:10px;border-radius:14px;transition:background .25s}
.mg:hover{background:rgba(255,255,255,.025)}
.mg-h{margin:0 0 6px;padding:0;gap:10px;background:none!important}
.mg-img{width:46px;height:46px;border-radius:11px}
.mg-h b{font-size:.92rem}
.mg-h small{font-size:.72rem;letter-spacing:.06em}
.mg ul{gap:0;padding-left:56px}
.mg li a{padding:3px 0;font-size:.84rem}
.mg-more{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0 56px;font-size:.78rem;font-weight:700;color:var(--au)}
.mg-more:hover{color:var(--hd)}
.mega-side{gap:10px;padding-left:18px}
.mega-book{grid-template-columns:52px 1fr;padding:10px}
.mega-plan{padding:12px}
.mega-in{max-height:none}
/* ---------- SSS: kompakt, sol sütun dolu ---------- */
.fq{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:start}
.fq-side{position:sticky;top:calc(var(--head-h) + 30px);display:flex;flex-direction:column;align-items:flex-start}
.fq-side h2{margin:0;font-size:clamp(2rem,1.4rem + 2vw,3.1rem);line-height:1.05}
.fq-side .k-lead{margin:14px 0 22px}
.fq-help{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px 16px;align-items:center;width:100%;margin-bottom:22px;padding:22px;border-radius:22px;border:1px solid rgba(var(--au-rgb),.3);background:radial-gradient(circle at 0 0,rgba(var(--au-rgb),.12),transparent 55%),linear-gradient(180deg,#fff,#fff)}
.fq-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.45);color:var(--au)}
.fq-help b{display:block;color:var(--hd);font-size:1.05rem}
.fq-help p{margin:4px 0 0;color:var(--tx3);font-size:.88rem;line-height:1.5}
.fq-act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.fq-act .btn{--bh:42px;font-size:.86rem;padding:0 16px}
.fq .faq{display:grid;gap:8px}
.fq .faq details{border-radius:14px}
.fq .faq summary{padding:15px 18px;font-size:.96rem;gap:14px}
.fq .faq .ans{padding:0 18px 14px;font-size:.9rem}
.fq .faq .ans p{margin:0}
.fq .pm{width:28px;height:28px}
.faq details[open] .pm{background:linear-gradient(180deg,#ffe066,#ffb800);border-color:transparent;color:#2a1660}
.faq details[open]{border-color:rgba(var(--au-rgb),.35)}
@media (max-width:1024px){.fq{grid-template-columns:1fr}.fq-side{position:static}}

/* ---------- referans logoları: açık kartlarda, gri tonlu ---------- */
.k-refs ul{gap:10px;background:none}
.k-refs li{height:96px;border-radius:16px;background:var(--well);transition:transform .3s var(--ease)}
.k-refs img{max-height:54px;max-width:78%;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.72;mix-blend-mode:multiply;transition:filter .3s,opacity .3s}
.k-refs li:hover{transform:translateY(-3px)}
.k-refs li:hover img{filter:none;opacity:1}
/* hakkımızda rakamları */
.stats>div,.stats>div:first-child{background:linear-gradient(180deg,#fff,#fff);border:1px solid rgba(var(--au-rgb),.25);box-shadow:none}
.stats dd,.stats>div:first-child dd{font:400 clamp(2.2rem,1.6rem + 1.8vw,3.2rem)/1 var(--f-s);background:var(--au-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats dt,.stats>div:first-child dt{color:var(--tx3);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}
/* ---------- logo hizası ---------- */
.logo{align-items:flex-start}
.logo-tag{padding-left:1px;letter-spacing:.24em}

/* ---------- 3 · alanınıza ne sığar? ---------- */
.qp{position:relative;padding:clamp(80px,9vw,130px) 0;border-top:1px solid rgba(var(--au-rgb),.16);background:radial-gradient(ellipse at 75% 50%,rgba(var(--au-rgb),.09),transparent 55%),radial-gradient(ellipse at 10% 20%,rgba(167,139,250,.25),transparent 50%),var(--bg)}
.qp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.qp-copy h2{margin:0;font-size:clamp(2.2rem,1.4rem + 2.8vw,3.8rem);line-height:1.03}
.qp-copy .k-lead{margin-bottom:26px}
.qp-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:16px;border-radius:22px;border:1px solid rgba(var(--au-rgb),.3);background:linear-gradient(180deg,#fff,#fff)}
.qp-form .cg-f{width:120px}
.qp-form .cg-f input{font-size:1.1rem;font-weight:600}
.qp-x{padding-bottom:13px;color:var(--au);font-size:1.3rem}
.qp-form .btn{flex:1;min-width:190px;justify-content:center;--bh:50px}
.qp-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.qp-chips a{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid var(--ln2);font-size:.84rem;color:var(--tx2)}
.qp-chips a:hover{border-color:var(--au);color:var(--au)}
.qp-viz{display:grid;place-items:center;min-height:360px;perspective:1100px}
.qp-plot{position:relative;width:min(100%,calc(380px * var(--w) / max(var(--w), var(--l))));aspect-ratio:var(--w)/var(--l);max-height:380px;border-radius:14px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),linear-gradient(135deg,#6b3a32,#4d2721);border:2px solid var(--au);box-shadow:0 40px 80px rgba(60,30,120,.15),inset 0 0 40px rgba(0,0,0,.35);transform:rotateX(52deg) rotateZ(-32deg);transition:width .5s var(--ease),aspect-ratio .5s var(--ease)}
.qp-safe{position:absolute;inset:12%;border:1.5px dashed rgba(109,63,216,.7);border-radius:8px}
.qp-area{position:absolute;inset:0;display:grid;place-items:center;font:400 1.4rem/1 var(--f-s);color:var(--hd);transform:rotateZ(32deg) rotateX(-52deg);text-shadow:0 2px 10px rgba(60,30,120,.18)}
.qp-area b{font-size:3.2rem;font-weight:400;background:var(--au-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qp-dim{position:absolute;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--au);white-space:nowrap}
.qp-dw{left:50%;bottom:-30px;transform:translateX(-50%)}
.qp-dl{right:-44px;top:50%;transform:translateY(-50%) rotate(90deg)}

/* en çok tercih edilenler: sekmeler */
.ft-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 28px}
.ft-tabs button{padding:10px 18px;border-radius:999px;border:1px solid var(--ln2);background:transparent;color:var(--tx2);font:inherit;font-size:.9rem;cursor:pointer;transition:all .25s}
.ft-tabs button:hover{border-color:rgba(var(--au-rgb),.6);color:var(--hd)}
.ft-tabs button[aria-selected=true]{background:linear-gradient(180deg,#ffe066,#ffc21a);border-color:transparent;color:#2a1660;font-weight:600}
.ft-panel{animation:ft-in .6s var(--ease)}
@keyframes ft-in{from{opacity:0;transform:translateY(14px)}}

/* ---------- 4 · süreç zaman çizelgesi ---------- */
.pr{background:var(--s1);border-block:1px solid rgba(var(--au-rgb),.14)}
.pr-line{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.pr-line::before{content:"";position:absolute;left:30px;right:30px;top:30px;height:1px;background:var(--ln2)}
.pr-line::after{content:"";position:absolute;left:30px;right:30px;top:30px;height:2px;background:linear-gradient(90deg,#7c4dff,#ff5fa2);transform:scaleX(0);transform-origin:left;transition:transform 2.2s cubic-bezier(.7,0,.2,1)}
.pr-line.in::after{transform:scaleX(1)}
.pr-line li{position:relative;padding-right:10px}
.pr-dot{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;margin-bottom:20px;border-radius:50%;border:1px solid rgba(var(--au-rgb),.6);background:var(--s1);box-shadow:0 0 0 7px var(--s1);font:italic 400 1.35rem/1 var(--f-s);color:var(--au);transition:background .5s,color .5s;transition-delay:calc(var(--i) * .4s)}
.pr-line.in .pr-dot{background:linear-gradient(180deg,#ffe066,#ffb800);color:#2a1660;border-color:transparent}
.pr-ic{position:absolute;top:18px;right:10px;color:rgba(var(--au-rgb),.35)}
.pr-line b{display:block;margin-bottom:8px;font-size:1.12rem;color:var(--hd)}
.pr-line p{margin:0;color:var(--tx3);font-size:.92rem;line-height:1.6}
@media (max-width:1024px){
  .qp-in{grid-template-columns:1fr}
  .qp-viz{min-height:300px}
  .pr-line{grid-template-columns:1fr 1fr;row-gap:34px}
  .pr-line::before,.pr-line::after{display:none}
}
@media (max-width:600px){.pr-line{grid-template-columns:1fr}.qp-form .cg-f{width:calc(50% - 22px)}.qp-viz{min-height:240px}}.pr-line.in .pr-dot{color:#2a1660;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.35)}.pr-dot{transition:background .5s,border-color .5s}

/* ---------- ürün vitrini slaytı ---------- */
.ps{padding:clamp(70px,8vw,120px) 0;border-top:1px solid rgba(var(--au-rgb),.16);background:radial-gradient(ellipse at 30% 40%,rgba(var(--au-rgb),.08),transparent 55%),var(--s1)}
.ps-arrows{display:flex;gap:10px}
.ps-arrows [data-ps-prev] svg{transform:rotate(180deg)}
.ps-frame{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,60px);align-items:center}
.ps-stage{position:relative;height:clamp(340px,42vw,560px);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff,#e7e1ea 72%);box-shadow:0 50px 100px rgba(60,30,120,.15),inset 0 0 0 1px rgba(var(--au-rgb),.3)}
.ps-img{position:absolute;inset:0;display:block;opacity:0;transform:translate3d(8%,0,0) scale(1.04);transition:opacity .8s,transform 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.ps-img.is-on{opacity:1;transform:none;pointer-events:auto}
.ps-img.is-out{opacity:0;transform:translate3d(-8%,0,0) scale(.96)}
.ps-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:clamp(16px,3vw,40px)}
.ps-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.16),transparent 70%);pointer-events:none}
.ps-count{position:absolute;left:22px;bottom:18px;z-index:2;font:italic 400 1.1rem/1 var(--f-s);color:#6d3fd8}
.ps-count b{font-size:1.8rem;font-weight:400;color:#2a1660}
.ps-info{position:relative;min-height:430px}
.ps-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.ps-txt>*{opacity:0;transform:translate3d(0,26px,0);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}
.ps-txt.is-on{pointer-events:auto}
.ps-txt.is-on>*{opacity:1;transform:none}
.ps-txt.is-on>:nth-child(2){transition-delay:.08s}.ps-txt.is-on>:nth-child(3){transition-delay:.16s}.ps-txt.is-on>:nth-child(4){transition-delay:.24s}.ps-txt.is-on>:nth-child(5){transition-delay:.32s}.ps-txt.is-on>:nth-child(6){transition-delay:.4s}
.ps-txt.is-out>*{opacity:0;transform:translate3d(0,-18px,0);transition-duration:.35s}
.ps-cat{display:flex;align-items:center;gap:10px;margin:0;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--au)}
.ps-cat i{font:italic 400 1.4rem/1 var(--f-s);letter-spacing:0}
.ps-code{margin:18px 0 6px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.ps-txt h3{margin:0;font-size:clamp(1.7rem,1.2rem + 1.4vw,2.6rem);line-height:1.08}
.ps-sum{margin:14px 0 0;color:var(--tx2);font-size:.98rem;line-height:1.7}
.ps-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 4px;border:1px solid var(--ln);border-radius:16px;overflow:hidden;background:var(--ln)}
.ps-facts>div{padding:12px 14px;background:#fff}
.ps-facts dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.ps-facts dd{margin:4px 0 0;font-weight:600;color:var(--hd);font-size:.95rem}
.ps-txt .btn-row{margin-top:22px}
.ps-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:26px}
.ps-nav button{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:16px;border:1px solid var(--ln);background:transparent;color:var(--tx3);font:inherit;text-align:left;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.ps-nav button:hover{border-color:rgba(var(--au-rgb),.5);color:var(--hd)}
.ps-nav button[aria-selected=true]{border-color:rgba(var(--au-rgb),.7);background:rgba(var(--au-rgb),.07);color:var(--hd)}
.ps-th{display:block;aspect-ratio:4/3;border-radius:10px;background:var(--well);overflow:hidden}
.ps-th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:4px;transform:scale(1.15)}
.ps-tl{font-size:.74rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-bar{display:block;height:2px;border-radius:2px;background:var(--ln);overflow:hidden}
.ps-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c4dff,#ff5fa2);transform:scaleX(0);transform-origin:left}
.ps-nav button.is-done .ps-bar i{transform:scaleX(1)}
.ps-nav button[aria-selected=true] .ps-bar i{animation:xc-prog 6s linear forwards}
.ps.is-paused .ps-nav button[aria-selected=true] .ps-bar i{animation-play-state:paused}
@media (max-width:1024px){.ps-frame{grid-template-columns:1fr}.ps-info{min-height:400px}.ps-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.ps-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ps-nav button{flex:0 0 32%;scroll-snap-align:start}.ps-info{min-height:470px}.ps-facts{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ps-img,.ps-txt>*{transition:none}.ps-nav button[aria-selected=true] .ps-bar i{animation:none;transform:scaleX(1)}}

/* planlayıcı ile öne çıkanlar arası boşluk */
.qp{padding-bottom:clamp(40px,4vw,60px)}
.qp + .ft{padding-top:clamp(30px,3vw,50px);border-top:0}

/* tüm ürünler: kategori görselleri büyük */
.ccard .cc-img{aspect-ratio:4/3;min-height:0;margin:12px 0;overflow:hidden}
.ccard .cc-img img{width:100%;height:100%;max-height:none;object-fit:contain;padding:6px;transform:scale(1.32)}
.ccard:hover .cc-img img{transform:scale(1.4)}
.logo-tag{display:block;width:140px;padding-left:0;font-size:.6rem;letter-spacing:.2em;white-space:nowrap}
.ps-img{background:radial-gradient(circle at 50% 38%,#fff,#e7e1ea 72%)}
.xc-tag{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(109,63,216,.4);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d3fd8;backdrop-filter:blur(6px)}
.xc-t small{letter-spacing:.06em;text-transform:none;font-size:.78rem}
/* vitrin en üstte: başlık şeffaf değil, içerik menünün altından başlar */
.t-home #icerik{margin-top:0}
.t-home .site-head:not(.is-stuck){background:rgba(255,255,255,.8);border-color:var(--ln);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px)}
.ps-top{padding:clamp(30px,4vw,56px) 0 clamp(30px,3vw,44px);border-top:0}
.ps-top h1{margin:0;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.8rem);line-height:1.04}
.ps-top .k-head{margin-bottom:clamp(20px,2.4vw,32px)}
.ps-top .ps-stage{height:clamp(320px,38vw,540px)}
.ps-stats{background:var(--s1);padding-bottom:clamp(40px,5vw,70px)}
.ps-stats .x-stats{margin-top:0}
.js .ps-top .k-head,.js .ps-top .ps-frame,.js .ps-top .ps-nav{animation:h-up 1s cubic-bezier(.2,.7,.2,1) both}
.js .ps-top .ps-frame{animation-delay:.15s}.js .ps-top .ps-nav{animation-delay:.3s}

/* ---------- kurumsal sayfa ---------- */
.ab-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,5vw,70px) 0 clamp(40px,5vw,60px);min-height:min(78vh,760px);display:flex;flex-direction:column;justify-content:flex-end}
.ab-hero-bg{position:absolute;inset:0;z-index:-2}
.ab-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);animation:x-ken 30s ease-in-out infinite alternate}
.ab-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,14,72,.95),rgba(30,14,72,.6) 55%,rgba(30,14,72,.3)),linear-gradient(0deg,var(--bg) 3%,transparent 50%)}
.ab-hero-in .crumbs{margin-bottom:22px}
.ab-h1{margin:0;max-width:16ch;font-size:clamp(2.8rem,1.6rem + 4.6vw,6.2rem);line-height:.96}
.ab-h1 .hl{display:block}
.ab-hero .x-stats{margin-top:clamp(36px,5vw,60px)}
.ab-story{padding:clamp(70px,8vw,120px) 0}
.ab-ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.ab-ch+.ab-ch{margin-top:clamp(60px,8vw,120px)}
.ab-rev .ab-ph{order:2}
.ab-ph{position:relative;margin:0}
.ab-ph a{display:block;aspect-ratio:5/4;border-radius:26px;overflow:hidden;box-shadow:0 40px 90px rgba(60,30,120,.15)}
.ab-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ab-ph a:hover img{transform:scale(1.05)}
.ab-ph::before{content:"";position:absolute;inset:-14px 14px 14px -14px;z-index:-1;border-radius:30px;border:1px solid rgba(var(--au-rgb),.35)}
.ab-rev .ab-ph::before{inset:-14px -14px 14px 14px}
.ab-ph figcaption{margin-top:12px;font-size:.8rem;letter-spacing:.06em;color:var(--tx3)}
.ab-n{display:block;font:italic 400 clamp(3.4rem,2.4rem + 3vw,5.6rem)/.9 var(--f-s);color:rgba(var(--au-rgb),.3)}
.ab-tx h2{margin:6px 0 18px;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);line-height:1.05}
.ab-tx .prose{font-size:1.06rem;line-height:1.85}
.ab-vm{padding:clamp(60px,7vw,100px) 0;background:radial-gradient(ellipse at 50% 0,rgba(var(--au-rgb),.1),transparent 55%),var(--s1);border-block:1px solid rgba(var(--au-rgb),.14)}
.ab-vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ab-v{position:relative;padding:clamp(28px,3.5vw,48px);border-radius:28px;border:1px solid rgba(var(--au-rgb),.32);background:linear-gradient(180deg,#fff,#130e16);box-shadow:inset 0 0 0 7px var(--s1),inset 0 0 0 8px rgba(var(--au-rgb),.14);overflow:hidden}
.ab-v-n{position:absolute;right:26px;top:10px;font:italic 400 6rem/1 var(--f-s);color:rgba(var(--au-rgb),.1)}
.ab-v h2{margin:0 0 16px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem);line-height:1.15;max-width:22ch}
.ab-v>p:last-child{margin:0;color:var(--tx2);line-height:1.75}
@media (max-width:900px){.ab-ch,.ab-vm-grid{grid-template-columns:1fr}.ab-rev .ab-ph{order:0}.ab-ph::before{display:none}}
.ps-stats{padding:0 0 clamp(30px,4vw,50px)}
.ps-line{display:block;height:1px;background:var(--au-line)}


/* ==========================================================================
   PARK LILA — KURUMSAL & CIVIL CIVIL KATMAN
   Beyaz zemin, lila marka (#6d3fd8), koyu mor şerit/altbilgi, güneş sarısı
   teklif düğmesi, kartlarda sırayla pembe · nane · gök · turuncu vurgular.
   ========================================================================== */
:root{
  --brand:#6d3fd8;--brand-d:#4c25b0;--brand-dd:#2a1660;--brand-l:#a78bfa;--brand-50:#f6f3ff;--brand-100:#ede7ff;
  --sun:#ffc21a;--pink:#ff4f9a;--mint:#16c08a;--sky:#1ea7f0;--orange:#ff8a1f;--grape:#8b5cf6;
  --bg:#fff;--s1:#f7f4fe;--s2:#efe9fd;--s3:#e5dcfb;--ln:#e8e2f4;--ln2:#d9cff0;
  --tx:#2a1d4a;--tx2:#51466c;--tx3:#7c7296;--hd:#22124f;
  --ink:var(--tx);--ink-2:var(--tx2);--muted:var(--tx3);--line:var(--ln);--line-2:var(--ln);
  --acc:var(--brand);--acc-d:var(--brand-d);--acc-rgb:109,63,216;--on-acc:#fff;
  --au:var(--brand);--au-d:var(--brand-d);--au-hi:#ede7ff;--au-rgb:109,63,216;
  --au-grad:linear-gradient(100deg,#5b2fd0 0%,#7c4dff 45%,#c04df0 100%);
  --au-line:linear-gradient(90deg,transparent,rgba(109,63,216,.35) 20%,rgba(109,63,216,.35) 80%,transparent);
  --plum:#6d3fd8;--plum-d:#4c25b0;--plum-dd:#2a1660;--plum-x:#1e0e48;--plum-rgb:109,63,216;--plum-d-rgb:76,37,176;--plum-dd-rgb:42,22,96;
  --lila:#a78bfa;--lila-2:#ddd3fd;--lila-50:#f7f4fe;--lila-100:#efe9fd;--lila-200:#e2d8fb;
  --lime:#ffc21a;--lime-d:#e0a400;--lime-dd:#8a6400;--lime-l:#fff3c4;--lime-rgb:255,194,26;
  --well:#f5f2fb;
  --f-s:"Figtree","Segoe UI",system-ui,sans-serif;
  --sh-1:0 1px 2px rgba(42,22,96,.05),0 6px 18px rgba(42,22,96,.06);
  --sh-2:0 6px 14px rgba(42,22,96,.06),0 24px 50px rgba(42,22,96,.11);
  --sh-3:0 40px 90px rgba(42,22,96,.18);
  --rainbow:linear-gradient(90deg,#6d3fd8 0 16.6%,#ff4f9a 0 33.3%,#ffc21a 0 50%,#16c08a 0 66.6%,#1ea7f0 0 83.3%,#ff8a1f 0);
}
html{color-scheme:light}
body{background:var(--bg);color:var(--tx)}
a{color:var(--brand)}a:hover{color:var(--brand-d)}
h1,h2,h3,h4{color:var(--hd);font-weight:800;letter-spacing:-.03em}
::selection{background:var(--sun);color:var(--brand-dd)}
:focus-visible{outline-color:var(--brand)}

/* başlıklar: altın kabartma yerine net lacivert-mor, vurgu kelimeler lila degrade + sarı fosfor */
.au-t,.page-hero h1,.pd-info h1,.form>h2{background:none;-webkit-text-fill-color:currentColor;color:var(--hd);filter:none;font-weight:800}
.pc-t,.cc-t,.k-cat-t b,.mg-h b,.xp-t,.x-index-list a.is-on .xi-t b{background:none;-webkit-text-fill-color:currentColor;filter:none}
.pcard:hover .pc-t,.ccard:hover .cc-t{background:none;color:var(--brand)}
.hl,.au-t .hl,.page-hero h1 .hl,.pd-info h1 .hl,.au-t em,.page-hero h1 em,.form>h2 .hl{
  font-family:var(--f-b);font-style:normal;font-weight:800;letter-spacing:-.03em;
  background:var(--au-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.02em}
.k-over,.n-lbl,.ps-cat,.sr-kicker,.xp-code,.pc-cat,.c-firm{color:var(--brand)}
.k-over::before{height:3px;width:26px;border-radius:3px;background:var(--rainbow)}
.eyebrow::before{background:var(--rainbow);height:3px;border-radius:3px}

/* düğmeler: birincil = güneş sarısı, ikincil = lila çizgi */
.btn-gold,.btn-plum,.btn-primary,.btn-lime,.form .btn-primary,.form button[type=submit],.pd-add .btn-primary,.qtoast .btn-primary,.pl-form .btn-primary{
  background:linear-gradient(180deg,#ffd84d,#ffc21a);color:var(--brand-dd);border:0;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 10px 24px rgba(255,170,0,.28)}
.btn-gold:hover,.btn-plum:hover,.btn-primary:hover,.btn-lime:hover,.form button[type=submit]:hover{
  background:linear-gradient(180deg,#ffe066,#ffcc33);color:var(--brand-dd);filter:none;box-shadow:0 14px 30px rgba(255,170,0,.38)}
.btn-line,.btn-ghost,.btn-ghost-light{border:1.5px solid var(--ln2);color:var(--brand-dd);background:#fff}
.btn-line:hover,.btn-ghost:hover,.btn-ghost-light:hover{border-color:var(--brand);color:#fff;background:var(--brand)}
.btn-white{background:#fff;color:var(--brand-dd)}
.btn-ink{background:var(--brand);color:#fff}

/* üst şerit: koyu mor; başlık: beyaz + altında renk şeridi */
.strip{background:var(--brand-dd);color:#d9cffb;border-bottom:0}
.strip-msg,.strip-links a{color:#d9cffb}.strip-msg svg{color:var(--sun)}
.strip-links a:hover{color:#fff}
.strip .langs{border-color:rgba(255,255,255,.2)}
.strip .langs a{color:#d9cffb}
.langs a[aria-current]{background:var(--sun);color:var(--brand-dd)}
.site-head,.t-home .site-head:not(.is-stuck){background:rgba(255,255,255,.94);border-bottom:0;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 var(--ln)}
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--rainbow);pointer-events:none}
.site-head.is-stuck{box-shadow:0 10px 30px rgba(42,22,96,.08)}
.lg-park{fill:var(--brand-dd)}.lg-box{fill:var(--brand)}.lg-lila{fill:#fff}
.logo-light .lg-park{fill:#fff}
.logo-tag{color:var(--tx3)}
.nav>ul>li>a{color:var(--tx);font-weight:600}
.nav>ul>li>a:hover,.has-mega:hover>a,.has-mega.open>a,.nav>ul>li>a[aria-current]{color:var(--brand)}
.nav>ul>li>a::after{background:var(--brand);height:3px;border-radius:3px}
.hbtn{border-color:var(--ln2);color:var(--brand-dd);background:#fff}.hbtn:hover{border-color:var(--brand);color:var(--brand)}
.hd-phone{color:var(--hd)}.hd-phone:hover{color:var(--brand)}
.hp-ic{border-color:var(--ln2);color:var(--brand);background:var(--brand-50)}
.qcount{background:var(--pink);color:#fff}
.mega-in{background:#fff;border:1px solid var(--ln);border-top:0;box-shadow:0 40px 80px rgba(42,22,96,.14)}
.mega-in::before{height:3px;background:var(--rainbow)}
.mg:hover{background:var(--brand-50)}
.mg-h:hover b,.mg li a:hover,.mg-more{color:var(--brand)}
.mg-more:hover{color:var(--brand-dd)}
.mega-book,.mega-plan{background:var(--s1)}
.drawer-bg{background:rgba(30,14,72,.45)}
.drawer-panel{background:#fff;border-left:0}
.srch-bg{background:rgba(30,14,72,.45)}
.lb{background:rgba(30,14,72,.94)}

/* bölüm zeminleri: beyaz ↔ çok açık lila sırayla */
.ps,.ps-top{background:radial-gradient(ellipse at 85% 0,rgba(255,79,154,.07),transparent 45%),radial-gradient(ellipse at 0 30%,rgba(109,63,216,.08),transparent 50%),#fff}
.ps-stats{background:#fff}
.sr{background:radial-gradient(ellipse at 15% 50%,rgba(109,63,216,.08),transparent 50%),var(--s1)}
.x-manifest,.b2b,.ab-vm{background:radial-gradient(ellipse at 50% 0,rgba(109,63,216,.08),transparent 55%),var(--s1);border-color:var(--ln)}
.cg{background:linear-gradient(180deg,#fff,var(--s1));border-top-color:var(--ln)}
.pr{background:var(--s1);border-color:var(--ln)}
.qp{background:radial-gradient(ellipse at 75% 50%,rgba(255,194,26,.12),transparent 55%),radial-gradient(ellipse at 10% 20%,rgba(109,63,216,.10),transparent 50%),#fff;border-top-color:var(--ln)}
.x-marquee{background:var(--brand-dd);border:0}
.x-mq-track b{-webkit-text-stroke:1px rgba(255,255,255,.55)}
.x-mq-track b.x-mq-gold{background:linear-gradient(90deg,#ffd84d,#ff9ccc);-webkit-background-clip:text;background-clip:text}
.x-mq-track i{color:var(--sun)}

/* kartlar: beyaz, ince çizgi, yumuşak mor gölge */
.pcard,.ccard,.x-piece,.sr-card,.b2b-tile,.x-nat-card,.cg-card,.c-fac,.fq-help,.qp-form,.svc,.value,.steps li,.ccd,.faq details,.post-card,.catbox,.form,.pl-form,.aside-box,.ab-v,.stats>div,.stats>div:first-child,.x-nat-frame{
  background:#fff;border:1px solid var(--ln);box-shadow:var(--sh-1)}
.pcard:hover,.ccard:hover,.x-piece:hover,.sr-card:hover,.b2b-tile:hover,.x-nat-card:hover{border-color:rgba(109,63,216,.35);box-shadow:var(--sh-2)}
.ccard:nth-child(3n+2),.ccard:nth-child(3n+2):hover{background:#fff}
.ab-v,.x-nat-frame{box-shadow:var(--sh-1)}
.x-why li,.x-why li:hover{background:#fff}
.x-why{background:var(--ln);border-color:var(--ln)}
.pc-code{background:var(--brand-50);color:var(--brand)}
.pc-add{border-color:var(--ln2);color:var(--brand-dd)}
.pc-add:hover,.pc-add.is-in{background:var(--brand);border-color:var(--brand);color:#fff}
.cg-chips input:checked+span,.ft-tabs button[aria-selected=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
.ft-tabs button,.cg-chips span{background:#fff}
.tabs button[aria-selected=true],.chips-nav a[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff}
.chips-nav a[aria-current] i{background:rgba(255,255,255,.2);color:#fff}

/* canlı renk döngüsü: kategoriler, seriler, numaralar */
.k-cats>:nth-child(6n+1),.x-index-list li:nth-child(6n+1),.sr-track>.sr-card:nth-of-type(6n+1),.x-why li:nth-child(6n+1),.b2b-tile:nth-child(6n+1),.pr-line li:nth-child(6n+1),.ccard:nth-child(6n+1),.x-nat-card:nth-child(6n+1),.svc:nth-child(6n+1),.steps li:nth-child(6n+1),.ps-nav button:nth-child(6n+1){--c:#6d3fd8}
.k-cats>:nth-child(6n+2),.x-index-list li:nth-child(6n+2),.sr-track>.sr-card:nth-of-type(6n+2),.x-why li:nth-child(6n+2),.b2b-tile:nth-child(6n+2),.pr-line li:nth-child(6n+2),.ccard:nth-child(6n+2),.x-nat-card:nth-child(6n+2),.svc:nth-child(6n+2),.steps li:nth-child(6n+2),.ps-nav button:nth-child(6n+2){--c:#ff4f9a}
.k-cats>:nth-child(6n+3),.x-index-list li:nth-child(6n+3),.sr-track>.sr-card:nth-of-type(6n+3),.x-why li:nth-child(6n+3),.b2b-tile:nth-child(6n+3),.pr-line li:nth-child(6n+3),.ccard:nth-child(6n+3),.x-nat-card:nth-child(6n+3),.svc:nth-child(6n+3),.steps li:nth-child(6n+3),.ps-nav button:nth-child(6n+3){--c:#f0a500}
.k-cats>:nth-child(6n+4),.x-index-list li:nth-child(6n+4),.sr-track>.sr-card:nth-of-type(6n+4),.x-why li:nth-child(6n+4),.b2b-tile:nth-child(6n+4),.pr-line li:nth-child(6n+4),.ccard:nth-child(6n+4),.x-nat-card:nth-child(6n+4),.svc:nth-child(6n+4),.steps li:nth-child(6n+4),.ps-nav button:nth-child(6n+4){--c:#16b07f}
.k-cats>:nth-child(6n+5),.x-index-list li:nth-child(6n+5),.sr-track>.sr-card:nth-of-type(6n+5),.x-why li:nth-child(6n+5),.b2b-tile:nth-child(6n+5),.pr-line li:nth-child(6n+5),.ccard:nth-child(6n+5),.x-nat-card:nth-child(6n+5),.svc:nth-child(6n+5),.steps li:nth-child(6n+5),.ps-nav button:nth-child(6n+5){--c:#1ea7f0}
.k-cats>:nth-child(6n+6),.x-index-list li:nth-child(6n+6),.sr-track>.sr-card:nth-of-type(6n+6),.x-why li:nth-child(6n+6),.b2b-tile:nth-child(6n+6),.pr-line li:nth-child(6n+6),.ccard:nth-child(6n+6),.x-nat-card:nth-child(6n+6),.svc:nth-child(6n+6),.steps li:nth-child(6n+6),.ps-nav button:nth-child(6n+6){--c:#ff8a1f}
.sr-card,.b2b-tile,.x-nat-card,.ccard,.svc{border-top:4px solid var(--c,var(--brand))}
.sr-kicker,.sr-n,.x-nat-no,.xi-n,.x-why-n,.x-why svg,.svc>svg,.cc-ic{color:var(--c,var(--brand))}
.x-why-n{opacity:.35}
.x-why li{box-shadow:inset 0 4px 0 var(--c,var(--brand))}
.b2b-ic{border:0;background:color-mix(in srgb,var(--c,var(--brand)) 13%,#fff);color:var(--c,var(--brand))}
.cc-ic{background:color-mix(in srgb,var(--c,var(--brand)) 13%,#fff)}
.x-index-list a.is-on .xi-n,.x-index-list a:hover .xi-n{color:var(--c,var(--brand))}
.x-index-list a.is-on,.x-index-list a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--c,var(--brand)) 9%,#fff),transparent 70%)}
.x-index-list a.is-on .xi-t b{color:var(--hd)}
.x-index-list a.is-on .xi-go{background:var(--c,var(--brand));color:#fff}
.pr-dot{border-color:color-mix(in srgb,var(--c,var(--brand)) 60%,#fff);color:var(--c,var(--brand));font-weight:800;font-style:normal}
.pr-line.in .pr-dot{background:var(--c,var(--brand));color:#fff;text-shadow:none}
.pr-line::after{background:var(--rainbow)}
.ps-nav button[aria-selected=true]{border-color:var(--c,var(--brand));background:color-mix(in srgb,var(--c,var(--brand)) 7%,#fff);color:var(--hd)}
.ps-nav button:hover{color:var(--hd);border-color:var(--c,var(--brand))}
.ps-bar i,.xc-dots span::after,.sr-progress span{background:var(--c,var(--au-grad))}
.ps-nav button{background:#fff}
.ps-facts{border-color:var(--ln);background:var(--ln)}
.ps-facts>div{background:var(--s1)}
.ps-facts dd{color:var(--hd)}
.ps-stage{box-shadow:0 30px 70px rgba(42,22,96,.13),inset 0 0 0 1px var(--ln)}
.ps-count{color:var(--brand)}.ps-count b{color:var(--brand-dd)}
.x-rb{border-color:var(--ln2);color:var(--brand);background:#fff}
.x-rb:hover{background:var(--brand);border-color:var(--brand);color:#fff}

/* rakamlar: renkli */
.x-stats dd,.k-stats dd,.stats dd,.stats>div:first-child dd{font-family:var(--f-b);font-weight:800;font-style:normal;letter-spacing:-.03em;-webkit-text-fill-color:currentColor;background:none}
.x-stats>div:nth-child(1) dd,.stats>div:nth-child(1) dd{color:var(--brand)}
.x-stats>div:nth-child(2) dd,.stats>div:nth-child(2) dd{color:var(--pink)}
.x-stats>div:nth-child(3) dd,.stats>div:nth-child(3) dd{color:var(--mint)}
.x-stats>div:nth-child(4) dd,.stats>div:nth-child(4) dd{color:var(--orange)}
.x-stats::before{background:var(--rainbow);height:3px;border-radius:3px}

/* sayfa başlıkları */
.page-hero{background:radial-gradient(ellipse at 90% 0,rgba(255,79,154,.08),transparent 45%),radial-gradient(ellipse at 0 100%,rgba(109,63,216,.10),transparent 50%),var(--s1);border-bottom:0}
.page-hero::after{background:none}
.ph-bg{background-image:radial-gradient(rgba(109,63,216,.12) 1px,transparent 1.2px)}

/* fotoğraf üstü bölümler: beyaz yazı kalır */
.ab-hero,.x-hero,.rf-meta,.k-hero-img,.k-photos span,.x-mosaic span{--hd:#fff;--tx:#fff;--tx2:#e9e3ff;--tx3:#cfc4f5;--ln:rgba(255,255,255,.2);--ln2:rgba(255,255,255,.3);--ink:#fff;--ink-2:#e9e3ff;--muted:#cfc4f5}
.ab-hero h1,.x-hero h1,.ab-hero .ab-h1{color:#fff}
.ab-hero .hl,.x-hero .hl{background:linear-gradient(90deg,#ffd84d,#ff9ccc);-webkit-background-clip:text;background-clip:text}
.ab-hero .x-stats dd{filter:brightness(1.4)}
.ab-hero-bg::after{background:linear-gradient(90deg,rgba(42,22,96,.92),rgba(42,22,96,.6) 55%,rgba(109,63,216,.25)),linear-gradient(0deg,rgba(42,22,96,.5) 3%,transparent 50%)}
.ab-hero-bg img{filter:saturate(1) brightness(.8)}
.rf-meta i,.rf-meta em{color:var(--sun)}

/* altbilgi: koyu mor */
.site-foot{position:relative;background:var(--brand-dd);border-top:0;
  --hd:#fff;--tx:#efeaff;--tx2:#d4caf7;--tx3:#ab9fdc;--ln:rgba(255,255,255,.12);--ln2:rgba(255,255,255,.22);--s1:#35207a;--s2:#3f2788;
  --ink:#efeaff;--ink-2:#d4caf7;--muted:#ab9fdc;--line:rgba(255,255,255,.12);color:#d4caf7}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--rainbow)}
.site-foot a{color:#e5dfff}.site-foot a:hover,.foot-col a:hover{color:var(--sun)}
.site-foot h2,.site-foot h3,.site-foot h4,.site-foot b{color:#fff}
.foot-contact li>svg{color:var(--sun)}
.foot-social a{border-color:rgba(255,255,255,.25);color:#fff}
.foot-social a:hover{background:var(--sun);border-color:var(--sun);color:var(--brand-dd)}
.foot-band{background:linear-gradient(120deg,#5b2fd0,#8b5cf6 60%,#c04df0);border:0;color:#fff;--hd:#fff;--tx2:#efeaff}
.foot-band .hl,.fb-t .hl,.cta-copy .hl{background:none;-webkit-text-fill-color:currentColor;color:var(--sun)}
.foot-word{color:rgba(255,255,255,.04)}
.foot-word span{background:rgba(255,255,255,.04)}
.lg-park{fill:var(--brand-dd)}
.site-foot .lg-park{fill:#fff}
.cta-box{background:linear-gradient(120deg,#5b2fd0,#8b5cf6 60%,#c04df0);border:0;color:#fff;--hd:#fff;--tx:#fff;--tx2:#efeaff}
.cta-box::before{background:radial-gradient(circle,rgba(255,194,26,.25),transparent 65%)}
.cta-tel{color:#fff}.cta-tel>svg{border-color:rgba(255,255,255,.4);color:var(--sun)}

/* çeşitli */
.map iframe{filter:none}
.map{border-color:var(--ln)}
.map-pin{background:var(--pink);color:#fff;box-shadow:0 0 0 12px rgba(255,79,154,.15)}
.faq details[open]{border-color:rgba(109,63,216,.35);box-shadow:var(--sh-2)}
.faq details[open] .pm{background:var(--brand);color:#fff}
.fq-ic{border:0;background:var(--brand-100);color:var(--brand)}
.k-refs li{background:#fff;border:1px solid var(--ln)}
.mbar{background:rgba(255,255,255,.97)!important;border-top-color:var(--ln)!important;box-shadow:0 -8px 24px rgba(42,22,96,.08)}
.mbar a{color:var(--tx2)!important}.mbar a svg{color:var(--brand)!important}
.fl-btn,.fl-call{background:#fff;color:var(--brand);border-color:var(--ln2)}
.fl-social{background:rgba(255,255,255,.95);border-color:var(--ln)}
.fl-s:hover{background:var(--brand);color:#fff}
.dk-tip,.fl-tip{background:var(--brand-dd);border:0;color:#fff}
.ic-tel{background:radial-gradient(circle at 30% 25%,#ffe680,#ffc21a 60%,#e09b00);color:var(--brand-dd)}
.ic-mail{background:radial-gradient(circle at 30% 25%,#c4b5fd,#7c4dff 60%,#4c1d95)}
.dk-badge{background:var(--pink);border-color:#fff}
.dk.open .dk-toggle{background:radial-gradient(circle at 30% 25%,#a78bfa,#6d3fd8 60%,#4c1d95)}
.xc-tag{background:var(--brand);border:0;color:#fff}
.xc-dots span{background:var(--ln)}
.sr-360{background:var(--brand);color:#fff}
.qp-plot{background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 28px),linear-gradient(135deg,#16c08a,#0e9a6e);border-color:var(--brand);box-shadow:0 30px 60px rgba(42,22,96,.18)}
.qp-safe{border-color:rgba(255,255,255,.85)}
.qp-area b{background:none;-webkit-text-fill-color:#fff;color:#fff}
.cg-msg textarea{background:var(--s1);border-color:var(--ln2)}
.c-card{background:linear-gradient(135deg,#fff,#f6f3ff);box-shadow:0 40px 80px rgba(42,22,96,.16),inset 0 0 0 7px #fff,inset 0 0 0 8px var(--ln)}
.c-card-wrap::before{background:var(--sun);border:0;opacity:.9}
.c-hero{background:radial-gradient(ellipse at 78% 45%,rgba(255,194,26,.14),transparent 50%),radial-gradient(ellipse at 10% 0,rgba(109,63,216,.12),transparent 50%),#fff;border-bottom-color:var(--ln)}
.x-grain{display:none}
.k-refs img{filter:grayscale(1);opacity:.7}
.v-n,.nf-code{color:rgba(109,63,216,.08)}
.sr-stage,.xp-img,.x-plinth-img,.xc-stage,.xc-img,.ps-img,.xv-img::before{background:radial-gradient(circle at 50% 38%,#fff,#f0ebfa 72%)}
.xv-img{background:#fff}
.ab-ph::before{border-color:var(--sun);border-width:3px}
.ab-n{color:rgba(109,63,216,.25)}
.ab-v-n{color:rgba(109,63,216,.08)}
.cookie{box-shadow:var(--sh-2)}
.site-foot .btn-white,.cta-box .btn-white{color:var(--brand-dd)}
.site-foot .btn-white:hover,.cta-box .btn-white:hover{background:var(--sun);color:var(--brand-dd)}
.site-foot .btn-wa,.site-foot .btn-wa:hover{color:#fff}
.pr-dot{background:color-mix(in srgb,var(--c,var(--brand)) 10%,#fff);border:2px solid color-mix(in srgb,var(--c,var(--brand)) 45%,#fff);box-shadow:0 0 0 7px var(--s1);font-family:var(--f-b)}
.pr-ic{color:color-mix(in srgb,var(--c,var(--brand)) 55%,#fff)}
.pr-line b{color:var(--hd)}/* teklif kutuları: koyu mor degrade odak */
.pd-buy,.quote-card{background:linear-gradient(135deg,#2a1660 0%,#4c25b0 70%,#6d3fd8 100%);border:0;color:#e5dcff;box-shadow:0 20px 44px rgba(42,22,96,.22);--hd:#fff;--tx2:#e5dcff;--tx3:#c4b5fd}
.pd-ask,.quote-card b{color:#fff}
.pd-ask svg{color:var(--sun)}
.quote-card small{color:#c4b5fd}
.pd-buy .qty{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.pd-buy .qty button,.pd-buy .qty input{color:#fff}
.pd-buy .btn-ghost,.pd-buy .btn-ghost-light,.pd-buy .btn-line{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.pd-buy .btn-ghost:hover,.pd-buy .btn-ghost-light:hover,.pd-buy .btn-line:hover{background:#fff;color:var(--brand-dd);border-color:#fff}
.quote-card .btn-white{background:#fff;color:var(--brand-dd)}
.ab-hero .k-over,.ab-hero .eyebrow,.ab-hero .crumbs [aria-current]{color:var(--sun)}
.ab-hero .crumbs a{color:#e9e3ff}.form input:not([type=checkbox]),.form select,.form textarea,.cg-f input,.cg-f select,select{background-color:#fbfaff;border:1.5px solid var(--ln2);color:var(--tx)}
.form input:focus,.form select:focus,.form textarea:focus,.cg-f input:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,63,216,.12)}
/* ==========================================================================
   İKİ KATLI KURUMSAL BAŞLIK — üstte logo · slogan · dil · sosyal · iletişim,
   altta koyu mor menü şeridi + arama. Kaydırınca üst kat gider, şerit yapışık kalır.
   ========================================================================== */
:root{--top-h:84px;--bar-h:54px;--head-h:var(--bar-h)}
@media (min-width:1025px){:root{--head-h:var(--bar-h)}}
.site-head.hd2,.t-home .site-head.hd2:not(.is-stuck){position:sticky;top:calc(-1 * var(--top-h));background:#fff;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-head.hd2.is-stuck{box-shadow:0 10px 30px rgba(42,22,96,.12)}
.hd-top{background:#fff;border-bottom:1px solid var(--ln)}
.hd-top-in{display:flex;align-items:center;gap:26px;height:var(--top-h)}
.hd-slogan{font:italic 400 1.55rem/1 "Instrument Serif",Georgia,serif;color:var(--brand);letter-spacing:.01em;white-space:nowrap;padding-top:4px}
.hd-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.hd-langs{display:flex}
.hd-langs a{display:grid;place-items:center;min-width:50px;height:34px;padding:0 10px;border:1.5px solid var(--pink);color:var(--pink);font:800 .8rem/1 var(--f-b);letter-spacing:.06em;transition:background .2s,color .2s}
.hd-langs a:hover{background:var(--pink);color:#fff}
.hd-social{display:flex;gap:6px;margin-left:6px}
.hd-social a{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:var(--brand-50);color:var(--brand);transition:background .2s,color .2s}
.hd-social a:hover{background:var(--brand);color:#fff}
.hd-tel{display:inline-flex;align-items:center;gap:7px;margin-left:8px;padding-left:16px;border-left:1px solid var(--ln);color:var(--hd);font-size:.95rem;white-space:nowrap}
.hd-tel svg{color:var(--brand)}
.hd-tel:hover{color:var(--brand)}
.hd-contact{display:inline-flex;align-items:center;height:36px;margin-left:6px;padding:0 20px;border-radius:3px;background:var(--brand-dd);color:#fff;font:800 .8rem/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.hd-contact:hover,.hd-contact[aria-current]{background:var(--brand);color:#fff}
.hd-mob{display:none}
.hd-bar{background:var(--brand-dd)}
.hd-bar .hd{height:var(--bar-h);gap:24px}
.hd-bar .nav{flex:1;margin:0}
.hd-bar .nav>ul{gap:0;padding:0;background:none;border:0}
.hd-bar .nav>ul>li>a{height:var(--bar-h);padding:0 16px;border-radius:0;background:none!important;box-shadow:none!important;color:#fff;font:800 .86rem/1 var(--f-b);letter-spacing:.03em;text-transform:uppercase}
.hd-bar .nav>ul>li:first-child>a{padding-left:0}
.hd-bar .nav>ul>li>a svg{opacity:.7}
.hd-bar .nav>ul>li>a::after{left:16px;right:16px;width:auto;margin:0;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--sun)}
.hd-bar .nav>ul>li:first-child>a::after{left:0}
.hd-bar .nav>ul>li>a:hover,.hd-bar .has-mega.hov>a,.hd-bar .has-mega.open>a,.hd-bar .nav>ul>li>a[aria-current]{color:var(--sun)}
.hd-bar .hd-act{gap:14px}
.hquote{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:50%;transition:background .2s}
.hquote:hover{background:rgba(255,255,255,.12);color:#fff}
.hquote .qcount{position:absolute;top:-2px;right:-4px}
.hd-search{display:flex;align-items:center;justify-content:space-between;gap:10px;width:200px;height:34px;padding:0 2px;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;color:rgba(255,255,255,.7);font:400 .86rem/1 var(--f-b);cursor:pointer;transition:border-color .2s,color .2s}
.hd-search:hover{border-color:var(--sun);color:#fff}
.hd-search svg{color:#fff}
.site-head.hd2::after{bottom:-3px}
.mega{top:100%}
@media (max-width:1300px){.hd-slogan{display:none}}
@media (max-width:1180px){.hd-tel{display:none}.hd-bar .nav>ul>li>a{padding:0 11px;font-size:.8rem}.hd-search{width:150px}}
@media (max-width:1024px){
  :root{--top-h:68px;--head-h:68px}
  .site-head.hd2,.t-home .site-head.hd2:not(.is-stuck){top:0}
  .hd-tools,.hd-bar{display:none}
  .hd-mob{display:flex;margin-left:auto;gap:6px}
  .hd-mob .burger{display:grid}
  .hd-top{border-bottom:0}
}
/* ---------- iletişim: sade kurumsal düzen ---------- */
.ct2{padding:clamp(30px,4vw,50px) 0 clamp(60px,7vw,100px)}
.ct2 .crumbs{margin-bottom:26px}
.ct2-t{margin:0;font:300 clamp(2.1rem,1.5rem + 2vw,3rem)/1.1 var(--f-b);letter-spacing:-.02em;color:var(--hd)}
.ct2-t b{font-weight:800}
.ct2-rule{display:block;position:relative;width:280px;max-width:60%;height:1px;margin:22px 0 30px;background:var(--brand-l)}
.ct2-rule::before{content:"";position:absolute;left:0;top:-2px;width:60px;height:4px;border-radius:2px;background:var(--rainbow)}
.ct2-lead{max-width:80ch;margin:0;color:var(--tx2);font-size:1.05rem}
.ct2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,4vw,56px);align-items:start;margin-top:clamp(36px,5vw,64px)}
/* form: tek sütun, köşeli geniş alanlar */
.ct2 .form{padding:0;background:none;border:0;box-shadow:none}
.ct2 .form>h2,.ct2 .form>h2+.muted{display:none}
.ct2 .form .grid{grid-template-columns:1fr;gap:16px}
.ct2 .form label{font-size:.82rem;font-weight:600;color:var(--tx3)}
.ct2 .form input:not([type=checkbox]),.ct2 .form select,.ct2 .form textarea{height:58px;padding:0 20px;border-radius:2px;border:1px solid #d6cfe6;background:#fff;font-size:1rem}
.ct2 .form textarea{height:auto;min-height:130px;padding:16px 20px}
.ct2 .form input:focus,.ct2 .form select:focus,.ct2 .form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,63,216,.12)}
.ct2 .form .actions{margin-top:22px;gap:10px}
.ct2 .form button[type=submit]{border-radius:2px;background:var(--brand);color:#fff;box-shadow:none;padding:0 30px}
.ct2 .form button[type=submit]:hover{background:var(--brand-dd);color:#fff;box-shadow:none}
.ct2 .form .btn-wa{border-radius:2px}
/* bilgi sütunu */
.ct2-h{display:flex;align-items:center;gap:22px;margin:0 0 24px;font:400 clamp(1.4rem,1.1rem + .9vw,1.85rem)/1.2 var(--f-b);letter-spacing:-.01em;color:var(--hd)}
.ct2-h::after{content:"";flex:1;min-width:40px;height:1px;background:var(--brand-l)}
.ct2-list,.ct2-hours{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:18px}
.ct2-list li,.ct2-hours li{display:flex;align-items:flex-start;gap:16px;font-size:1.04rem;color:var(--tx);line-height:1.5}
.ct2-list li>svg,.ct2-hours li>svg{flex-shrink:0;color:var(--brand);stroke-width:1.3}
.ct2-list a{color:var(--tx)}.ct2-list a:hover{color:var(--brand)}
.ct2-route{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.88rem;font-weight:700;color:var(--brand)!important}
.ct2-hours b{display:block;margin-bottom:2px;font:400 1.35rem/1.25 var(--f-b);color:var(--hd)}
.ct2-hours li:nth-child(2) svg{color:var(--pink)}.ct2-hours li:nth-child(3) svg{color:var(--orange)}
.ct2-list li:nth-child(2) svg{color:var(--pink)}.ct2-list li:nth-child(3) svg{color:var(--mint)}.ct2-list li:nth-child(4) svg{color:var(--sky)}
.ct2-note{margin:0;padding:18px 20px;border-left:4px solid var(--sun);background:var(--s1);color:var(--tx2);font-size:.95rem}
@media (max-width:900px){.ct2-grid{grid-template-columns:1fr}.ct2-info{order:-1}}
/* başlık maskesi: clip-path ile gizleme kaldırıldı — başlıklar her zaman görünür, yalnız hafif yukarı kayarak belirir */
.js [data-a=mask]{clip-path:none!important;opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.js [data-a=mask].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-a=mask]{opacity:1;transform:none}}

/* hizmet kartları: hepsi eşit boy */
.svc-grid{grid-auto-rows:1fr;align-items:stretch}
.svc{display:flex;flex-direction:column;height:100%}

/* hizmetler · alt bölüm: "Neden anahtar teslim?" kartı + SSS */
.t-services .faq-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:stretch}
.t-services .faq-wrap>.prose{position:relative;padding:clamp(26px,3vw,40px);border-radius:24px;background:radial-gradient(ellipse at 100% 0,rgba(255,79,154,.08),transparent 50%),var(--s1);border:1px solid var(--ln);overflow:hidden}
.t-services .faq-wrap>.prose::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--rainbow)}
.t-services .faq-wrap>.prose>h2,.t-services .faq-wrap>div>h2{margin:0 0 14px;font:800 clamp(1.5rem,1.2rem + 1vw,2rem)/1.15 var(--f-b);letter-spacing:-.025em;color:var(--hd)}
.t-services .faq-wrap>.prose>p{margin:0 0 22px;color:var(--tx2);font-size:1rem;line-height:1.7}
.t-services .faq-wrap>.prose>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.t-services .faq-wrap>.prose>ul>li{position:relative;margin:0;padding:16px 16px 16px 58px;border-radius:16px;background:#fff;border:1px solid var(--ln);box-shadow:var(--sh-1);font-size:.9rem;line-height:1.5;color:var(--tx2)}
.t-services .faq-wrap>.prose>ul>li::before{content:"✓";position:absolute;left:16px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-weight:800;font-size:.95rem}
.t-services .faq-wrap>.prose>ul>li:nth-child(4n+1){--c:#6d3fd8}.t-services .faq-wrap>.prose>ul>li:nth-child(4n+2){--c:#16b07f}.t-services .faq-wrap>.prose>ul>li:nth-child(4n+3){--c:#f0a500}.t-services .faq-wrap>.prose>ul>li:nth-child(4n+4){--c:#ff4f9a}
.t-services .faq-wrap>.prose>ul>li strong{display:block;margin-bottom:2px;font-size:.98rem;color:var(--hd)}
.t-services .faq-wrap>div:not(.prose){display:flex;flex-direction:column}
.t-services .faq-wrap .faq{display:grid;gap:10px}
.t-services .faq-wrap .faq summary{font-weight:600}
@media (max-width:1024px){.t-services .faq-wrap{grid-template-columns:1fr}}
@media (max-width:560px){.t-services .faq-wrap>.prose>ul{grid-template-columns:1fr}}
.svc-help{margin:auto 0 0;padding-top:22px}.t-services .faq-wrap .faq{margin-bottom:18px}
.h-lg,.h-md{font-weight:800;letter-spacing:-.03em}

/* ==========================================================================
   KATEGORİ BANTLARI — büyük görsel (sırayla sağ/sol) + başlık, açıklama ve kaydırmalı ürün şeridi
   ========================================================================== */
.cb-list{border-top:1px solid var(--ln)}
.cb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:460px;border-bottom:1px solid var(--ln);--cd:color-mix(in srgb,var(--c) 78%,#1a0b3d)}
.cb-rev{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.cb-rev .cb-photo{order:2}
.cb-photo{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0%,color-mix(in srgb,var(--c) 14%,#fff) 72%)}
.cb-photo::after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;background:var(--c)}
.cb-rev .cb-photo::after{right:auto;left:0}
.cb-photo img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:clamp(20px,3vw,44px);mix-blend-mode:multiply;transition:transform 1.1s var(--ease)}
.cb-photo:hover img{transform:scale(1.05)}
.cb-n{position:absolute;left:22px;bottom:14px;font:800 clamp(3rem,2rem + 3vw,5rem)/1 var(--f-b);letter-spacing:-.04em;color:color-mix(in srgb,var(--c) 30%,transparent)}
.cb-rev .cb-n{left:auto;right:22px}
.cb-body{min-width:0;padding:clamp(34px,4.5vw,64px) clamp(20px,5vw,80px)}
.cb-t{margin:0;font:800 clamp(1.5rem,1.1rem + 1.2vw,2.1rem)/1.1 var(--f-b);letter-spacing:.01em;text-transform:uppercase}
.cb-t a{color:var(--cd)}.cb-t a:hover{color:var(--c)}
.cb-k{margin:8px 0 0;font:700 .72rem/1.3 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 70%,#fff)}
.cb-k span{color:var(--tx3)}
.cb-rule{display:block;width:56px;height:3px;margin:16px 0 20px;border-radius:3px;background:var(--c)}
.cb-text{max-width:80ch;margin:0 0 26px;color:var(--tx2);font-size:.98rem;line-height:1.7}
.cb-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 18px) / 5);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 6px}
.cb-track::-webkit-scrollbar{display:none}
.cb-item{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--tx)}
.cb-img{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff,#f3effa 75%);border:1px solid var(--ln);transition:border-color .25s,box-shadow .25s,transform .35s var(--ease)}
.cb-img img{width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}
.cb-item:hover .cb-img{border-color:var(--c);box-shadow:0 14px 30px rgba(42,22,96,.12);transform:translateY(-3px)}
.cb-new{position:absolute;left:0;top:0;padding:4px 12px;border-radius:0 0 10px 0;background:var(--pink);color:#fff;font:700 .68rem/1.3 var(--f-b);font-style:normal;letter-spacing:.04em}
.cb-code{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 4px;font:800 .82rem/1.2 var(--f-b);color:var(--cd)}
.cb-code::before,.cb-code::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--c) 45%,#fff)}
.cb-code span{max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;line-height:1.4;color:var(--tx2)}
.cb-item:hover .cb-name{color:var(--hd)}
.cb-nav{display:flex;align-items:center;gap:12px;margin-top:22px}
.cb-arr{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--ln2);background:#fff;color:var(--cd);cursor:pointer;transition:all .2s}
.cb-arr:hover:not(:disabled){background:var(--c);border-color:var(--c);color:#fff}
.cb-arr:disabled{opacity:.35;cursor:default}
[data-cb-prev] svg{transform:rotate(180deg)}
.cb-dots{display:flex;align-items:center;gap:6px}
.cb-dots button{width:8px;height:8px;padding:0;border:0;border-radius:2px;background:#d7d0e6;cursor:pointer;transition:all .25s}
.cb-dots button[aria-current]{width:12px;height:12px;background:var(--c)}
.cb-all{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:700 .86rem/1 var(--f-b);color:var(--cd);white-space:nowrap}
.cb-all:hover{color:var(--c)}
.cb-nav.is-single .cb-arr,.cb-nav.is-single .cb-dots{display:none}
@media (max-width:1280px){.cb-track{grid-auto-columns:calc((100% - 3 * 16px) / 4);gap:16px}}
@media (max-width:900px){
  .cb,.cb-rev{grid-template-columns:1fr;min-height:0}
  .cb-rev .cb-photo{order:0}
  .cb-photo{height:300px}
  .cb-photo::after,.cb-rev .cb-photo::after{top:auto;left:0;right:0;width:auto;height:5px}
  .cb-track{grid-auto-columns:calc((100% - 2 * 14px) / 3);gap:14px}
}
@media (max-width:560px){.cb-photo{height:240px}.cb-track{grid-auto-columns:42%}}/* bant görseli: renkli zemin, büyük ürün */
.cb-photo{background:radial-gradient(circle at 50% 45%,#fff 0%,color-mix(in srgb,var(--c) 10%,#fff) 45%,color-mix(in srgb,var(--c) 26%,#fff) 100%)}
.cb-photo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--c) 30%,transparent) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.cb-photo img{position:relative;max-height:none;padding:clamp(14px,2vw,28px);transform:scale(1.08)}
.cb-photo:hover img{transform:scale(1.14)}
.cb-n{z-index:1;color:color-mix(in srgb,var(--c) 35%,transparent)}
.cb:nth-child(even) .cb-body{background:linear-gradient(90deg,var(--s1),#fff)}.cb-dots.is-count{min-width:60px;justify-content:center;font:700 .84rem/1 var(--f-b);color:var(--cd);font-variant-numeric:tabular-nums}

/* ==========================================================================
   ALTBİLGİ — açık zemin, dört eşit sütun, çizgili başlıklar (stonewrap düzeni)
   ========================================================================== */
.site-foot{background:#fff;color:var(--tx2);border-top:1px solid var(--ln);
  --hd:#22124f;--tx:#2a1d4a;--tx2:#51466c;--tx3:#7c7296;--ln:#e8e2f4;--ln2:#d9cff0;--s1:#f7f4fe;--s2:#efe9fd;--ink:#2a1d4a;--ink-2:#51466c;--muted:#7c7296;--line:#e8e2f4}
.site-foot::before{height:4px}
.site-foot a{color:var(--tx)}
.site-foot a:hover,.foot-col a:hover{color:var(--brand)}
.site-foot .foot-band{margin-top:clamp(40px,5vw,64px)}
.foot-grid.fg2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding:clamp(44px,5vw,70px) 0 clamp(30px,3vw,44px)}
.fg2 .foot-col{min-width:0}
.fg2 .fc-h{display:flex;align-items:center;gap:18px;margin:0 0 18px;font:400 clamp(1.1rem,1rem + .4vw,1.35rem)/1.2 var(--f-b);letter-spacing:.02em;text-transform:uppercase;color:var(--hd)}
.fg2 .fc-h::after{content:"";flex:1;min-width:30px;height:1px;background:var(--brand-l)}
.fg2 .fc-h span{white-space:nowrap}
.fg2 ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fg2 .foot-col li a{font-size:.94rem;color:var(--tx);transition:color .2s,padding .2s}
.fg2 .foot-col li a:hover{color:var(--brand);padding-left:4px}
.fg2 .foot-contact li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.5}
.fg2 .foot-contact li>svg{flex-shrink:0;margin-top:2px;color:var(--brand)}
.fg2 .foot-contact li:nth-child(2)>svg{color:var(--pink)}.fg2 .foot-contact li:nth-child(3)>svg{color:var(--sky)}.fg2 .foot-contact li:nth-child(4)>svg{color:var(--orange)}
.fg2 .foot-book{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 16px;border-radius:3px;border:1px solid var(--ln2);color:var(--brand-dd)!important;font-size:.86rem;font-weight:700;background:#fff}
.fg2 .foot-book:hover{background:var(--brand);border-color:var(--brand);color:#fff!important}
.foot-id{display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:26px 0;border-top:1px solid var(--ln)}
.foot-id .brand{flex-shrink:0}
.foot-id p{margin:0;flex:1;max-width:none;font-size:.86rem;line-height:1.6;color:var(--tx3)}
.foot-id .foot-social{display:flex;gap:6px;margin:0}
.foot-id .foot-social a{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:4px;background:var(--brand-50);color:var(--brand)}
.foot-id .foot-social a:hover{background:var(--brand);color:#fff}
.site-foot .foot-bottom{background:var(--brand-dd);border:0}
.site-foot .foot-bottom,.site-foot .foot-bottom p{color:#cfc4f5;font-size:.82rem}
.site-foot .foot-bottom a,.site-foot .foot-bottom .linkbtn{color:#e9e3ff}
.site-foot .foot-bottom a:hover{color:var(--sun)}
.foot-word{display:none}
@media (max-width:1024px){.foot-grid.fg2{grid-template-columns:1fr 1fr}.foot-id{flex-wrap:wrap}.foot-id p{flex-basis:100%;order:3}}
@media (max-width:560px){.foot-grid.fg2{grid-template-columns:1fr}}.site-foot .lg-park{fill:var(--brand-dd)}
.site-foot{padding-top:0}.site-foot .foot-band{margin-top:44px}

/* ==========================================================================
   ÜRÜN GÖRSELLERİ — 3B sunum: çerçevesiz beyaz zemin, yer gölgesi, imleci izleyen eğim
   ========================================================================== */
.pc-img,.cb-img,.pd-main{background:#fff!important;border:0!important;box-shadow:none!important;overflow:visible!important;perspective:900px;isolation:isolate}
.pc-img{margin:10px 10px 0;border-radius:0}
.pc-img::after,.cb-img::after,.pd-main::after{content:"";position:absolute;left:16%;right:16%;bottom:5%;height:9%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(42,22,96,.30) 0%,rgba(42,22,96,.12) 45%,transparent 72%);filter:blur(3px);transform:scaleX(var(--shx,1));opacity:var(--sho,1);transition:transform .45s var(--ease),opacity .45s}
.pc-img img,.cb-img img,.pd-main img,
.pcard:hover .pc-img img,.cb-item:hover .cb-img img{position:relative;z-index:1;mix-blend-mode:multiply;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--ty,0px),0) scale(var(--sc,1));transition:transform .45s var(--ease);will-change:transform}
.pcard:hover .pc-img,.cb-item:hover .cb-img,.pd-main:hover{--ty:-10px;--sc:1.05;--shx:.82;--sho:.75}
.cb-item:hover .cb-img{transform:none}
.pc-img.is-tilt img,.cb-img.is-tilt img,.pd-main.is-tilt img{transition:transform .12s linear}
.pc-code{z-index:2}.cb-new{z-index:2}.pd-main .zoom{z-index:2}
.pd-main{border-radius:0}
.pd-thumbs a{border-width:1px}
@media (prefers-reduced-motion:reduce){.pc-img img,.cb-img img,.pd-main img{transform:none!important}}
/* ==========================================================================
   ÜRÜN KARTI — sade vitrin (stonewrap düzeni): kutu yok; 3B görsel, çizgili kod, ad
   ========================================================================== */
.p-grid:has(> .pc2){grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(30px,3vw,46px) clamp(18px,2vw,30px)}
.pcard.pc2,.pcard.pc2:hover{position:relative;display:flex;flex-direction:column;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible;transform:none;--c:#6d3fd8;--cd:#4c25b0}
.pc2 .pc-img{margin:0;aspect-ratio:1/1}
.pc2 .pc-img img{padding:4px}
.pc2 .cb-new{border-radius:0 0 10px 0}
.pc2 .pc-add{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--ln);background:#fff;color:var(--brand);box-shadow:0 6px 16px rgba(42,22,96,.14);opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s,background .2s,color .2s}
.pc2:hover .pc-add,.pc2 .pc-add:focus-visible,.pc2 .pc-add.is-in{opacity:1;transform:none}
.pc2 .pc-add:hover,.pc2 .pc-add.is-in{background:var(--brand);border-color:var(--brand);color:#fff}
@media (hover:none){.pc2 .pc-add{opacity:1;transform:none}}
.pc2-txt{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--tx)}
.pc2 .cb-code{margin:16px 0 6px;font-size:.84rem}
.pc2-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font:400 1rem/1.4 var(--f-b);letter-spacing:0;color:var(--tx)}
.pc2-txt:hover .pc2-name{color:var(--brand)}
.pc2-price{margin-top:6px;font-size:.9rem;color:var(--tx3)}.pc2-price b{color:var(--brand-dd)}
@media (max-width:1280px){.p-grid:has(> .pc2){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.p-grid:has(> .pc2){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.p-grid:has(> .pc2){grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.pc2-name{font-size:.9rem}}
/* hakkımızda: fotoğraflar küçültüldü */
.ab-ch{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.ab-rev{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
.ab-ph{width:100%;max-width:480px}
.ab-rev .ab-ph{justify-self:end}
.ab-ph a{aspect-ratio:4/3;border-radius:20px}
.ab-ch+.ab-ch{margin-top:clamp(44px,6vw,90px)}
.ab-hero{min-height:min(58vh,560px)}
@media (max-width:900px){.ab-ch,.ab-rev{grid-template-columns:1fr}.ab-ph,.ab-rev .ab-ph{max-width:none;justify-self:stretch}}
/* ==========================================================================
   ÜRÜN KARTI — renkli çerçeveli kart (cocukoyunparklari.com lila düzeni), seri rengi --c
   ========================================================================== */
.pcard.pc3{position:relative;display:flex;flex-direction:column;background:#fff!important;border:1px solid var(--ln)!important;border-radius:20px;overflow:hidden;box-shadow:none!important;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.pcard.pc3:hover,.js .pcard.pc3.rv.in:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(42,22,96,.12)!important;border-color:color-mix(in srgb,var(--c) 40%,#fff)!important}
.pc3 .pc-img{position:relative;display:block;margin:0;aspect-ratio:4/3;border-radius:0;background:#fff!important;border-bottom:1px solid var(--ln)!important;overflow:hidden!important;perspective:none}
.pc3 .pc-img::after{display:none}
.pc3 .pc-img img,.pcard.pc3:hover .pc-img img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:normal;transform:none;transition:transform .5s var(--ease)}
.pcard.pc3:hover .pc-img img{transform:scale(1.05)}
.pc3 .pc-code{position:absolute;left:10px;top:10px;z-index:2;padding:5px 9px;border-radius:8px;background:var(--c);color:#fff;font:700 .74rem/1 var(--f-b);letter-spacing:.02em}
.pc3 .pc-disc{position:absolute;right:10px;top:10px;z-index:2;padding:5px 9px;border-radius:8px;background:linear-gradient(180deg,#5cff8f,#22e06b);color:#06381a;font:800 .74rem/1 var(--f-b)}
.pc3 .pc-dim{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.94);border:1px dashed color-mix(in srgb,var(--c) 60%,#fff);color:color-mix(in srgb,var(--c) 75%,#000);font:600 .72rem/1 var(--f-b)}
.pc3 .pc-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 16px 16px}
.pc3 .pc-cat{font:700 .74rem/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 80%,#000)}
.pc3 .pc-t{margin:0;font:700 1rem/1.35 var(--f-b);letter-spacing:-.01em;background:none;-webkit-text-fill-color:currentColor;filter:none}
.pc3 .pc-t a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--hd)}
.pc3 .pc-t a::after{content:"";position:absolute;inset:0;z-index:0}
.pc3 .pc-t a:hover{color:var(--c)}
.pc3 .pc-facts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.8rem;color:var(--tx3)}
.pc3 .pc-facts li{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--tx3)}
.pc3 .pc-facts svg{color:var(--c)}
.pc3 .pc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:0}
.pc3 .pc-price{display:flex;flex-direction:column;line-height:1.1}
.pc3 .pc-price s{font-size:.8rem;color:var(--tx3)}
.pc3 .pc-price b{font:800 1.15rem/1.15 var(--f-b);color:var(--brand-dd)}
.pc3 .pc-price small{font-size:.72rem;color:var(--tx3)}
.pc3 .pc-ask{font-size:.84rem;color:var(--tx3);font-weight:500}
.pc3 .pc-add{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 9px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);background:#fff;color:color-mix(in srgb,var(--c) 85%,#000);font:600 .82rem/1 var(--f-b);flex-shrink:0;opacity:1;transform:none;box-shadow:none}
.pc3 .pc-add:hover,.pc3 .pc-add.is-in{background:var(--c);color:#fff;border-color:var(--c)}
@media (max-width:600px){.pc3 .pc-t{font-size:.9rem}.pc3 .pc-facts{font-size:.74rem;gap:2px 8px}.pc3 .pc-facts li:nth-child(3),.pc3 .pc-dim{display:none}.pc3 .pc-foot{flex-direction:column;align-items:stretch;gap:8px}.pc3 .pc-add{justify-content:center}}/* ürün kartı: çerçeve seri renginde */
.pcard.pc3{border:2px solid color-mix(in srgb,var(--c) 40%,#fff)!important}
.pcard.pc3:hover,.js .pcard.pc3.rv.in:hover{border-color:var(--c)!important;box-shadow:0 18px 40px color-mix(in srgb,var(--c) 22%,transparent)!important}
.pc3 .pc-img{border-bottom:2px solid color-mix(in srgb,var(--c) 18%,#fff)!important}
/* hakkımızda · Neden Park Lila: ayrı kartlar, renkli ikon dairesi */
.x-why{gap:20px;background:none!important;border:0!important;border-radius:0;overflow:visible}
.x-why li,.x-why li:hover{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px 28px;border-radius:22px;background:#fff;border:1px solid var(--ln);box-shadow:inset 0 4px 0 var(--c,var(--brand)),0 6px 18px rgba(42,22,96,.06);transition:transform .3s var(--ease),box-shadow .3s}
.x-why li:hover{transform:translateY(-5px);box-shadow:inset 0 4px 0 var(--c,var(--brand)),0 22px 44px color-mix(in srgb,var(--c,var(--brand)) 18%,transparent)}
.x-why-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--c,var(--brand)) 13%,#fff);color:var(--c,var(--brand))}
.x-why-ic svg{color:inherit!important}
.x-why li:hover .x-why-ic{background:var(--c,var(--brand));color:#fff}
.x-why .x-why-n{position:absolute;right:24px;top:24px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c,var(--brand)) 10%,#fff);color:color-mix(in srgb,var(--c,var(--brand)) 80%,#000);font:800 .78rem/1 var(--f-b);font-style:normal;letter-spacing:.04em;opacity:1}
.x-why b{margin:20px 0 8px;font-size:1.15rem;font-weight:800;color:var(--hd)}
.x-why p{margin:0;font-size:.95rem;line-height:1.65;color:var(--tx2)}
@media (max-width:900px){.x-why{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.x-why{grid-template-columns:1fr}}
/* kategori bantları: ürünler çerçeveli kart (bant renginde) */
.cb-item{padding:10px 10px 14px;border-radius:16px;background:#fff;border:2px solid color-mix(in srgb,var(--c) 35%,#fff);transition:border-color .25s,box-shadow .25s,transform .3s var(--ease)}
.cb-item:hover{border-color:var(--c);transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--c) 20%,transparent)}
.cb-img,.cb-item:hover .cb-img{border:0!important;border-radius:10px;box-shadow:none!important;transform:none;overflow:hidden!important;perspective:none;background:#fff!important}
.cb-img::after{display:none}
.cb-img img,.cb-item:hover .cb-img img{mix-blend-mode:normal;transform:none;transition:transform .5s var(--ease)}
.cb-item:hover .cb-img img{transform:scale(1.06)}
.cb-code{margin-top:10px}
.cb-track{padding:6px 4px 10px}
/* ana sayfa: SSS ile Uygulamalar arası daraltıldı */
.t-home #sss{padding-bottom:clamp(24px,2.5vw,40px)}
.t-home #sss + #uygulamalar{padding-top:clamp(24px,2.5vw,40px);border-top:0}

/* ana sayfa vitrini: kategori düğmeleri + sağda kaydırak sahnesi */
.ps-navrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,31%);gap:12px;margin-top:26px;align-items:stretch}
.ps-navrow .ps-nav{margin-top:0;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.ps-scene{position:relative;min-height:130px;border-radius:16px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 10px 26px rgba(42,22,96,.08);background:#e9f6ff}
.ps-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (max-width:1024px){.ps-navrow{grid-template-columns:1fr}.ps-navrow .ps-nav{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.ps-scene{display:none}}
@media (max-width:600px){.ps-navrow .ps-nav{display:flex}}

/* vitrin: animasyon 8. slayt (büyük alan + küçük düğme); sağdaki ayrı sahne kaldırıldı */
.ps-navrow{grid-template-columns:1fr}
.ps-img-scene .ps-scene-lg,.ps-th .ps-scene-th{position:absolute;inset:0;min-height:0;border:0;border-radius:inherit;box-shadow:none;overflow:hidden}
.ps-img-scene .ps-scene-lg svg,.ps-th .ps-scene-th svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ps-th{position:relative}
.ps-stage:has(.ps-img-scene.is-on)::after{opacity:0}
.ps-stage:has(.ps-img-scene.is-on) .ps-count{background:rgba(255,255,255,.8);padding:4px 10px;border-radius:999px}
.ps-nav .ps-btn-scene[aria-selected=true] .ps-bar i{animation-duration:7s}

/* ==========================================================================
   KONSEPT SERİLERİ — bento ızgara
   ========================================================================== */
.bn{background:linear-gradient(180deg,var(--s1),#fff)}
.bn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,17vw,236px);gap:16px}
.bn-1{grid-column:1/3;grid-row:1/3}
.bn-2{grid-column:3}.bn-3{grid-column:4}
.bn-4{grid-column:3/5}
.bn-5{grid-column:1}.bn-6{grid-column:2}
.bn-all{grid-column:3/5}
.bn-card{position:relative;display:flex;overflow:hidden;isolation:isolate;padding:22px 22px 20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--c) 22%,#fff);background:radial-gradient(circle at 78% 72%,#fff 0%,color-mix(in srgb,var(--c) 7%,#fff) 45%,color-mix(in srgb,var(--c) 15%,#fff) 100%);color:var(--hd);transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.bn-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 55%,#fff);box-shadow:0 24px 50px color-mix(in srgb,var(--c) 20%,transparent);color:var(--hd)}
.bn-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c);opacity:.9}
.bn-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;max-width:58%}
.bn-k{display:flex;align-items:center;gap:8px;font:700 .68rem/1.3 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 78%,#1a0b3d)}
.bn-k i{display:grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:999px;background:var(--c);color:#fff;font-style:normal;letter-spacing:.04em}
.bn-t{font:800 clamp(1.15rem,.95rem + .7vw,1.55rem)/1.12 var(--f-b);letter-spacing:-.02em;color:var(--hd)}
.bn-t .hl{background:none;-webkit-text-fill-color:currentColor;color:color-mix(in srgb,var(--c) 85%,#1a0b3d)}
.bn-d{margin-top:4px;font-size:.95rem;line-height:1.6;color:var(--tx2)}
.bn-n{margin-top:auto;padding-top:6px;font:700 .86rem/1 var(--f-b);color:color-mix(in srgb,var(--c) 80%,#1a0b3d)}
.bn-img{position:absolute;right:-2%;bottom:-2%;z-index:1;width:58%;height:88%;pointer-events:none}
.bn-img img{width:100%;height:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply;transition:transform .7s var(--ease)}
.bn-card:hover .bn-img img{transform:scale(1.06) translateY(-4px)}
.bn-go{position:absolute;left:22px;bottom:20px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid color-mix(in srgb,var(--c) 30%,#fff);color:var(--c);transition:all .3s var(--ease)}
.bn-card:hover .bn-go{background:var(--c);border-color:var(--c);color:#fff;transform:rotate(-45deg)}
.bn-card .bn-n{margin-bottom:46px}
/* büyük kart */
.bn-1{padding:30px}
.bn-1 .bn-txt{max-width:62%}
.bn-1 .bn-t{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}
.bn-1 .bn-img{width:78%;height:72%;right:-3%;bottom:-3%}
.bn-1 .bn-go{left:30px;bottom:28px;width:46px;height:46px}
/* geniş kart */
.bn-4 .bn-img{width:52%;height:96%}
/* tüm ürünler */
.bn-all{--c:#2a1660;background:linear-gradient(120deg,#2a1660,#4c25b0 60%,#6d3fd8);border:0;color:#fff;align-items:center}
.bn-all::before{background:var(--rainbow);width:auto;height:5px;right:0;bottom:auto}
.bn-all .bn-k{color:#cfc4f5}.bn-all .bn-t{color:#fff;font-size:clamp(1.4rem,1.1rem + 1vw,2rem)}.bn-all .bn-n{color:var(--sun)}
.bn-all .bn-go{left:auto;right:26px;bottom:50%;transform:translateY(50%);width:52px;height:52px;background:var(--sun);border:0;color:var(--brand-dd)}
.bn-all:hover{color:#fff;box-shadow:0 24px 50px rgba(42,22,96,.3)}
.bn-all:hover .bn-go{background:#fff;color:var(--brand-dd);transform:translateY(50%) rotate(-45deg)}
.bn-all .bn-n{margin-bottom:0}
@media (max-width:1024px){
  .bn-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}
  .bn-1{grid-column:1/3;grid-row:auto / span 2}
  .bn-2,.bn-3,.bn-5,.bn-6{grid-column:auto}
  .bn-4,.bn-all{grid-column:1/3}
}
@media (max-width:600px){
  .bn-grid{grid-template-columns:1fr;grid-auto-rows:190px;gap:12px}
  .bn-1,.bn-4,.bn-all{grid-column:auto}.bn-1{grid-row:auto / span 2}
}
.bn-img{z-index:auto;mix-blend-mode:multiply}
.bn-img img{mix-blend-mode:normal}
.bn-txt,.bn-go{z-index:3}

.bn{padding-bottom:clamp(30px,3vw,50px)}
.bn + .qp{padding-top:clamp(50px,5vw,80px)}
.ps-top{padding-bottom:clamp(20px,2vw,30px)}
.ps-stats{padding-bottom:clamp(14px,1.5vw,22px)}
.bn{padding-top:clamp(36px,4vw,56px)}

/* kategori bantları: ürün kartında "+ Teklif" */
.cb-item{display:flex;flex-direction:column;align-items:stretch}
.cb-link{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--tx)}
.cb-link:hover{color:var(--tx)}
.cb-item:hover .cb-name{color:var(--hd)}
.cb-add.pc-add{display:inline-flex;align-items:center;justify-content:center;gap:4px;align-self:center;height:30px;margin-top:10px;padding:0 12px 0 9px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);background:#fff;color:color-mix(in srgb,var(--c) 85%,#000);font:600 .78rem/1 var(--f-b);opacity:1;transform:none;box-shadow:none;position:static;width:auto}
.cb-add.pc-add:hover,.cb-add.pc-add.is-in{background:var(--c);border-color:var(--c);color:#fff}

/* iletişim: teklif listesi bölümü */
.ct2-quote{padding:clamp(50px,6vw,90px) 0;background:linear-gradient(180deg,#fff,var(--s1));border-top:1px solid var(--ln);scroll-margin-top:calc(var(--head-h) + 20px)}
.ct2-quote .ct2-lead{margin:-8px 0 28px}
.ct2-quote .quote-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,44px);align-items:start}
.ct2-quote .ql{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:var(--sh-1)}
.ct2-quote .form{padding:clamp(22px,2.5vw,32px);border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:var(--sh-1)}
.ct2-quote .form>h2,.ct2-quote .form>h2+.muted{display:none}
@media (max-width:900px){.ct2-quote .quote-grid{grid-template-columns:1fr}}
.bn + .ft{padding-top:clamp(30px,3vw,50px)}
.ft + .qp{border-top:0;padding-top:clamp(40px,4vw,70px)}
.cb-item{height:100%}.cb-link{flex:1}.cb-add.pc-add{margin-top:10px}

/* altbilgi: mobilde ortalı, derli toplu */
@media (max-width:600px){
  .site-foot .foot-band{flex-direction:column;align-items:stretch;text-align:center;gap:16px;padding:24px 20px}
  .site-foot .foot-band .btn-row{flex-direction:column;align-items:stretch;gap:10px;width:100%}
  .site-foot .foot-band .btn{justify-content:center;width:100%}
  .foot-grid.fg2{grid-template-columns:1fr;gap:30px;padding:38px 0 26px;text-align:center}
  .fg2 .fc-h{justify-content:center;gap:14px;margin-bottom:14px}
  .fg2 .fc-h::before{content:"";flex:1;max-width:70px;height:1px;background:var(--brand-l)}
  .fg2 .fc-h::after{flex:1;max-width:70px;min-width:0}
  .fg2 .foot-col ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
  .fg2 .foot-col li a:hover{padding-left:0}
  .fg2 .foot-contact ul{flex-direction:column;align-items:center;gap:12px}
  .fg2 .foot-contact li{flex-direction:column;align-items:center;gap:4px;text-align:center}
  .fg2 .foot-contact li>svg{margin:0}
  .fg2 .foot-book{margin-left:auto;margin-right:auto}
  .foot-id{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 0}
  .foot-id p{order:0;flex-basis:auto}
  .foot-id .foot-social{justify-content:center}
  .site-foot .fbot-in{flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:16px;padding-bottom:86px}
  .site-foot .foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}
}

/* mobil alt çubuk: dört eşit öğe, renkli ikon rozeti + etiket */
@media (max-width:760px){
  .mbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--ln)!important;box-shadow:0 -8px 24px rgba(42,22,96,.08)!important}
  .mbar a,.mbar .mb-wa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto;padding:4px 2px;border-radius:12px;background:none!important;color:var(--tx2)!important;font:700 .68rem/1.1 var(--f-b);letter-spacing:.01em;box-shadow:none}
  .mbar .mb-ic{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--brand-50);color:var(--brand)}
  .mbar a svg,.mbar .mb-wa svg{color:inherit!important}
  .mbar .mb-wa .mb-ic{background:#1fa855;color:#fff;box-shadow:0 6px 16px rgba(31,168,85,.35)}
  .mbar .mb-wa{color:#178a45!important}
  .mbar .mb-q .mb-ic{background:#fff4e6;color:#e8590c}
  .mbar .mb-cat .mb-ic{background:#e7f6fe;color:#0c8fd6}
  .mbar .mb-tel .mb-ic{background:var(--brand-50);color:var(--brand)}
  .mbar a:active .mb-ic{transform:scale(.94)}
  .mbar .qcount{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;border:2px solid #fff;background:var(--pink);color:#fff;font:800 .62rem/14px var(--f-b);font-style:normal;text-align:center}
  .mbar .mb-tx{white-space:nowrap}
}


/* ---------- mobil yatay kayma düzeltmesi (2026-10-10) ----------
   .ps-navrow{grid-template-columns:1fr} kuralı, 1fr sütunun içeriği kadar genişlemesine yol açıyordu;
   telefonda vitrin düğme şeridi sayfayı ~58 px taşırıyordu. Şerit artık ekran içinde kalır ve parmakla kaydırılır. */
.ps-navrow{grid-template-columns:minmax(0,1fr)}
.ps-navrow>*,.ps-frame>*{min-width:0}
.qp-viz{overflow:hidden}
html,body{overflow-x:clip}