/*
Theme Name: Seodo
Theme URI: http://seodo.themezinho.net/
Author: themezinho
Author URI: https://themezinho.net/
Description: Agriculture Farming Foundation 
Version: 1.0.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: seodo
Tags: blog, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options
*/

/*--------------------------------------------------------------
# Horizontal overflow
--------------------------------------------------------------*/
/* The hero carousel parks its next slide to the right of the viewport. .main-slider clips it
   visually, but the document still measured 1567px wide at a 1440px viewport and the page
   could be dragged 142px sideways. No stylesheet declared this after the first paint, so it
   is declared here. */
html,
body {
	overflow-x: hidden;
}

/* WPBakery gives every top-level row a -15px gutter. On builder pages that render the
   row directly below <main>, there is no parent container to absorb that gutter, so the
   home and contact pages remain 15px wider than a phone viewport. Keep the full-width
   desktop layout and neutralize only those exposed mobile rows. */
@media (max-width: 767px) {
	.home main > .vc_row,
	.page-id-290 main > .vc_row {
		margin-left: 0;
		margin-right: 0;
	}
}

/*--------------------------------------------------------------
# Background pattern
--------------------------------------------------------------*/
/* css/style.css paints the footer and the side widgets with images/pattern-bg.png: 4096x1691
   pixels and 719KB, for strips that are never wider than about 1300. The same artwork at
   1600px as WebP is 86KB, and it was the largest single asset on every page of the site.
   The navbar is not listed because this file already paints it a solid colour further down,
   with !important — it never showed the pattern at all. */
.footer,
.side-widget {
	background-image: url("images/pattern-bg-1600.webp");
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
img{height: auto; max-width: 100%;}
iframe{ width: 100%; max-width: 100%;}


.alignleft {
	display: inline;
	float: left;
	margin-right: 50px;
}

.alignright {
	float:right; margin-left:50px; margin-top: 10px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
 * Screen-reader-only text. This was previously `display: block`, which printed
 * WordPress's assistive labels ("Ara:", "Kategoriler", "Yazıya git") as visible
 * page text and removed the very affordance the class exists to provide.
 */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.screen-reader-text:focus {
	background: #fff;
	clip-path: none;
	color: #123a24;
	display: block;
	font-size: 15px;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 14px 22px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------
Contrast: the accent green used for small labels was #168847, which measures
4.19:1 against the #f6f8f4 section ground — under the 4.5:1 WCAG AA floor for
text below 18.66px. It is #146f3c throughout, the same hue at 5.8:1.
--------------------------------------------------------------*/
/*
 * Fixed rather than absolute: the topbar and navbar are themselves positioned and
 * would otherwise stack on top of the link, leaving keyboard users with a focused
 * control they cannot see.
 */
.dy-skip-link {
	background: #123a24;
	border-radius: 0 0 6px 0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	left: 0;
	padding: 14px 22px;
	position: fixed;
	text-decoration: none;
	top: 0;
	transform: translateY(-150%);
	transition: transform .15s ease;
	z-index: 2147483000;
}

.dy-skip-link:focus {
	color: #fff;
	outline: 3px solid #fbc50b;
	outline-offset: 2px;
	transform: translateY(0);
}

#dy-main-content:focus {
	outline: none;
}

/*
 * css/style.css line 84 declares `* { outline: none !important; }`, which erases every
 * focus indicator on the site — including the ones the dy-* components define for
 * themselves. A keyboard user currently has no way to tell where they are.
 *
 * !important here is not decoration: it is the only way to outrank that blanket rule.
 * :focus-visible keeps the ring off mouse clicks.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
	outline: 3px solid #146f3c !important;
	outline-offset: 2px !important;
	border-radius: 2px;
}

.navbar a:focus-visible,
.navbar [role="button"]:focus-visible,
.topbar a:focus-visible {
	outline-color: #123a24 !important;
}

.footer a:focus-visible,
.side-widget a:focus-visible,
.page-header a:focus-visible,
.dy-contact-dock a:focus-visible {
	outline-color: #fbc50b !important;
}

.dy-skip-link:focus {
	outline: 3px solid #fbc50b !important;
	outline-offset: 2px !important;
}

.search-button,
.hamburger-menu {
	cursor: pointer;
}

/*--------------------------------------------------------------
# Callback form
--------------------------------------------------------------*/
.dy-callback {
	background: #123a24;
	color: #fff;
	padding: 60px 0;
}

.dy-callback__intro {
	margin: 0 auto 28px;
	max-width: 640px;
	text-align: center;
}

.dy-callback .dy-section-heading__eyebrow {
	color: #fbc50b !important;
}

.dy-callback h2 {
	color: #fff;
	font-size: clamp(24px, 3.6vw, 34px);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	margin: 0 0 10px;
}

.dy-callback__intro p {
	color: #cfe0d4;
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
}

.dy-callback__form {
	background: #fff;
	border-radius: 14px;
	margin: 0 auto;
	max-width: 780px;
	padding: 26px;
}

.dy-callback__grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dy-callback__grid p {
	margin: 0;
}

.dy-callback__form label {
	color: #14301f;
	display: block;
	font-size: 13.5px;
	font-weight: 600;
	margin-bottom: 5px;
}

.dy-callback__form input {
	background: #fff;
	border: 1px solid #ccd6ce;
	border-radius: 8px;
	color: #14301f;
	font-size: 15.5px;
	height: 48px;
	padding: 0 14px;
	width: 100%;
}

.dy-callback__form input:focus {
	border-color: #146f3c;
}

/* css/style.css styles `button[type="submit"]` directly, and an attribute selector outranks
   .dy-button--primary — the submit button was coming out as the theme's yellow with white
   text on it, about 1.9:1. The site's own yellow buttons ("Hemen ara") carry dark text, so
   the fix follows that convention rather than fighting the colour. */
.dy-callback__form button[type="submit"] {
	background: #fbc50b;
	border-radius: 999px;
	color: #14301f;
	height: auto;
	margin-top: 18px;
	min-height: 54px;
	width: 100%;
}

.dy-callback__form button[type="submit"]:hover,
.dy-callback__form button[type="submit"]:focus-visible {
	background: #e8b405;
	color: #14301f;
}

.dy-callback__small {
	color: #5a675e;
	font-size: 13px;
	margin: 12px 0 0;
	text-align: center;
}

/* The honeypot must stay reachable to a bot parsing the markup, and invisible to
   everyone else — display:none would let a smart bot skip it. */
.dy-callback__trap {
	height: 0;
	left: -9999px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.dy-callback__notice {
	border-radius: 8px;
	font-size: 15.5px;
	font-weight: 600;
	margin: 0 auto 18px;
	max-width: 780px;
	padding: 14px 18px;
	text-align: center;
}

.dy-callback__notice--ok {
	background: #e4efe5;
	color: #14301f;
}

.dy-callback__notice--err {
	background: #f6e7e3;
	color: #8a2f22;
}

@media (min-width: 640px) {
	.dy-callback__form button[type="submit"] { width: auto; min-width: 220px; }
	.dy-callback__form { text-align: center; }
	/* Two columns rather than auto-fit: four fields would otherwise sit 3 + 1, leaving the
	   last one stranded beside two gaps. */
	.dy-callback__grid { grid-template-columns: repeat(2, 1fr); text-align: left; }
}

/*--------------------------------------------------------------
# Related links
--------------------------------------------------------------*/
.dy-related {
	background: #f6f8f4;
	padding: 56px 0;
}

.dy-related h2 {
	color: #112117;
	font-size: clamp(22px, 3.4vw, 30px);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	margin: 0 0 10px;
}

.dy-related__intro {
	color: #4d5a51;
	font-size: 16px;
	line-height: 1.7;
	margin: 0 0 24px;
	max-width: 62ch;
}

.dy-related__list {
	align-items: stretch;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.dy-related__list li {
	height: 100%;
	margin: 0;
}

.dy-related__list a {
	align-items: center;
	background: #fff;
	border: 1px solid #e0e7e1;
	border-radius: 10px;
	color: #14301f;
	display: flex;
	font-size: 15.5px;
	font-weight: 600;
	gap: 18px;
	height: 100%;
	justify-content: space-between;
	line-height: 1.45;
	min-height: 72px;
	padding: 15px 18px;
	text-decoration: none;
	transition: border-color .15s ease, transform .15s ease;
}

.dy-related__list a::after {
	color: #146f3c;
	content: "→";
	flex: 0 0 auto;
	font-weight: 700;
	margin-left: auto;
}

.dy-related__list a:hover {
	border-color: #146f3c;
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
	.dy-related__list a { transition: none; }
	.dy-related__list a:hover { transform: none; }
}

/*--------------------------------------------------------------
# Series galleries
--------------------------------------------------------------*/
.dy-series-gallery {
	margin-top: 24px;
}

.dy-series-gallery__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
}

.dy-series-gallery__item {
	aspect-ratio: 4 / 3;
	background: #edf1ed;
	border-radius: 12px;
	margin: 0;
	overflow: hidden;
}

.dy-series-gallery__item img {
	display: block;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	width: 100%;
}

.dy-series-gallery__footer {
	margin: 22px 0 0;
	text-align: center;
}

@media (min-width: 640px) {
	.dy-series-gallery__grid {
		grid-auto-rows: 260px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dy-series-gallery__item {
		aspect-ratio: auto;
	}
}

@media (min-width: 992px) {
	.dy-series-gallery__grid {
		grid-auto-rows: 240px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-series-gallery__item--featured {
		grid-column: span 2;
		grid-row: span 2;
	}

}

/*
 * WCAG 1.4.1: a link inside running text must be identifiable by something other than
 * colour. These links previously differed from the surrounding paragraph by hue alone,
 * which is invisible to a red-green colour blind reader. Navigation, buttons and card
 * links are excluded — their role is already obvious from position and shape.
 */
.entry-content p a:not(.dy-button):not(.dy-text-link),
.post-content p a:not(.dy-button):not(.dy-text-link),
.wpb_text_column p a:not(.dy-button):not(.dy-text-link),
.dy-section-heading p a,
.vc_column-inner p a:not(.dy-button):not(.dy-text-link) {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.entry-content p a:hover,
.post-content p a:hover,
.wpb_text_column p a:hover,
.vc_column-inner p a:hover {
	text-decoration-thickness: 2px;
}

/*
 * The WhatsApp green carries white text below the 4.5:1 AA floor. Darkening the ground
 * keeps the brand association while making the label readable; the hover state already
 * used a darker green, so the two now sit closer together by design.
 */
.dy-button--whatsapp {
	background: #118442;
}

.dy-button--whatsapp:hover,
.dy-button--whatsapp:focus-visible {
	background: #0E7038;
}

.dy-contact-dock__whatsapp {
	background: #118442;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.bypostauthor{
	display: block;
}


.wp-block-cover, .wp-block-cover-image {
	height:auto; 
}
.blog-post .post-content .more-link{
	display: inline-block;
}

/* Dikey Yosun reference, project, and catalog experience. */
.dy-reference-showcase,
.dy-home-projects,
.dy-project-gallery,
.dy-project-hub,
.dy-digital-catalog {
	background: #f6f8f4;
	color: #162019;
	padding: 72px 0;
}

.dy-project-gallery,
.dy-project-hub,
.dy-digital-catalog {
	background: #fff;
}

.dy-home-projects {
	background: #fff;
}

.dy-solid-site-header .topbar {
	background: #123a24;
}

.navbar {
	background: #dfe2df !important;
	color: #173222;
	padding: 20px 0;
	width: 1180px;
}

.navbar .logo img {
	filter: brightness(0) saturate(100%) invert(15%) sepia(20%) saturate(967%) hue-rotate(91deg) brightness(91%) contrast(92%);
	height: 42px !important;
}

.navbar .site-menu ul li a,
.navbar .search-button {
	color: #173222;
}

.navbar .site-menu {
	margin: 0 20px;
}

.navbar .site-menu ul li {
	margin: 0 8px;
}

.navbar .site-menu ul li a {
	font-size: 14px;
}

.navbar .search-button {
	font-size: 20px;
}

.navbar .hamburger-menu span {
	background: #173222;
}

.page-template-page-builder main > .dy-reference-showcase:first-child,
.page-template-page-builder main > .dy-project-gallery:first-child,
.page-template-page-builder main > .dy-project-hub:first-child,
.page-template-page-builder main > .dy-digital-catalog:first-child,
.dy-solid-site-header.page-template-page-builder main > .dy-expansion-hero:first-child {
	padding-top: 165px;
}

.dy-section-heading {
	margin: 0 auto 36px;
	max-width: 820px;
	text-align: center;
}

.dy-section-heading__eyebrow {
	color: #146f3c; /* AA-safe green, see Accessibility note above */
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.dy-section-heading h1,
.dy-section-heading h2 {
	color: #112117;
	font-family: inherit;
	font-size: clamp(30px, 6vw, 48px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 0 0 18px;
}

.dy-section-heading p {
	color: #5a675e;
	font-size: 16px;
	line-height: 1.75;
	margin: 0;
}

.dy-reference-logos {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.dy-reference-logos__item {
	align-items: center;
	background: #fff;
	border: 1px solid #e4eae5;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	min-height: 132px;
	padding: 12px;
}

.dy-reference-logos__item img {
	height: 94px;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.dy-reference-showcase__actions,
.dy-home-projects__actions,
.dy-project-gallery__cta-actions {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	margin-top: 32px;
}

.dy-reference-showcase__actions {
	flex-wrap: wrap;
}

.dy-home-projects__actions {
	margin-top: 34px;
}

.dy-project-breadcrumb {
	align-items: center;
	color: #66736a;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	margin: 0 0 28px;
}

.dy-project-breadcrumb a {
	color: #147a40;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dy-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 999px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	min-height: 50px;
	padding: 14px 24px;
	text-align: center;
	transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.dy-reference-showcase__actions .dy-button,
.dy-catalog-cta .dy-button {
	border-radius: 6px;
	box-shadow: none;
}

.dy-button:hover,
.dy-button:focus-visible {
	text-decoration: none;
	transform: translateY(-2px);
}

.dy-button--primary {
	background: #153a24;
	color: #fff;
}

.dy-button--primary:hover,
.dy-button--primary:focus-visible {
	background: #0e2c1a;
	color: #fff;
}

.dy-button--whatsapp {
	background: #1faa59;
	color: #fff;
}

.dy-button--whatsapp:hover,
.dy-button--whatsapp:focus-visible {
	background: #168847;
	color: #fff;
}

.dy-button--secondary {
	background: #fff;
	border-color: #cfd8d1;
	color: #153a24;
}

.dy-text-link {
	color: #153a24;
	font-size: 14px;
	font-weight: 700;
	padding: 10px;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-project-gallery__grid {
	display: grid;
	gap: 14px;
	grid-template-columns: 1fr;
}

.dy-project-card {
	background: #edf2ee;
	border-radius: 16px;
	margin: 0;
	overflow: hidden;
}

.dy-project-card img {
	display: block;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
	transition: transform .45s ease;
	width: 100%;
}

.dy-project-card:hover img {
	transform: scale(1.025);
}

.dy-project-gallery__cta,
.dy-catalog-cta {
	align-items: flex-start;
	background: #143a24;
	border-radius: 20px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin-top: 36px;
	padding: 28px;
}

.dy-project-gallery__cta h2,
.dy-catalog-cta h2 {
	color: #fff;
	font-size: 26px;
	margin: 0 0 10px;
}

.dy-project-gallery__cta p,
.dy-catalog-cta p {
	color: #d7e4da;
	line-height: 1.7;
	margin: 0;
}

.dy-project-gallery__cta-actions {
	align-items: stretch;
	margin: 0;
	width: 100%;
}

.dy-project-hub__grid,
.dy-digital-catalog__grid {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr;
}

.dy-project-hub-card {
	background: #13231a;
	border-radius: 16px;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
}

.dy-project-hub-card img {
	aspect-ratio: 4 / 3;
	display: block;
	object-fit: cover;
	opacity: .82;
	transition: opacity .25s ease, transform .45s ease;
	width: 100%;
}

.dy-project-hub-card:hover img,
.dy-project-hub-card:focus-visible img {
	opacity: .65;
	transform: scale(1.025);
}

.dy-project-hub-card__body {
	background: linear-gradient(transparent, rgba(8, 25, 14, .9));
	bottom: 0;
	display: flex;
	flex-direction: column;
	left: 0;
	padding: 48px 22px 22px;
	position: absolute;
	right: 0;
}

.dy-project-hub-card__body strong {
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
}

.dy-project-hub-card__body span {
	color: #dbe8de;
	font-size: 13px;
	margin-top: 6px;
}

.dy-catalog-intro {
	display: grid;
	gap: 20px;
	margin-bottom: 42px;
}

.dy-catalog-intro h1 {
	color: #112117;
	font-size: clamp(34px, 8vw, 58px);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
	margin: 0;
}

.dy-catalog-intro__summary {
	border-left: 3px solid #168847;
	padding-left: 20px;
}

.dy-catalog-intro__summary p {
	color: #4f5e54;
	font-size: 16px;
	line-height: 1.75;
	margin: 0 0 14px;
}

.dy-catalog-intro__summary span {
	color: #153a24;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dy-catalog-card {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 8px;
	overflow: hidden;
	transition: border-color .2s ease, transform .2s ease;
}

.dy-catalog-card:hover {
	border-color: #9bb8a5;
	transform: translateY(-3px);
}

.dy-catalog-card__image {
	background: #e8eee9;
	display: block;
	overflow: hidden;
}

.dy-catalog-card__image img {
	aspect-ratio: 16 / 10;
	display: block;
	object-fit: cover;
	transition: transform .45s ease;
	width: 100%;
}

.dy-catalog-card:hover .dy-catalog-card__image img,
.dy-catalog-card:focus-within .dy-catalog-card__image img {
	transform: scale(1.025);
}

.dy-catalog-card__body {
	padding: 24px;
}

.dy-catalog-card__number {
	color: #1b8b4a;
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	margin-bottom: 20px;
}

.dy-catalog-card h2 {
	color: #122319;
	font-size: 24px;
	margin: 0 0 12px;
}

.dy-catalog-card p {
	color: #5b685f;
	line-height: 1.7;
	margin: 0 0 18px;
}

.dy-catalog-card a {
	color: #147a40;
	font-size: 14px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-card .dy-catalog-card__image {
	text-decoration: none;
}

.dy-catalog-card .dy-catalog-card__link {
	display: inline-flex;
	text-decoration: none;
}

.dy-catalog-card__link span {
	margin-left: 5px;
	transition: transform .2s ease;
}

.dy-catalog-card__link:hover span,
.dy-catalog-card__link:focus-visible span {
	transform: translateX(4px);
}

.dy-catalog-cta {
	border-radius: 8px;
}

.dy-catalog-cta__eyebrow {
	color: #9fd8b0;
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.dy-catalog-cta__projects {
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-cta .dy-button {
	margin-top: 12px;
}

@media (min-width: 576px) {
	.dy-reference-logos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-reference-showcase__actions,
	.dy-home-projects__actions,
	.dy-project-gallery__cta-actions {
		flex-direction: row;
	}

	.dy-project-gallery__grid,
	.dy-project-hub__grid,
	.dy-digital-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dy-catalog-intro {
		align-items: end;
		grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	}
}

@media (min-width: 992px) {
	.dy-reference-showcase,
	.dy-home-projects,
	.dy-project-gallery,
	.dy-project-hub,
	.dy-digital-catalog {
		padding: 104px 0;
	}

	.page-template-page-builder main > .dy-reference-showcase:first-child,
	.page-template-page-builder main > .dy-project-gallery:first-child,
	.page-template-page-builder main > .dy-project-hub:first-child,
	.page-template-page-builder main > .dy-digital-catalog:first-child,
	.dy-solid-site-header.page-template-page-builder main > .dy-expansion-hero:first-child {
		padding-top: 205px;
	}

	.dy-reference-logos {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.dy-reference-logos__item {
		min-height: 150px;
	}

	.dy-reference-logos__item img {
		height: 108px;
	}

	.dy-project-gallery__grid {
		grid-auto-rows: 310px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-project-card--featured {
		grid-column: span 2;
		grid-row: span 2;
	}

	.dy-project-gallery__cta {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		padding: 36px 42px;
	}

	.dy-project-gallery__cta > div:first-child {
		max-width: 620px;
	}

	.dy-project-gallery__cta-actions {
		flex-shrink: 0;
		width: auto;
	}

	.dy-project-hub__grid,
	.dy-digital-catalog__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-catalog-cta {
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 38px 42px;
	}

	.dy-catalog-cta > div:first-child {
		max-width: 520px;
	}
}

/* Live/artificial service expansion and transparent series pricing. */
.dy-expansion-heading {
	max-width: 780px;
}

.dy-expansion-heading h2,
.dy-expansion-hero h1,
.dy-artificial-options h2,
.dy-series-pricing h2 {
	color: #102218;
	font-family: inherit;
	font-size: clamp(29px, 7vw, 46px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 8px 0 16px;
}

.dy-expansion-heading > p,
.dy-expansion-hero__content > p,
.dy-artificial-options__related > p {
	color: #526158;
	font-size: 16px;
	line-height: 1.75;
	margin: 0;
}

.dy-expansion-hero {
	background: #edf3ed;
	color: #102218;
	padding: 48px 0 64px;
}

.dy-expansion-hero__grid {
	display: grid;
	gap: 30px;
}

.dy-expansion-hero__content {
	align-self: center;
}

.dy-expansion-hero__content .dy-lead-actions {
	margin-top: 26px;
}

.dy-expansion-hero__media {
	background: #dbe6dc;
	border-radius: 20px;
	box-shadow: 0 22px 55px rgba(14, 51, 29, .14);
	margin: 0;
	overflow: hidden;
}

.dy-expansion-hero__image {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/*
 * Bölüm ve kart yoğunluğu 29 Ağustos 2026'da sıkılaştırıldı.
 *
 * Telefonda ölçüldüğünde tek bir hizmet sayfası 21,4 ekran tutuyordu ve bunun büyük
 * kısmı içerik değil, boşluktu: bölüm başına 144 piksel dolgu, kart başına 48 piksel
 * dolgu ve numaranın altında 18 piksellik bir boşluk. Üç satırlık bir metin 176 piksel
 * yer kaplıyordu. Aşağıdaki değerler aynı metni okunaklılığı bozmadan yaklaşık dörtte
 * bir daha kısa gösteriyor; masaüstünde (≥992px) eski ferahlık korunuyor.
 */
.dy-artificial-options,
.dy-artificial-hub,
.dy-series-pricing {
	color: #102218;
	padding: 52px 0;
}

.dy-artificial-hub {
	background: #f5f7f3;
}

.dy-artificial-options__grid,
.dy-artificial-hub__grid,
.dy-series-pricing__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
	margin-top: 24px;
}

.dy-artificial-options__grid article {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 16px;
	color: #102218;
	display: block;
	padding: 18px 20px;
}

.dy-artificial-card,
.dy-series-price-card {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 16px;
	color: #102218;
	display: block;
	padding: 24px;
}

.dy-artificial-options__grid strong {
	color: #147a40;
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}

.dy-artificial-options__grid h3,
.dy-artificial-card h3,
.dy-series-price-card h3 {
	color: #102218;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 8px;
}

.dy-artificial-card h3,
.dy-series-price-card h3 {
	font-size: 21px;
	margin-bottom: 12px;
}

.dy-artificial-options__grid p,
.dy-artificial-card p {
	color: #59675e;
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
}

.dy-artificial-card .dy-text-link {
	display: inline-flex;
	margin-top: 18px;
}

.dy-artificial-options__related,
.dy-series-pricing__notice {
	align-items: flex-start;
	background: #133b25;
	border-radius: 18px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 22px;
	padding: 22px;
}

/* Koyu bandın başlığı bölüm başlığı kadar büyüktü ve ekranı tek başına dolduruyordu.
   Bu bir bölüm başlangıcı değil, yan yola çıkaran bir ara bant. */
.dy-artificial-options__related h2 {
	color: #fff;
	font-size: clamp(21px, 4.6vw, 28px);
	margin: 0;
}

.dy-artificial-options__related > p,
.dy-series-pricing__notice > p {
	color: #dbe8de;
	margin: 0;
}

.dy-series-pricing {
	background: #eef4ef;
}

.dy-series-price-card h3 a {
	color: inherit;
}

.dy-series-price-card__price {
	border-bottom: 1px solid #e1e8e3;
	display: flex;
	flex-direction: column;
	margin: 0 0 16px;
	padding-bottom: 16px;
}

.dy-series-price-card__price strong {
	color: #146f3c;
	font-size: 24px;
	letter-spacing: -.025em;
}

.dy-series-price-card__price span {
	color: #657168;
	font-size: 13px;
	font-weight: 700;
}

/*
 * Sık sorulan sorular — açılır liste.
 *
 * Altı soru kart ızgarası hâlindeyken telefonda iki tam ekran tutuyordu. Açılır listede
 * altı soru bir ekrandan az yer kaplıyor, ziyaretçi yalnız kendi sorusunu açıyor ve
 * yanıtların tamamı kaynakta durduğu için dizine giren metin değişmiyor.
 */
.dy-faq {
	display: grid;
	gap: 8px;
	margin-top: 24px;
}

.dy-faq__item {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 14px;
	padding: 0;
}

.dy-faq__item summary {
	color: #102218;
	cursor: pointer;
	display: flex;
	font-size: 17px;
	font-weight: 700;
	gap: 12px;
	justify-content: space-between;
	line-height: 1.35;
	list-style: none;
	padding: 16px 18px;
}

.dy-faq__item summary::-webkit-details-marker {
	display: none;
}

/* İşaret metnin bir parçası değil, durum göstergesi: açıkken çeyrek tur dönüyor. */
.dy-faq__item summary::after {
	border-bottom: 2px solid #147a40;
	border-right: 2px solid #147a40;
	content: "";
	flex: none;
	height: 9px;
	margin-top: 6px;
	transform: rotate(45deg);
	transition: transform .2s ease;
	width: 9px;
}

.dy-faq__item[open] summary::after {
	transform: rotate(-135deg);
	margin-top: 10px;
}

.dy-faq__item summary:focus-visible {
	outline: 3px solid #143a24;
	outline-offset: 2px;
}

.dy-faq__item > p {
	color: #59675e;
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
	padding: 0 18px 16px;
}

/*
 * WP Rocket'ın "Lazy Render Content" özelliği ekran dışındaki bölümlere
 * `content-visibility: auto` veriyor ama onlara bir yer tutucu yükseklik vermiyor.
 * Sonuç ölçüldü: sayfa 17.101 piksel açılıyor, kaydırdıkça 18.020'ye uzuyordu — yani
 * kaydırma çubuğu altından kayıyor ve içerik zıplıyordu, hem de tam ziyaretçinin
 * geçmek zorunda olduğu bölgede. `auto` anahtar sözcüğü bir kez çizilen bölümün
 * gerçek boyutunu hatırlatır; 900 piksel yalnızca ilk tahmin.
 */
[data-wpr-lazyrender] {
	contain-intrinsic-size: auto 900px;
}

@media (min-width: 576px) {
	.dy-artificial-options__grid,
	.dy-series-pricing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dy-artificial-hub__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.dy-expansion-hero {
		padding: 76px 0 92px;
	}

	.dy-expansion-hero__grid {
		align-items: center;
		grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
	}

	.dy-artificial-options,
	.dy-artificial-hub,
	.dy-series-pricing {
		padding: 96px 0;
	}

	.dy-artificial-options__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-artificial-hub__grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.dy-series-pricing__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dy-artificial-options__related,
	.dy-series-pricing__notice {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		padding: 34px;
	}

	.dy-artificial-options__related > p,
	.dy-series-pricing__notice > p {
		max-width: 680px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dy-button,
	.dy-project-card img,
	.dy-project-hub-card img {
		transition: none;
	}

	.dy-catalog-card,
	.dy-catalog-card__image img,
	.dy-catalog-card__link span {
		transition: none;
	}
}

.page-header h2 {
	font-size: clamp(2rem, 11vw, 3.75rem);
	overflow-wrap: anywhere;
}

/*
 * Parallax's generic [data-stellar-background-ratio] rule forces inner-page
 * artwork to 100% width. Wide source images then end before the 600px hero does
 * and repeat vertically. Every page header must paint one continuous crop.
 */
.page-header[data-stellar-background-ratio],
.page-header .bg-image-responsive[data-stellar-background-ratio] {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Phone-first project conversion system. */
body {
	padding-bottom: calc(64px + env(safe-area-inset-bottom));
}

.dy-home-contact {
	background: #f3f6f1;
	color: #102218;
	padding: 32px 0;
}

.topbar .phone a {
	color: inherit;
	display: inline-flex;
	gap: 6px;
}

.dy-home-contact .container {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dy-home-contact h2,
.dy-service-lead h2,
.dy-service-proof h2 {
	color: #102218;
	font-family: inherit;
	font-size: clamp(27px, 7vw, 42px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.1;
	margin: 0 0 12px;
}

.dy-home-contact p,
.dy-service-lead p {
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
}

.dy-home-contact .dy-section-heading__eyebrow {
	color: #146f3c; /* AA-safe green, see Accessibility note above */
}

.dy-home-quote {
	background: #133b25;
	color: #fff;
	padding: 72px 0;
}

.dy-home-quote__intro {
	max-width: 820px;
}

.dy-home-quote__intro h2 {
	color: #fff;
	font-family: inherit;
	font-size: clamp(28px, 7vw, 44px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 0 0 18px;
}

.dy-home-quote__intro p {
	color: #dbe8de;
	font-size: 16px;
	line-height: 1.75;
	margin: 0;
}

.dy-home-quote__steps {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
	list-style: none;
	margin: 34px 0 0;
	padding: 0;
}

.dy-home-quote__steps li {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 14px;
	display: flex;
	gap: 14px;
	padding: 19px;
}

.dy-home-quote__steps strong {
	color: #f4c62b;
	font-size: 14px;
}

.dy-home-quote__steps span {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.dy-home-quote__actions {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 28px;
}

.dy-home-quote__actions .dy-text-link {
	color: #fff;
}

.dy-contact-antispam {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

.dy-lead-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.dy-lead-actions .dy-button {
	gap: 9px;
	width: 100%;
}

.dy-button--call {
	background: #f4c62b;
	border-color: #f4c62b;
	color: #102218;
	font-size: 16px;
}

.dy-button--call:hover,
.dy-button--call:focus-visible {
	background: #ffda53;
	border-color: #ffda53;
	color: #102218;
}

.dy-service-lead {
	background: #eef4ef;
	padding: 42px 0;
}

.dy-service-lead .container {
	display: grid;
	gap: 22px;
}

.dy-service-lead__content {
	max-width: 760px;
}

.dy-service-lead__note {
	color: #56655b;
	font-size: 13px !important;
	font-weight: 600;
}

.dy-service-proof {
	background: #f7f9f6;
	color: #142219;
	padding: 72px 0 88px;
}

.dy-service-proof__header {
	display: grid;
	gap: 26px;
	margin-bottom: 34px;
}

.dy-service-proof__header > div {
	max-width: 720px;
}

.dy-service-proof__points {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dy-service-proof__points li {
	align-items: flex-start;
	background: #fff;
	border: 1px solid #dde6df;
	border-radius: 12px;
	display: flex;
	font-size: 15px;
	font-weight: 700;
	gap: 10px;
	line-height: 1.5;
	padding: 14px 16px;
}

.dy-service-proof__points li::before {
	color: #146f3c; /* AA-safe green, see Accessibility note above */
	content: "✓";
	font-weight: 900;
}

.dy-service-proof__gallery {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
}

.dy-service-proof__gallery figure {
	background: #e7ede8;
	border-radius: 15px;
	margin: 0;
	overflow: hidden;
}

.dy-service-proof__gallery img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.dy-service-proof__project-link {
	color: #147a40;
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	margin-top: 16px;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-service-proof__project-links {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dy-service-proof__all-projects {
	color: #536158;
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dy-service-proof__process {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
	margin-top: 42px;
}

.dy-service-proof__process > div {
	background: #fff;
	border-left: 4px solid #f4c62b;
	border-radius: 12px;
	display: flex;
	gap: 14px;
	padding: 18px;
}

.dy-service-proof__process strong {
	color: #146f3c; /* AA-safe green, see Accessibility note above */
	font-size: 14px;
}

.dy-service-proof__process span {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.dy-service-proof__final {
	align-items: flex-start;
	background: #133b25;
	border-radius: 20px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 42px;
	padding: 28px;
}

.dy-service-proof__final h2 {
	color: #fff;
	font-size: clamp(25px, 6vw, 34px);
}

.dy-service-proof__final p {
	color: #dbe8de;
	line-height: 1.65;
	margin: 0;
}

.dy-contact-dock {
	background: #fff;
	bottom: 0;
	box-shadow: 0 -8px 28px rgba(9, 37, 19, .16);
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	left: 0;
	padding-bottom: env(safe-area-inset-bottom);
	position: fixed;
	right: 0;
	z-index: 9998;
}

.dy-contact-dock a {
	align-items: center;
	display: flex;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	min-height: 64px;
	padding: 12px;
	text-align: center;
}

.dy-contact-dock a:hover,
.dy-contact-dock a:focus-visible {
	text-decoration: none;
}

.dy-contact-dock__call {
	background: #f4c62b;
	color: #102218;
}

.dy-contact-dock__whatsapp {
	background: #1faa59;
	color: #fff;
}

.dy-reference-showcase__actions .dy-lead-actions,
.dy-project-gallery__cta-actions .dy-lead-actions,
.dy-catalog-cta .dy-lead-actions {
	margin: 0;
}

@media (min-width: 576px) {
	.dy-lead-actions {
		flex-direction: row;
		width: auto;
	}

	.dy-lead-actions .dy-button {
		width: auto;
	}

	.dy-service-proof__gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-home-quote__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-home-quote__actions {
		align-items: center;
		flex-direction: row;
	}

	.dy-service-proof__project-links {
		align-items: center;
		flex-direction: row;
	}

	.dy-service-proof__project-links {
		gap: 20px;
	}

}

@media (min-width: 992px) {
	body {
		padding-bottom: 0;
	}

	.dy-home-contact {
		padding: 38px 0;
	}

	.dy-home-quote {
		padding: 96px 0;
	}

	.dy-home-contact .container,
	.dy-service-lead .container {
		align-items: center;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.dy-home-contact .container {
		flex-direction: row;
		justify-content: space-between;
	}

	.dy-service-lead {
		padding: 52px 0;
	}

	.dy-service-lead__note {
		grid-column: 1 / -1;
		margin-top: -12px !important;
	}

	.dy-service-proof {
		padding: 96px 0 112px;
	}

	.dy-service-proof__header {
		align-items: end;
		grid-template-columns: minmax(0, 1.3fr) minmax(360px, .7fr);
	}

	.dy-service-proof__process {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-service-proof__final {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		padding: 36px 42px;
	}

	.dy-service-proof__final > div:first-child {
		max-width: 650px;
	}

	.dy-contact-dock {
		border-radius: 16px;
		bottom: 18px;
		box-shadow: 0 14px 42px rgba(9, 37, 19, .22);
		grid-template-columns: 1fr;
		left: auto;
		overflow: hidden;
		padding: 0;
		right: 18px;
		width: 176px;
	}

	.dy-contact-dock a {
		min-height: 52px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dy-button {
		transform: none !important;
	}
}


/* Project gallery: per-project captions, the reasoning block and the archive link.
   Added when the six project pages stopped being copies of one another. */

.dy-project-gallery__body {
	margin: 0 auto 28px;
	max-width: 780px;
}

.dy-project-gallery__body p {
	color: #33443a;
	font-size: 16.5px;
	line-height: 1.75;
	margin: 0 0 14px;
}

.dy-project-card {
	display: flex;
	flex-direction: column;
}

.dy-project-card img {
	flex: 1 1 auto;
}

.dy-project-card__caption {
	align-items: baseline;
	color: #143a24;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	padding: 12px 14px 14px;
}

.dy-project-card__name {
	font-size: 15.5px;
	font-weight: 700;
}

.dy-project-card__place {
	color: #5b6f63;
	font-size: 13.5px;
}

.dy-project-card__place::before {
	content: "·";
	margin-right: 8px;
}

.dy-project-gallery__criteria {
	margin-top: 34px;
}

.dy-project-gallery__criteria h2 {
	color: #143a24;
	font-size: 24px;
	margin: 0 0 18px;
}

.dy-project-gallery__criteria dl {
	display: grid;
	gap: 14px;
	grid-template-columns: 1fr;
	margin: 0;
}

.dy-project-criterion {
	background: #f4f8f5;
	border-left: 3px solid #146f3c;
	border-radius: 10px;
	padding: 16px 18px;
}

.dy-project-criterion dt {
	color: #143a24;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 6px;
}

.dy-project-criterion dd {
	color: #43554a;
	line-height: 1.7;
	margin: 0;
}

.dy-project-gallery__archive {
	margin: 26px 0 0;
}

.dy-project-gallery__archive a {
	color: #146f3c;
	font-size: 15px;
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (min-width: 768px) {
	.dy-project-gallery__criteria dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Guide articles get their own sub-list inside the related block, so a reader can tell a
   service page from a how-to before clicking. */

.dy-related__guides-title {
	color: #143a24;
	font-size: 19px;
	font-weight: 700;
	margin: 28px 0 14px;
}

.dy-related__list--guides a {
	border-left: 3px solid #146f3c;
}

/*--------------------------------------------------------------
# Reference archive
--------------------------------------------------------------*/
/* /referanslarimiz/ used to be a WPBakery block of twenty-nine unlabelled logo images while
   the theme already held the verified list of eighty-three. The archive below prints all of
   them, grouped by sector and captioned, so the page answers "have you worked with anyone
   like me?" instead of showing a wall of marks. */

.dy-reference-showcase--archive {
	padding-top: 56px;
}

.dy-reference-intro {
	display: grid;
	gap: 28px;
	margin-bottom: 34px;
}

.dy-reference-intro__text h1,
.dy-reference-intro__text h2 {
	color: #112117;
	font-size: clamp(28px, 6vw, 44px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.1;
	margin: 0 0 16px;
}

.dy-reference-intro__text p {
	color: #5a675e;
	font-size: 16px;
	line-height: 1.75;
	margin: 0;
	max-width: 62ch;
}

.dy-reference-stats {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.dy-reference-stats__item {
	background: #fff;
	border: 1px solid #e4eae5;
	border-radius: 12px;
	padding: 18px 16px;
}

.dy-reference-stats dt {
	color: #153a24;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1;
}

.dy-reference-stats dd {
	color: #66736a;
	font-size: 13px;
	line-height: 1.45;
	margin: 8px 0 0;
}

.dy-reference-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 34px;
}

.dy-reference-jump a {
	background: #fff;
	border: 1px solid #dbe4dd;
	border-radius: 999px;
	color: #234634;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 9px 15px;
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease;
}

.dy-reference-jump a:hover,
.dy-reference-jump a:focus-visible {
	background: #eef4ef;
	border-color: #9bb8a5;
	color: #123a24;
}

.dy-reference-jump a span {
	color: #7d8a82;
	font-weight: 600;
}

.dy-reference-sector {
	margin-bottom: 40px;
	scroll-margin-top: 120px;
}

.dy-reference-sector__head {
	align-items: baseline;
	border-bottom: 1px solid #dde5df;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

.dy-reference-sector__head h2,
.dy-reference-sector__head h3 {
	color: #143a24;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 0;
}

.dy-reference-sector__count {
	color: #7d8a82;
	font-size: 13px;
	font-weight: 700;
}

.dy-reference-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.dy-reference-card {
	background: #fff;
	border: 1px solid #e4eae5;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px 12px 14px;
	text-align: center;
	transition: border-color .2s ease;
}

.dy-reference-card:hover {
	border-color: #9bb8a5;
}

.dy-reference-card__logo {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	min-height: 78px;
}

.dy-reference-card__logo img {
	height: 72px;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.dy-reference-card__name {
	color: #4d5a52;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

/*--------------------------------------------------------------
# Digital catalog
--------------------------------------------------------------*/
/* The menu used to offer "Kataloğumuz" as two PDF links under /pdf/, a path that has never
   existed on this install: both returned 404. The catalog now lives on this page in
   chapters, and the print rules at the end of this file turn it back into a PDF on demand. */

.dy-catalog-intro {
	border-bottom: 1px solid #dde5df;
	padding-bottom: 34px;
}

.dy-catalog-intro h2 {
	color: #112117;
	font-size: clamp(30px, 7vw, 50px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.05;
	margin: 0;
}

.dy-catalog-intro__lead p {
	color: #4f5e54;
	font-size: 17px;
	line-height: 1.75;
	margin: 18px 0 0;
	max-width: 62ch;
}

.dy-catalog-intro__actions {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 24px;
}

button.dy-catalog-print {
	background: #fff;
	border: 1px solid #c3d2c8;
	border-radius: 6px;
	color: #143a24;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	min-height: 50px;
	padding: 14px 24px;
	transition: border-color .2s ease, background-color .2s ease;
}

button.dy-catalog-print:hover,
button.dy-catalog-print:focus-visible {
	background: #eef4ef;
	border-color: #7fa48c;
}

.dy-catalog-facts {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 28px 0 0;
}

.dy-catalog-facts__item {
	background: #f5f8f5;
	border-radius: 10px;
	padding: 14px 14px 16px;
}

.dy-catalog-facts dt {
	color: #7d8a82;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.dy-catalog-facts dd {
	color: #16301f;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	margin: 7px 0 0;
}

.dy-catalog-toc {
	display: grid;
	gap: 8px;
	margin: 30px 0 8px;
}

.dy-catalog-toc a {
	align-items: center;
	border-bottom: 1px solid #e4eae5;
	color: #22402f;
	display: flex;
	font-size: 15px;
	font-weight: 700;
	gap: 12px;
	padding: 12px 4px;
	text-decoration: none;
	transition: color .2s ease;
}

.dy-catalog-toc a:hover,
.dy-catalog-toc a:focus-visible {
	color: #147a40;
}

.dy-catalog-toc__no {
	color: #9aa8a0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
}

.dy-catalog-chapter {
	padding-top: 44px;
	scroll-margin-top: 110px;
}

.dy-catalog-chapter__head {
	display: flex;
	gap: 14px;
	margin-bottom: 26px;
}

.dy-catalog-chapter__no {
	color: #b6c6bb;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .08em;
	padding-top: 6px;
}

.dy-catalog-chapter__head h2,
.dy-catalog-chapter__head h3 {
	color: #112117;
	font-size: clamp(24px, 5vw, 34px);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.15;
	margin: 0;
}

.dy-catalog-chapter__head p {
	color: #5a675e;
	font-size: 15px;
	line-height: 1.7;
	margin: 12px 0 0;
	max-width: 60ch;
}

.dy-catalog-chapter__note {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 26px;
	margin: 22px 0 0;
}

.dy-text-link {
	color: #147a40;
	font-size: 14px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-card h3,
.dy-catalog-card h4 {
	color: #122319;
	font-size: 24px;
	margin: 0 0 12px;
}

/* Series ladder */

.dy-catalog-series {
	display: grid;
	gap: 16px;
}

.dy-catalog-series__item {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 10px;
	display: grid;
	overflow: hidden;
}

.dy-catalog-series__image {
	background: #e8eee9;
	display: block;
}

.dy-catalog-series__image img {
	aspect-ratio: 16 / 10;
	display: block;
	object-fit: cover;
	width: 100%;
}

.dy-catalog-series__body {
	padding: 22px;
}

.dy-catalog-series__body h3,
.dy-catalog-series__body h4 {
	font-size: 21px;
	font-weight: 800;
	margin: 0 0 6px;
}

.dy-catalog-series__body h3 a,
.dy-catalog-series__body h4 a {
	color: #122319;
	text-decoration: none;
}

.dy-catalog-series__body h3 a:hover,
.dy-catalog-series__body h4 a:hover {
	color: #147a40;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-series__mix {
	color: #147a40;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 12px;
}

.dy-catalog-series__body > p {
	color: #5b685f;
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 16px;
}

.dy-catalog-series__meter {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.dy-catalog-series__meter-label {
	color: #7d8a82;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	width: 100%;
}

.dy-catalog-series__meter-track {
	background: #e4eae5;
	border-radius: 999px;
	flex: 1 1 120px;
	height: 8px;
	overflow: hidden;
}

.dy-catalog-series__meter-fill {
	background: #1b8b4a;
	display: block;
	height: 100%;
}

.dy-catalog-series__meter-value {
	color: #143a24;
	font-size: 13px;
	font-weight: 800;
}

.dy-catalog-tablewrap {
	margin-top: 26px;
	overflow-x: auto;
}

.dy-catalog-table {
	border-collapse: collapse;
	min-width: 520px;
	width: 100%;
}

.dy-catalog-table caption {
	caption-side: top;
	color: #7d8a82;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	padding-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

.dy-catalog-table th,
.dy-catalog-table td {
	border-bottom: 1px solid #e4eae5;
	font-size: 14px;
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
}

.dy-catalog-table thead th {
	color: #7d8a82;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dy-catalog-table tbody th {
	color: #122319;
	font-weight: 800;
	white-space: nowrap;
}

.dy-catalog-table tbody th a {
	color: inherit;
	text-decoration: none;
}

.dy-catalog-table tbody th a:hover {
	color: #147a40;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-table td {
	color: #5b685f;
}

/* Raw types */

.dy-catalog-materials {
	display: grid;
	gap: 16px;
}

.dy-catalog-material {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}

.dy-catalog-material__image {
	background: #e8eee9;
	display: block;
	margin-bottom: 18px;
}

.dy-catalog-material__image img {
	aspect-ratio: 4 / 3;
	display: block;
	object-fit: cover;
	width: 100%;
}

.dy-catalog-material h3,
.dy-catalog-material h4 {
	font-size: 19px;
	font-weight: 800;
	margin: 0 0 10px;
	padding: 0 20px;
}

.dy-catalog-material h3 a,
.dy-catalog-material h4 a {
	color: #122319;
	text-decoration: none;
}

.dy-catalog-material h3 a:hover,
.dy-catalog-material h4 a:hover {
	color: #147a40;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dy-catalog-material p {
	color: #5b685f;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
	padding: 0 20px;
}

/* Application areas */

.dy-catalog-applications {
	display: grid;
	gap: 14px;
}

.dy-catalog-application {
	background: #f5f8f5;
	border-left: 3px solid #168847;
	border-radius: 0 10px 10px 0;
	padding: 20px 20px 18px;
}

.dy-catalog-application h3,
.dy-catalog-application h4 {
	color: #122319;
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 8px;
}

.dy-catalog-application p {
	color: #5b685f;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.dy-catalog-application__proof {
	color: #4d5a52;
	font-size: 13px;
	margin-top: 12px;
}

.dy-catalog-application__proof span {
	color: #7d8a82;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	margin-right: 6px;
	text-transform: uppercase;
}

/* Process */

.dy-catalog-process {
	display: grid;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dy-catalog-process__step {
	background: #fff;
	border: 1px solid #dce5de;
	border-radius: 10px;
	padding: 20px;
}

.dy-catalog-process__no {
	color: #1b8b4a;
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	margin-bottom: 10px;
}

.dy-catalog-process__step h3,
.dy-catalog-process__step h4 {
	color: #122319;
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 8px;
}

.dy-catalog-process__step p {
	color: #5b685f;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

@media (min-width: 576px) {
	.dy-reference-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-reference-stats,
	.dy-catalog-facts {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dy-catalog-intro__actions {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.dy-catalog-materials,
	.dy-catalog-applications {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.dy-catalog-toc {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dy-catalog-series__item {
		grid-template-columns: 300px 1fr;
	}

	.dy-catalog-series__image img {
		aspect-ratio: auto;
		height: 100%;
		min-height: 220px;
	}

	.dy-catalog-process {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.dy-reference-intro {
		align-items: end;
		gap: 40px;
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	}

	.dy-reference-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dy-reference-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.dy-catalog-intro {
		align-items: end;
		display: grid;
		gap: 44px;
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	}

	.dy-catalog-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 0;
	}

	.dy-catalog-toc {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.dy-catalog-toc a {
		align-items: flex-start;
		border-bottom: none;
		border-top: 2px solid #dbe4dd;
		flex-direction: column;
		gap: 6px;
		padding: 14px 0 0;
	}

	.dy-catalog-materials {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dy-catalog-applications {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
/* "Kataloğumuz" promised a downloadable file for years. The page can produce one itself:
   this drops the furniture a printed catalog has no use for and lays the chapters out on
   paper. The URLs behind the series names are printed after each link so a paper copy
   still leads somewhere. */

@media print {
	.topbar,
	.navbar,
	.side-widget,
	.footer,
	.dy-contact-dock,
	.dy-skip-link,
	.dy-catalog-toc,
	.dy-catalog-print,
	.dy-catalog-intro__actions,
	.dy-catalog-cta,
	.dy-reference-jump,
	.dy-reference-showcase__actions,
	.page-header {
		display: none !important;
	}

	body {
		background: #fff !important;
		color: #000;
		font-size: 11pt;
	}

	.dy-digital-catalog,
	.dy-reference-showcase {
		background: #fff !important;
		padding: 0 !important;
	}

	.dy-catalog-chapter {
		break-inside: avoid;
		padding-top: 18pt;
		page-break-inside: avoid;
	}

	.dy-catalog-series__item,
	.dy-catalog-material,
	.dy-catalog-application,
	.dy-catalog-process__step,
	.dy-reference-sector {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.dy-catalog-series__body a[href^="http"]::after,
	.dy-catalog-table a[href^="http"]::after,
	.dy-catalog-material a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 8pt;
		font-weight: 400;
	}
}

/* --------------------------------------------------------------------------
   Ana sayfa hizmet kartları — eşit görsel oranı
   Altı hizmet görselinin beşi 1000x700 yatay, "Canlı Dikey Bahçe" ise 736x961
   dikey. height:auto ile dikey görsel 350x457 basılıyor, yatay olanlar 350x245;
   başlık satır arkadaşlarından 212px aşağı kayıyordu. Oran burada sabitlenince
   sonradan yüklenecek farklı ölçüdeki görseller de satırı bozamaz.
   -------------------------------------------------------------------------- */
.home .vc_col-sm-4 .wpb_single_image .vc_single_image-wrapper img {
	aspect-ratio: 10 / 7;
	height: auto;
	object-fit: cover;
	object-position: center 60%;
	width: 100%;
}

/* --------------------------------------------------------------------------
   Ana sayfa hizmet kartları — "Detaylı İncele" bağlantılarının hizası
   Görseller eşitlendikten sonra da bağlantılar kaymaya devam ediyordu: kartın
   açıklaması bir satır kısa olduğunda bağlantı 87px yukarıda kalıyordu. Kolonlar
   satır boyunca eşit yükseklikte esniyor, metin üstte kalıyor, bağlantı kartın
   altına sabitleniyor. Metin uzunluğu değişse de hiza bozulmaz.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.home .vc_row:has(> .vc_col-sm-4) {
		align-items: stretch;
		display: flex;
		flex-wrap: wrap;
	}

	.home .vc_row:has(> .vc_col-sm-4) > .vc_col-sm-4 {
		display: flex;
	}

	.home .vc_col-sm-4 > .vc_column-inner {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.home .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper,
	.home .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper > .side-content {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
	}

	.home .vc_col-sm-4 .side-content > :last-child {
		margin-top: auto;
	}
}

/* --------------------------------------------------------------------------
   Proje kartı altyazısı — firma adlarının görünmesi
   .dy-project-gallery__grid 992px üstünde grid-auto-rows:310px veriyor ve kart
   overflow:hidden. Görsel height:100% + min-height:280px aldığı için figcaption
   tam kartın bittiği yerde başlıyor ve tamamen kırpılıyordu: yosun duvar
   sayfasındaki yedi firma adının hiçbiri görünmüyordu. Altyazılı kartta görsel
   kalan alana göre esner, altyazı kartın içinde kalır.
   -------------------------------------------------------------------------- */
.dy-project-card--captioned img {
	height: auto;
	min-height: 0;
}

.dy-project-card--captioned .dy-project-card__caption {
	flex: 0 0 auto;
}

@media (min-width: 992px) {
	.dy-project-card--captioned img {
		min-height: 0;
	}
}

/* İletişim formundaki Turnstile widget'ı */
.dy-contact-turnstile {
	margin: 0 0 18px;
}

/*--------------------------------------------------------------
# Footer — üst menüyle aynı gri şerit
--------------------------------------------------------------
Zemin rengi footer.php'de satır içi yazılıyor (tema seçeneği footer_bg_color,
varsayılan #009a4e), o yüzden !important olmadan ezilemiyor; navbar'da da aynı
yol izlenmişti. Desen görseli kaldırıldı: açık gri zeminde okunmuyordu ve sayfa
başına 86KB'lık istek eksiliyor.

Renk çevirmesi tek başına yapılamaz: css/style.css footer metnini, ayırıcı
çizgisini ve alt bağlantıyı beyaz/sarı üzerine kurmuş. Gri zeminde beyaz yazı
görünmez, o yüzden metin, başlık, çizgi ve logo birlikte koyulaştırıldı.
Kullanılan koyu yeşil (#173222) ve gri (#dfe2df) navbar'ın değerleridir. */

.footer {
	background-color: #dfe2df !important;
	background-image: none !important;
	border-top: 3px solid #c8ccc8;
	color: #173222;
}

.footer p,
.footer .widget-title,
.footer .footer-bottom span,
.footer .textwidget,
.footer a {
	color: #173222;
}

.footer a:hover,
.footer a:focus-visible {
	color: #0f6b3a;
}

.footer .logo a img {
	/* Logo beyaz sürüm; navbar'daki dönüşümün aynısıyla koyu yeşile çevriliyor. */
	filter: brightness(0) saturate(100%) invert(15%) sepia(20%) saturate(967%) hue-rotate(91deg) brightness(91%) contrast(92%);
}

.footer .widget-title {
	border-bottom-color: #0f6b3a;
}

.footer .footer-bottom {
	border-top-color: rgba(23, 50, 34, 0.18);
}

.footer .footer-bottom span:last-child a {
	color: #0f6b3a;
}