/* Tokens */
:root { --ink:#141414; --paper:#f4f1ea; --stone:#8c877e; --line:rgb(20 20 20 / .14); --accent:#b4532a; --accent-hover:#9a4522; --forest:#1f3a2c; --serif:"Instrument Serif",Georgia,serif; --sans:"Inter Tight",Arial,sans-serif; --mono:"JetBrains Mono",monospace; }

/* Base */
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.45 var(--sans); }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:100%; object-fit:cover; }
.wrap { width:min(1320px,calc(100% - 48px)); margin:auto; }
.eyebrow,.mono { font:500 10px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.eyebrow { color:#67625a; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:1px solid var(--ink); font-size:13px; font-weight:500; transition:background .25s,color .25s; }
.button:hover { background:var(--ink); color:var(--paper); }
.button.accent { border-color:var(--accent); background:var(--accent); color:#fff; }
.button.accent:hover { border-color:var(--accent-hover); background:var(--accent-hover); }
.placeholder { position:relative; background:linear-gradient(130deg,#a9a49a,#77736c 46%,#c4bfb5); }
.placeholder::after { content:""; position:absolute; inset:0; opacity:.28; background:repeating-linear-gradient(112deg,transparent 0 7px,rgb(255 255 255 / .2) 8px 9px); }

/* Header + menu */
.site-header { position:relative; z-index:5; background:var(--paper); border-bottom:1px solid var(--line); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:76px; }
.logo { display:inline-flex; align-items:center; gap:10px; }
.logo > img { flex:none; width:34px; height:34px; object-fit:contain; }
.logo-type { display:flex; flex-direction:column; }
.logo b { font:400 32px/.8 var(--serif); letter-spacing:-.06em; }
.logo small { margin-top:7px; font:500 8px/1 var(--mono); letter-spacing:.1em; }
.logo em { margin-top:8px; color:#b9b7b0; font:500 8px/1 var(--mono); font-style:normal; letter-spacing:.12em; }
.nav { display:flex; align-items:center; gap:28px; font-size:14px; }
.nav a { border-bottom:1px solid transparent; }
.nav a:hover,.nav a[aria-current="page"] { border-color:var(--ink); }
.menu-toggle { display:none; padding:8px 0; border:0; background:none; font:inherit; }

/* Hero */
.hero { position:relative; display:flex; align-items:end; min-height:610px; padding:80px 0; overflow:hidden; background:var(--ink); color:var(--paper); }
.hero-media { position:absolute; inset:0; opacity:.45; }
.hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#141414 5%,transparent 72%); }
.hero-content { position:relative; max-width:800px; padding-bottom:52px; }
.hero h1,.page-title,h2 { margin:12px 0 22px; font:400 clamp(48px,7.2vw,104px)/.88 var(--serif); letter-spacing:-.055em; }
.hero p { max-width:510px; margin:0 0 30px; font-size:19px; }
.hero .button:not(.accent) { border-color:rgb(244 241 234 / .6); }
.actions { display:flex; flex-wrap:wrap; gap:10px; }

/* Sections + category grid */
.section { padding:100px 0; border-top:1px solid var(--line); }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:38px; }
.section h2 { margin:6px 0 0; font-size:clamp(40px,5vw,70px); }
.section-copy { max-width:400px; color:#555; }
.category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.category-card { position:relative; display:flex; flex-direction:column; justify-content:end; min-width:0; min-height:290px; padding:18px; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#d5d1c8; }
.category-card .media { position:absolute; inset:0; transition:transform .4s ease; }
.category-card:hover .media { transform:scale(1.035); }
.card-shade { position:absolute; inset:0; background:linear-gradient(transparent 35%,rgb(20 20 20 / .7)); }
.category-card span { position:relative; color:#fff; font:400 32px/.95 var(--serif); letter-spacing:-.035em; }
.category-card small { position:relative; max-width:280px; margin-top:8px; color:#fff; }
.category-products { padding:0 0 100px; }
.service-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.service-item { display:grid; grid-template-columns:26px minmax(0,1fr); gap:14px; padding:28px 28px 28px 0; }
.service-item + .service-item { padding-left:28px; border-left:1px solid var(--line); }
.service-item > span { color:var(--stone); font:500 10px/1.2 var(--mono); letter-spacing:.08em; }
.service-item h2 { margin:0 0 7px; font:500 20px/1.1 var(--sans); letter-spacing:normal; }
.service-item p { margin:0; color:#67625a; font-size:14px; line-height:1.4; }

/* Footer üstü ortak marka şeridi */
.partners-strip { padding:34px 0; border-top:1px solid var(--line); }
.partner-list { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:28px; }
.partner-item { display:grid; flex:0 1 auto; min-width:0; place-items:center; }
.partner-item img { width:auto; height:auto; max-width:100%; max-height:26px; object-fit:contain; filter:grayscale(1); opacity:.5; transition:opacity .25s ease; }
.partner-item img[src$=".jpg"] { mix-blend-mode:multiply; }
.partner-item .brand-name { color:var(--ink); font:500 11px/1 var(--mono); letter-spacing:.14em; text-align:center; opacity:.5; transition:opacity .25s ease; }
.partner-item:hover img,.partner-item:hover .brand-name { opacity:.9; }
.cta { display:grid; grid-template-columns:2fr 1fr; padding:36px; border:1px solid var(--ink); }
.cta h2 { margin:0; font-size:clamp(42px,5vw,72px); }
.cta p { max-width:360px; }

/* Product cards + product page */
.products { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.product-card { display:block; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.product-card .media { height:250px; overflow:hidden; background:#c7c3ba; }
.product-card .media > * { transition:transform .4s ease; }
.product-card:hover .media > * { transform:scale(1.035); }
.product-card-copy { padding:16px; }
.product-card h3 { margin:6px 0 12px; font:400 26px/1 var(--serif); letter-spacing:-.035em; }
.product-card p { margin:0; color:#5c5a56; font-size:12px; }
.breadcrumb { padding:20px 0; color:#68645c; font-size:12px; }
.intro { padding:55px 0 80px; border-bottom:1px solid var(--line); }
.intro .page-title { max-width:760px; }
.intro p { max-width:600px; font-size:18px; }
.product-hero { display:grid; grid-template-columns:7fr 5fr; gap:40px; padding:50px 0 95px; border-bottom:1px solid var(--line); }
.product-visual { width:100%; background:#bbb6ad; }
.product-visual,.product-visual .media { aspect-ratio:4 / 3; }
.product-visual .media { height:100%; }
.product-visual .placeholder { height:100%; }
.product-meta { display:flex; flex-direction:column; }
.product-meta h1 { margin:12px 0 24px; font:400 clamp(47px,5vw,78px)/.9 var(--serif); letter-spacing:-.055em; }
.product-meta > p { margin:0 0 35px; font-size:18px; }
.specs { margin:0 0 32px; border-top:1px solid var(--line); }
.specs div { display:grid; grid-template-columns:42% 58%; padding:10px 0; border-bottom:1px solid var(--line); font:11px var(--mono); }
.specs span:last-child { color:#5a5751; }
.uses { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 30px; padding:0; list-style:none; }
.uses li { padding:5px 8px; border:1px solid var(--line); font-size:12px; }
.related { padding:80px 0; }

/* Forms */
.form-layout { display:grid; grid-template-columns:7fr 5fr; gap:70px; padding:60px 0 100px; }
.form-title { font-size:clamp(52px,6vw,88px); }
form { display:grid; gap:17px; }
label { display:grid; gap:7px; font-size:13px; font-weight:500; }
input,textarea,select { width:100%; padding:12px; border:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); font:15px var(--sans); }
select[multiple] { height:215px; }
textarea { min-height:120px; resize:vertical; }
.form-note { align-self:start; padding:25px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.form-note h2 { font-size:40px; }

/* Contact + map */
.contact-grid { display:grid; grid-auto-rows:minmax(420px,auto); grid-template-columns:1fr 1fr; width:min(1320px,calc(100% - 48px)); margin:0 auto 100px; border:1px solid var(--line); }
.contact-grid > div { padding:28px; border-right:1px solid var(--line); }
.contact-grid .map { min-height:420px; }
.map { min-height:340px; padding:0 !important; overflow:hidden; background:#aaa59b; }
.map iframe { display:block; width:100%; height:100%; min-height:340px; border:0; filter:grayscale(1) contrast(.9); transition:filter .3s ease; }
.contact-grid .map iframe { min-height:0; filter:grayscale(1) contrast(1.05); }
.map:hover iframe,.map:focus-within iframe { filter:grayscale(0); }
.text-link { display:inline-block; margin-top:15px; border-bottom:1px solid var(--ink); font-size:13px; font-weight:500; }
.map-placeholder { min-height:340px; background:linear-gradient(45deg,#c4c0b7 25%,transparent 25%) 0 0/38px 38px,linear-gradient(-45deg,#d4d0c8 25%,transparent 25%) 0 0/38px 38px; background-color:#aaa59b; }
.about { max-width:800px; font-size:19px; }
.about p { margin:0 0 25px; }
.about strong { display:block; margin:55px 0 15px; font:400 50px/.95 var(--serif); letter-spacing:-.04em; }

/* Footer */
.footer { padding:45px 0 24px; background:var(--ink); color:var(--paper); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:28px; }
.footer .logo { font-size:inherit; }
.footer-logo > img { width:62px; height:62px; }
.footer-logo b { font-size:46px; }
.footer a,.footer p { margin:0 0 7px; color:#d9d6d0; font-size:14px; }
.footer-bottom { margin-top:36px; padding-top:14px; border-top:1px solid rgb(244 241 234 / .25); color:#aaa; font:10px var(--mono); }

/* WhatsApp */
.whatsapp { position:fixed; right:18px; bottom:18px; z-index:6; display:grid; width:48px; height:48px; place-items:center; border:1px solid var(--paper); background:var(--ink); color:var(--paper); font:500 10px var(--mono); }
.whatsapp svg { width:22px; height:22px; }

/* Media queries */
@media (min-width:700px) and (max-width:1099px) {
  .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:1099px) {
  .partner-list { flex-wrap:wrap; justify-content:center; row-gap:22px; }
}

@media (max-width:699px) {
  .wrap { width:min(1320px,calc(100% - 32px)); }
  .header-inner { height:64px; }
  .menu-toggle { position:relative; z-index:7; display:flex; align-items:center; padding:8px 0; font:500 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
  .menu-toggle i { display:block; width:18px; height:1px; margin:0; background:var(--ink); }
  .menu-toggle span { margin-left:8px; }
  .nav { position:fixed; inset:0; display:none; flex-direction:column; align-items:stretch; gap:22px; padding:112px 16px 32px; background:var(--paper); font-size:22px; }
  .nav.open { display:flex; }
  body.menu-open { overflow:hidden; }
  body.menu-open .whatsapp { display:none; }
  .nav .button { width:100%; margin-top:12px; }
  .hero { min-height:570px; padding:50px 0; }
  .hero-media::after { background:linear-gradient(90deg,rgb(20 20 20 / .8),rgb(20 20 20 / .25)); }
  .hero-content { padding-bottom:25px; }
  .hero h1 { font-size:57px; }
  .hero p { font-size:17px; }
  .section { padding:65px 0; }
  .section-head { display:block; align-items:start; }
  .section-copy { margin-top:20px; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); border-right:1px solid var(--line); }
  .category-card { min-height:220px; padding:14px; }
  .category-card span { font-size:25px; }
  .category-card small { font-size:12px; }
  .products { display:block; border-right:1px solid var(--line); }
  .product-card { display:grid; grid-template-columns:135px minmax(0,1fr); }
  .product-card .media { height:150px; }
  .cta,.footer-grid,.contact-grid { grid-template-columns:1fr; }
  .service-list { grid-template-columns:1fr; }
  .service-item,.service-item + .service-item { padding:22px 0; border-left:0; }
  .service-item + .service-item { border-top:1px solid var(--line); }
  .partners-strip { padding:30px 0; }
  .partner-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 12px; }
  .partner-item img { max-height:22px; }
  .cta { gap:25px; padding:25px; }
  .product-hero,.form-layout { grid-template-columns:1fr; gap:30px; padding-top:25px; }

  .product-meta h1 { font-size:55px; }
  .related { padding:60px 0; }
  .intro { padding:35px 0 55px; }
  .page-title { font-size:55px; }
  .contact-grid { grid-auto-rows:auto; width:min(1320px,calc(100% - 32px)); }
  .contact-grid > div { border-right:0; border-bottom:1px solid var(--line); }
  .contact-grid .map { min-height:420px; }
  .footer-grid { gap:24px; }
  .whatsapp { right:12px; bottom:12px; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* şef düzeltmeleri (denetim 2) */
.hero .eyebrow { color:#bdb8ae; }
@media (max-width:699px) {
  .menu-toggle { display:grid; grid-template-columns:18px auto; grid-template-rows:auto auto; column-gap:8px; row-gap:5px; align-items:center; }
  .menu-toggle i { grid-column:1; }
  .menu-toggle span { grid-column:2; grid-row:1 / span 2; margin:0; }
}
.product-hero > *, .form-layout > *, .contact-grid > * { min-width:0; }
.eyebrow { overflow-wrap:anywhere; }
.specs span { overflow-wrap:anywhere; }

/* şef: 14 kategori — yetimsiz ızgara (masaüstü 4 kolon: ilk iki kart geniş = 16 hücre; tablet 3 kolon: ilk kart geniş = 15; mobil 2 kolon: 14) */
.category-grid > .category-card:nth-child(-n+2) { grid-column:span 2; }
@media (max-width:1099px) { .category-grid > .category-card:nth-child(2) { grid-column:auto; } }
@media (max-width:699px) { .category-grid > .category-card:nth-child(-n+2) { grid-column:auto; } }

/* şef: kısa sayfalarda footer ekranın dibine otursun; mobil logo ızgarasında tek kalan son öğe ortada */
body { min-height:100vh; display:flex; flex-direction:column; }
body > main { flex:1 0 auto; }
@media (max-width:699px) { .partner-list > .partner-item:last-child:nth-child(3n+1) { grid-column:2; } }
.partner-item img[src*="yakasan"] { max-height:34px; }
/* şef: JAC resmî SVG'si beyaz; açık zeminde görünür olsun diye siyaha çevrilir (biçim değişmez) */
.partner-item img[src*="/jac.svg"] { filter:brightness(0); }
.partner-item img[src$=".gif"] { mix-blend-mode:multiply; }
/* şef: logo optik denge (görsel ağırlıklar eşitlensin) */
.partner-item img[src*="alutech-bond"] { max-height:34px; }
.partner-item img[src*="akpolimer"] { max-height:32px; }
.partner-item img[src*="ritrama"], .partner-item img[src*="/jac.svg"], .partner-item img[src*="oracal"] { max-height:20px; }
@media (max-width:699px) { .partner-item img[src*="alutech-bond"] { max-height:28px; } .partner-item img[src*="ritrama"], .partner-item img[src*="/jac.svg"], .partner-item img[src*="oracal"] { max-height:16px; } }
/* şef: mobilde WhatsApp butonu telif satırını örtmesin; Yakasan logosu görünür olsun */
@media (max-width:699px) { .footer-bottom { padding-right:64px; } }
.partner-item img[src*="yakasan"] { max-height:38px; opacity:.7; }

/* şef: 15 kategori — masaüstü 4 kolon (ilk kart geniş = 16), tablet 3 kolon (15, geniş yok), mobil 2 kolon (ilk kart geniş = 16) */
.category-grid > .category-card:nth-child(-n+2) { grid-column:auto; }
.category-grid > .category-card:first-child { grid-column:span 2; }
@media (max-width:1099px) { .category-grid > .category-card:first-child { grid-column:auto; } }
@media (max-width:699px) { .category-grid > .category-card:first-child { grid-column:span 2; } }
/* şef: mobil logo şeridi — son satır kaç öğe olursa olsun ortalı */
@media (max-width:699px) { .partner-list { display:flex; flex-wrap:wrap; justify-content:center; gap:22px 0; } .partner-list > .partner-item { flex:0 0 33.333%; grid-column:auto; } }
.partner-item img[src*="dogan-zarf"] { max-height:32px; }