/*
Theme Name: DoypackTR
Theme URI: https://agevadigital.com
Author: Ageva Digital
Author URI: https://agevadigital.com
Description: Doypack ambalaj firması için özel geliştirilmiş kurumsal blok tema. Full Site Editing destekli, builder bağımsız, tamamı dosya tabanlı.
Version: 0.8.6
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doypacktr
Tags: block-theme, full-site-editing, corporate
*/

/* ---------------------------------------------------------------------------
   Space Grotesk: değişken font (300–700), Türkçe karakter desteği:
   ğ ı ş İ → latin-ext, ç ö ü → latin
--------------------------------------------------------------------------- */
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('assets/fonts/space-grotesk-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------------------------------------------------------------------------
   Genel dokunuşlar
--------------------------------------------------------------------------- */
::selection {
	background: var(--wp--preset--color--limon, #b0cb1f);
	color: #0e1b12;
}

html {
	scroll-behavior: smooth;
}

/* Başlıklarda sıkı satır aralığı ve negatif letter-spacing → poster hissi */
h1, h2 {
	letter-spacing: -0.03em;
}

/* ---------------------------------------------------------------------------
   Marquee: kayan şerit
   Kullanım: dış grup .dp-marquee, içindeki paragraf .dp-marquee-ic
--------------------------------------------------------------------------- */
.dp-marquee {
	overflow: hidden;
	white-space: nowrap;
}
.dp-marquee .dp-marquee-ic {
	display: inline-block;
	white-space: nowrap;
	padding-right: 2rem;
	animation: dp-kayan 28s linear infinite;
	will-change: transform;
}
@keyframes dp-kayan {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.dp-marquee .dp-marquee-ic { animation: none; }
}

/* ---------------------------------------------------------------------------
   Scroll reveal: assets/js/main.js .is-gorunur ekler
   Gizli baslangic durumu yalnizca html.dp-js varken uygulanir (JS yuklenmezse
   veya gecikirse icerik asla bos kalmaz; LCP guvencesi)
--------------------------------------------------------------------------- */
.dp-js .dp-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-js .dp-reveal.is-gorunur {
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce) {
	.dp-js .dp-reveal { opacity: 1; transform: none; transition: none; }
}

/* Ekran ustu giris animasyonu: JS beklemez, sayfa boyanir boyanmaz oynar.
   Hero gibi ilk ekranda gorunen (LCP) ogelerde dp-reveal yerine kullanilir. */
@keyframes dp-giris-anim {
	from { opacity: 0; transform: translateY(28px); }
	to   { opacity: 1; transform: none; }
}
.dp-giris {
	animation: dp-giris-anim 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.dp-giris:nth-child(2) { animation-delay: 0.08s; }
.dp-giris:nth-child(3) { animation-delay: 0.16s; }
.dp-giris:nth-child(4) { animation-delay: 0.24s; }
@media (prefers-reduced-motion: reduce) {
	.dp-giris { animation: none; }
}

/* Ardışık kartlarda kademeli gecikme */
.dp-reveal:nth-child(2) { transition-delay: 0.1s; }
.dp-reveal:nth-child(3) { transition-delay: 0.2s; }
.dp-reveal:nth-child(4) { transition-delay: 0.3s; }

/* ---------------------------------------------------------------------------
   Kart hover: ürün kartları
--------------------------------------------------------------------------- */
.dp-kart {
	border: 1px solid #e6e6e6;
	box-shadow: 0 8px 24px -18px rgba(30, 74, 31, 0.25);
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}
.dp-kart:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 48px -24px rgba(16, 17, 16, 0.35);
}
.dp-kart img {
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-kart:hover img {
	transform: scale(1.04);
}

/* Kart iç yapısı: üstte görsel, altta içerik */
.dp-kart {
	overflow: hidden;
}
.dp-kart .dp-kart-gorsel {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: #f0f0ec;
}
.dp-kart .dp-kart-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dp-kart .dp-kart-icerik {
	padding: 1.5rem;
}
.dp-kart .dp-kart-icerik h3 {
	font-size: 1.25rem;
	line-height: 1.2;
	margin: 0 0 0.625rem;
}
.dp-kart .dp-kart-icerik p {
	color: var(--wp--preset--color--gri, #5b5b5b);
	font-size: 0.9375rem;
	margin: 0 0 1rem;
}
.dp-kart .dp-incele {
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--yesil, #2e702f);
	text-decoration: none;
}
.dp-kart .dp-incele:hover {
	text-decoration: underline;
}

/* Başlık linkleri sitede her yerde başlığın rengini alır, alt çizgisiz */
h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---------------------------------------------------------------------------
   Büyük link hover: menü ve footer linkleri için çizgi animasyonu
--------------------------------------------------------------------------- */
.dp-cizgi-link a {
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0% 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
	transition: background-size 0.3s ease;
}
.dp-cizgi-link a:hover {
	background-size: 100% 2px;
}

/* ---------------------------------------------------------------------------
   Sayaç: main.js sayıyı animasyonla artırır
--------------------------------------------------------------------------- */
.dp-sayac {
	font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------------------
   Ürün galerisi: [doypack_galeri] kısa kodu
--------------------------------------------------------------------------- */
.dp-galeri {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 0.75rem;
	margin-top: 1rem;
}
.dp-galeri figure {
	margin: 0;
}
.dp-galeri img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	aspect-ratio: 1;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-galeri img:hover {
	transform: scale(1.03);
}

/* ---------------------------------------------------------------------------
   Teklif formu (Contact Form 7): tema stiline uyum
--------------------------------------------------------------------------- */
.dp-form input[type="text"],
.dp-form input[type="email"],
.dp-form input[type="tel"],
.dp-form select,
.dp-form textarea {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	font: inherit;
	color: inherit;
}
.dp-form input:focus,
.dp-form select:focus,
.dp-form textarea:focus {
	outline: 2px solid var(--wp--preset--color--yesil, #2e702f);
	outline-offset: 0;
	border-color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-form .dp-form-kvkk {
	font-size: 0.875rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
}
.dp-form input[type="submit"] {
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 0.875rem 1.75rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease;
}
.dp-form input[type="submit"]:hover {
	background: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-form .wpcf7-not-valid-tip {
	font-size: 0.8125rem;
	color: #b32d2e;
	margin-top: 0.25rem;
}

/* ---------------------------------------------------------------------------
   Sektör rozetleri: referans logoları gelene kadar sektör bandı
--------------------------------------------------------------------------- */
.dp-rozetler {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 2rem;
}
.dp-rozet {
	display: inline-block;
	padding: 0.625rem 1.25rem;
	border: 1px solid #e6e6e6;
	border-radius: 999px;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	font-weight: 500;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.dp-rozet:hover {
	border-color: var(--wp--preset--color--yesil, #2e702f);
	transform: translateY(-2px);
}

/* ---------------------------------------------------------------------------
   Belge bekleme kutuları (Kalite sayfası): görseller gelince değiştirilecek
--------------------------------------------------------------------------- */
.dp-belgeler {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}
.dp-belge-kutu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	aspect-ratio: 4 / 3;
	border: 2px dashed #d5d5cd;
	border-radius: 16px;
	color: var(--wp--preset--color--gri, #5b5b5b);
	font-size: 0.875rem;
	background: var(--wp--preset--color--beyaz, #fff);
}

/* ---------------------------------------------------------------------------
   Ebat tablosu: kategori term meta "ebat_tablosu" verisinden
--------------------------------------------------------------------------- */
.dp-ebat-tablo {
	margin-top: 2rem;
}
.dp-ebat-tablo h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.dp-ebat-tablo table {
	width: 100%;
	border-collapse: collapse;
	background: var(--wp--preset--color--beyaz, #fff);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 24px -18px rgba(30, 74, 31, 0.25);
}
.dp-ebat-tablo th {
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	text-align: left;
	padding: 0.875rem 1.25rem;
	font-size: 0.9375rem;
}
.dp-ebat-tablo td {
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid #efefe9;
	font-variant-numeric: tabular-nums;
}
.dp-ebat-tablo tbody tr:nth-child(even) {
	background: var(--wp--preset--color--zemin, #f6f6f2);
}
.dp-ebat-tablo tbody tr:last-child td {
	border-bottom: 0;
}
.dp-ebat-not {
	margin-top: 0.75rem;
	font-size: 0.8125rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
}

/* ---------------------------------------------------------------------------
   Ürün SSS: details/summary akordiyon
--------------------------------------------------------------------------- */
.dp-sss {
	margin-top: 3rem;
}
.dp-sss h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.dp-sss details {
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	margin-bottom: 0.625rem;
	overflow: hidden;
}
.dp-sss summary {
	cursor: pointer;
	padding: 1rem 1.25rem;
	font-weight: 700;
	list-style: none;
	position: relative;
	padding-right: 3rem;
}
.dp-sss summary::-webkit-details-marker {
	display: none;
}
.dp-sss summary::after {
	content: "+";
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	color: var(--wp--preset--color--yesil, #2e702f);
	transition: transform 0.2s ease;
}
.dp-sss details[open] summary::after {
	content: "−";
}
.dp-sss details p {
	padding: 0 1.25rem 1rem;
	margin: 0;
	color: var(--wp--preset--color--gri, #5b5b5b);
}

/* ---------------------------------------------------------------------------
   İlgili ürünler ve opsiyon kartları
--------------------------------------------------------------------------- */
.dp-ilgili {
	margin-top: 3rem;
}
.dp-ilgili h2,
.dp-opsiyonlar h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.dp-ilgili-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.25rem;
}
.dp-ilgili .dp-kart {
	border-radius: 16px;
	background: var(--wp--preset--color--beyaz, #fff);
}
.dp-opsiyonlar {
	margin-top: 3rem;
}
.dp-opsiyon-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 1rem;
}
.dp-opsiyon {
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	padding: 1.25rem;
}
.dp-opsiyon h3 {
	font-size: 1rem;
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-opsiyon p {
	font-size: 0.875rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
	margin: 0;
}

/* ---------------------------------------------------------------------------
   İkonlar ve mikro animasyonlar
--------------------------------------------------------------------------- */
.dp-ikon {
	color: var(--wp--preset--color--yesil, #2e702f);
	display: block;
}
.dp-opsiyon .dp-ikon {
	margin-bottom: 0.75rem;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-opsiyon:hover .dp-ikon {
	transform: translateY(-3px) scale(1.08);
}
.dp-opsiyon {
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.dp-opsiyon:hover {
	border-color: var(--wp--preset--color--yesil, #2e702f);
	box-shadow: 0 12px 28px -20px rgba(30, 74, 31, 0.4);
}

/* Rozet bandında kademeli beliriş */
.dp-rozetler .dp-rozet {
	transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
.dp-rozetler .dp-rozet:hover {
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	border-color: var(--wp--preset--color--yesil, #2e702f);
}

/* Ölçü diyagramı */
.dp-diyagram {
	max-width: 480px;
	margin: 1.5rem auto;
	display: block;
}

/* Harita gömme alanı */
.dp-harita iframe {
	width: 100%;
	height: 320px;
	border: 0;
	border-radius: 16px;
	display: block;
}

/* Mobil: hero yüksekliği ve poster boyutu dengelenir */
@media (max-width: 781px) {
	.wp-block-group[style*="min-height:85vh"] {
		min-height: auto !important;
	}
}

/* ---------------------------------------------------------------------------
   Global link rengi: palette dışı mavi link asla görünmez.
   :where() sıfır özgüllük taşır; bileşenlerin kendi renkleri her zaman kazanır.
--------------------------------------------------------------------------- */
a:where(:not(.wp-element-button):not(.dp-buton-dis)) {
	color: var(--wp--preset--color--yesil, #2e702f);
}
a:where(:not(.wp-element-button):not(.dp-buton-dis)):hover {
	color: var(--wp--preset--color--koyu, #1e4a1f);
}

/* ---------------------------------------------------------------------------
   Ürün aksiyon butonları: birincil (teklif) + ikincil dış çizgili (stok)
--------------------------------------------------------------------------- */
.dp-urun-butonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}
.dp-urun-butonlar .wp-block-button__link {
	display: inline-block;
}
.dp-buton-dis {
	display: inline-block;
	padding: 0.875rem 1.75rem;
	border: 2px solid var(--wp--preset--color--yesil, #2e702f);
	border-radius: 999px;
	color: var(--wp--preset--color--yesil, #2e702f);
	background: transparent;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.dp-buton-dis:hover {
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
}

/* ---------------------------------------------------------------------------
   Ürün açıklaması: eski içerik HTML'i tema tipografisine oturtulur
   (içerik değişmez, yalnızca sunum normalize edilir)
--------------------------------------------------------------------------- */
.dp-urun-aciklama > h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.dp-urun-aciklama .wp-block-post-content {
	max-width: 76ch;
	line-height: 1.75;
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-urun-aciklama .wp-block-post-content p {
	font-size: 1.0625rem;
	margin: 0 0 1.1em;
	color: inherit;
}
.dp-urun-aciklama .wp-block-post-content h1,
.dp-urun-aciklama .wp-block-post-content h2 {
	font-size: 1.375rem;
	line-height: 1.25;
	margin: 1.6em 0 0.6em;
}
.dp-urun-aciklama .wp-block-post-content h3,
.dp-urun-aciklama .wp-block-post-content h4 {
	font-size: 1.125rem;
	line-height: 1.3;
	margin: 1.4em 0 0.5em;
	color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-urun-aciklama .wp-block-post-content ul,
.dp-urun-aciklama .wp-block-post-content ol {
	margin: 0 0 1.2em;
	padding-left: 1.4em;
}
.dp-urun-aciklama .wp-block-post-content li {
	margin-bottom: 0.4em;
}
.dp-urun-aciklama .wp-block-post-content li::marker {
	color: var(--wp--preset--color--limon, #b0cb1f);
}
.dp-urun-aciklama .wp-block-post-content strong {
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-urun-aciklama .wp-block-post-content img {
	border-radius: 12px;
	height: auto;
}
/* Eski içerikten gelen satır içi font tanımlarını tema fontuna sabitle */
.dp-urun-aciklama .wp-block-post-content * {
	font-family: inherit !important;
}

/* Sağ kolonda ebat tablosu üst boşluğu */
.wp-block-column .dp-ebat-tablo {
	margin-top: 1.5rem;
}
.wp-block-column .dp-ebat-tablo h2 {
	font-size: 1.25rem;
}

/* ---------------------------------------------------------------------------
   Üretim akış şeması: numaralı düğümler + bağlantı çizgisi + kart adımlar
--------------------------------------------------------------------------- */
.dp-akis {
	position: relative;
	margin: 2rem 0;
	padding-left: 0;
}
.dp-akis-adim {
	position: relative;
	display: flex;
	gap: 1.25rem;
	padding-bottom: 1.75rem;
}
.dp-akis-adim::before {
	content: "";
	position: absolute;
	left: 27px;
	top: 54px;
	bottom: -4px;
	width: 3px;
	background: repeating-linear-gradient(
		to bottom,
		var(--wp--preset--color--limon, #b0cb1f) 0 8px,
		transparent 8px 16px
	);
}
.dp-akis-adim:last-child::before {
	display: none;
}
.dp-akis-adim:last-child {
	padding-bottom: 0;
}
.dp-akis-no {
	flex: 0 0 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 8px 20px -10px rgba(30, 74, 31, 0.5);
}
.dp-akis-adim:last-child .dp-akis-no {
	background: var(--wp--preset--color--limon, #b0cb1f);
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-akis-kart {
	flex: 1;
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	padding: 1.25rem 1.5rem;
	box-shadow: 0 8px 24px -18px rgba(30, 74, 31, 0.25);
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease;
}
.dp-akis-adim:hover .dp-akis-kart {
	transform: translateX(4px);
	border-color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-akis-kart h3 {
	margin: 0 0 0.4rem;
	font-size: 1.125rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-akis-kart p {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
}
@media (max-width: 600px) {
	.dp-akis-no {
		flex-basis: 44px;
		height: 44px;
		font-size: 1rem;
	}
	.dp-akis-adim::before {
		left: 22px;
	}
}

/* ---------------------------------------------------------------------------
   Ürün fotoğrafları kesilmez: dikey ambalaj görselleri kartlara kırpılarak
   değil, beyaz zeminde bütün olarak sığdırılır (studio vitrin görünümü)
--------------------------------------------------------------------------- */
.dp-kart .dp-kart-gorsel {
	background: #fff;
}
.dp-kart .dp-kart-gorsel img {
	object-fit: contain;
	padding: 8%;
	box-sizing: border-box;
}
/* Query loop kartlarındaki öne çıkan görseller (arşiv, kategori, sektör, renk) */
.dp-kart .wp-block-post-featured-image {
	background: #fff;
	aspect-ratio: 4 / 3;
}
.dp-kart .wp-block-post-featured-image img {
	object-fit: contain !important;
	padding: 8%;
	box-sizing: border-box;
	height: 100% !important;
}
/* Ürün galerisi küçük kareleri */
.dp-galeri img {
	object-fit: contain;
	background: #fff;
	padding: 6%;
	box-sizing: border-box;
	border: 1px solid #efefe9;
}

/* ---------------------------------------------------------------------------
   Rehber kartları: ölçü rehberi + üretim süreci yönlendirmeleri
--------------------------------------------------------------------------- */
.dp-rehberler {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}
.dp-rehber-kart {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	background: var(--wp--preset--color--beyaz, #fff);
	border-radius: 16px;
}
.dp-rehber-gorsel {
	display: block;
	background: #fff;
	aspect-ratio: 16 / 8;
	overflow: hidden;
	border-bottom: 1px solid #efefe9;
}
.dp-rehber-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 5%;
	box-sizing: border-box;
}
.dp-rehber-icerik {
	display: block;
	padding: 1.5rem;
}
.dp-rehber-icerik h3 {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-rehber-icerik p {
	margin: 0 0 1rem;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
}

/* ---------------------------------------------------------------------------
   Rozetler: ikonlu chip bileşeni; asla altı çizili düz link görünmez
--------------------------------------------------------------------------- */
.dp-rozet {
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.dp-rozet svg {
	flex: 0 0 auto;
	color: var(--wp--preset--color--yesil, #2e702f);
	transition: color 0.2s ease, transform 0.25s ease;
}
.dp-rozet:hover svg {
	color: currentColor;
	transform: scale(1.12);
}

/* ---------------------------------------------------------------------------
   Filtre paneli: rehberli arama (1 Grup, 2 Renk, 3 Sektör + serbest arama)
--------------------------------------------------------------------------- */
.dp-filtre-panel {
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	padding: 1.5rem;
	box-shadow: 0 8px 24px -18px rgba(30, 74, 31, 0.25);
	margin-bottom: 2rem;
}
.dp-filtre-baslik {
	margin: 0 0 1rem;
	font-weight: 700;
	font-size: 1.125rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-filtre-alanlar {
	display: grid;
	grid-template-columns: repeat(3, 1fr) auto;
	gap: 0.875rem;
	align-items: end;
}
.dp-filtre-alan {
	display: block;
	position: relative;
}
.dp-filtre-no {
	position: absolute;
	left: 0.75rem;
	bottom: 0.8rem;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.dp-filtre-ad {
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--wp--preset--color--gri, #5b5b5b);
	margin-bottom: 0.375rem;
}
.dp-filtre-alan select {
	width: 100%;
	padding: 0.75rem 0.875rem 0.75rem 2.6rem;
	border: 1px solid #d5d5cd;
	border-radius: 10px;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	font: inherit;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232E702F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.875rem center;
}
.dp-filtre-alan select:focus {
	outline: 2px solid var(--wp--preset--color--yesil, #2e702f);
	border-color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-filtre-buton {
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s ease;
}
.dp-filtre-buton:hover {
	background: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-filtre-buton-koyu {
	background: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-filtre-arama {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #efefe9;
}
.dp-filtre-arama-satir {
	display: flex;
	gap: 0.75rem;
}
.dp-filtre-arama input {
	flex: 1;
	padding: 0.75rem 1rem;
	border: 1px solid #d5d5cd;
	border-radius: 10px;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	font: inherit;
	font-size: 0.9375rem;
}
.dp-filtre-arama input:focus {
	outline: 2px solid var(--wp--preset--color--yesil, #2e702f);
	border-color: var(--wp--preset--color--yesil, #2e702f);
}
@media (max-width: 900px) {
	.dp-filtre-alanlar {
		grid-template-columns: 1fr 1fr;
	}
	.dp-filtre-buton {
		grid-column: 1 / -1;
	}
}
@media (max-width: 560px) {
	.dp-filtre-alanlar {
		grid-template-columns: 1fr;
	}
	.dp-filtre-arama-satir {
		flex-direction: column;
	}
}

/* ---------------------------------------------------------------------------
   Responsive düzeltmeler (denetim bulguları)
--------------------------------------------------------------------------- */
/* Ölçü diyagramı ve içerik görselleri asla yatay taşma yapmaz */
.dp-diyagram,
.wp-block-html img,
.dp-urun-aciklama img {
	max-width: 100%;
	height: auto;
}
/* Ebat tablosu dar ekranda kendi alanında kayar, sayfayı taşırmaz */
.dp-ebat-tablo {
	overflow-x: auto;
}
.dp-ebat-tablo table {
	min-width: 320px;
}

/* ---------------------------------------------------------------------------
   Durum çubuğu: sonuç sayısı, aktif filtre çipleri, sıralama
--------------------------------------------------------------------------- */
.dp-durum {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}
.dp-durum-sol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}
.dp-durum-sayi {
	font-weight: 700;
	color: var(--wp--preset--color--koyu, #1e4a1f);
	margin-right: 0.25rem;
}
.dp-durum-cip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.8rem;
	border-radius: 999px;
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff !important;
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	transition: background 0.2s ease;
}
.dp-durum-cip span {
	font-size: 0.7rem;
	opacity: 0.8;
}
.dp-durum-cip:hover {
	background: #a33d3d;
}
.dp-durum-temizle {
	font-size: 0.8125rem;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.dp-siralama label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--wp--preset--color--gri, #5b5b5b);
}
.dp-siralama select {
	padding: 0.45rem 2rem 0.45rem 0.75rem;
	border: 1px solid #d5d5cd;
	border-radius: 8px;
	background: var(--wp--preset--color--beyaz, #fff);
	font: inherit;
	font-size: 0.875rem;
	color: var(--wp--preset--color--koyu, #1e4a1f);
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232E702F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.6rem center;
}

/* Poşet süzülme kareleri: /urunler/ kolajı kullanıyor */
@keyframes dp-poset-suzul-1 {
	0%, 100% { transform: rotate(-7deg) translateY(0); }
	50% { transform: rotate(-6deg) translateY(-14px); }
}
@keyframes dp-poset-suzul-2 {
	0%, 100% { transform: rotate(6deg) translateY(0); }
	50% { transform: rotate(7deg) translateY(-18px); }
}

/* ---------------------------------------------------------------------------
   Sayfalama: 2026 standardı — daire numaralar, hap ok butonları
--------------------------------------------------------------------------- */
.wp-block-query-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 2.5rem;
	flex-wrap: wrap;
}
.wp-block-query-pagination-numbers {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 0.5rem;
	border-radius: 50%;
	border: 1px solid #d5d5cd;
	background: var(--wp--preset--color--beyaz, #fff);
	color: var(--wp--preset--color--koyu, #1e4a1f);
	font-weight: 700;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.wp-block-query-pagination-numbers .page-numbers:hover {
	border-color: var(--wp--preset--color--yesil, #2e702f);
	transform: translateY(-2px);
}
.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--yesil, #2e702f);
	border-color: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
}
.wp-block-query-pagination-numbers .page-numbers.dots {
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--gri, #5b5b5b);
	min-width: auto;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.25rem;
	border-radius: 999px;
	border: 1px solid #d5d5cd;
	background: var(--wp--preset--color--beyaz, #fff);
	color: var(--wp--preset--color--koyu, #1e4a1f) !important;
	font-weight: 700;
	font-size: 0.875rem;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	background: var(--wp--preset--color--yesil, #2e702f);
	border-color: var(--wp--preset--color--yesil, #2e702f);
	color: #fff !important;
}
.wp-block-query-pagination-previous::before {
	content: "←";
}
.wp-block-query-pagination-next::after {
	content: "→";
}

/* ---------------------------------------------------------------------------
   Footer akordiyon: yalnızca dar ekranda devreye girer
--------------------------------------------------------------------------- */
@media (max-width: 781px) {
	.dp-footer-akordiyon > h3 {
		cursor: pointer;
		position: relative;
		padding: 0.75rem 2rem 0.75rem 0;
		margin: 0;
		border-bottom: 1px solid rgba(246, 246, 242, 0.15);
		user-select: none;
	}
	.dp-footer-akordiyon > h3::after {
		content: "+";
		position: absolute;
		right: 0.25rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.25rem;
		color: var(--wp--preset--color--limon, #b0cb1f);
		transition: transform 0.2s ease;
	}
	.dp-footer-akordiyon.acik > h3::after {
		content: "−";
	}
	.dp-footer-akordiyon > :not(h3) {
		display: none;
	}
	.dp-footer-akordiyon.acik > :not(h3) {
		display: block;
		padding-top: 0.75rem;
	}
	.dp-footer-akordiyon {
		margin-bottom: 0 !important;
	}
}

/* ---------------------------------------------------------------------------
   Ürün arşivi kolajı: dekupajlı poşetler katmanlı sahne
--------------------------------------------------------------------------- */
.dp-kolaj {
	position: relative;
	min-height: 400px;
}
.dp-kolaj::before {
	content: "";
	position: absolute;
	inset: 8%;
	background: radial-gradient(circle at 50% 55%, rgba(176, 203, 31, 0.28), transparent 65%);
	filter: blur(6px);
}
.dp-kolaj-poset {
	position: absolute;
	height: auto;
	filter: drop-shadow(0 22px 22px rgba(0, 0, 0, 0.35));
}
.dp-kolaj-1 { width: 38%; left: 0;   top: 14%; transform: rotate(-8deg); z-index: 1; }
.dp-kolaj-2 { width: 40%; left: 20%; top: 4%;  transform: rotate(-3deg); z-index: 2; animation: dp-poset-suzul-1 7s ease-in-out infinite; }
.dp-kolaj-3 { width: 40%; left: 42%; top: 8%;  transform: rotate(4deg);  z-index: 3; animation: dp-poset-suzul-2 8s ease-in-out infinite; }
.dp-kolaj-4 { width: 38%; left: 63%; top: 18%; transform: rotate(9deg);  z-index: 2; }
@media (prefers-reduced-motion: reduce) {
	.dp-kolaj-2, .dp-kolaj-3 { animation: none; }
}
@media (max-width: 781px) {
	.dp-kolaj { min-height: 300px; }
	.dp-kolaj-1 { display: none; }
	.dp-kolaj-2 { width: 42%; left: 4%;  top: 6%; }
	.dp-kolaj-3 { width: 42%; left: 32%; top: 10%; }
	.dp-kolaj-4 { width: 40%; left: 60%; top: 16%; }
}

/* ---------------------------------------------------------------------------
   Mobil menü (hamburger) yeniden tasarımı: tam ekran marka paneli
--------------------------------------------------------------------------- */
/* Hamburger düğmesi: 44px dokunma alanı, koyu renk */
.wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--koyu, #1e4a1f);
	padding: 10px;
	margin-right: -10px;
}
.wp-block-navigation__responsive-container-open svg {
	width: 28px;
	height: 28px;
}

/* Açık panel: tam ekran koyu yeşil */
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--koyu, #1e4a1f) !important;
	padding: 6.5rem 1.75rem 2.5rem !important;
}
/* Panelin üstüne logo */
.wp-block-navigation__responsive-container.is-menu-open::before {
	content: "";
	position: absolute;
	top: 1.25rem;
	left: 1.5rem;
	width: 56px;
	height: 56px;
	background: url("/wp-content/themes/doypacktr/assets/img/marka/doypack-logo.png") center / contain no-repeat;
}
/* Kapatma düğmesi: sağ üst, beyaz, büyük dokunma alanı */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: fixed;
	top: 1.25rem;
	right: 1.25rem;
	color: #fff;
	padding: 10px;
	z-index: 10;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
	width: 30px;
	height: 30px;
}
/* Menü linkleri: büyük, tam genişlik, ayraçlı */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid rgba(246, 246, 242, 0.14);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 1rem 0 !important;
	color: #fff !important;
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--limon, #b0cb1f) !important;
}
/* dp-cizgi-link çizgi animasyonu panelde devre dışı (tam satır linklerde gereksiz) */
.wp-block-navigation__responsive-container.is-menu-open a {
	background-image: none !important;
}

/* ---------------------------------------------------------------------------
   Hakkımızda sayfası: açık zemin kolaj varyantı, değer kartları, tanıtım bandı
--------------------------------------------------------------------------- */
.dp-kolaj--acik::before {
	background: radial-gradient(circle at 50% 55%, rgba(176, 203, 31, 0.2), transparent 65%);
}
.dp-kolaj--acik .dp-kolaj-poset {
	filter: drop-shadow(0 18px 20px rgba(30, 74, 31, 0.22));
}
/* Açık varyant 3 poşetle kurulur; sahneye eşit dağılım */
.dp-kolaj--acik .dp-kolaj-2 { left: 2%; }
.dp-kolaj--acik .dp-kolaj-3 { left: 30%; }
.dp-kolaj--acik .dp-kolaj-4 { left: 58%; width: 40%; }
.dp-deger-izgara {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.dp-deger-izgara .dp-opsiyon {
	padding: 1.75rem;
}
.dp-deger-izgara .dp-opsiyon h2 {
	font-size: 1.25rem;
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--yesil, #2e702f);
}
.dp-deger-izgara .dp-opsiyon p {
	font-size: 0.9375rem;
	line-height: 1.65;
}
@media (max-width: 781px) {
	.dp-deger-izgara {
		grid-template-columns: 1fr;
	}
}
.dp-tanitim-band {
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	padding: 2.5rem;
}
.dp-tanitim-band .dp-diyagram img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media (max-width: 781px) {
	.dp-tanitim-band {
		padding: 1.5rem;
	}
}

/* ---------------------------------------------------------------------------
   Icerik tablolari ve mobil basliklar: tasma guvenceleri
--------------------------------------------------------------------------- */
.wp-block-table {
	overflow-x: auto;
}
.wp-block-table table {
	min-width: 480px;
}
@media (max-width: 500px) {
	/* Uzun tek kelimeli sayfa basliklari (Surdurulebilirlik) kirilmadan sigsin */
	h1.wp-block-post-title {
		font-size: clamp(1.9rem, 9vw, 2.75rem);
		overflow-wrap: normal;
	}
}

/* ---------------------------------------------------------------------------
   Icerik govdesi guvenceleri ve sektor listesi
--------------------------------------------------------------------------- */
.wp-block-post-content img {
	max-width: 100%;
	height: auto;
}
.dp-sektor-listesi {
	columns: 3;
	column-gap: 2rem;
}
@media (max-width: 781px) {
	.dp-sektor-listesi {
		columns: 2;
	}
}
@media (max-width: 500px) {
	.dp-sektor-listesi {
		columns: 1;
	}
}

/* ---------------------------------------------------------------------------
   Header: ust iletisim seridi, sticky davranis, teklif butonu, aktif vurgu
--------------------------------------------------------------------------- */
.dp-topbar {
	background: var(--wp--preset--color--koyu, #1e4a1f);
	color: var(--wp--preset--color--zemin, #f6f6f2);
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 var(--wp--preset--spacing--40, 1.5rem);
	font-size: 0.8125rem;
}
.dp-topbar-ic {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	white-space: nowrap;
	overflow: hidden;
}
.dp-topbar-sol {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-width: 0;
}
.dp-topbar a {
	color: var(--wp--preset--color--zemin, #f6f6f2);
	text-decoration: none;
	font-weight: 600;
}
.dp-topbar a:hover {
	color: var(--wp--preset--color--limon, #b0cb1f);
}
.dp-topbar-saat {
	opacity: 0.85;
}
.dp-topbar-stok {
	flex-shrink: 0;
}
@media (max-width: 781px) {
	.dp-topbar-saat { display: none; }
	.dp-topbar-stok { font-size: 0.75rem; }
}
@media (max-width: 420px) {
	.dp-topbar-stok { display: none; }
	.dp-topbar-ic { justify-content: center; }
}

/* Sticky: serit yukari kayar, beyaz bar ustte kalir */
header.wp-block-template-part {
	position: sticky;
	top: -40px;
	z-index: 100;
}
.dp-header-bar {
	transition: box-shadow 0.25s ease;
}
.is-kaymis .dp-header-bar {
	box-shadow: 0 10px 28px -18px rgba(16, 17, 16, 0.35);
}

/* Teklif butonu */
.dp-header-teklif {
	display: inline-block;
	background: var(--wp--preset--color--limon, #b0cb1f);
	color: var(--wp--preset--color--koyu, #1e4a1f) !important;
	font-weight: 700;
	font-size: 0.9375rem;
	padding: 0.55rem 1.15rem;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dp-header-teklif:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px -12px rgba(30, 74, 31, 0.5);
}
@media (max-width: 600px) {
	.dp-header-teklif {
		font-size: 0.8125rem;
		padding: 0.45rem 0.85rem;
	}
}

/* Aktif sayfa vurgusu: cizgi animasyonunun kalici hali */
.dp-cizgi-link .current-menu-item > .wp-block-navigation-item__content,
.dp-cizgi-link .wp-block-navigation-item__content.dp-aktif {
	background-image: linear-gradient(var(--wp--preset--color--yesil, #2e702f), var(--wp--preset--color--yesil, #2e702f));
	background-size: 100% 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

/* ---------------------------------------------------------------------------
   Istatistik bandi: katalog bandina bosluksuz baglanir, satir icerik
   kutusunun iki ucuna yaslanir (rakamlar etiket ustunde ortali kalir)
--------------------------------------------------------------------------- */
.dp-istatistik-band {
	margin-top: 0 !important;
}
@media (min-width: 1200px) {
	.dp-istatistik-satir {
		justify-content: space-between;
		gap: 2rem;
	}
	.dp-istatistik-satir > .wp-block-column {
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		flex-basis: auto !important;
		width: max-content;
	}
}
/* Tablet araligi: etiketler tek satira sigmaz, 2x2 izgara */
@media (min-width: 782px) and (max-width: 1199px) {
	.dp-istatistik-satir {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 2.25rem 1rem;
	}
}

/* ---------------------------------------------------------------------------
   Uretici kimligi bandlari: uretim kartlari, sektor kartlari, hero dokusu
--------------------------------------------------------------------------- */
.dp-uretim-kartlar {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.875rem;
	margin-top: 1.25rem;
}
.dp-uretim-kart {
	display: grid;
	grid-template-columns: 34px 1fr;
	grid-template-rows: auto auto;
	column-gap: 0.75rem;
	align-items: center;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	padding: 1rem 1.1rem;
}
.dp-uretim-kart .dp-ikon {
	grid-row: 1 / 3;
}
.dp-uretim-kart strong {
	font-size: 0.9375rem;
	line-height: 1.3;
}
.dp-uretim-kart span {
	font-size: 0.8125rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
}
@media (max-width: 600px) {
	.dp-uretim-kartlar {
		grid-template-columns: 1fr;
	}
}
.dp-sektor-kartlar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-top: 2rem;
}
.dp-sektor-kart {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	background: var(--wp--preset--color--zemin, #f6f6f2);
	border: 1px solid #e6e6e6;
	border-radius: 14px;
	padding: 1.5rem;
	text-decoration: none !important;
	color: inherit !important;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}
.dp-sektor-kart:hover {
	transform: translateY(-4px);
	border-color: var(--wp--preset--color--yesil, #2e702f);
	box-shadow: 0 16px 32px -22px rgba(30, 74, 31, 0.45);
}
.dp-sektor-kart .dp-ikon {
	margin-bottom: 0.35rem;
}
.dp-sektor-kart strong {
	font-size: 1.0625rem;
	line-height: 1.25;
}
.dp-sektor-kart span {
	font-size: 0.875rem;
	color: var(--wp--preset--color--gri, #5b5b5b);
	line-height: 1.5;
}
.dp-sektor-kart em {
	font-style: normal;
	font-weight: 700;
	font-size: 0.875rem;
	color: var(--wp--preset--color--yesil, #2e702f);
	margin-top: auto;
	padding-top: 0.5rem;
}
@media (max-width: 900px) {
	.dp-sektor-kartlar {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 540px) {
	.dp-sektor-kartlar {
		grid-template-columns: 1fr;
	}
}
.dp-hero-doku {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0.12;
	z-index: 0;
	pointer-events: none;
}

/* Diyagram gorselleri her baglamda tasmaz */
.dp-diyagram img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------
   Donusum bloklari: akis seridi (dp-akis gorsel dilinin yatay hali)
--------------------------------------------------------------------------- */
.dp-serit-akis {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	text-decoration: none !important;
	color: inherit !important;
}
.dp-serit-adim {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.875rem;
	text-align: center;
	padding: 0 0.5rem;
}
.dp-serit-adim::after {
	content: "";
	position: absolute;
	top: 26px;
	left: calc(50% + 38px);
	width: calc(100% - 76px);
	height: 3px;
	background: repeating-linear-gradient(to right, var(--wp--preset--color--limon, #b0cb1f) 0 10px, transparent 10px 20px);
}
.dp-serit-adim--son::after {
	display: none;
}
.dp-serit-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	box-shadow: 0 10px 22px -14px rgba(30, 74, 31, 0.6);
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-serit-adim--son .dp-serit-no {
	background: var(--wp--preset--color--limon, #b0cb1f);
	color: var(--wp--preset--color--koyu, #1e4a1f);
}
.dp-serit-akis:hover .dp-serit-no {
	transform: translateY(-3px) scale(1.06);
}
.dp-serit-ad {
	font-weight: 700;
	font-size: 0.9375rem;
	line-height: 1.3;
}
.dp-serit-alt {
	text-align: center;
	margin: 1.75rem 0 0;
}
.dp-serit-link {
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--yesil, #2e702f);
	text-decoration: none;
}
.dp-serit-link:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}
@media (max-width: 781px) {
	.dp-serit-akis {
		grid-template-columns: 1fr;
		gap: 1rem;
		justify-items: start;
	}
	.dp-serit-adim {
		flex-direction: row;
		gap: 0.875rem;
		padding: 0;
		text-align: left;
	}
	.dp-serit-adim::after {
		top: 54px;
		left: 25px;
		width: 3px;
		height: 1rem;
		background: repeating-linear-gradient(to bottom, var(--wp--preset--color--limon, #b0cb1f) 0 8px, transparent 8px 16px);
	}
	.dp-serit-no {
		width: 50px;
		height: 50px;
		flex-shrink: 0;
	}
}

.dp-model-kartlar {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
	max-width: 960px;
	margin: 2rem auto 0;
}
.dp-model-kart {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	background: var(--wp--preset--color--beyaz, #fff);
	border: 1px solid #e6e6e6;
	border-radius: 18px;
	padding: 2rem;
}
.dp-model-kart--birincil {
	background: var(--wp--preset--color--koyu, #1e4a1f);
	border-color: var(--wp--preset--color--koyu, #1e4a1f);
	color: var(--wp--preset--color--zemin, #f6f6f2);
}
.dp-model-kart h3 {
	margin: 0;
	font-size: 1.375rem;
}
.dp-model-kart p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
}
.dp-model-kart:not(.dp-model-kart--birincil) p {
	color: var(--wp--preset--color--gri, #5b5b5b);
}
.dp-model-kart ul {
	margin: 0;
	padding-left: 1.2rem;
	font-size: 0.9375rem;
	line-height: 1.9;
}
.dp-model-etiket {
	align-self: flex-start;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	background: var(--wp--preset--color--limon, #b0cb1f);
	color: var(--wp--preset--color--koyu, #1e4a1f);
	border-radius: 999px;
	padding: 0.3rem 0.8rem;
}
.dp-model-etiket--gri {
	background: #ececec;
	color: var(--wp--preset--color--gri, #5b5b5b);
}
.dp-model-kart .wp-element-button {
	margin-top: auto;
	text-align: center;
	text-decoration: none;
}
.dp-model-kart .dp-model-dis {
	background: transparent;
	border: 2px solid var(--wp--preset--color--yesil, #2e702f);
	color: var(--wp--preset--color--yesil, #2e702f) !important;
}
.dp-model-kart .dp-model-dis:hover {
	background: var(--wp--preset--color--yesil, #2e702f);
	color: #fff !important;
}
.dp-model-kart--birincil a.wp-element-button {
	color: var(--wp--preset--color--koyu, #1e4a1f) !important;
}
@media (max-width: 781px) {
	.dp-model-kartlar {
		grid-template-columns: 1fr;
	}
}

/* ---------------------------------------------------------------------------
   Video kutusu: poster'li, gorunur alana girince yuklenen sessiz donguler
--------------------------------------------------------------------------- */
.dp-video-kutu {
	border-radius: 16px;
	overflow: hidden;
	line-height: 0;
	box-shadow: 0 18px 40px -28px rgba(30, 74, 31, 0.5);
}
.dp-video {
	width: 100%;
	height: auto;
	display: block;
}

/* ---------------------------------------------------------------------------
   Hero gercek uretim arka plani (sayfa yuklendikten sonra biner, LCP'yi
   etkilemez) ve tesis kareleri izgarasi
--------------------------------------------------------------------------- */
.dp-hero {
	position: relative;
	overflow: hidden;
}
.dp-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity 1.2s ease;
	pointer-events: none;
}
.dp-hero.is-bg-hazir::before {
	background-image: url('/wp-content/uploads/2026/08/dolum-hatti.webp');
	opacity: 0.25;
}
/* Tek tonlu ortu: kenar/orta ton farki olmadan video belirgin kalir */
.dp-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: rgba(30, 74, 31, 0.32);
	opacity: 0;
	transition: opacity 1.2s ease;
}
.dp-hero.is-bg-hazir::after,
.dp-hero.is-video-hazir::after {
	opacity: 1;
}
/* Video belirginlesince metin kontrastini golge korur */
.dp-hero h1,
.dp-hero p {
	text-shadow: 0 2px 20px rgba(14, 27, 18, 0.6), 0 1px 3px rgba(14, 27, 18, 0.55);
}
.dp-hero > * {
	position: relative;
	z-index: 1;
}
.dp-tesis-izgara {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-template-rows: 1fr 1fr;
	gap: 1rem;
	margin-top: 2rem;
}
.dp-tesis-video {
	grid-row: 1 / 3;
	display: flex;
}
.dp-tesis-video .dp-video-kutu {
	width: 100%;
	display: flex;
	align-items: stretch;
}
.dp-tesis-video .dp-video {
	height: 100%;
	object-fit: cover;
}
.dp-tesis-kare {
	margin: 0;
	border-radius: 16px;
	overflow: hidden;
	line-height: 0;
}
.dp-tesis-kare img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.dp-tesis-kare:hover img {
	transform: scale(1.04);
}
@media (max-width: 781px) {
	.dp-tesis-izgara {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.dp-tesis-video {
		grid-row: auto;
	}
}

/* Hero arka plan videosu: fotografin ustune, sayfa yuklendikten sonra biner */
.dp-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.2s ease;
	pointer-events: none;
	z-index: 0 !important;
}
.dp-hero.is-video-hazir .dp-hero-video {
	opacity: 0.55;
}

/* Cozum kartlari: 4'lu tek satir (masaustu) */
@media (min-width: 901px) {
	.dp-cozum-kartlar {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ---------------------------------------------------------------------------
   Ana sayfa dikey ritim: 96px'lik bant dolgulari 72px'e iner (hero haric),
   istatistik daha sik, tesis karelerine oran siniri
--------------------------------------------------------------------------- */
body.home main > .wp-block-group[style*="spacing--60)"]:not(.dp-hero) {
	padding-top: clamp(3rem, 5vw, 4.5rem) !important;
	padding-bottom: clamp(3rem, 5vw, 4.5rem) !important;
}
body.home main > .wp-block-group.dp-istatistik-band {
	padding-top: 3.25rem !important;
	padding-bottom: 3.25rem !important;
}
.dp-tesis-kare {
	aspect-ratio: 16 / 10;
}
.dp-tesis-kare img {
	height: 100%;
}
@media (max-width: 781px) {
	.dp-tesis-kare {
		aspect-ratio: 16 / 9;
	}
}

/* 600-900px araliginda menu iki satira kirilir: hamburger esigini yukselt */
@media (min-width: 600px) and (max-width: 900px) {
	.dp-header-sag .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
	.dp-header-sag .wp-block-navigation__responsive-container-open {
		display: flex !important;
	}
}