/* Source Sans 3 (OFL) — sitenin kendi sunucusundan, Google'a istek yok */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../fonts/source-sans-3-latin-ext-wght-normal.woff2) format('woff2-variations');
  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: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../fonts/source-sans-3-latin-wght-normal.woff2) format('woff2-variations');
  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;
}

/* Malkoç Kemençe İmalathanesi — site stilleri
   Yerleşim: "usta tezgâhı" — sisli Karadeniz kâğıdı üstünde koyu ladin yeşili tezgâh panelleri,
   ölçü çizgili teknik çizim, bölüm geçişlerinde horonun 7/8 (2+2+3) ritmi. 8px boşluk sistemi. */
:root{
  --paper:#e6e9e2; --paper-2:#d9ded4; --card:#eef0eb; --ink:#1c231e; --ink-soft:#4b5550;
  --line:#b4bcb0; --spruce:#22362c; --spruce-2:#2c4438; --on-spruce:#e6e9e2; --on-spruce-soft:#b8c4ba;
  --amber:#c27a33; --amber-text:#8a4b14; --amber-line:#c27a33; --danger:#9b2c1f; --ok:#2f6a3f;
  --grain:rgba(0,0,0,.18); --grain-light:rgba(255,255,255,.12);
  --f-display:"Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --f-sc:"Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --f-body:"Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --f-mono:"Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --gut:max(16px, env(safe-area-inset-left, 0px)); --gut-r:max(16px, env(safe-area-inset-right, 0px));
  color-scheme:light;
}
@media (min-width:720px){ :root{ --gut:max(32px, env(safe-area-inset-left, 0px)); --gut-r:max(32px, env(safe-area-inset-right, 0px)); } }

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-padding-top:96px}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--f-body); font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:clip}
html{overflow-x:clip}
img{max-width:100%; height:auto; display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber); outline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-display); text-wrap:balance; margin:0; line-height:1.08}
p{margin:0}
.wrap{max-width:1240px; margin-inline:auto; padding-left:var(--gut); padding-right:var(--gut-r)}
.eyebrow{font-family:var(--f-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--amber-text)}
.eyebrow a{color:inherit}
.mono{font-family:var(--f-mono); font-size:13px; letter-spacing:.02em}
.ic{width:20px; height:20px; flex:none}
.skip{position:absolute; left:-9999px; top:8px; z-index:99; background:var(--ink); color:var(--paper); padding:8px 12px}
.skip:focus{left:calc(8px + env(safe-area-inset-left,0px))}
.notice{font-family:var(--f-mono); font-size:13px; border:1px dashed var(--amber-line); color:var(--amber-text); padding:8px 12px; margin-bottom:var(--s3)}

/* ---------- üst menü ---------- */
body::before{content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:31; background:var(--paper)}
.top{position:sticky; top:env(safe-area-inset-top,0px); z-index:30; background:var(--paper); border-bottom:1px solid var(--line)}
.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:var(--s3); padding-block:var(--s2); position:relative}
.brand{display:flex; flex-direction:column; text-decoration:none; line-height:1}
.brand b{font-weight:800; font-size:36px; letter-spacing:-.01em}
.brand span{font-family:var(--f-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); margin-top:4px}
.brand-logo{height:108px; width:auto; max-width:min(300px, 62vw); object-fit:contain}
.brand:has(.brand-logo){margin-block:-8px}
@media (max-width:640px){ .top .wrap{gap:10px} .brand{min-width:0; flex:0 1 auto} .brand-logo{height:auto; max-height:72px; max-width:100%} .brand b{font-size:30px} .brand span{font-size:10.5px} .search-btn,.menu-btn{flex:none} }
.menu{display:flex; gap:var(--s3); list-style:none; margin:0; padding:0}
.menu a{text-decoration:none; font-size:16px; font-weight:500; padding-block:6px; border-bottom:2px solid transparent; white-space:nowrap}
@media (min-width:1241px) and (max-width:1420px){ .menu{gap:18px} .menu a{font-size:15px} }
.menu a:hover,.menu a[aria-current="page"]{border-color:var(--amber)}
.menu-btn{display:none; background:none; border:1px solid var(--ink); color:var(--ink); font:500 14px var(--f-mono); padding:8px 12px; cursor:pointer}
/* telefonda üst çubukta sosyal medya simgeleri */
.top-social{display:none}
@media (max-width:760px){
  .top-social{display:flex; align-items:center; gap:4px; margin-left:auto; flex:none}
  .top-social a{display:grid; place-items:center; width:30px; height:44px; color:var(--ink)}
  .top-social a:hover,.top-social a:active{color:var(--amber-text)}
  .top-social svg{width:22px; height:22px}
  .top .wrap .search-btn{margin-left:0}
}
@media (max-width:640px){
  .top .wrap{gap:8px}
  .top-social{gap:0}
  .top-social a{width:28px}
  .top .wrap .search-btn{width:38px; height:38px}
  .top .wrap .menu-btn{height:38px; padding:6px 9px; font-size:13px}
}
@media (max-width:380px){ .top-social a{width:25px} .top-social svg{width:20px; height:20px} }
/* arama */
.top nav{margin-left:auto}
.search-btn{display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid var(--ink); color:var(--ink); text-decoration:none; transition:background .15s ease, color .15s ease}
.search-btn .ic{width:20px; height:20px}
.search-btn:hover,.search-btn[aria-expanded="true"]{background:var(--spruce); border-color:var(--spruce); color:#f3eee2}
.search-bar{border-top:1px solid var(--line); background:var(--paper-2, #dfe3da)}
.search-bar .wrap{display:flex; gap:var(--s2); padding-block:var(--s2)}
.search-bar input{flex:1; min-width:0; font:500 17px var(--f-body); padding:12px 14px; border:2px solid var(--ink); background:#fff; color:var(--ink)}
.search-bar input:focus{outline:none; border-color:var(--amber)}
.search-bar .btn{flex:none}
.sr-only{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
@media (max-width:1240px){
  .top nav{margin-left:0}
  .search-btn{margin-left:auto}
  .menu-btn{display:block; height:44px}
  .menu{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; gap:0; background:var(--paper); border-bottom:1px solid var(--line); padding:var(--s1) var(--gut-r) var(--s2) var(--gut); box-shadow:0 16px 24px -16px rgba(0,0,0,.25)}
  .menu.open{display:flex}
  .menu a{display:block; padding-block:12px; border-bottom:1px solid var(--line); font-size:18px}
}

/* ---------- butonlar ---------- */
.btn{display:inline-flex; align-items:center; gap:10px; font:700 16px var(--f-body); text-decoration:none; padding:13px 20px; border:2px solid var(--ink); cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; line-height:1.2}
.btn:hover{transform:translate(-2px,-2px); box-shadow:4px 4px 0 var(--amber)}
.btn-wa{background:var(--amber); border-color:var(--amber); color:#1c231e}
.btn-wa:hover{box-shadow:4px 4px 0 var(--ink)}
.btn-ghost{background:transparent; color:var(--ink)}
.btn-solid{background:var(--ink); color:var(--paper)}
.on-spruce .btn-ghost{color:var(--on-spruce); border-color:var(--on-spruce)}
.actions{display:flex; flex-wrap:wrap; gap:var(--s2)}
.more{display:inline-flex; align-items:center; gap:6px; font-family:var(--f-mono); font-size:13px; color:var(--amber-text); white-space:nowrap}
.more .ic{width:16px; height:16px}

/* ---------- horon 7/8 ayırıcı ---------- */
.horon{display:flex; align-items:center; gap:var(--s2); color:var(--ink-soft)}
.horon svg{width:168px; height:16px; flex:none}
.horon rect{fill:currentColor}
.horon rect.acc{fill:var(--amber)}
.horon::after{content:""; height:1px; background:var(--line); flex:1}

/* ---------- hero ---------- */
.hero{position:relative; background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64' viewBox='0 0 96 64'%3E%3Cg fill='none' stroke='%231c231e' stroke-opacity='.04' stroke-width='1'%3E%3Cpath d='M2.5 0V64M46.5 0V64M63.5 0V64M93.5 0V64'/%3E%3C/g%3E%3Cg fill='none' stroke='%231c231e' stroke-opacity='.06' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M18 16H22V12H14V20H26V8H10V24'/%3E%3Cpath d='M30 48H26V44H34V52H22V40H38V56'/%3E%3Cpath d='M10 24L22 40M38 56L26 72M38 -8L26 8'/%3E%3C/g%3E%3Cg fill='%23c27a33' fill-opacity='.11'%3E%3Cellipse cx='36' cy='22' rx='2.6' ry='5' transform='rotate%28-35 36 22%29'/%3E%3Cellipse cx='12' cy='42' rx='2.6' ry='5' transform='rotate%28-35 12 42%29'/%3E%3Cellipse cx='79' cy='16' rx='3' ry='6' transform='rotate%2835 79 16%29'/%3E%3Cellipse cx='79' cy='48' rx='3' ry='6' transform='rotate%28-35 79 48%29'/%3E%3C/g%3E%3Cg fill='%239b2c1f' fill-opacity='.08'%3E%3Cpath d='M55 4L59 8L55 12L51 8Z'/%3E%3Cpath d='M55 36L59 40L55 44L51 40Z'/%3E%3Ccircle cx='79' cy='32' r='1.8'/%3E%3Ccircle cx='79' cy='0' r='1.8'/%3E%3Ccircle cx='79' cy='64' r='1.8'/%3E%3C/g%3E%3Cg fill='none' stroke='%232c4438' stroke-opacity='.10' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M52 26L58 20M52 58L58 52'/%3E%3C/g%3E%3C/svg%3E") repeat}
.hero .wrap{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--s5); padding-block:var(--s6) var(--s4)}
.hero h1{font-size:clamp(52px, 8.4vw, 116px); font-weight:800; letter-spacing:-.02em}
.hero h1 small{display:block; font-family:var(--f-body); font-weight:500; font-size:clamp(18px,2vw,22px); letter-spacing:0; line-height:1.35; color:var(--ink-soft); margin-top:var(--s3); max-width:32ch}
.hero .lede{margin-top:var(--s4); max-width:52ch; font-size:19px}
.hero .actions{margin-top:var(--s4)}
.hero .btn-ghost{background:#fff}
.facts{display:flex; flex-wrap:wrap; gap:var(--s4); margin-top:var(--s5); padding-top:var(--s3); border-top:1px solid var(--line)}
.facts div{display:flex; flex-direction:column}
.facts b{font-family:var(--f-display); font-size:26px; line-height:1.1}
.facts span{font-family:var(--f-mono); font-size:12px; color:var(--ink-soft); letter-spacing:.04em}
.bench{background:var(--spruce); color:var(--on-spruce); padding:var(--s4) var(--s3) var(--s3); align-self:start; margin:0}
.bench figcaption{color:var(--on-spruce-soft); display:flex; justify-content:space-between; gap:var(--s2)}
.bench svg{display:block; width:100%; height:auto; max-width:420px; margin-inline:auto}
.draw{fill:none; stroke:var(--on-spruce); stroke-width:1.6}
.draw-fill{fill:var(--spruce-2); stroke:var(--on-spruce); stroke-width:1.6}
.draw-fb{fill:var(--spruce); stroke:var(--on-spruce); stroke-width:1.2}
.peg{fill:var(--spruce); stroke:var(--amber); stroke-width:1.4}
.peg-dot{fill:var(--amber)}
.dim{stroke:var(--amber); stroke-width:1; fill:none}
.dimt{fill:var(--amber); font-family:var(--f-mono); font-size:12px}
.lbl{fill:var(--on-spruce-soft); font-family:var(--f-mono); font-size:11.5px}
.lead{stroke:var(--on-spruce-soft); stroke-width:.8; stroke-dasharray:2 3}
.str{stroke:var(--on-spruce); stroke-width:1; transform-box:fill-box; transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  .bench:hover .str{animation:titre .09s linear infinite alternate}
  .bench:hover .str:nth-child(2){animation-duration:.07s}
  .bench:hover .str:nth-child(3){animation-duration:.055s}
}
@keyframes titre{from{transform:translateX(-.6px)} to{transform:translateX(.6px)}}
@media (max-width:860px){ .hero .wrap{grid-template-columns:minmax(0,1fr); padding-block:var(--s5) var(--s3)} .bench{max-width:460px; width:100%} }

/* ---------- bölüm iskeleti ---------- */
.band{padding-block:var(--s7)}
.band.tight{padding-block:var(--s5) var(--s7)}
.sec-head{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s4); align-items:end; margin-top:var(--s3); margin-bottom:var(--s5)}
.sec-head h2{font-size:clamp(36px,5vw,64px); font-weight:700; letter-spacing:-.01em}
.sec-head p{max-width:56ch; color:var(--ink-soft)}
@media (max-width:760px){ .sec-head{grid-template-columns:minmax(0,1fr)} .band{padding-block:var(--s6)} }

/* sayfa başlığı */
.phead{padding-block:var(--s2) var(--s5); border-bottom:1px solid var(--line)}
.phead-grid{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--s4); align-items:end; margin-top:var(--s4)}
.phead h1{font-size:clamp(44px,7vw,96px); font-weight:800; letter-spacing:-.02em; margin-top:var(--s1)}
.phead-intro{font-size:20px; color:var(--ink-soft); max-width:52ch}
@media (max-width:860px){ .phead-grid{grid-template-columns:minmax(0,1fr)} }
.crumbs{font-family:var(--f-mono); font-size:12px; color:var(--ink-soft); padding-block:var(--s2); display:flex; flex-wrap:wrap; gap:8px}
.crumbs a{color:var(--ink-soft)}
.wide-img{margin:var(--s5) 0 0}
.wide-img img{width:100%; max-height:620px; object-fit:cover}
.article-head{max-width:900px; margin-top:var(--s4)}
.article-head .phead-intro{margin-top:var(--s3)}

/* iki sütun + yan kart */
.two{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:var(--s6); align-items:start}
@media (max-width:900px){ .two{grid-template-columns:minmax(0,1fr); gap:var(--s5)} }
.aside-card{border:2px solid var(--ink); padding:var(--s3); display:flex; flex-direction:column; gap:var(--s2); background:var(--card)}
.aside-card.sticky{position:sticky; top:calc(env(safe-area-inset-top,0px) + 104px)}
.aside-card .btn{align-self:flex-start}
.aside-links{list-style:none; margin:0; padding:var(--s2) 0 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:6px}
.aside-links a{color:var(--amber-text)}
.share{display:flex; flex-wrap:wrap; gap:var(--s2)}
.share a{font-family:var(--f-mono); font-size:13px}

/* metin içeriği */
.prose{max-width:66ch; font-size:19px}
.prose > * + *{margin-top:var(--s2)}
.prose h2{font-size:clamp(28px,3.2vw,36px); margin-top:var(--s5)}
.prose h3{font-size:26px; margin-top:var(--s4)}
.prose h4{font-size:21px; margin-top:var(--s3)}
.prose > :first-child{margin-top:0}
.prose .eyebrow + h2{margin-top:var(--s1)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li + li{margin-top:6px}
.prose li::marker{color:var(--amber-text)}
.prose a{color:var(--amber-text); text-underline-offset:3px}
.prose blockquote{margin-left:0; padding:var(--s1) 0 var(--s1) var(--s3); border-left:3px solid var(--amber); font-size:22px; line-height:1.45; font-weight:600}
.prose img{margin-block:var(--s3)}
.prose strong{font-weight:700}

/* ---------- ağaçlar ---------- */
.woods{list-style:none; margin:0; padding:0; border-top:1px solid var(--ink)}
.wood{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,5fr) auto; gap:var(--s3); align-items:center; padding-block:var(--s3); border-bottom:1px solid var(--line)}
.swatch,.ph{background-color:var(--c, #3b2217);
  background-image:
    radial-gradient(ellipse 18px 7px at 30% 50%, transparent 55%, var(--grain) 60%, transparent 72%),
    repeating-linear-gradient(176deg, transparent 0 5px, var(--grain) 5px 6px, transparent 6px 11px, var(--grain-light) 11px 12px),
    repeating-linear-gradient(181deg, transparent 0 17px, var(--grain) 17px 19px)}
.swatch{height:72px}
.wood h3{font-size:40px; font-weight:700}
.wood h3 small{display:block; font-family:var(--f-mono); font-size:12px; font-weight:400; letter-spacing:.06em; color:var(--ink-soft); margin-top:6px}
.wood p{color:var(--ink-soft); max-width:46ch}
.wood .go{display:inline-flex; gap:6px; align-items:center; font-family:var(--f-mono); font-size:13px; color:var(--amber-text); white-space:nowrap}
.wood .go .ic{width:16px; height:16px}
@media (max-width:860px){ .wood{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .wood p,.wood .go{grid-column:1/-1} }

/* ---------- türler ---------- */
.types{background:var(--spruce); color:var(--on-spruce)}
.types .eyebrow{color:var(--amber)}
.types .horon{color:var(--on-spruce-soft)}
.types .horon::after{background:var(--spruce-2)}
.type-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:var(--s5)}
.type{padding:var(--s4) var(--s4) var(--s4) 0; border-top:1px solid var(--on-spruce-soft)}
.type + .type{padding-left:var(--s4); border-left:1px solid var(--spruce-2)}
.type h2{font-size:clamp(44px,6vw,84px); font-weight:800; letter-spacing:-.02em}
.type h2 a{text-decoration:none}
.type h2 em{font-style:normal; color:var(--amber)}
.type p{margin-top:var(--s3); max-width:50ch; color:var(--on-spruce-soft)}
.type ul{list-style:none; padding:0; margin:var(--s3) 0 var(--s4); display:flex; flex-wrap:wrap; gap:var(--s1)}
.type li{font-family:var(--f-mono); font-size:12px; border:1px solid var(--on-spruce-soft); padding:4px 10px}
.type .btn{margin-top:var(--s4)}
.type.has-img{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--s3); align-items:center}
.type.has-img h2{font-size:clamp(38px,4.6vw,72px)}
.type-img{display:block; align-self:center}
.type-img img{height:clamp(240px, 30vw, 400px); width:auto; max-width:200px; object-fit:contain; filter:drop-shadow(0 18px 24px rgba(0,0,0,.35)); transition:transform .3s ease}
.type-img:hover img{transform:translateY(-6px) rotate(-2deg)}
@media (max-width:520px){ .type-img img{height:220px; max-width:110px} }
@media (max-width:860px){ .type-grid{grid-template-columns:minmax(0,1fr)} .type + .type{padding-left:0; border-left:0} .type{padding-right:0} }

/* ---------- yayla silüeti + güven şeridi ---------- */
.ridge{line-height:0; margin-top:calc(-1 * var(--s3))}
.ridge svg{display:block; width:100%; height:clamp(70px, 11vw, 170px)}
.r-far{fill:none; stroke:var(--ink-soft); stroke-opacity:.35; stroke-width:1.2; stroke-linejoin:round; vector-effect:non-scaling-stroke}
.r-mid{fill:none; stroke:var(--spruce-2); stroke-opacity:.7; stroke-width:1.4; stroke-linejoin:round; vector-effect:non-scaling-stroke}
.r-front{fill:var(--spruce)}
.trust{background:var(--spruce); color:var(--on-spruce)}
.trust ul{list-style:none; margin:0; padding:var(--s2) 0 var(--s4); display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s3) var(--s4)}
.trust li{display:flex; align-items:center; gap:12px; font-weight:600; font-size:18px}
.trust svg{width:28px; height:28px; flex:none; fill:none; stroke:var(--amber); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
@media (max-width:900px){ .trust ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3)} }
@media (max-width:420px){ .trust ul{grid-template-columns:minmax(0,1fr); gap:var(--s2)} }

/* ---------- neler yapıyoruz ---------- */
.svc-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:2px solid var(--ink)}
.svc{display:flex; flex-direction:column; gap:var(--s2); padding:var(--s4) var(--s4) var(--s4) 0}
.svc + .svc{padding-left:var(--s4); border-left:1px solid var(--line)}
.svc h3{font-size:30px; font-weight:800; letter-spacing:-.01em}
.svc p{color:var(--ink-soft); flex:1}
.svc .more{align-self:flex-start}
@media (max-width:860px){ .svc-grid{grid-template-columns:minmax(0,1fr)} .svc,.svc + .svc{padding:var(--s3) 0; border-left:0} .svc + .svc{border-top:1px solid var(--line)} }

/* ---------- ekipmanlar ---------- */
.equip-row{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--s5); align-items:center; padding-top:var(--s5); margin-top:var(--s2); border-top:1px solid var(--on-spruce-soft)}
.equip-head h2{font-size:clamp(38px,4.6vw,72px); font-weight:800; letter-spacing:-.02em}
.equip-head h2 a{text-decoration:none}
.equip-head h2 em{font-style:normal; color:var(--amber)}
.equip-head p{margin-top:var(--s2); color:var(--on-spruce-soft); max-width:42ch}
.equip-head .btn{margin-top:var(--s3)}
.equip-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s2)}
.equip-card{display:flex; flex-direction:column; gap:var(--s1); text-decoration:none; color:inherit}
.equip-img{display:flex; align-items:center; justify-content:center; aspect-ratio:3/4; background:var(--spruce-2); padding:var(--s2); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease}
.equip-img img{width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.equip-card:hover .equip-img{transform:translateY(-4px); box-shadow:0 14px 28px -10px rgba(0,0,0,.5)}
.equip-card b{font-size:18px; font-weight:700}
.equip-card:hover b{color:var(--amber)}
.equip-ph{display:block; width:46%; height:70%; border:1.5px dashed var(--on-spruce-soft); opacity:.5}
.equip-card.light .equip-img{background:var(--paper-2)}
.equip-card.light .equip-ph{border-color:var(--ink-soft)}
.equip-card.light:hover b{color:var(--amber-text)}
@media (max-width:900px){ .equip-row{grid-template-columns:minmax(0,1fr); gap:var(--s4)} }
@media (max-width:620px){ .equip-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
.eq-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5) var(--s4)}
.eq-item{display:grid; grid-template-columns:180px minmax(0,1fr); gap:var(--s3); align-items:start}
.eq-photo{display:flex; align-items:center; justify-content:center; aspect-ratio:1; max-height:260px; background:var(--spruce); padding:var(--s2)}
.eq-photo img{width:100%; height:100%; object-fit:contain}
.eq-item h2{font-size:30px; font-weight:800}
.eq-item h2 a{text-decoration:none}
.eq-item h2 a:hover{color:var(--amber-text)}
.eq-item p{color:var(--ink-soft); margin-top:var(--s1)}
.eq-item .actions{margin-top:var(--s3); align-items:center}
.eq-main{display:flex; align-items:center; justify-content:center; aspect-ratio:1; max-width:460px; width:100%; background:transparent; padding:0}
@media (max-width:900px){ .eq-main{max-width:none; aspect-ratio:auto; height:240px; padding:0} }
.eq-main img{width:100%; height:100%; object-fit:contain}
.eq-main .equip-ph{width:40%; height:60%}
.eq-gallery{min-width:0; max-width:460px; width:100%}
.eq-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
.eq-thumbs .shot-thumb{background:transparent; border:1px solid var(--line)}
.eq-thumbs .shot-thumb[aria-current="true"]{border:2px solid var(--amber)}
.eq-main .equip-ph{background:var(--spruce)}
.eq-thumbs .shot-thumb img{object-fit:contain; padding:4px}
@media (max-width:900px){ .eq-gallery{max-width:none} }
.eq-mini{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3)}
@media (max-width:900px){ .eq-list{grid-template-columns:minmax(0,1fr)} }
@media (max-width:520px){ .eq-item{grid-template-columns:120px minmax(0,1fr)} .eq-mini{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- süreç ---------- */
.steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); counter-reset:s}
.steps li{counter-increment:s; border-top:2px solid var(--ink); padding-top:var(--s2)}
.steps li::before{content:counter(s,decimal-leading-zero) " / 04"; font-family:var(--f-mono); font-size:12px; color:var(--amber-text); letter-spacing:.06em}
.steps h3{font-size:26px; margin-top:var(--s1)}
.steps p{margin-top:var(--s1); color:var(--ink-soft); font-size:17px}
@media (max-width:860px){ .steps{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:520px){ .steps{grid-template-columns:minmax(0,1fr)} }

/* ---------- ustalar ---------- */
.masters{background:var(--paper-2)}
.mgrid{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s5); align-items:start; margin-top:var(--s4)}
.mgrid h2{font-size:clamp(36px,5vw,64px)}
.mgrid > div > p{margin-top:var(--s3); color:var(--ink-soft); max-width:46ch}
.portraits{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3)}
.portrait{text-decoration:none}
.portrait .pimg{aspect-ratio:4/5; overflow:hidden}
.portrait .pimg img{width:100%; height:100%; object-fit:cover}
.portrait b{display:block; font-family:var(--f-display); font-size:22px; margin-top:var(--s2)}
.portrait span{font-family:var(--f-mono); font-size:12px; color:var(--ink-soft)}
.portrait:nth-child(2){margin-top:var(--s6)}
@media (max-width:760px){ .mgrid{grid-template-columns:minmax(0,1fr)} .portrait:nth-child(2){margin-top:var(--s4)} }
.master-list{display:flex; flex-direction:column; gap:var(--s7)}
.master{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s5); align-items:start}
.master:nth-child(even) .master-photo{order:2}
.master-photo img,.master-photo .ph{width:100%; aspect-ratio:4/5; object-fit:cover}
.master-text h2{font-size:clamp(36px,5vw,60px); margin:var(--s1) 0 var(--s3)}
@media (max-width:760px){ .master{grid-template-columns:minmax(0,1fr)} .master:nth-child(even) .master-photo{order:0} .master-list{gap:var(--s6)} }

/* ---------- yer tutucu doku ---------- */
.ph{position:relative; display:flex; align-items:flex-end; padding:var(--s2); max-width:100%}
.ph span{font-family:var(--f-mono); font-size:11px; letter-spacing:.06em; background:rgba(12,18,15,.78); color:#e6e9e2; padding:4px 8px}

/* ---------- model kartları ---------- */
.mgrid3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s5) var(--s3)}
@media (max-width:860px){ .mgrid3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:480px){ .mgrid3{gap:var(--s4) var(--s2)} .mcard b{font-size:19px} .mcard-tags span{font-size:10.5px; padding:1px 6px} }
.mcard{text-decoration:none; display:flex; flex-direction:column}
.mcard-img{aspect-ratio:3/4; overflow:hidden; background:var(--paper-2)}
.mcard-img img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.mcard:hover .mcard-img img{transform:scale(1.03)}
.mcard .meta{margin-top:var(--s2)}
.mcard b{font-family:var(--f-display); font-size:24px; line-height:1.15; margin-top:4px}
.mcard:hover b{color:var(--amber-text)}
.mcard-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:var(--s1)}
.mcard-tags span{font-family:var(--f-mono); font-size:11.5px; border:1px solid var(--line); padding:2px 8px; color:var(--ink-soft)}
.meta{font-family:var(--f-mono); font-size:12px; color:var(--amber-text); letter-spacing:.04em; display:block}

/* filtreler */
.filters{display:flex; flex-direction:column; gap:var(--s2); margin-bottom:var(--s3); padding-bottom:var(--s3); border-bottom:1px solid var(--line)}
.frow{display:flex; flex-wrap:wrap; align-items:center; gap:var(--s1)}
.frow > span{font-family:var(--f-mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-soft); width:80px}
.chip{font:500 15px var(--f-body); padding:6px 14px; border:1px solid var(--line); background:transparent; color:var(--ink); text-decoration:none; cursor:pointer}
.chip:hover{border-color:var(--ink)}
.chip[aria-current="true"]{background:var(--ink); color:var(--paper); border-color:var(--ink)}
.count{color:var(--ink-soft); margin-bottom:var(--s4)}
.count a{color:var(--amber-text)}
@media (max-width:520px){ .frow > span{width:100%} }

.empty{border:1px dashed var(--line); padding:var(--s5) var(--s4); display:flex; flex-direction:column; gap:var(--s2); align-items:flex-start; max-width:760px}
.empty h2{font-size:clamp(28px,3.4vw,40px)}
.empty p{color:var(--ink-soft); max-width:56ch}

/* ---------- model sayfası ---------- */
.product{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--s5); padding-bottom:var(--s7)}
.shot-main{aspect-ratio:4/5; overflow:hidden; background:var(--paper-2); width:100%}
.shot-main img{width:100%; height:100%; object-fit:cover}
.shot-thumbs{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--s1); margin-top:var(--s1)}
.shot-thumb{padding:0; border:2px solid transparent; background:none; cursor:pointer; aspect-ratio:1; overflow:hidden}
.shot-thumb img{width:100%; height:100%; object-fit:cover}
.shot-thumb[aria-current="true"]{border-color:var(--amber)}
.pinfo{position:sticky; top:calc(env(safe-area-inset-top,0px) + 104px); align-self:start}
.pinfo h1{font-size:clamp(40px,5vw,64px); font-weight:800; letter-spacing:-.015em; margin-top:var(--s1)}
.pinfo .lede{margin-top:var(--s3); color:var(--ink-soft)}
.spec{display:grid; grid-template-columns:auto minmax(0,1fr); margin:var(--s4) 0; border-top:1px solid var(--ink)}
.spec dt,.spec dd{margin:0; padding-block:12px; border-bottom:1px solid var(--line)}
.spec dt{font-family:var(--f-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding-right:var(--s4); display:flex; align-items:center}
.spec dd{font-family:var(--f-display); font-size:21px; font-weight:700}
.spec dd a{text-decoration:none}
.pinfo .small{font-size:15px; color:var(--ink-soft); margin-top:var(--s3)}
@media (max-width:900px){ .product{grid-template-columns:minmax(0,1fr)} .pinfo{position:static} }

/* ---------- galeri ---------- */
.gal{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:120px; gap:var(--s2)}
.gal a{overflow:hidden; display:block}
.gal img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.gal a:hover img{transform:scale(1.04)}
.gal a:nth-child(1){grid-column:span 3; grid-row:span 3}
.gal a:nth-child(2){grid-column:span 3; grid-row:span 2}
.gal a:nth-child(3){grid-column:span 2; grid-row:span 2}
.gal a:nth-child(4){grid-column:span 1; grid-row:span 1}
.gal a:nth-child(5){grid-column:span 2; grid-row:span 2}
@media (max-width:760px){ .gal{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:110px} .gal a:nth-child(n){grid-column:span 1; grid-row:span 2} .gal a:nth-child(1){grid-column:span 2} }
.masonry{columns:3 280px; column-gap:var(--s2)}
.masonry figure{margin:0 0 var(--s2); break-inside:avoid}
.masonry a{display:block; position:relative; transition:transform .25s ease, box-shadow .25s ease}
.masonry img{width:100%}
.masonry a:hover,.masonry a:focus-visible{transform:scale(1.06); box-shadow:0 18px 36px -12px rgba(28,35,30,.45); z-index:2}
.masonry figcaption{font-family:var(--f-mono); font-size:12px; color:var(--ink-soft); padding-top:6px}
.lightbox{border:0; padding:0; background:transparent; max-width:100vw; max-height:100vh; width:100vw; height:100vh; margin:0}
.lightbox::backdrop{background:rgba(8,12,10,.92)}
.lightbox[open]{display:flex; align-items:center; justify-content:center; flex-direction:column}
.lightbox img{max-width:calc(100vw - 32px); max-height:calc(100vh - 120px); object-fit:contain}
.lb-cap{color:#e6e9e2; font-family:var(--f-mono); font-size:13px; margin-top:var(--s2); text-align:center; padding-inline:16px}
.lb-close,.lb-nav{position:fixed; background:rgba(12,18,15,.6); color:#e6e9e2; border:1px solid rgba(230,233,226,.4); width:48px; height:48px; display:grid; place-items:center; cursor:pointer; font-size:28px; line-height:1}
.lb-close{top:calc(16px + env(safe-area-inset-top,0px)); right:calc(16px + env(safe-area-inset-right,0px))}
.lb-prev{left:calc(16px + env(safe-area-inset-left,0px)); top:50%}
.lb-next{right:calc(16px + env(safe-area-inset-right,0px)); top:50%}

/* ---------- blog ---------- */
.blog-home{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--s5)}
.feat a{text-decoration:none}
.fimg{aspect-ratio:16/10; overflow:hidden}
.fimg img{width:100%; height:100%; object-fit:cover}
.feat .meta{margin-top:var(--s2)}
.feat h3{font-size:clamp(28px,3.4vw,40px); margin-top:var(--s1)}
.feat a:hover h3{color:var(--amber-text)}
.feat p{margin-top:var(--s2); color:var(--ink-soft); max-width:52ch}
.posts{list-style:none; margin:0; padding:0; border-top:1px solid var(--ink)}
.posts li{border-bottom:1px solid var(--line)}
.posts a{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--s2); padding-block:var(--s3); text-decoration:none}
.posts a:hover h3{color:var(--amber-text)}
.posts h3{font-size:24px; font-weight:700; margin-top:4px}
.posts .arr{color:var(--amber-text); align-self:center}
@media (max-width:860px){ .blog-home{grid-template-columns:minmax(0,1fr)} }
.post-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s5) var(--s3)}
.pcard a{text-decoration:none; display:block}
.pcard .pimg{aspect-ratio:3/2; overflow:hidden}
.pcard .pimg img{width:100%; height:100%; object-fit:cover}
.pcard .meta{margin-top:var(--s2)}
.pcard h2{font-size:26px; margin-top:var(--s1)}
.pcard a:hover h2{color:var(--amber-text)}
.pcard p{color:var(--ink-soft); margin-top:var(--s1); font-size:17px}
.pcard-lead{grid-column:1/-1; display:grid}
.pcard-lead a{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:0 var(--s4); align-items:end}
.pcard-lead .pimg{grid-row:span 3; aspect-ratio:16/10}
.pcard-lead h2{font-size:clamp(32px,4vw,48px)}
.pcard-lead p{grid-column:2; margin-top:calc(-1 * var(--s1))}
@media (max-width:860px){ .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pcard-lead a{grid-template-columns:minmax(0,1fr)} .pcard-lead .pimg{grid-row:auto} .pcard-lead p{grid-column:1; margin-top:var(--s1)} }
@media (max-width:520px){ .post-grid{grid-template-columns:minmax(0,1fr)} }
.pager{display:flex; flex-wrap:wrap; gap:var(--s1); margin-top:var(--s6)}
.pager a,.pager span{font-family:var(--f-mono); min-width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); text-decoration:none}
.pager span{background:var(--ink); color:var(--paper); border-color:var(--ink)}

/* ---------- basın ---------- */
.press-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--s4); border-top:1px solid var(--ink)}
.press-list li{padding-block:var(--s3); border-bottom:1px solid var(--line)}
.press-list h3{font-size:24px; margin-top:4px}
.press-list a{text-decoration:none}
.press-list a:hover{color:var(--amber-text)}
@media (max-width:760px){ .press-list{grid-template-columns:minmax(0,1fr)} }
.list-title{font-size:clamp(32px,4vw,48px); margin:var(--s3) 0 var(--s4)}
.press-full{list-style:none; margin:0; padding:0; border-top:1px solid var(--ink)}
.press-full li{display:grid; grid-template-columns:160px minmax(0,1fr); gap:var(--s3); padding-block:var(--s3); border-bottom:1px solid var(--line)}
.press-full li > div:only-child{grid-column:1/-1}
.press-img img{width:100%; aspect-ratio:4/3; object-fit:cover}
.press-full h3{font-size:26px; margin-top:4px}
.press-full p{color:var(--ink-soft); margin-top:var(--s1)}
.press-full a{text-decoration-color:var(--amber)}
@media (max-width:520px){ .press-full li{grid-template-columns:minmax(0,1fr)} }

/* ---------- anasayfa referanslar ---------- */
.refs-band{background:var(--spruce); color:var(--on-spruce)}
.refs-band .eyebrow,.refs-band .meta{color:var(--amber)}
.refs-band .horon{color:var(--on-spruce-soft)}
.refs-band .horon::after{background:var(--spruce-2)}
.refs-band .more{color:var(--amber)}
.refs{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4) var(--s3)}
.ref a{display:flex; flex-direction:column; gap:6px; text-decoration:none; color:inherit}
.ref-img{display:block; aspect-ratio:4/5; overflow:hidden; background:var(--spruce-2); margin-bottom:var(--s1)}
.ref-img img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.ref a:hover .ref-img img{transform:scale(1.05)}
.ref-ph{display:flex; width:100%; height:100%; align-items:center; justify-content:center; font-size:72px; font-weight:800; color:var(--amber); opacity:.6}
.ref b{font-size:20px; line-height:1.25}
.ref a:hover b{color:var(--amber)}
.ref-desc{font-size:15px; color:var(--on-spruce-soft)}
@media (max-width:900px){ .refs{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* referanslar afişi */
.refs-feature{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s6); align-items:center; margin-top:var(--s4)}
.refs-text h2{font-size:clamp(40px,5.5vw,72px); font-weight:800; letter-spacing:-.02em; margin-top:var(--s1)}
.refs-text p{color:var(--on-spruce-soft); margin-top:var(--s3); max-width:42ch}
.refs-links{margin-top:var(--s4)}
.refs-poster{justify-self:center; width:min(540px, 100%)}
.refs-poster a{display:block; position:relative; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); transition:transform .3s ease}
.refs-poster a:hover{transform:translateY(-4px)}
.refs-poster img{width:100%; height:auto; display:block}
.refs-zoom{position:absolute; right:12px; bottom:12px; background:rgba(12,18,15,.8); color:#e6e9e2; font-size:13px; font-weight:600; padding:6px 10px; opacity:0; transition:opacity .2s ease}
.refs-poster a:hover .refs-zoom,.refs-poster a:focus-visible .refs-zoom{opacity:1}
.refs-feature + .refs{margin-top:var(--s6)}
.refs-page-poster{margin:0 auto; width:min(720px, 100%)}
.refs-names-intro{margin-top:var(--s1); max-width:60ch}
.refs-names{list-style:none; margin:var(--s3) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 var(--s4); border-top:1px solid var(--ink)}
.refs-names li{padding:12px 0; border-bottom:1px solid var(--line); font-size:20px; font-weight:600}
@media (max-width:760px){ .refs-names{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--s2)} .refs-names li{font-size:17px} }
.refs-page-poster a{display:block}
.refs-page-poster img{width:100%; height:auto; display:block; box-shadow:0 24px 48px -20px rgba(0,0,0,.45)}
@media (max-width:860px){ .refs-feature{grid-template-columns:minmax(0,1fr); gap:var(--s4)} }
@media (hover:none){ .refs-zoom{opacity:1} }

/* ---------- anasayfa (ürün odaklı düzen) ---------- */
.hstrip{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64' viewBox='0 0 96 64'%3E%3Cg fill='none' stroke='%231c231e' stroke-opacity='.04' stroke-width='1'%3E%3Cpath d='M2.5 0V64M46.5 0V64M63.5 0V64M93.5 0V64'/%3E%3C/g%3E%3Cg fill='none' stroke='%231c231e' stroke-opacity='.06' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M18 16H22V12H14V20H26V8H10V24'/%3E%3Cpath d='M30 48H26V44H34V52H22V40H38V56'/%3E%3Cpath d='M10 24L22 40M38 56L26 72M38 -8L26 8'/%3E%3C/g%3E%3Cg fill='%23c27a33' fill-opacity='.11'%3E%3Cellipse cx='36' cy='22' rx='2.6' ry='5' transform='rotate%28-35 36 22%29'/%3E%3Cellipse cx='12' cy='42' rx='2.6' ry='5' transform='rotate%28-35 12 42%29'/%3E%3Cellipse cx='79' cy='16' rx='3' ry='6' transform='rotate%2835 79 16%29'/%3E%3Cellipse cx='79' cy='48' rx='3' ry='6' transform='rotate%28-35 79 48%29'/%3E%3C/g%3E%3Cg fill='%239b2c1f' fill-opacity='.08'%3E%3Cpath d='M55 4L59 8L55 12L51 8Z'/%3E%3Cpath d='M55 36L59 40L55 44L51 40Z'/%3E%3Ccircle cx='79' cy='32' r='1.8'/%3E%3Ccircle cx='79' cy='0' r='1.8'/%3E%3Ccircle cx='79' cy='64' r='1.8'/%3E%3C/g%3E%3Cg fill='none' stroke='%232c4438' stroke-opacity='.10' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M52 26L58 20M52 58L58 52'/%3E%3C/g%3E%3C/svg%3E") repeat; border-bottom:1px solid var(--line)}
.hstrip .wrap{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s2) var(--s4); padding-block:var(--s3)}
.hstrip h1{font-size:clamp(22px,2.6vw,32px); font-weight:800; letter-spacing:-.01em; margin-top:6px; max-width:32ch}
.home-layout{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:var(--s5); align-items:start; padding-block:var(--s3) var(--s7)}
.home-main{display:flex; flex-direction:column}
.hrow{padding-block:var(--s4); border-bottom:1px solid var(--line)}
.hrow:first-child{padding-top:var(--s2)}
.hrow-head{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:var(--s1) var(--s3); margin-bottom:var(--s3)}
.hrow-head h2{font-size:clamp(26px,2.8vw,36px); font-weight:800; letter-spacing:-.01em}
.hrow-head h2 a{text-decoration:none}
.hrow-head h2 a:hover{color:var(--amber-text)}
.hgrid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3)}
.hgrid .mcard b{font-size:19px}
.hempty{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s2) var(--s4); background:var(--paper-2); padding:var(--s3)}
.hempty p{color:var(--ink-soft); max-width:56ch}
.hrefs{display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--s4); align-items:start}
.hrefs-poster a{display:block; position:relative; box-shadow:0 18px 36px -16px rgba(0,0,0,.45)}
.hrefs-poster img{width:100%; height:auto; display:block}
.hrefs-poster a:hover .refs-zoom{opacity:1}
.hrefs-side{display:flex; flex-direction:column; gap:var(--s3); align-items:flex-start}
.hrefs-side > p{color:var(--ink-soft); max-width:46ch}
.hrefs-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s2) var(--s3); width:100%}
.hrefs-list li{display:flex; align-items:center; gap:12px}
.hrefs-ava{width:48px; height:48px; flex:none; border-radius:50%; overflow:hidden; background:var(--spruce); color:var(--amber); display:grid; place-items:center; font-weight:800}
.hrefs-ava img{width:100%; height:100%; object-fit:cover}
.hrefs-list b{display:block; line-height:1.2}
.hrefs-list small{color:var(--ink-soft); font-size:13px}
.heq{display:grid; grid-template-columns:200px minmax(0,1fr); gap:var(--s4); align-items:center}
.heq-img{display:flex; align-items:center; justify-content:center; aspect-ratio:1; background:var(--spruce); padding:var(--s2)}
.heq-img img{width:100%; height:100%; object-fit:contain; transition:transform .3s ease}
.heq-img:hover img{transform:scale(1.05)}
.heq-img .equip-ph{width:46%; height:66%}
.heq-text p{color:var(--ink-soft); max-width:56ch}
.heq-text .actions{margin-top:var(--s3); align-items:center}
.home-side{position:sticky; top:calc(env(safe-area-inset-top,0px) + 148px); display:flex; flex-direction:column; gap:var(--s3); padding-top:var(--s2)}
.scard{padding:var(--s3); display:flex; flex-direction:column; gap:var(--s2); align-items:flex-start}
.scard h2{font-size:28px; font-weight:800; letter-spacing:-.01em}
.scard p{font-size:16px}
.scard-usta{background:var(--card); border:2px solid var(--ink)}
.scard-usta p{color:var(--ink-soft)}
.scard-photo{display:block; width:100%; aspect-ratio:4/5; overflow:hidden}
.scard-photo img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.scard-photo:hover img{transform:scale(1.03)}
.scard-meta{color:var(--amber-text) !important; font-weight:700; margin-top:calc(-1 * var(--s1))}
.scard-garanti{background:var(--spruce); color:var(--on-spruce)}
.scard-garanti p{color:var(--on-spruce-soft)}
.home-layout.no-side{grid-template-columns:minmax(0,1fr)}
.hrefs.no-poster{grid-template-columns:minmax(0,1fr)}
.home-side > .scard:only-child{grid-column:1/-1}
.scard-ic{width:40px; height:40px; fill:none; stroke:var(--amber); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
@media (max-width:1100px){ .hgrid{grid-template-columns:repeat(3,minmax(0,1fr))} .hgrid:not(.many) .mcard:nth-child(4){display:none} }
@media (max-width:960px){
  .home-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:var(--s2)}
  .home-side{position:static; padding-top:var(--s2); gap:var(--s2)}
}
@media (max-width:640px){
  .home-layout{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-top:var(--s2)}
  .hgrid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s2)}
  .hgrid .mcard:nth-child(4){display:flex}
  .hrefs{grid-template-columns:minmax(0,1fr)}
  .hrefs-poster{max-width:360px}
  .heq{grid-template-columns:120px minmax(0,1fr); gap:var(--s2)}
  .hstrip .btn{width:100%; justify-content:center}
}
@media (max-width:420px){ .hrefs-list{grid-template-columns:minmax(0,1fr)} }

/* referanslar: her ekranda aynı oranda (4:1) ince, uzun şerit — tasarım ölçüsü 2400×600 */
.refs-top{padding-top:var(--s3)}
.refs-top .hrow-head{display:none}
.hrefs-band a{display:block; position:relative; aspect-ratio:4/1; overflow:hidden; background:#0d1419; box-shadow:0 18px 36px -18px rgba(0,0,0,.5)}
.hrefs-bg{display:none}
.hrefs-band img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 42%}
.hrefs-label{position:absolute; left:0; top:0; bottom:0; display:flex; align-items:center; padding:0 clamp(40px,8vw,120px) 0 clamp(12px,2.4vw,32px); background:linear-gradient(90deg, rgba(10,14,12,.85) 55%, transparent); color:#fff; font-weight:800; font-size:clamp(17px,2.6vw,34px); letter-spacing:-.01em}
.hrefs-band a:hover .refs-zoom{opacity:1}
/* vitrin (Karadeniz / Rum büyük kutular) */
.hrow-vitrin{border-bottom:0; padding-bottom:var(--s2)}
.vitrin{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s3)}
.vt{--acc:#e3a564; --btn-bg:var(--amber); --btn-fg:#1c231e; position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:var(--s3); min-height:300px; padding:var(--s3) var(--s4); overflow:hidden; text-decoration:none; color:#f3eee2; background:var(--spruce); transition:transform .25s ease, box-shadow .25s ease}
.vt-rum{--acc:var(--spruce); --btn-bg:var(--spruce); --btn-fg:#f3eee2; background:#c27a33; color:#fff}
.vt:hover{transform:translateY(-3px); box-shadow:0 18px 30px -20px rgba(0,0,0,.45)}
.vt-text{display:flex; flex-direction:column; align-items:flex-start; gap:10px; position:relative; z-index:1}
.vt-top{font-size:20px; font-weight:600; color:var(--ink-soft)}
.vt-top span{color:var(--acc)}
.vt-title{font-size:clamp(30px,3.4vw,48px); line-height:1.05; font-weight:700; letter-spacing:-.01em}
.vt-title em{display:block; font-style:normal; color:var(--acc)}
.vt-sub{font-size:17px; color:currentColor; opacity:.8}
.vt-btn{margin-top:var(--s2); background:var(--btn-bg); color:var(--btn-fg); border-radius:999px; padding:12px 28px; font-weight:700; font-size:17px; box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.vt:hover .vt-btn{background:#fff; color:#1c231e}
.vt-karadeniz::after,.vt-rum::after{content:""; position:absolute; inset:0; pointer-events:none; opacity:.04; background:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 14px)}
.vt-art{align-self:stretch; display:flex; align-items:center; justify-content:center; min-width:0}
.vt-art img{max-height:280px; width:auto; max-width:100%; object-fit:contain; filter:drop-shadow(0 14px 14px rgba(0,0,0,.18))}
.vt-svg{width:100%; max-width:300px; max-height:280px; height:auto; filter:drop-shadow(0 14px 14px rgba(0,0,0,.18))}
/* kategori şeridi */
.hrow-kat{padding-top:var(--s2)}
.kat{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:var(--s2)}
.kat a{display:flex; flex-direction:column; align-items:center; gap:10px; text-decoration:none; color:var(--ink); text-align:center}
.kat-img{width:100%; aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--line); overflow:hidden; transition:border-color .2s ease, transform .2s ease}
.kat-img img{width:100%; height:100%; object-fit:cover}
.kat a:hover .kat-img{border-color:var(--amber); transform:translateY(-2px)}
.kat a:hover .kat-name{color:var(--amber-text)}
.kat-kem{height:82%; width:auto}
.kat-ic{width:56%; height:56%; fill:none; stroke:var(--spruce); stroke-width:4; stroke-linecap:round; stroke-linejoin:round}
.kat-name{font-size:15px; font-weight:600; line-height:1.25}
@media (max-width:640px){
  .vt{min-height:0; padding:var(--s3); grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .vt-top{font-size:15px} .vt-sub{font-size:15px} .vt-btn{padding:10px 20px; font-size:15px}
  .vt-svg{max-width:150px; max-height:190px} .vt-art img{max-height:190px} .vt-title{font-size:28px}
  .kat{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding-bottom:6px; scrollbar-width:none}
  .kat::-webkit-scrollbar{display:none}
  .kat li{flex:0 0 96px; scroll-snap-align:start}
  .kat-name{font-size:13px}
}


/* telefon ve tablet: taslaktaki gibi iki sütun (solda kemençe + ekipman kutuları, sağda usta + garanti) */
/* ekipman ve kurs: her ekranda vitrin kutularıyla aynı tasarımda, alt alta */
.kat{display:none}
.kat-tiles{display:grid; gap:var(--s3); list-style:none; margin:0; padding:0}
.hrow-kat{padding-top:0}
.vt-eq{min-height:240px}
.vt-eq .vt-title{font-size:clamp(28px,3vw,40px)}
.vt-eq .kat-ic{width:62%; max-width:200px; height:auto; fill:none; stroke:#f3eee2; stroke-width:3; stroke-linecap:round; stroke-linejoin:round}
.vt-eq.vt-rum .kat-ic{stroke:#1c231e}
.vt-photo{display:flex; align-items:center; justify-content:center; width:100%; max-width:240px; aspect-ratio:1}
.vt-photo img{width:100%; height:100%; object-fit:contain; max-height:none; filter:drop-shadow(0 10px 12px rgba(0,0,0,.3))}
@media (max-width:960px){
  .home-main .hrow{padding-block:var(--s2); border-bottom:0}
  .home-main .hrow:first-child{padding-top:var(--s2)}
  .hrow-kat{padding-top:0}
  .vitrin{gap:10px}
  /* kutular: solda yazı + buton, sağda resim */
  .vt{display:grid; grid-template-columns:minmax(0,1fr) 40%; align-items:center; gap:8px; min-height:0; padding:14px 12px 14px 14px}
  .vt-art{order:0; height:130px; align-self:center}
  .vt-svg{height:100%; width:auto; max-width:100%; max-height:none}
  .vt-art img{max-height:130px}
  .vt-text{gap:5px}
  .vt-title{font-size:22px; line-height:1.1}
  .vt-sub{font-size:13px; line-height:1.3}
  .vt-btn{margin-top:6px; align-self:flex-start; padding:8px 14px; font-size:14px; white-space:nowrap}
  .kat-tiles{gap:10px}
  .vt-eq .vt-title{font-size:19px}
  .vt-eq{min-height:0}
  .vt-eq .kat-ic{width:100%; max-height:100px; stroke-width:3.5}
  .vt-photo{max-width:none}
  .scard{padding:14px; gap:10px}
  .scard h2{font-size:21px}
  .scard p{font-size:14px; line-height:1.5}
  .scard .eyebrow{font-size:10.5px}
  .scard-ic{width:30px; height:30px}
  .scard-garanti .btn{align-self:stretch; justify-content:center; padding:10px 8px; font-size:14px; gap:6px}
}
@media (max-width:640px){
  .hrefs-band .refs-zoom{display:none}
  .vt{grid-template-columns:minmax(0,1fr) 36%; padding:10px 8px 10px 10px; gap:4px}
  .vt-art{height:132px; margin-block:-6px}
  .vt-art img{max-height:132px}
  .vt-svg{max-height:132px}
  .vt-title{font-size:16px}
  .vt-eq .vt-title{font-size:15px}
  .vt-sub{font-size:11.5px}
  .vt-btn{font-size:12px; padding:6px 9px; margin-top:4px}
  .scard{padding:12px}
  .scard h2{font-size:18px}
  .scard p{font-size:13px}
  .scard .more{font-size:13px}
  .scard-garanti .btn{font-size:13px}
  .scard-garanti .btn .ic{width:16px; height:16px}
  .hstrip h1{font-size:21px}
  /* referanslar: başlığın yerinde ince, uzun şerit */
}
@media (max-width:380px){ .vt-title{font-size:15px} .vt-btn{font-size:11.5px; padding:6px 7px} }

.cred{display:flex; align-items:flex-start; gap:8px; margin:0; padding:8px 10px; border:1px solid var(--amber); background:rgba(194,122,51,.08); color:var(--ink) !important; font-size:14px !important; font-weight:700; line-height:1.35}
.cred svg{flex:none; width:20px; height:20px; fill:none; stroke:var(--amber-text); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; margin-top:-1px}
.cred-lg{display:inline-flex; margin:var(--s2) 0 var(--s3); font-size:16px !important; padding:10px 14px}
.cred-lg svg{width:22px; height:22px}
@media (max-width:640px){ .scard .cred{font-size:12px !important; padding:6px 8px; gap:6px} .scard .cred svg{width:16px; height:16px} }
@media (max-width:960px){ .home-main .hrow-vitrin{padding-bottom:10px} .home-main .hrow-kat{padding-top:0} }
/* telefon ve tablet: garanti kutusu iki sütunun altında, boydan boya yatay şerit */
@media (max-width:960px){
  .home-layout:not(.no-side){grid-template-areas:"main side" "garanti garanti"; row-gap:12px}
  .home-layout .home-main{grid-area:main}
  .home-side{display:contents}
  .home-side .scard-usta{grid-area:side; align-self:stretch; margin-top:var(--s2); margin-bottom:var(--s2)}
  /* usta fotoğrafı kalan boşluğu doldurur: iki sütun aynı hizada biter */
  .scard-usta .scard-photo{flex:1 1 auto; position:relative; min-height:150px; aspect-ratio:auto !important}
  .scard-usta .scard-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%}
  .home-side .scard-garanti{grid-area:garanti; display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"ic title btn" "ic text btn"; align-items:center; gap:4px 14px; padding:16px}
  .scard-garanti .scard-ic{grid-area:ic; width:40px; height:40px}
  .scard-garanti h2{grid-area:title; margin:0}
  .scard-garanti p{grid-area:text; margin:0}
  .scard-garanti .btn{grid-area:btn; align-self:center !important; white-space:nowrap; padding:12px 16px}
}
@media (max-width:640px){
  .home-side .scard-garanti{grid-template-columns:auto minmax(0,1fr); grid-template-areas:"ic title" "text text" "btn btn"; gap:8px 10px; padding:14px}
  .scard-garanti .scard-ic{width:30px; height:30px}
  .scard-garanti h2{font-size:19px}
  .scard-garanti p{font-size:13.5px}
  .scard-garanti .btn{width:100%; justify-content:center}
}
/* telefonda usta kutusu: fotoğraf, ad, Bakanlık onayı ve "Ustamızı tanıyın" (hikâye metni Ustamız sayfasında) */
/* telefonda usta hikâyesi rozetin altındaki boşluğu doldurur; sığmayan kısım yumuşakça kaybolur (tamamı Ustamız sayfasında) */
@media (max-width:640px){
  .scard-usta .scard-bio{flex:1 1 0; min-height:2.9em; overflow:hidden; margin:0; -webkit-mask-image:linear-gradient(#000 70%, transparent); mask-image:linear-gradient(#000 70%, transparent)}
  .scard-usta > .more{margin-top:0}
}
/* telefonda sağ sütunu kısalt: iki sütun aynı boyda bitsin */
@media (max-width:640px){
  .scard-usta .scard-photo{aspect-ratio:3/4}
  .scard-usta h2{font-size:17px}
  .scard-usta .scard-meta{font-size:12.5px !important; margin-top:-4px}
}

/* vitrin kemençe görseli: hafif yan (çapraz) durur, daha büyük görünür */
.vitrin .vt-art{overflow:visible; position:relative}
.vitrin .vt-art img{height:340px; max-height:none; width:auto; max-width:none; transform:rotate(32deg); transform-origin:50% 50%}
@media (max-width:960px){ .vitrin .vt-art img{height:170px} }
@media (max-width:640px){ .vitrin .vt-art img{height:142px} }
/* telefonda usta fotoğrafı kısalır, yazı daha yukarıdan başlar; "Ustamızı tanıyın" kutunun altına yaslanır */
@media (max-width:640px){
  .scard-usta .scard-photo{flex:none; height:auto; aspect-ratio:5/7 !important}
  .scard-usta > .more{margin-top:auto}
}
/* telefonda ekipman/kurs görselleri daha büyük */
@media (max-width:640px){
  .vt-eq{grid-template-columns:minmax(0,1fr) 45%; padding-right:6px}
  .vt-eq .vt-art{height:108px}
  .vt-eq .vt-photo{width:100%; height:100%; max-width:none; aspect-ratio:auto; transform:scale(1.04)}
  .vt-eq-kemence-kursu .vt-photo{transform:scale(.72)}
}

/* sosyal medya simgeleri markanın kendi renginde */
.soc-ic.soc-facebook{color:#0866FF; fill:#0866FF}
.soc-ic.soc-youtube{color:#FF0000; fill:#FF0000}
.soc-ic.soc-whatsapp{color:#25D366; fill:#25D366}
.top-social a:hover .soc-ic,.foot .soc a:hover .soc-ic{opacity:.8}
.foot .soc-ic{width:22px; height:22px}

/* ---------- fiyatlar ---------- */
.price-updated{margin-top:var(--s2)}
.price-group + .price-group{margin-top:var(--s6)}
.price-group .sec-head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:var(--s1) var(--s3); margin-bottom:var(--s2)}
.price-group .sec-head > div{max-width:none}
.price-group .sec-head h2{font-size:clamp(26px,3vw,38px); max-width:none}
.table-scroll{overflow-x:auto}
.price-table{width:100%; border-collapse:collapse; border-top:2px solid var(--ink); font-size:17px}
.price-table th{text-align:left; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding:12px 10px; border-bottom:1px solid var(--line); font-weight:600}
.price-table td{padding:14px 10px; border-bottom:1px solid var(--line); vertical-align:middle}
.price-table td a{color:var(--ink); font-weight:600; text-decoration-color:var(--amber)}
.price-table .pt-price{text-align:right; white-space:nowrap}
.price-table .pt-price b{font-size:19px; color:var(--spruce)}
.pt-count{font-size:13px; color:var(--ink-soft); font-weight:500; margin-left:6px; white-space:nowrap}
.price-ask{display:inline-flex; align-items:center; gap:6px; color:var(--amber-text) !important; font-weight:700 !important; text-decoration:none; font-size:15px}
.price-ask .ic{width:18px; height:18px}
.price-cta{margin-top:var(--s5); padding:var(--s3); background:var(--paper-2); display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4); align-items:center; justify-content:space-between}
.price-cta p{margin:0; max-width:60ch}
.price-big{font-size:30px; font-weight:800; color:var(--spruce); margin:var(--s2) 0 0}
.price-big small{font-size:14px; font-weight:500; color:var(--ink-soft)}
.mcard-price{display:block; font-weight:800; color:var(--spruce); margin-top:2px}
@media (max-width:640px){
  .price-table thead{display:none}
  .price-table, .price-table tbody, .price-table tr, .price-table td{display:block; width:100%}
  .price-table tr{padding:10px 0; border-bottom:1px solid var(--line)}
  .price-table td{border:0; padding:3px 0; display:flex; justify-content:space-between; gap:12px; text-align:right}
  .price-table td::before{content:attr(data-l); color:var(--ink-soft); font-size:14px; text-align:left}
  .price-table td:first-child{font-size:18px}
  .price-table td:first-child::before{display:none}
  .price-table .pt-price{text-align:right}
}
/* fiyat rehberi */
.quote-box{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--s3) var(--s5); align-items:center; background:var(--spruce); color:#f3eee2; padding:var(--s4)}
.quote-box .eyebrow{color:#e3a564}
.quote-box h2{font-size:clamp(24px,2.6vw,34px); margin-top:6px}
.quote-steps{margin:var(--s2) 0 0; padding-left:22px; display:grid; gap:6px; color:#d9ded4}
.quote-steps b{color:#fff}
.quote-cta{display:flex; flex-direction:column; align-items:flex-start; gap:8px}
.quote-cta .small{color:#d9ded4}
.quote-cta .small a{color:#fff}
.guide-head{margin-top:var(--s6); margin-bottom:var(--s3)}
.guide-head > div{max-width:none}
.guide-head h2{font-size:clamp(26px,3vw,38px)}
.guide-types{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3)}
.guide-type{border:2px solid var(--ink); padding:var(--s3); display:flex; flex-direction:column; gap:10px; background:var(--card)}
.guide-type h3{font-size:26px}
.guide-type h3 a{text-decoration:none}
.guide-type p{margin:0; color:var(--ink-soft)}
.guide-opt{display:flex; gap:10px; font-size:16px}
.guide-opt span{flex:none; width:52px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--amber-text); padding-top:3px}
.guide-type .actions{margin-top:auto; padding-top:var(--s1); align-items:center}
.guide-eq{list-style:none; margin:0; padding:0; border-top:2px solid var(--ink)}
.guide-eq li{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto; gap:var(--s2); align-items:center; padding:14px 0; border-bottom:1px solid var(--line)}
.guide-eq-name{font-weight:700; font-size:18px; color:var(--ink); text-decoration-color:var(--amber)}
.guide-eq-desc{color:var(--ink-soft)}
@media (max-width:760px){
  .quote-box{grid-template-columns:minmax(0,1fr); padding:var(--s3)}
  .quote-cta .btn{width:100%; justify-content:center}
  .guide-types{grid-template-columns:minmax(0,1fr)}
  .guide-eq li{grid-template-columns:minmax(0,1fr) auto; gap:4px 12px}
  .guide-eq-desc{grid-column:1; grid-row:2; font-size:15px}
  .guide-eq .price-ask{grid-row:1 / span 2; grid-column:2}
}

/* ---------- sık sorulan sorular ---------- */
.faq{border-top:2px solid var(--ink); max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer; list-style:none; padding:18px 40px 18px 0; font-weight:700; font-size:19px; position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; position:absolute; right:6px; top:14px; font-size:26px; color:var(--amber-text); font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq-a{padding:0 0 18px; color:var(--ink-soft); max-width:70ch}

/* ---------- arama sayfası ---------- */
.search-h1{font-size:clamp(34px,5vw,60px); font-weight:800; letter-spacing:-.02em; overflow-wrap:anywhere}
.search-page-form{display:flex; gap:var(--s2); margin-top:var(--s3); max-width:720px}
.search-page-form input{flex:1; min-width:0; font:500 18px var(--f-body); padding:13px 14px; border:2px solid var(--ink); background:#fff; color:var(--ink)}
.search-page-form input:focus{outline:none; border-color:var(--amber)}
.search-count{margin-top:var(--s2); color:var(--ink-soft)}
.search-group + .search-group{margin-top:var(--s5)}
.search-group .list-title small{font-size:.6em; color:var(--ink-soft); font-weight:600}
.search-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.search-list a{display:flex; gap:var(--s2); align-items:center; padding:var(--s2) 0; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink)}
.search-list a:hover b{color:var(--amber-text)}
.search-list b{display:block; font-size:19px}
.search-list small{display:block; color:var(--ink-soft); font-size:15px; margin-top:2px}
.search-thumb{flex:none; width:72px; height:72px; display:grid; place-items:center; background:#fff; border:1px solid var(--line); overflow:hidden}
.search-thumb img{width:100%; height:100%; object-fit:cover}
.search-thumb .kat-ic{width:60%; height:60%}
@media (max-width:520px){ .search-page-form .btn span, .search-bar .btn{padding-inline:14px} .search-thumb{width:56px; height:56px} }

/* ---------- iletişim ---------- */
.contact{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s6); align-items:start}
@media (max-width:900px){ .contact{grid-template-columns:minmax(0,1fr); gap:var(--s5)} }
.contact-info{display:flex; flex-direction:column; border-top:1px solid var(--ink)}
.cline{display:flex; gap:var(--s2); align-items:flex-start; padding-block:var(--s3); border-bottom:1px solid var(--line); text-decoration:none}
.cline .ic{width:24px; height:24px; color:var(--amber-text); margin-top:4px}
.cline small{display:block; font-family:var(--f-mono); font-size:12px; color:var(--ink-soft); letter-spacing:.04em}
.cline b{font-family:var(--f-display); font-size:clamp(20px,2.4vw,26px); overflow-wrap:anywhere}
.cline:hover b{color:var(--amber-text)}
.form-card{border:2px solid var(--ink); padding:var(--s4); background:var(--card)}
.form-card h2{font-size:36px; margin-bottom:var(--s3)}
@media (max-width:520px){ .form-card{padding:var(--s3) var(--s2)} }
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:var(--s2)}
.field label{font-weight:700; font-size:16px}
.field label span{font-weight:400; color:var(--ink-soft)}
.field input,.field textarea{font:400 17px var(--f-body); color:var(--ink); background:var(--paper); border:1px solid var(--line); border-bottom:2px solid var(--ink); padding:12px 14px; width:100%}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--amber); box-shadow:0 0 0 2px var(--amber)}
.field-row{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s2)}
.field-row .field{margin-bottom:0}
@media (max-width:520px){ .field-row{grid-template-columns:minmax(0,1fr)} }
.hint{font-size:14px; color:var(--ink-soft); margin:6px 0 var(--s2)}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.check{display:flex; gap:10px; align-items:flex-start; font-size:15px; margin:var(--s2) 0 var(--s3); cursor:pointer}
.check input{width:20px; height:20px; margin-top:2px; accent-color:var(--amber); flex:none}
.check a{color:var(--amber-text)}
.errors{border-left:4px solid var(--danger); background:var(--paper); padding:var(--s2); margin-bottom:var(--s3); color:var(--ink)}
.errors ul{margin:6px 0 0; padding-left:1.2em}
.success{display:flex; flex-direction:column; gap:var(--s2); align-items:flex-start}
.success h2{color:var(--ok); margin:0}

/* ---------- 404 ---------- */
.nf{padding-block:var(--s6) var(--s4); max-width:760px}
.nf .actions{margin-top:var(--s4)}

/* ---------- alt bilgi ---------- */
.foot{background:var(--paper); color:var(--ink); border-top:1px solid var(--line)}
.foot .wrap{padding-block:var(--s7) var(--s4)}
.foot-title{font-family:var(--f-display); font-size:clamp(40px,6vw,80px); font-weight:800; letter-spacing:-.02em; max-width:14ch; line-height:1.05; margin-top:var(--s1)}
.foot .actions{margin-top:var(--s4)}
.foot .cols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s5); padding-top:var(--s4); border-top:1px solid var(--ink)}
.foot .eyebrow{color:var(--amber-text); font-size:19px}
.foot address,.foot .cols p{font-style:normal; margin-top:var(--s1); font-size:19px}
.foot .cols a{color:var(--ink); text-decoration-color:var(--amber)}
.foot .hours{color:var(--amber-text); font-weight:600; font-size:17px}
.foot .soc{display:flex; flex-direction:column; gap:10px; margin-top:var(--s1); font-size:19px}
.foot .soc a{display:inline-flex; align-items:center; gap:10px; text-decoration:none}
.foot .soc a:hover span{text-decoration:underline; text-decoration-color:var(--amber)}

.soc-ic{width:22px; height:22px; flex:none}
.foot-nav{display:flex; flex-wrap:wrap; gap:var(--s1) var(--s3); margin-top:var(--s5); padding-top:var(--s3); border-top:1px solid var(--line)}
.foot-nav a{color:var(--ink-soft); text-decoration:none; font-size:16px}
.foot-nav a:hover{color:var(--amber-text)}
.region{color:var(--ink-soft); font-size:15px; max-width:80ch; margin-top:var(--s3)}
.foot .base{display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s2); margin-top:var(--s4); color:var(--ink-soft); padding-bottom:var(--s6)}
@media (max-width:760px){
  .foot .cols{grid-template-columns:minmax(0,1fr); gap:var(--s3); margin-top:var(--s4); padding-top:var(--s3)}
  /* telefonda fazla boşlukları azalt */
  .home-layout{padding-bottom:var(--s3)}
  .foot .wrap{padding-block:var(--s4) var(--s2)}
  .foot .actions{margin-top:var(--s2)}
  .foot-nav{margin-top:var(--s4)}
  .foot .base{margin-top:var(--s3); padding-bottom:var(--s2)}
  /* üst şerit daha ince */
  .hstrip .wrap{padding-block:10px}
  .hstrip h1{margin-top:2px; line-height:1.2}
  .refs-top{padding-top:12px}
}

/* sabit WhatsApp */
.fab{position:fixed; right:calc(16px + env(safe-area-inset-right,0px)); bottom:calc(16px + env(safe-area-inset-bottom,0px)); z-index:25; display:flex; align-items:center; gap:8px; background:var(--amber); color:#1c231e; text-decoration:none; font:700 15px var(--f-body); padding:12px 16px; border:2px solid #1c231e; box-shadow:4px 4px 0 var(--ink); transition:transform .15s ease}
.fab:hover{transform:translate(-2px,-2px)}
@media (max-width:520px){ .fab span{display:none} .fab{padding:14px} .fab .ic{width:24px; height:24px} }

/* telefonda alttaki Ara / WhatsApp çubuğu */
.callbar{display:none}
@media (max-width:760px){
  .fab{display:none}
  .callbar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); position:fixed; left:0; right:0; bottom:0; z-index:25; border-top:2px solid var(--ink); padding-bottom:env(safe-area-inset-bottom,0px); background:var(--amber)}
  .callbar a{display:flex; align-items:center; justify-content:center; gap:10px; min-height:58px; text-decoration:none; font:700 17px var(--f-body)}
  .callbar .ic{width:24px; height:24px}
  .callbar-tel{background:var(--amber); color:#1c231e}
  .callbar-wa{background:var(--spruce); color:#f3eee2; border-left:2px solid var(--ink)}
  .callbar a:active{filter:brightness(.92)}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
}

@media (prefers-reduced-motion:reduce){ *{transition:none!important; animation:none!important} }
@media print{ .top,.fab,.callbar,.foot,.aside-card{display:none} body{background:#fff; color:#000} }

/* çerez onay şeridi (yalnızca Analytics kimliği girildiyse) – sitenin açık kâğıt rengi, yeşil onay */
.cookie{position:fixed; left:16px; bottom:16px; z-index:40; max-width:440px; background:var(--card); color:var(--ink); border:1px solid var(--line); border-top:3px solid var(--spruce); padding:16px 18px; box-shadow:0 8px 24px rgba(28,35,30,.14)}
.cookie[hidden]{display:none}
.cookie p{margin:0 0 12px; font-size:15px; line-height:1.45; color:var(--ink-soft)}
.cookie a{color:var(--amber-text); text-decoration:underline}
.cookie-btns{display:flex; gap:10px; justify-content:flex-end}
.cookie .btn{min-height:42px; padding:0 18px; font-size:15px; cursor:pointer; box-shadow:none}
.cookie-no{background:transparent; color:var(--ink); border:1px solid var(--line)}
.cookie-no:hover{border-color:var(--ink)}
.cookie-yes{background:var(--spruce); color:var(--on-spruce); border:1px solid var(--spruce)}
.cookie-yes:hover{background:var(--spruce-2)}
.foot-cookie{background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; text-decoration:inherit}
.foot-cookie:hover{text-decoration:underline}
@media (max-width:760px){
  .cookie{left:10px; right:10px; max-width:none; bottom:calc(68px + env(safe-area-inset-bottom,0px)); padding:14px}
  .cookie p{font-size:14px}
  .cookie-btns .btn{flex:1}
}

/* anasayfa alt yazısı: Kemençe hakkında */
.home-about{background:var(--paper-2); border-top:1px solid var(--line); margin-top:var(--s6)}
.home-about .prose{max-width:72ch; font-size:18px}
.home-about .prose h2{font-size:clamp(24px,2.6vw,30px)}
.home-about .prose a{color:var(--amber-text)}
@media (max-width:760px){ .home-about .prose{font-size:17px} }