/* ==========================================================
   Naturel Door Karadeniz — main.css (v2, endüstriyel yön)
   Marka: #379237 (ana yeşil) / #54B435 (parlak yeşil, koyu zeminde)
   Font: Montserrat — geniş ağırlık, sıkı harf aralığı, spec-sheet dili
   ========================================================== */

:root{
	--ndk-green: #379237;
	--ndk-green-bright: #54B435;
	--ndk-dark: #14170f;
	--ndk-dark-line: #2a2d24;
	--ndk-dark-muted: #8b9484;
	--ndk-paper: #f7f6f1;
	--ndk-ink: #14170f;
	--ndk-text: #43473c;
	--ndk-muted: #6c7063;
	--ndk-border: #e2dfd3;
	--ndk-white: #ffffff;
	--ndk-radius: 4px;
	--ndk-container: 1180px;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
	margin:0;
	font-family: 'Montserrat', system-ui, sans-serif;
	color: var(--ndk-ink);
	background: var(--ndk-white);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration: none; }
h1,h2,h3,h4{ margin: 0 0 .5em; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: var(--ndk-ink); }
p{ margin: 0 0 1em; color: var(--ndk-text); }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family: inherit; }

.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); overflow:hidden; height:1px; width:1px; }
.skip-link{ position:absolute; left:-999px; top:0; background:#fff; padding:10px 16px; z-index:1000; }
.skip-link:focus{ left:8px; top:8px; }

.ndk-container{ max-width: var(--ndk-container); margin: 0 auto; padding: 0 20px; }

.ndk-eyebrow{
	display:inline-block; font-size: 11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
	color: var(--ndk-green); margin-bottom: 12px;
}
.ndk-eyebrow-dark{ color: var(--ndk-green-bright); }

/* ---------- Signature: tehlike şeridi ayracı ---------- */
.ndk-stripe{
	height: 6px;
	background: repeating-linear-gradient(135deg, var(--ndk-green) 0 14px, var(--ndk-dark) 14px 28px);
}

/* ---------- Buttons ---------- */
.ndk-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	padding: 13px 22px; border-radius: var(--ndk-radius); font-weight:800; font-size: 13px;
	letter-spacing: .02em; white-space: nowrap; transition: transform .15s ease, background .15s ease, opacity .15s ease;
	border: 1.5px solid transparent; cursor:pointer;
}
.ndk-btn:active{ transform: scale(.97); }
.ndk-btn-whatsapp{ background: var(--ndk-green); color:#fff; }
.ndk-btn-whatsapp:hover{ background: #2d7a2d; }
.ndk-btn-outline{ background: transparent; color: var(--ndk-ink); border-color: var(--ndk-border); }
.ndk-btn-outline:hover{ border-color: var(--ndk-green); color: var(--ndk-green); }
.ndk-btn-white{ background:#fff; color: var(--ndk-dark); }
.ndk-btn-white:hover{ opacity:.9; }
.ndk-btn-lg{ padding: 16px 28px; font-size: 14px; }
.ndk-btn-sm{ padding: 10px 14px; font-size: 11px; width:100%; }

/* ---------- Icons (inline SVG, emoji yok) ---------- */
.ndk-ico{ flex-shrink:0; }

/* ---------- Topbar ---------- */
.ndk-topbar{ background: var(--ndk-dark); color: var(--ndk-dark-muted); font-size: 11px; }
.ndk-topbar-inner{ display:flex; justify-content:space-between; align-items:center; padding: 8px 20px; gap: 12px; flex-wrap:wrap; letter-spacing:.02em; }
.ndk-topbar-inner a{ color: var(--ndk-dark-muted); }
.ndk-topbar-inner a:hover{ color: var(--ndk-green-bright); }

/* ---------- Header ---------- */
.ndk-header{ background: var(--ndk-dark); position: sticky; top:0; z-index: 100; border-bottom: 1px solid var(--ndk-dark-line); }
.ndk-header-inner{ display:flex; align-items:center; justify-content:space-between; padding: 16px 20px; gap: 16px; }
.ndk-logo-text{ font-size: 16px; font-weight:800; color: #fff; white-space:nowrap; letter-spacing:-.01em; }
.ndk-logo-text em{ font-style: normal; color: var(--ndk-green-bright); }
.ndk-menu{ display:flex; gap: 26px; }
.ndk-menu a{ font-size: 13px; font-weight:700; color: #dfe3d8; letter-spacing:.01em; }
.ndk-menu a:hover{ color: var(--ndk-green-bright); }
.ndk-header-cta{ display: none; }
.ndk-nav-toggle{ background:none; border:none; width:34px; height:34px; display:flex; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; }
.ndk-nav-toggle span{ display:block; height:2px; background: #fff; border-radius:1px; }

@media (min-width: 900px){
	.ndk-header-cta{ display: inline-flex; }
	.ndk-nav-toggle{ display:none; }
	.ndk-nav{ display:block !important; }
}
@media (max-width: 899px){
	.ndk-nav{ display:none; position:absolute; top:100%; left:0; right:0; background: var(--ndk-dark); border-bottom:1px solid var(--ndk-dark-line); padding: 8px 20px 16px; }
	.ndk-nav.is-open{ display:block; }
	.ndk-menu{ flex-direction:column; gap: 4px; }
	.ndk-menu a{ display:block; padding: 10px 0; border-bottom: 1px solid var(--ndk-dark-line); }
}

/* ---------- Hero (koyu, asimetrik) ---------- */
.ndk-hero{ background: var(--ndk-dark); padding: 48px 0 0; }
.ndk-hero-inner{ display:grid; gap: 0; }
.ndk-hero-text{ padding: 12px 0 36px; }
.ndk-hero-text h1{ font-size: clamp(30px, 6vw, 48px); color:#fff; margin-bottom: 16px; }
.ndk-hero-text h1 em{ font-style:normal; color: var(--ndk-green-bright); }
.ndk-hero-lead{ font-size: 15px; max-width: 440px; margin-bottom: 26px; color: var(--ndk-dark-muted); }
.ndk-hero-actions{ display:flex; flex-wrap:wrap; gap: 12px; }

.ndk-hero-specs{ display:grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ndk-dark-line); }
.ndk-hero-spec{ padding: 18px 16px; border-right: 1px solid var(--ndk-dark-line); }
.ndk-hero-spec:last-child{ border-right:none; }
.ndk-hero-spec strong{ display:block; font-size: 22px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.ndk-hero-spec span{ display:block; font-size: 10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color: var(--ndk-dark-muted); margin-top: 4px; }

@media (min-width: 900px){
	.ndk-hero-inner{ grid-template-columns: 1fr; }
	.ndk-hero-text{ max-width: 640px; }
	.ndk-hero-specs{ grid-template-columns: repeat(3, 220px); }
}

/* ---------- Sections ---------- */
.ndk-section{ padding: 56px 0; }
.ndk-section-alt{ background: var(--ndk-paper); }
.ndk-section-title{ font-size: clamp(22px,3.5vw,30px); text-align:center; }
.ndk-align-left{ text-align:left; }
.ndk-section-sub{ text-align:center; max-width: 520px; margin: 0 auto 32px; }
.ndk-section-cta{ text-align:center; margin-top: 28px; }
.ndk-section-head{ text-align:center; margin-bottom: 32px; }

/* ---------- Trust strip (satır, kart değil) ---------- */
.ndk-trust-bar{ border-top: 1px solid var(--ndk-border); border-bottom: 1px solid var(--ndk-border); }
.ndk-trust-item{ display:flex; align-items:center; gap: 12px; padding: 18px 16px; border-bottom: 1px solid var(--ndk-border); }
.ndk-trust-item strong{ display:block; font-size:13px; color: var(--ndk-ink); font-weight:800; }
.ndk-trust-item span{ font-size: 11px; color: var(--ndk-muted); }
@media (min-width: 700px){
	.ndk-trust-bar{ display:grid; grid-template-columns: repeat(4,1fr); border-bottom:none; }
	.ndk-trust-item{ border-bottom:none; border-right: 1px solid var(--ndk-border); }
	.ndk-trust-item:last-child{ border-right:none; }
}

/* ---------- Category grid ---------- */
.ndk-cat-grid{ display:grid; grid-template-columns: 1fr; gap: 1px; background: var(--ndk-border); border: 1px solid var(--ndk-border); }
.ndk-cat-card{
	background:#fff; padding: 20px 18px; display:flex; align-items:center; gap: 14px;
	transition: background .15s;
}
.ndk-cat-card:hover{ background: var(--ndk-paper); }
.ndk-cat-card:hover .ndk-cat-name{ color: var(--ndk-green); }
.ndk-cat-icon{ flex-shrink:0; width: 38px; height: 38px; border: 1px solid var(--ndk-border); border-radius: var(--ndk-radius); display:flex; align-items:center; justify-content:center; }
.ndk-cat-name{ font-size: 13px; font-weight:700; color: var(--ndk-ink); letter-spacing:.01em; }
@media (min-width: 700px){ .ndk-cat-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1000px){ .ndk-cat-grid{ grid-template-columns: repeat(3,1fr); } }

/* ---------- Product grid / cards ---------- */
.ndk-urun-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--ndk-border); border: 1px solid var(--ndk-border); }
.ndk-urun-kart{ background:#fff; display:flex; flex-direction:column; }
.ndk-urun-kart-img{ aspect-ratio: 950/563; background: var(--ndk-paper); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ndk-urun-kart-img img{ width:100%; height:100%; object-fit:cover; }
.ndk-urun-kart-body{ padding: 16px; display:flex; flex-direction:column; gap: 6px; flex:1; }
.ndk-urun-kart-kategori{ font-size: 10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color: var(--ndk-green); }
.ndk-urun-kart-body h3{ font-size: 14px; margin:0; font-weight:700; }
.ndk-urun-kart-ozellik{ font-size: 12px; color: var(--ndk-muted); margin:0 0 6px; flex:1; }
@media (min-width: 700px){ .ndk-urun-grid{ grid-template-columns: repeat(3,1fr); } }

/* ---------- Why us ---------- */
.ndk-why-grid{ display:grid; gap: 32px; }
.ndk-why-list li{ position:relative; padding-left: 26px; margin-bottom: 16px; font-size: 14px; color: var(--ndk-text); }
.ndk-why-list li::before{ content:""; position:absolute; left:0; top:6px; width:10px; height:10px; background: var(--ndk-green); }
.ndk-why-list strong{ color: var(--ndk-ink); }
.ndk-map-embed{ border: 1px solid var(--ndk-border); }
@media (min-width: 900px){ .ndk-why-grid{ grid-template-columns: 1fr 1fr; align-items:center; } }

/* ---------- CTA band ---------- */
.ndk-cta-band{ background: var(--ndk-dark); color:#fff; }
.ndk-cta-band-inner{ padding: 44px 20px; text-align:center; }
.ndk-cta-band-inner h2{ color:#fff; font-size: clamp(20px,3.5vw,28px); max-width: 640px; margin: 0 auto 20px; }

/* ---------- Filter bar (Ürünler) ---------- */
.ndk-page-hero{ background: var(--ndk-dark); padding: 44px 0 36px; text-align:center; }
.ndk-page-hero h1{ font-size: clamp(24px,4vw,36px); color:#fff; }
.ndk-page-hero .ndk-hero-lead{ margin: 14px auto 0; color: var(--ndk-dark-muted); }
.ndk-filter-bar{ display:flex; flex-wrap:wrap; gap: 8px; margin-bottom: 32px; justify-content:center; }
.ndk-filter-chip{ font-size: 11px; font-weight:800; letter-spacing:.02em; padding: 9px 14px; border-radius: var(--ndk-radius); border: 1px solid var(--ndk-border); color: var(--ndk-text); }
.ndk-filter-chip.is-active,.ndk-filter-chip:hover{ background: var(--ndk-green); color:#fff; border-color: var(--ndk-green); }
.ndk-empty-state{ text-align:center; padding: 44px 20px; background: var(--ndk-paper); border: 1px solid var(--ndk-border); }

/* ---------- Single product ---------- */
.ndk-urun-detay-grid{ display:grid; gap: 32px; }
.ndk-urun-detay-img{ border: 1px solid var(--ndk-border); overflow:hidden; background: var(--ndk-paper); aspect-ratio: 950/563; display:flex; align-items:center; justify-content:center; }
.ndk-urun-detay-ozellik{ font-size: 15px; color: var(--ndk-muted); }
.ndk-urun-detay-fiyat-notu{ background: var(--ndk-paper); border: 1px solid var(--ndk-border); padding: 20px; margin-top: 20px; }
@media (min-width: 900px){ .ndk-urun-detay-grid{ grid-template-columns: 1fr 1fr; } }

/* ---------- About page ---------- */
.ndk-about-grid{ display:grid; gap: 32px; align-items:center; }
.ndk-about-stats{ display:grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--ndk-border); border: 1px solid var(--ndk-border); margin-top: 20px; }
.ndk-about-stat{ background:#fff; padding: 18px; }
.ndk-about-stat strong{ display:block; font-size: 22px; font-weight:800; color: var(--ndk-ink); }
.ndk-about-stat span{ font-size: 10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color: var(--ndk-muted); }
.ndk-timeline{ border-left: 2px solid var(--ndk-green); padding-left: 20px; }
.ndk-timeline li{ margin-bottom: 22px; }
.ndk-timeline strong{ display:block; color: var(--ndk-ink); font-size: 14px; }
.ndk-timeline span{ font-size: 13px; color: var(--ndk-muted); }
@media (min-width: 900px){ .ndk-about-grid{ grid-template-columns: 1fr 1fr; } }

/* ---------- Contact page ---------- */
.ndk-contact-grid{ display:grid; gap: 32px; }
.ndk-contact-card{ background:#fff; border: 1px solid var(--ndk-border); padding: 24px; }
.ndk-contact-card h3{ font-size:15px; }
.ndk-contact-list li{ display:flex; gap: 12px; align-items:flex-start; margin-bottom: 16px; font-size: 14px; }
.ndk-form label{ display:block; font-size: 11px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color: var(--ndk-ink); margin-bottom: 6px; }
.ndk-form input,.ndk-form textarea{
	width:100%; padding: 12px 13px; border:1px solid var(--ndk-border); border-radius: var(--ndk-radius);
	font-family: inherit; font-size: 14px; margin-bottom: 16px; background: var(--ndk-paper);
}
.ndk-form input:focus,.ndk-form textarea:focus{ outline: 2px solid var(--ndk-green-bright); border-color: var(--ndk-green); }
.ndk-form-success{ background: var(--ndk-paper); border: 1px solid var(--ndk-green); color: var(--ndk-ink); padding: 14px; border-radius: var(--ndk-radius); font-size: 13px; margin-bottom: 16px; }
@media (min-width: 900px){ .ndk-contact-grid{ grid-template-columns: .9fr 1.1fr; } }

/* ---------- Footer ---------- */
.ndk-footer{ background: var(--ndk-dark); color: var(--ndk-dark-muted); margin-top: 0; }
.ndk-footer-grid{ display:grid; gap: 28px; padding: 48px 20px 28px; }
.ndk-footer-col p{ color: var(--ndk-dark-muted); font-size: 13px; }
.ndk-footer-col h3{ color:#fff; font-size: 13px; letter-spacing:.04em; text-transform:uppercase; margin-bottom: 16px; }
.ndk-footer-logo{ color:#fff; margin-bottom: 12px; display:block; }
.ndk-footer-menu li{ margin-bottom: 10px; }
.ndk-footer-menu a{ font-size: 13px; color: var(--ndk-dark-muted); }
.ndk-footer-menu a:hover{ color:#fff; }
.ndk-socials{ display:flex; gap: 10px; margin-top: 16px; }
.ndk-socials a{ width:34px; height:34px; border: 1px solid var(--ndk-dark-line); display:flex; align-items:center; justify-content:center; font-size: 10px; font-weight:800; color:#fff; }
.ndk-socials a:hover{ border-color: var(--ndk-green-bright); color: var(--ndk-green-bright); }
.ndk-footer-bottom{ border-top: 1px solid var(--ndk-dark-line); padding: 18px 20px; }
.ndk-footer-bottom p{ font-size: 11px; color: #5f6656; margin:0; text-align:center; }
@media (min-width: 900px){ .ndk-footer-grid{ grid-template-columns: 1.3fr 1fr 1fr; } }

/* ---------- Sticky WhatsApp (mobile) ---------- */
.ndk-sticky-whatsapp{
	position: fixed; right: 16px; bottom: 16px; width: 54px; height: 54px; border-radius: 50%;
	background: var(--ndk-green); color:#fff; display:flex; align-items:center; justify-content:center;
	box-shadow: 0 10px 24px -6px rgba(20,23,15,.5); z-index: 200;
}
@media (min-width: 900px){ .ndk-sticky-whatsapp{ display:none; } }