/*
Theme Name: Keçe Fabrikası
Theme URI: https://example.com/kece-fabrikasi
Author: Keçe Fabrikası
Author URI: https://example.com
Description: Teknik keçe üreticileri için hazırlanmış kurumsal WordPress teması. Ürün koleksiyonu (özel içerik tipi), ürün grupları, sektör uygulamaları, SSS, üretim süreci adımları ve çalışan bir numune/teklif listesi içerir. Türkçe arayüz, yerel barındırılan yazı tipleri ve satır içi SVG ikonlarla gelir.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kece-fabrikasi
Tags: business, portfolio, custom-menu, custom-logo, featured-images, translation-ready, block-styles, wide-blocks, rtl-language-support, threaded-comments

Keçe Fabrikası, GPLv2 (veya sonrası) ile lisanslanmıştır.

Paketlenmiş kaynaklar:
- Inter (SIL Open Font License 1.1) — https://rsms.me/inter/
- Poppins (SIL Open Font License 1.1) — https://fonts.google.com/specimen/Poppins
- Phosphor Icons (MIT) — https://phosphoricons.com/
*/

/* ==========================================================================
   1. Yazı tipleri (yerel barındırma — harici istek yoktur)
   ========================================================================== */

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/Inter-400.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/Inter-500.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/Inter-600.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("assets/fonts/Inter-700.woff2") format("woff2");
}

@font-face {
	font-family: Poppins, Inter, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/Poppins-400.woff2") format("woff2");
}

@font-face {
	font-family: Poppins, Inter, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/Poppins-500.woff2") format("woff2");
}

@font-face {
	font-family: Poppins, Inter, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/Poppins-600.woff2") format("woff2");
}

@font-face {
	font-family: Poppins, Inter, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("assets/fonts/Poppins-700.woff2") format("woff2");
}

/* ==========================================================================
   2. Tasarım sistemi — orijinal tasarımdan birebir aktarılmıştır
   ========================================================================== */

:root {
	font-family: Inter, Arial, sans-serif;
	color: #102538;
	background: #fff;
	font-synthesis: none;
	--navy: #102b40;
	--blue: #1746f9;
	--ink: #102538;
	--muted: #607080;
	--line: #dce3e8;
	--tint: #f3f5f7;
	--gutter: clamp(22px, 4.7vw, 80px);
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
a,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}

button {
	cursor: pointer;
}

button,
a {
	touch-action: manipulation;
}

button {
	color: inherit;
}

button:disabled {
	cursor: default;
}

a:hover {
	color: var(--blue);
}

button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 3px solid #6e93ff;
	outline-offset: 4px;
}

img {
	display: block;
	width: 100%;
	object-fit: cover;
}

p {
	font-size: 15px;
	line-height: 1.8;
	color: var(--muted);
	margin: 0 0 20px;
}

h1,
h2,
h3,
h4 {
	font-family: Poppins, Inter, Arial, sans-serif;
	letter-spacing: -.045em;
	margin: 0;
	color: inherit;
}

h1 {
	font-size: clamp(36px, 4.25vw, 62px);
	line-height: 1.15;
	font-weight: 600;
}

h2 {
	font-size: clamp(29px, 3.1vw, 44px);
	line-height: 1.22;
	font-weight: 600;
}

h3 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: -.035em;
}

ul {
	padding-left: 19px;
	margin: 0;
}

li {
	font-size: 15px;
	line-height: 1.8;
	color: var(--muted);
	padding: 5px 0;
}

figure {
	margin: 0;
}

button {
	border: 0;
	background: none;
}

::selection {
	background: #d5dfff;
	color: var(--navy);
}

.skip {
	position: fixed;
	left: 20px;
	top: -100px;
	background: #fff;
	padding: 15px;
	z-index: 100;
}

.skip:focus {
	top: 10px;
}

main:focus {
	outline: 0;
}

.site-header {
	height: 90px;
	position: sticky;
	top: 0;
	z-index: 80;
	display: flex;
	align-items: center;
	padding: 0 var(--gutter);
	gap: 35px;
	border-bottom: 1px solid #e5e9ec;
	background: #fff;
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	font-family: Poppins, Inter, sans-serif;
	font-size: 27px;
	letter-spacing: -.075em;
	font-weight: 700;
}

.brand-square {
	width: 25px;
	height: 25px;
	background: var(--blue);
	flex-shrink: 0;
}

.desktop-nav {
	display: flex;
	gap: 27px;
	align-items: center;
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
}

.desktop-nav>details {
	position: relative;
}

.desktop-nav summary {
	list-style: none;
	display: flex;
	gap: 8px;
	align-items: center;
	cursor: pointer;
	height: 90px;
}

.desktop-nav summary::-webkit-details-marker {
	display: none;
}

.desktop-nav .active {
	color: var(--blue);
}

.desktop-nav details[open]>summary {
	color: var(--blue);
}

.nav-dropdown {
	position: absolute;
	top: 89px;
	left: -20px;
	width: 230px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 12px 30px #10253813;
	padding: 12px;
	display: flex;
	flex-direction: column;
}

.nav-dropdown a {
	padding: 12px 10px;
	display: flex;
	justify-content: space-between;
}

.nav-dropdown a:hover {
	background: var(--tint);
}

.nav-dropdown .all-products {
	color: var(--blue);
	border-bottom: 1px solid var(--line);
}

.products-dropdown {
	width: 270px;
}

.nav-dropdown a span {
	font-size: 10px;
	color: #8995a0;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 52px;
	padding: 14px 24px;
	background: var(--blue);
	color: #fff;
	border: 1px solid var(--blue);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	transition: background .2s, border-color .2s;
	cursor: pointer;
	border-radius: 0;
}

.btn:hover {
	color: #fff;
	background: #1038ce;
	border-color: #1038ce;
}

.btn.outline {
	background: transparent;
	color: var(--ink);
	border-color: #9aa7b2;
}

.btn.outline:hover {
	border-color: var(--blue);
	color: var(--blue);
}

.btn.light {
	background: #fff;
	color: var(--navy);
	border-color: #fff;
}

.btn.light.outline {
	background: transparent;
	color: #fff;
	border-color: #b3c0ca;
}

.btn.light:hover {
	background: #e9efff;
	color: var(--navy);
}

.btn.success {
	background: #153e3c;
	border-color: #153e3c;
}

.header-cta {
	min-height: 48px;
	padding: 12px 20px;
	white-space: nowrap;
}

.cart-link {
	display: flex;
	align-items: center;
	gap: 4px;
}

.cart-link span {
	font-size: 10px;
	background: var(--blue);
	color: #fff;
	min-width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

.menu-toggle {
	display: none;
}

.mobile-nav {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	max-height: calc(100dvh - 80px);
	overflow: auto;
	padding: 20px var(--gutter);
	box-shadow: 0 20px 30px #10253815;
}

.mobile-nav a {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--line);
	padding: 15px 0;
}

.eyebrow {
	display: block;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: .17em;
	font-weight: 600;
	color: var(--blue);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.home-hero {
	position: relative;
	background: #0e2638;
	color: #fff;
	min-height: 630px;
	overflow: hidden;
}

.home-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(14, 38, 56, 0.92) 0%,
		rgba(14, 38, 56, 0.78) 40%,
		rgba(14, 38, 56, 0.40) 72%,
		rgba(14, 38, 56, 0.20) 100%
	);
	pointer-events: none;
	z-index: 1;
}

.hero-background {
	position: absolute;
	height: 100%;
	inset: 0;
	object-position: center;
}

.hero-inner {
	position: relative;
	z-index: 2;
	padding: 77px var(--gutter) 30px;
	max-width: 1700px;
	margin: auto;
}

.home-hero .eyebrow {
	color: #5fa1ff;
	margin-bottom: 25px;
}

.home-hero h1 {
	font-size: clamp(44px, 4.6vw, 68px);
	line-height: 1.07;
	letter-spacing: -.055em;
	font-weight: 600;
	max-width: 620px;
}

.home-hero p {
	color: #e1e8ef;
	font-size: 18px;
	line-height: 1.6;
	max-width: 480px;
	margin: 25px 0 28px;
}

.hero-buttons {
	display: flex;
	gap: 32px;
	align-items: center;
}

.text-link {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	font-size: 13px;
	font-weight: 600;
	color: var(--blue);
	cursor: pointer;
}

.text-link.white {
	color: #fff;
}

.hero-stages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 58px;
	border-top: 1px solid #9aaabc;
	gap: 0;
}

.hero-stages span {
	position: relative;
	padding-top: 18px;
	font-size: 13px;
	color: #e3eaf0;
}

.hero-stages span:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--blue);
}

.category-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 26px var(--gutter);
	border-bottom: 1px solid var(--line);
	gap: 30px;
}

.category-strip a {
	position: relative;
	border-right: 1px solid var(--line);
	padding-right: 25px;
	display: grid;
	gap: 8px;
}

.category-strip a:last-child {
	border: 0;
}

.category-strip small {
	font-size: 13px;
	color: var(--blue);
	font-weight: 600;
}

.category-strip strong {
	font: 600 20px/1.3 Poppins, Inter, sans-serif;
	letter-spacing: -.04em;
}

.category-strip svg {
	position: absolute;
	right: 20px;
	bottom: 4px;
	opacity: 0;
}

.category-strip a:last-child svg,
.category-strip a:hover svg {
	opacity: 1;
}

.section {
	padding: 80px var(--gutter);
}

.section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 50px;
	margin-bottom: 35px;
}

.section-head>div {
	max-width: 760px;
}

.section-head>p {
	max-width: 450px;
	margin: 0;
}

.section-head>.text-link {
	flex-shrink: 0;
	padding-bottom: 6px;
}

.group-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.group-card {
	display: block;
	min-width: 0;
}

.group-photo {
	overflow: hidden;
	aspect-ratio: 1.52;
	background: var(--tint);
}

.group-photo img {
	height: 100%;
	transition: transform .5s;
}

.group-card:hover img {
	transform: scale(1.035);
}

.group-card h3 {
	font-size: 20px;
	margin: 18px 0 8px;
	display: flex;
	justify-content: space-between;
	gap: 15px;
	align-items: center;
}

.group-card h3 svg {
	display: none;
}

.group-card p {
	font-size: 13px;
	line-height: 1.65;
	min-height: 42px;
	margin-bottom: 19px;
}

.card-rule {
	border-top: 1px solid #97a5b0;
	padding-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
	color: #667888;
}

.production-banner {
	position: relative;
	min-height: 430px;
	background: var(--navy);
	color: #fff;
	overflow: hidden;
}

.production-banner>img {
	position: absolute;
	right: 0;
	top: 0;
	width: 64%;
	height: 100%;
	object-fit: cover;
}

.production-banner>div {
	position: relative;
	width: 50%;
	min-height: 430px;
	background: var(--navy);
	padding: 65px var(--gutter);
}

.production-banner .eyebrow {
	color: #65a6ff;
}

.production-banner h2 {
	font-size: clamp(30px, 3vw, 43px);
}

.production-banner p {
	color: #cfdae3;
	max-width: 430px;
	margin: 23px 0;
}

.sector-list {
	border-top: 1px solid var(--line);
}

.sector-list a {
	display: grid;
	grid-template-columns: 45px 1.2fr 1fr 30px;
	gap: 20px;
	align-items: center;
	padding: 26px 0;
	border-bottom: 1px solid var(--line);
}

.index {
	font-size: 12px;
	font-weight: 600;
	color: var(--blue);
}

.sector-list h3 {
	font-size: 23px;
}

.sector-list p {
	font-size: 13px;
	margin: 0;
}

.tinted {
	background: var(--tint);
}

.process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 35px;
}

.process-grid article {
	padding-top: 20px;
	border-top: 1px solid #bdc8d2;
}

.step-number {
	display: block;
	font-family: Poppins, Inter, sans-serif;
	font-size: 40px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: -.06em;
	color: var(--blue);
	margin-bottom: 28px;
}

.process-grid h3 {
	font-size: 17px;
	margin-bottom: 13px;
}

.process-grid p {
	font-size: 13px;
	line-height: 1.8;
	margin: 0;
}

.split-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.split-section>img {
	height: 100%;
	min-height: 470px;
	max-height: 620px;
}

.split-section>div {
	padding: 75px var(--gutter);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.split-section p {
	margin: 25px 0;
}

.accordion {
	border-top: 1px solid var(--line);
}

.accordion details {
	border-bottom: 1px solid var(--line);
}

.accordion summary {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 25px 0;
	cursor: pointer;
	list-style: none;
}

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

.accordion h3 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.025em;
	flex: 1;
}

.accordion summary svg {
	flex-shrink: 0;
	transition: transform .2s;
}

.accordion details[open] summary svg {
	transform: rotate(45deg);
}

.accordion details[open] summary {
	color: var(--blue);
}

.accordion details>p {
	margin: 0;
	padding: 0 50px 25px;
	max-width: 900px;
	font-size: 14px;
}

.cta {
	background: var(--blue);
	color: #fff;
	padding: 60px var(--gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.cta .eyebrow {
	color: #c7d2ff;
}

.cta h2 {
	font-size: clamp(29px, 3vw, 41px);
}

.cta p {
	color: #dfe5ff;
	margin: 16px 0 0;
	max-width: 700px;
}

.cta>.btn {
	flex-shrink: 0;
}

.bread {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 22px var(--gutter);
	color: #778694;
	font-size: 11px;
	border-bottom: 1px solid #edf0f2;
}

.bread a {
	color: #526577;
}

.page-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: var(--tint);
	min-height: 510px;
}

.page-hero-copy {
	padding: 65px var(--gutter);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.page-hero-copy h1 {
	font-size: clamp(35px, 3.6vw, 53px);
	max-width: 13ch;
}

.page-hero-copy p {
	font-size: 15px;
	line-height: 1.85;
	margin: 24px 0 0;
	max-width: 52ch;
}

.page-hero figure {
	position: relative;
	min-height: 510px;
	overflow: hidden;
}

.page-hero figure img {
	height: 100%;
	position: absolute;
	inset: 0;
}

.page-hero figcaption {
	position: absolute;
	bottom: 20px;
	left: 24px;
	background: #fffffff0;
	padding: 8px 12px;
	font-size: 10px;
	color: #455f73;
}

.page-hero.compact,
.page-hero.compact figure {
	min-height: 420px;
}

.page-hero.compact h1 {
	max-width: 16ch;
}

.catalog-layout {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 50px;
	align-items: start;
}

.catalog-sidebar {
	position: sticky;
	top: 120px;
}

.catalog-sidebar nav {
	display: flex;
	flex-direction: column;
}

.catalog-sidebar nav a {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid var(--line);
	font-size: 13px;
}

.catalog-sidebar nav a span {
	color: #8293a1;
	font-size: 11px;
}

.catalog-sidebar nav a.active {
	color: var(--blue);
	font-weight: 600;
}

.sidebar-help {
	margin-top: 30px;
	background: var(--tint);
	padding: 25px;
}

.sidebar-help>svg {
	color: var(--blue);
	margin-bottom: 17px;
}

.sidebar-help h3 {
	font-size: 18px;
}

.sidebar-help p {
	font-size: 12px;
	margin: 13px 0 18px;
}

.sidebar-help .text-link {
	font-size: 11px;
}

.catalog-main {
	min-width: 0;
}

.catalog-toolbar {
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.search {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	border: 1px solid #cad4dd;
	padding: 0 14px;
	background: #fff;
	min-height: 48px;
}

.search>svg {
	color: #7e8fa0;
}

.search input {
	border: 0;
	outline: 0;
	padding: 14px 0;
	width: 100%;
	font-size: 13px;
	min-width: 0;
}

.catalog-toolbar>select {
	border: 1px solid #cad4dd;
	padding: 0 13px;
	font-size: 12px;
	background: #fff;
}

.results-line {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	color: #7c8b98;
	padding: 22px 0;
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 22px;
}

.product-image {
	position: relative;
	display: block;
	aspect-ratio: 1.25;
	background: var(--tint);
	overflow: hidden;
}

.product-image img {
	height: 100%;
	transition: transform .4s;
}

.product-image:hover img {
	transform: scale(1.035);
}

.product-image>span {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: #fffffff0;
	padding: 5px 8px;
	font-size: 9px;
	color: #526577;
	letter-spacing: .04em;
}

.product-card-content {
	padding: 17px 0 0;
}

.product-card-content>small {
	font-size: 10px;
	color: #718294;
}

.product-card h3 {
	font-size: 17px;
	margin: 8px 0 12px;
	line-height: 1.4;
	min-height: 47px;
}

.product-card p {
	font-size: 12px;
	line-height: 1.8;
	min-height: 65px;
}

.product-card-actions {
	border-top: 1px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 13px;
	gap: 10px;
}

.product-card-actions a {
	font-size: 11px;
	font-weight: 500;
	display: flex;
	gap: 12px;
	align-items: center;
}

.product-card-actions button {
	background: var(--tint);
	width: 33px;
	height: 33px;
	display: grid;
	place-items: center;
	color: var(--blue);
}

.product-card-actions button.selected {
	background: var(--blue);
	color: #fff;
}

.load-more {
	display: flex;
	margin: 45px auto 0;
}

.empty {
	padding: 75px 30px;
	text-align: center;
	background: var(--tint);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.empty h1 {
	margin: 10px 0;
}

.empty p {
	max-width: 500px;
	margin: 0;
}

.empty.compact {
	padding: 40px 25px;
	gap: 16px;
}

.empty.compact h3 {
	font-size: 19px;
}

.empty.compact p {
	font-size: 13px;
}

.info-three {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.info-three article {
	border-top: 1px solid #bdc8d2;
	padding-top: 26px;
}

.info-three h3 {
	margin-bottom: 15px;
	font-size: 22px;
}

.info-three p {
	font-size: 14px;
	line-height: 1.9;
	margin-bottom: 0;
}

.product-detail {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 65px;
	align-items: start;
}

.detail-photo>img {
	aspect-ratio: 1.05;
	background: var(--tint);
	width: 100%;
}

.detail-photo>span {
	font-size: 10px;
	color: #8794a0;
	display: block;
	margin-top: 13px;
	line-height: 1.6;
}

.detail-copy h1 {
	font-size: clamp(32px, 3.5vw, 49px);
	line-height: 1.2;
}

.detail-copy .lead {
	font-size: 16px;
	margin: 23px 0;
}

.detail-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.detail-tags>span {
	font-size: 11px;
	background: #f1f4f7;
	padding: 8px 11px;
	color: #546d82;
}

.detail-note {
	border-top: 1px solid var(--line);
	margin: 28px 0;
	padding-top: 23px;
}

.detail-note h3 {
	font-size: 16px;
}

.detail-note p {
	font-size: 13px;
	margin: 12px 0 0;
}

.detail-copy>.text-link {
	display: flex;
	margin-top: 20px;
}

.detail-tabs {
	display: flex;
	gap: 40px;
	padding: 0 var(--gutter);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	position: sticky;
	top: 89px;
	z-index: 25;
	background: #fff;
}

.detail-tabs a {
	font-size: 13px;
	font-weight: 500;
	padding: 21px 0;
}

.technical {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: start;
}

.technical h2 {
	margin-bottom: 25px;
}

.technical>div>p {
	max-width: 53ch;
}

.muted {
	color: #82909c!important;
	font-size: 13px!important;
}

.technical dl {
	margin: 0;
}

.technical dl>div {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 20px;
	border-bottom: 1px solid var(--line);
	padding: 20px 0;
	font-size: 13px;
	line-height: 1.75;
}

.technical dl>div:first-child {
	border-top: 1px solid var(--line);
}

.technical dt {
	font-weight: 600;
}

.technical dd {
	margin: 0;
	color: var(--muted);
}

section[id] {
	scroll-margin-top: 160px;
}

.related {
	grid-template-columns: repeat(3, 1fr);
}

.production-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px;
}

.production-steps article {
	border-top: 1px solid var(--line);
	padding-top: 25px;
}

.production-steps h3 {
	font-size: 21px;
	margin-bottom: 15px;
}

.production-steps p {
	font-size: 14px;
	line-height: 1.9;
}

.quality-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px;
}

.quality-grid article {
	border-top: 1px solid var(--line);
	padding-top: 25px;
}

.quality-grid .index {
	display: block;
	margin-bottom: 25px;
}

.quality-grid h3 {
	font-size: 23px;
	margin-bottom: 15px;
}

.quality-grid p {
	font-size: 14px;
	line-height: 1.9;
}

.navy {
	background: var(--navy);
	color: #fff;
}

.navy p,
.navy li {
	color: #bdcbd7;
}

.navy .eyebrow,
.navy .step-number {
	color: #6aa5ff;
}

.navy .process-grid article,
.navy .info-three article {
	border-color: #4c6375;
}

.checklist {
	display: flex;
	flex-direction: column;
}

.checklist p {
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #b9c5cf;
	padding: 19px 0;
	margin: 0;
	font-size: 14px;
}

.checklist svg {
	color: var(--blue);
	flex-shrink: 0;
}

.navy .checklist svg {
	color: #6aa5ff;
}

.navy .checklist p {
	border-color: #4c6375;
}

.sector-applications {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.sector-application {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.sector-application.reverse>img {
	order: 2;
}

.sector-application>img {
	aspect-ratio: 1.2;
	height: 100%;
	max-height: 500px;
}

.sector-application h2 {
	font-size: 38px;
}

.sector-application h3 {
	font-size: 18px;
	margin: 20px 0 14px;
}

.sector-application p {
	font-size: 14px;
}

.product-links {
	display: flex;
	flex-direction: column;
}

.product-links a {
	border-bottom: 1px solid var(--line);
	padding: 13px 0;
	font-size: 12px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
}

.story>h2 {
	max-width: 900px;
}

.story>div {
	margin: 35px 0 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 45px;
	max-width: 900px;
}

.story p {
	font-size: 15px;
}

.simple-links {
	border-top: 1px solid var(--line);
}

.simple-links a {
	border-bottom: 1px solid var(--line);
	padding: 24px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.simple-links h3 {
	font-size: 23px;
}

.inquiry-form {
	display: grid;
	gap: 21px;
}

.inquiry-form label {
	display: grid;
	gap: 9px;
	font-size: 12px;
	font-weight: 500;
	color: #3a5063;
}

.inquiry-form input,
.inquiry-form textarea,
.inquiry-form select {
	min-width: 0;
	width: 100%;
	border: 1px solid #cad4dd;
	background: #fff;
	border-radius: 0;
	padding: 14px 15px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--ink);
	resize: vertical;
}

.inquiry-form input:focus,
.inquiry-form textarea:focus,
.inquiry-form select:focus {
	border-color: var(--blue);
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.inquiry-form .btn {
	justify-self: start;
}

.form-note {
	font-size: 11px;
	line-height: 1.7;
	color: #7f8d9a;
	margin: 0;
}

.form-success {
	background: #edf3ff;
	padding: 35px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.form-success>svg {
	color: var(--blue);
}

.form-success p {
	font-size: 13px;
	margin: 0;
}

.form-success pre {
	font: 12px/1.8 Inter;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	border-top: 1px solid #b9c9e7;
	padding-top: 20px;
	max-width: 100%;
	margin: 0;
	color: #3c5871;
	max-height: 300px;
	overflow: auto;
}

.contact-topics .info-three>a {
	border-top: 1px solid var(--line);
	padding-top: 20px;
}

.contact-topics h3 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.contact-topics p {
	font-size: 14px;
}

.contact-note {
	margin-top: 35px;
	border-left: 2px solid var(--blue);
	padding-left: 20px;
}

.contact-note h3 {
	font-size: 16px;
	margin-bottom: 12px;
}

.contact-note p {
	font-size: 12px;
	max-width: 330px;
}

.quote-layout {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 80px;
}

.quote-layout h2 {
	font-size: 32px;
	margin-bottom: 35px;
}

.count {
	font-family: Inter;
	font-size: 15px;
	vertical-align: middle;
	background: #e6edff;
	color: var(--blue);
	padding: 6px 11px;
	margin-left: 10px;
}

.quote-items article {
	display: flex;
	gap: 18px;
	padding: 18px 0;
	border-bottom: 1px solid var(--line);
	align-items: center;
}

.quote-items img {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.quote-items article small {
	font-size: 10px;
	color: #8a97a2;
}

.quote-items article h3 {
	font-size: 15px;
	margin: 6px 0;
}

.quote-items article span {
	font-size: 11px;
	color: #7c8b98;
}

.quote-items article>button {
	margin-left: auto;
	flex-shrink: 0;
	color: #738390;
	padding: 10px;
}

.quote-help {
	padding: 28px;
	background: var(--tint);
	margin-top: 30px;
}

.quote-help h3 {
	font-size: 17px;
	margin-bottom: 15px;
}

.quote-help li {
	font-size: 13px;
}

.faq-section {
	max-width: 1200px;
	margin: auto;
}

/*
 * Yalnızca sitenin alt bilgisi. Seçici sınıfa bağlıdır çünkü <footer>
 * sayfada başka yerlerde de geçer: WordPress yorum başlıklarını
 * <footer class="comment-meta"> ile, tek yazı şablonu da etiket alanını
 * <footer class="entry-footer"> ile basar. Çıplak `footer` seçicisi bu
 * öğeleri de lacivert bloklara çevirirdi.
 */
.site-footer {
	background: #0d263a;
	color: #fff;
	padding: 70px var(--gutter) 0;
}

.footer-top {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: 40px;
	padding-bottom: 55px;
}

.footer-brand .brand {
	font-size: 25px;
}

.footer-brand p {
	color: #d1dbe4;
	margin: 25px 0;
	font: 500 21px/1.5 Poppins, Inter, sans-serif;
	letter-spacing: -.04em;
}

.footer-top>div>h3 {
	font-size: 13px;
	letter-spacing: 0;
	font-weight: 500;
	margin-bottom: 22px;
	color: #fff;
}

.footer-top>div:not(:first-child)>a {
	display: block;
	font-size: 12px;
	line-height: 1.7;
	color: #adbecc;
	margin: 10px 0;
}

.footer-top>div>a:hover {
	color: #88adff;
}

.footer-fine {
	font-size: 11px;
	line-height: 1.8;
	margin-top: 30px;
	color: #7b93a7;
}

.footer-bottom {
	border-top: 1px solid #2f485b;
	padding: 24px 0;
	display: flex;
	gap: 25px;
	justify-content: space-between;
	align-items: center;
	font-size: 10px;
	color: #829bad;
	line-height: 1.8;
}

.footer-bottom>a {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.toast {
	position: fixed;
	bottom: 25px;
	right: 25px;
	background: var(--navy);
	color: #fff;
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 12px;
	z-index: 100;
	box-shadow: 0 5px 30px #10253825;
	max-width: calc(100vw - 40px);
}

.toast>svg {
	color: #6ea0ff;
}

.toast>a {
	display: flex;
	gap: 7px;
	align-items: center;
	color: #a9c2ff;
	white-space: nowrap;
	font-size: 11px;
}

@media (min-width: 1750px) {

	.site-header,
	.section,
	.category-strip,
	.cta,
	.footer-top,
	.footer-bottom,
	.page-hero,
	.bread,
	.product-detail {
		padding-left: max(var(--gutter), calc((100vw - 1550px)/2));
		padding-right: max(var(--gutter), calc((100vw - 1550px)/2));
	}

	.page-hero {
		padding: 0;
	}

	.page-hero-copy {
		padding-left: max(var(--gutter), calc((100vw - 1550px)/2));
	}
}

@media (max-width: 1250px) {

	.site-header {
		gap: 20px;
		height: 80px;
	}

	.brand {
		font-size: 23px;
	}

	.brand-square {
		width: 22px;
		height: 22px;
	}

	.desktop-nav {
		gap: 18px;
		font-size: 11px;
	}

	.desktop-nav summary {
		height: 80px;
	}

	.nav-dropdown {
		top: 79px;
	}

	.header-actions {
		gap: 12px;
	}

	.header-cta {
		padding: 12px 16px;
		gap: 14px;
		font-size: 12px;
	}

	.cart-link {
		display: none;
	}

	.home-hero {
		min-height: 590px;
	}

	.hero-inner {
		padding-top: 65px;
	}

	.home-hero h1 {
		font-size: 56px;
	}

	.hero-stages {
		margin-top: 55px;
	}

	.section {
		padding-top: 65px;
		padding-bottom: 65px;
	}

	.catalog-layout {
		grid-template-columns: 190px 1fr;
		gap: 30px;
	}

	.catalog-sidebar {
		top: 105px;
	}

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

	.related {
		grid-template-columns: repeat(3, 1fr);
	}

	.technical,
	.quote-layout {
		gap: 45px;
	}

	.detail-tabs {
		top: 79px;
	}

	.product-detail {
		gap: 40px;
	}

	.footer-top {
		gap: 28px;
	}

	.production-banner>div {
		padding: 55px var(--gutter);
	}

	.production-banner>div,
	.production-banner {
		min-height: 400px;
	}

	.category-strip strong {
		font-size: 17px;
	}

	.page-hero-copy {
		padding: 50px var(--gutter);
	}

	.sector-application {
		gap: 40px;
	}
}

@media (max-width: 1000px) {

	.desktop-nav {
		display: none;
	}

	.header-actions {
		margin-left: auto;
	}

	.menu-toggle {
		display: grid;
		place-items: center;
		padding: 8px;
	}

	.cart-link {
		display: flex;
	}

	.site-header {
		height: 76px;
	}

	.header-cta {
		min-height: 43px;
	}

	.home-hero {
		min-height: 570px;
	}

	.home-hero h1 {
		font-size: 50px;
	}

	.home-hero p {
		font-size: 16px;
		max-width: 420px;
	}

	.hero-inner {
		padding-top: 60px;
	}

	.hero-background {
		object-position: 57% center;
	}

	.category-strip {
		gap: 20px;
	}

	.category-strip strong {
		font-size: 16px;
	}

	.category-strip a {
		padding-right: 10px;
	}

	.category-strip svg {
		right: 0;
	}

	.section-head {
		gap: 25px;
	}

	.section-head>p {
		max-width: 330px;
		font-size: 13px;
	}

	.section-head h2 {
		font-size: 34px;
	}

	.group-grid {
		gap: 18px;
	}

	.group-card h3 {
		font-size: 17px;
	}

	.group-card p {
		font-size: 12px;
	}

	.production-banner>div {
		width: 55%;
	}

	.production-banner>img {
		width: 50%;
	}

	.process-grid {
		gap: 22px;
	}

	.split-section>div {
		padding: 45px 35px;
	}

	.split-section>img {
		min-height: 410px;
	}

	.info-three {
		gap: 28px;
	}

	.info-three h3 {
		font-size: 20px;
	}

	.page-hero,
	.page-hero figure {
		min-height: 450px;
	}

	.page-hero-copy h1 {
		font-size: 38px;
	}

	.page-hero-copy p {
		font-size: 14px;
	}

	.page-hero-copy {
		padding: 45px 30px;
	}

	.catalog-layout {
		grid-template-columns: 180px 1fr;
		gap: 25px;
	}

	.catalog-toolbar {
		flex-wrap: wrap;
	}

	.catalog-toolbar>.search {
		flex-basis: 100%;
	}

	.catalog-toolbar>select {
		min-height: 38px;
	}

	.product-detail {
		gap: 30px;
	}

	.detail-copy h1 {
		font-size: 35px;
	}

	.detail-copy .lead {
		font-size: 14px;
	}

	.detail-photo>img {
		aspect-ratio: .8;
	}

	.detail-tabs {
		top: 75px;
	}

	.technical dl>div {
		grid-template-columns: 120px 1fr;
		gap: 15px;
	}

	.technical {
		gap: 35px;
	}

	.production-steps,
	.quality-grid {
		gap: 30px;
	}

	.sector-application h2 {
		font-size: 30px;
	}

	.footer-top {
		grid-template-columns: 1.2fr 1fr 1fr;
	}

	.footer-top>div:last-child {
		grid-column: 2 / 4;
		display: flex;
		gap: 22px;
		flex-wrap: wrap;
		align-items: center;
	}

	.footer-top>div:last-child h3 {
		width: 100%;
		margin-bottom: 0;
	}

	.footer-top>div:last-child .footer-fine {
		display: none;
	}

	.quote-layout {
		gap: 35px;
	}

	.form-row {
		gap: 12px;
	}

	.sector-list h3 {
		font-size: 20px;
	}

	.cta {
		gap: 30px;
	}

	.cta .btn {
		font-size: 12px;
		gap: 15px;
	}

	.cta p {
		font-size: 13px;
	}
}

@media (max-width: 760px) {

	:root {
		--gutter: 22px;
	}

	.site-header {
		height: 70px;
		gap: 15px;
	}

	.brand {
		font-size: 21px;
		gap: 8px;
	}

	.brand-square {
		width: 19px;
		height: 19px;
	}

	.header-cta {
		display: none;
	}

	.header-actions {
		gap: 12px;
	}

	.home-hero {
		min-height: 620px;
	}

	.hero-background {
		object-position: 45% center;
		filter: brightness(.6);
	}

	.hero-inner {
		padding-top: 65px;
		padding-bottom: 25px;
	}

	.home-hero h1 {
		font-size: clamp(39px, 7.5vw, 54px);
		line-height: 1.13;
	}

	.home-hero .eyebrow {
		font-size: 10px;
		margin-bottom: 24px;
	}

	.home-hero p {
		font-size: 15px;
		margin: 25px 0 30px;
		max-width: 310px;
	}

	.hero-buttons {
		gap: 25px;
		flex-wrap: wrap;
	}

	.hero-buttons .btn {
		min-height: 49px;
		padding: 13px 19px;
		gap: 20px;
		font-size: 12px;
	}

	.hero-buttons .text-link {
		font-size: 11px;
	}

	.hero-stages {
		margin-top: 65px;
		gap: 10px;
	}

	.hero-stages span {
		font-size: 10px;
	}

	.category-strip {
		grid-template-columns: 1fr 1fr;
		padding: 24px var(--gutter);
		gap: 22px;
	}

	.category-strip a:nth-child(2) {
		border: 0;
	}

	.category-strip strong {
		font-size: 17px;
	}

	.category-strip a {
		gap: 5px;
	}

	.category-strip small {
		font-size: 11px;
	}

	.category-strip svg {
		opacity: 1;
		width: 16px;
	}

	.section {
		padding: 50px var(--gutter);
	}

	.section-head {
		display: block;
		margin-bottom: 28px;
	}

	.section-head h2 {
		font-size: 30px;
	}

	.section-head>p {
		margin-top: 20px;
		max-width: 100%;
		font-size: 14px;
	}

	.section-head>.text-link {
		margin-top: 20px;
		font-size: 12px;
	}

	.eyebrow {
		font-size: 10px;
		margin-bottom: 15px;
	}

	.group-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.group-photo {
		aspect-ratio: 1.5;
	}

	.group-card h3 {
		font-size: 22px;
		margin-top: 17px;
	}

	.group-card h3 svg {
		display: block;
	}

	.group-card p {
		font-size: 13px;
		min-height: 0;
		max-width: 50ch;
		margin-bottom: 15px;
	}

	.production-banner {
		display: flex;
		flex-direction: column;
	}

	.production-banner>img {
		position: static;
		order: 2;
		width: 100%;
		height: 280px;
	}

	.production-banner>div {
		width: 100%;
		min-height: 0;
		padding: 45px var(--gutter);
	}

	.production-banner h2 {
		font-size: 32px;
	}

	.production-banner p {
		font-size: 14px;
		margin: 20px 0 25px;
	}

	.sector-list a {
		grid-template-columns: 25px 1fr 25px;
		gap: 14px;
		padding: 23px 0;
	}

	.sector-list p {
		grid-column: 2;
		grid-row: 2;
		font-size: 12px;
	}

	.sector-list>a>svg {
		grid-column: 3;
		grid-row: 1;
		width: 22px;
	}

	.sector-list h3 {
		font-size: 20px;
	}

	.process-grid {
		grid-template-columns: 1fr 1fr;
		gap: 30px 24px;
	}

	.process-grid h3 {
		font-size: 16px;
	}

	.step-number {
		font-size: 34px;
		margin-bottom: 20px;
	}

	.process-grid p {
		font-size: 12px;
	}

	.split-section {
		grid-template-columns: 1fr;
	}

	.split-section>img {
		min-height: 0;
		max-height: none;
		height: 300px;
	}

	.split-section>div {
		padding: 45px var(--gutter);
	}

	.split-section h2 {
		font-size: 31px;
	}

	.split-section p {
		font-size: 14px;
		margin: 20px 0;
	}

	.accordion summary {
		gap: 14px;
		padding: 22px 0;
		align-items: flex-start;
	}

	.accordion h3 {
		font-size: 16px;
		line-height: 1.5;
	}

	.accordion summary .index {
		font-size: 10px;
		margin-top: 5px;
	}

	.accordion summary svg {
		width: 19px;
		margin-top: 3px;
	}

	.accordion details>p {
		padding: 0 32px 23px;
		font-size: 13px;
	}

	.cta {
		padding: 45px var(--gutter);
		flex-direction: column;
		align-items: flex-start;
		gap: 25px;
	}

	.cta h2 {
		font-size: 30px;
	}

	.cta p {
		font-size: 14px;
	}

	.bread {
		padding: 16px var(--gutter);
		font-size: 10px;
		line-height: 1.5;
	}

	.page-hero {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.page-hero-copy {
		padding: 45px var(--gutter);
	}

	.page-hero-copy h1 {
		font-size: 38px;
		max-width: 16ch;
	}

	.page-hero-copy p {
		font-size: 14px;
		margin-top: 22px;
	}

	.page-hero figure,
	.page-hero.compact figure {
		min-height: 0;
		height: 310px;
	}

	.page-hero.compact {
		min-height: 0;
	}

	.page-hero figcaption {
		font-size: 9px;
		bottom: 15px;
		left: 18px;
	}

	.catalog-layout {
		display: block;
	}

	.catalog-sidebar {
		position: static;
	}

	.catalog-sidebar>.eyebrow {
		margin-bottom: 10px;
	}

	.catalog-sidebar nav {
		display: flex;
		flex-direction: row;
		gap: 8px;
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 12px;
		margin-bottom: 20px;
	}

	.catalog-sidebar nav a {
		padding: 10px 14px;
		border: 1px solid var(--line);
		display: flex;
		gap: 15px;
		background: #fff;
		font-size: 12px;
	}

	.catalog-sidebar nav a.active {
		background: var(--navy);
		color: #fff;
		border-color: var(--navy);
	}

	.catalog-sidebar .sidebar-help {
		display: none;
	}

	.product-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px 15px;
	}

	.product-card h3 {
		font-size: 15px;
		min-height: 42px;
	}

	.product-card p {
		font-size: 11px;
		min-height: 79px;
	}

	.product-card-actions a {
		font-size: 10px;
		gap: 5px;
	}

	.product-card-actions a svg {
		width: 15px;
	}

	.product-card-actions button {
		width: 28px;
		height: 28px;
		flex-shrink: 0;
	}

	.product-card-actions button svg {
		width: 17px;
	}

	.product-card-content {
		padding-top: 14px;
	}

	.catalog-toolbar {
		gap: 10px;
	}

	.catalog-toolbar>select {
		font-size: 11px;
	}

	.search input {
		font-size: 12px;
	}

	.results-line {
		padding: 20px 0;
		font-size: 10px;
	}

	.info-three {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.info-three h3 {
		font-size: 21px;
	}

	.info-three p,
	.info-three li {
		font-size: 14px;
	}

	.product-detail {
		grid-template-columns: 1fr;
		gap: 35px;
		padding-top: 30px;
	}

	.detail-photo>img {
		aspect-ratio: 1.1;
	}

	.detail-copy h1 {
		font-size: 35px;
	}

	.detail-copy .lead {
		font-size: 15px;
	}

	.detail-copy .btn {
		width: 100%;
	}

	.detail-tabs {
		top: 69px;
		gap: 24px;
		overflow: auto;
		white-space: nowrap;
		padding: 0 var(--gutter);
	}

	.detail-tabs a {
		font-size: 11px;
		padding: 18px 0;
	}

	.technical {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.technical h2 {
		font-size: 31px;
	}

	.technical dl>div {
		font-size: 12px;
		grid-template-columns: 120px 1fr;
	}

	.technical>div>p {
		font-size: 14px;
	}

	.related {
		grid-template-columns: 1fr 1fr;
	}

	.related article:last-child {
		display: none;
	}

	.production-steps,
	.quality-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px 22px;
	}

	.production-steps h3,
	.quality-grid h3 {
		font-size: 19px;
	}

	.production-steps p,
	.quality-grid p {
		font-size: 12px;
		line-height: 1.85;
	}

	.quality-grid .index {
		margin-bottom: 18px;
	}

	.checklist p {
		font-size: 13px;
	}

	.sector-applications {
		gap: 55px;
	}

	.sector-application {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.sector-application.reverse>img {
		order: 0;
	}

	.sector-application>img {
		height: 270px;
		aspect-ratio: auto;
	}

	.sector-application h2 {
		font-size: 31px;
	}

	.sector-application h3 {
		font-size: 18px;
	}

	.story h2 {
		font-size: 30px;
	}

	.story>div {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 28px;
	}

	.story p {
		font-size: 14px;
	}

	.simple-links h3 {
		font-size: 19px;
	}

	.simple-links a {
		gap: 20px;
	}

	.simple-links svg {
		flex-shrink: 0;
	}

	.quote-layout {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.quote-layout h2 {
		font-size: 29px;
		margin-bottom: 25px;
	}

	.form-row {
		gap: 14px;
	}

	.inquiry-form {
		gap: 18px;
	}

	.inquiry-form label {
		font-size: 11px;
	}

	.inquiry-form input,
	.inquiry-form textarea,
	.inquiry-form select {
		padding: 13px 11px;
		font-size: 12px;
	}

	.form-success {
		padding: 25px;
	}

	.form-success h3 {
		font-size: 21px;
	}

	.form-success pre {
		font-size: 11px;
	}

	.form-note {
		font-size: 10px;
	}

	.contact-note {
		margin-top: 25px;
	}

	.contact-topics .info-three {
		gap: 24px;
	}

	.contact-topics .info-three>a {
		padding-top: 20px;
	}

	.footer-top {
		grid-template-columns: 1fr 1fr;
		gap: 35px 25px;
		padding-bottom: 35px;
	}

	.footer-brand {
		grid-column: 1/-1;
	}

	.footer-top>div:last-child {
		grid-column: auto;
		display: block;
	}

	.footer-top>div:last-child h3 {
		margin-bottom: 20px;
	}

	.footer-top>div:last-child a {
		margin: 10px 0;
	}

	.footer-top>div:last-child .footer-fine {
		display: block;
	}

	.footer-brand .brand {
		font-size: 25px;
	}

	.footer-brand p {
		font-size: 22px;
		margin: 22px 0;
	}

	.footer-top>div>h3 {
		font-size: 12px;
	}

	.footer-top>div:not(:first-child)>a {
		font-size: 11px;
	}

	.site-footer {
		padding: 45px var(--gutter) 0;
	}

	.footer-bottom {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 15px;
		font-size: 9px;
	}

	.footer-bottom>span:nth-child(2) {
		grid-column: 1/-1;
		grid-row: 2;
	}

	.toast {
		bottom: 16px;
		right: 16px;
		left: 16px;
		max-width: none;
		padding: 15px;
		font-size: 11px;
		gap: 10px;
		flex-wrap: wrap;
	}

	.toast>a {
		margin-left: auto;
	}

	.desktop-break {
		display: none;
	}
}

@media (max-width: 380px) {

	.brand {
		font-size: 18px;
	}

	.header-actions {
		gap: 5px;
	}

	.home-hero h1 {
		font-size: 36px;
	}

	.home-hero {
		min-height: 600px;
	}

	.hero-buttons {
		gap: 22px;
	}

	.hero-stages {
		margin-top: 45px;
	}

	.category-strip strong {
		font-size: 15px;
	}

	.product-grid {
		grid-template-columns: 1fr;
	}

	.related article:last-child {
		display: block;
	}

	.product-card h3,
	.product-card p {
		min-height: 0;
	}

	.product-card h3 {
		font-size: 20px;
	}

	.product-card p {
		font-size: 13px;
	}

	.product-card-actions a {
		font-size: 12px;
	}

	.production-steps,
	.quality-grid,
	.form-row {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {

	* {
		scroll-behavior: auto!important;
		transition: none!important;
	}
}

/* ==========================================================================
   3. WordPress uyumluluğu
   ========================================================================== */

/* --- 3.1 Yönetici çubuğu ------------------------------------------------- */

/* Yapışkan başlık ve sekmeler, yönetici çubuğunun altında kalmalıdır. */
body.admin-bar .site-header {
	top: 32px;
}

body.admin-bar .detail-tabs {
	top: 121px;
}

body.admin-bar .catalog-sidebar {
	top: 152px;
}

@media screen and (max-width: 782px) {

	body.admin-bar .site-header {
		top: 46px;
	}

	body.admin-bar .detail-tabs {
		top: 115px;
	}
}

@media (max-width: 1250px) {

	body.admin-bar .detail-tabs {
		top: 111px;
	}

	body.admin-bar .catalog-sidebar {
		top: 137px;
	}
}

@media (max-width: 1000px) {

	body.admin-bar .detail-tabs {
		top: 107px;
	}
}

@media (max-width: 760px) {

	body.admin-bar .detail-tabs {
		top: 101px;
	}
}

#wpadminbar img {
	display: inline-block;
	width: auto;
	object-fit: initial;
}

/* --- 3.2 Görsel kuralının kapsamı ---------------------------------------- */

/*
 * Tasarım, kart ve kahraman görselleri için `img { width: 100%; object-fit:
 * cover }` kullanır. Bu kural editör içeriğindeki, logodaki ve eklenti
 * çıktısındaki görselleri bozmamalıdır.
 */
.custom-logo,
.entry-content img,
.comment-content img,
.widget img,
.wp-caption img,
.wp-block-image img,
.wp-block-gallery img,
.wp-block-site-logo img,
.wp-block-post-featured-image img,
.avatar {
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: initial;
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img,
.wp-block-cover img {
	width: 100%;
}

/*
 * Logo, marka bağlantısının içinde tek öğedir. Yükseklik üst bilginin
 * yüksekliğine göre sınırlanır; genişlik orana göre serbest kalır.
 */
.brand .custom-logo,
.custom-logo {
	display: block;
	max-height: 44px;
	width: auto;
}

.footer-brand .custom-logo {
	max-height: 40px;
}

@media (max-width: 1250px) {

	.brand .custom-logo {
		max-height: 38px;
	}
}

@media (max-width: 760px) {

	.brand .custom-logo {
		max-height: 31px;
	}

	.footer-brand .custom-logo {
		max-height: 36px;
	}
}

/* --- 3.3 Erişilebilirlik yardımcıları ------------------------------------ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: #fff;
	clip: auto !important;
	clip-path: none;
	color: var(--navy);
	display: block;
	font-size: 13px;
	font-weight: 600;
	height: auto;
	left: 20px;
	line-height: normal;
	padding: 15px 23px;
	text-decoration: none;
	top: 10px;
	width: auto;
	z-index: 100000;
}

.kf-icon {
	flex-shrink: 0;
}

/* --- 3.4 Hizalama sınıfları ---------------------------------------------- */

.alignleft {
	float: left;
	margin: 6px 28px 20px 0;
}

.alignright {
	float: right;
	margin: 6px 0 20px 28px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 20px;
}

.alignnone {
	margin: 0 0 20px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text,
.wp-element-caption,
figcaption {
	color: #7c8b98;
	font-size: 11px;
	line-height: 1.7;
	margin: 11px 0 0;
}

.sticky .entry-title::after {
	color: var(--blue);
	content: " ●";
	font-size: 0.6em;
	vertical-align: middle;
}

/* --- 3.5 Editör içeriği (sayfa ve yazılar) ------------------------------- */

.entry-content {
	max-width: 760px;
}

.entry-content > * {
	margin-bottom: 24px;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

.entry-content h2 {
	font-size: clamp(25px, 2.4vw, 33px);
	margin: 45px 0 18px;
}

.entry-content h3 {
	font-size: 21px;
	margin: 35px 0 14px;
}

.entry-content h4 {
	font-size: 17px;
	font-weight: 600;
	margin: 28px 0 12px;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content a:not(.btn) {
	color: var(--blue);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.entry-content ul,
.entry-content ol {
	margin-bottom: 24px;
	padding-left: 22px;
}

.entry-content blockquote {
	border-left: 2px solid var(--blue);
	margin: 32px 0;
	padding: 4px 0 4px 24px;
}

.entry-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content table {
	border-collapse: collapse;
	width: 100%;
}

.entry-content th,
.entry-content td {
	border-bottom: 1px solid var(--line);
	font-size: 13px;
	padding: 14px 12px;
	text-align: left;
}

.entry-content th {
	font-weight: 600;
}

.entry-content code,
.entry-content kbd {
	background: var(--tint);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.9em;
	padding: 3px 6px;
}

.entry-content pre {
	background: var(--tint);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 12px;
	line-height: 1.8;
	overflow: auto;
	padding: 22px;
}

.entry-content hr,
.wp-block-separator {
	background: none;
	border: 0;
	border-top: 1px solid var(--line);
	margin: 40px 0;
}

.entry-content :where(.wp-block-button__link) {
	border-radius: 0;
}

.alignwide {
	margin-left: calc(var(--gutter) * -0.5);
	margin-right: calc(var(--gutter) * -0.5);
	max-width: none;
}

.alignfull {
	margin-left: calc(var(--gutter) * -1);
	margin-right: calc(var(--gutter) * -1);
	max-width: none;
	width: auto;
}

/* --- 3.6 Yazı listesi ve tek yazı --------------------------------------- */

.post-grid {
	display: grid;
	gap: 40px 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.post-card {
	min-width: 0;
}

.post-card .group-photo {
	aspect-ratio: 1.6;
}

.post-card h2 {
	font-size: 21px;
	line-height: 1.35;
	margin: 18px 0 10px;
}

.post-card .post-meta {
	color: #7c8b98;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 12px;
	letter-spacing: 0.04em;
}

.post-card p {
	font-size: 13px;
	line-height: 1.7;
	margin: 12px 0 0;
}

.single-entry {
	margin: 0 auto;
	max-width: 760px;
}

.single-entry > header {
	margin-bottom: 38px;
}

.single-entry > header h1 {
	font-size: clamp(31px, 3.4vw, 46px);
}

.single-entry .post-meta {
	color: #7c8b98;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 14px;
	letter-spacing: 0.04em;
	margin-top: 18px;
}

.single-entry > figure {
	margin-bottom: 38px;
}

.entry-footer {
	border-top: 1px solid var(--line);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 45px;
	padding-top: 22px;
}

.entry-footer a {
	background: var(--tint);
	color: #546d82;
	font-size: 11px;
	padding: 8px 11px;
}

.entry-footer a:hover {
	background: #e6edff;
	color: var(--blue);
}

@media (max-width: 1000px) {

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

@media (max-width: 760px) {

	.post-grid {
		gap: 35px;
		grid-template-columns: 1fr;
	}
}

/* --- 3.7 Sayfalama ------------------------------------------------------- */

.kf-pagination {
	border-top: 1px solid var(--line);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 50px;
	padding-top: 25px;
}

.kf-pagination .page-numbers {
	align-items: center;
	border: 1px solid var(--line);
	display: inline-flex;
	font-size: 12px;
	font-weight: 500;
	justify-content: center;
	min-height: 42px;
	min-width: 42px;
	padding: 0 12px;
}

.kf-pagination .page-numbers:hover {
	border-color: var(--blue);
	color: var(--blue);
}

.kf-pagination .page-numbers.current {
	background: var(--navy);
	border-color: var(--navy);
	color: #fff;
}

.kf-pagination .page-numbers.dots {
	border-color: transparent;
}

/* --- 3.8 Yorumlar ------------------------------------------------------- */

.comments-area {
	margin: 60px auto 0;
	max-width: 760px;
}

.comments-area > h2 {
	font-size: 23px;
	margin-bottom: 25px;
}

.comment-list {
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

.comment-list ol {
	list-style: none;
	padding-left: 28px;
}

.comment-body {
	border-bottom: 1px solid var(--line);
	padding: 24px 0;
}

.comment-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.comment-meta .avatar {
	border-radius: 50%;
}

.comment-author {
	font-size: 13px;
	font-weight: 600;
}

.comment-metadata,
.comment-metadata a {
	color: #8995a0;
	font-size: 11px;
}

.comment-content p {
	font-size: 14px;
}

.comment-respond {
	border-top: 1px solid var(--line);
	padding-top: 32px;
}

.comment-respond .comment-reply-title {
	font-size: 21px;
	margin-bottom: 20px;
}

.comment-form {
	display: grid;
	gap: 18px;
}

.comment-form label {
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 9px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	border: 1px solid #cad4dd;
	border-radius: 0;
	font-size: 13px;
	padding: 14px 15px;
	width: 100%;
}

.comment-form input:focus,
.comment-form textarea:focus {
	border-color: var(--blue);
}

.comment-form .comment-notes,
.comment-form .comment-form-cookies-consent label {
	color: #7f8d9a;
	font-size: 11px;
	line-height: 1.7;
}

.comment-form .form-submit {
	margin: 0;
}

.comment-form input[type="submit"] {
	align-items: center;
	background: var(--blue);
	border: 1px solid var(--blue);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	min-height: 52px;
	padding: 14px 28px;
	width: auto;
}

.comment-form input[type="submit"]:hover {
	background: #1038ce;
	border-color: #1038ce;
}

/* --- 3.9 Kenar çubuğu bileşenleri (widget) ------------------------------ */

.widget-area {
	display: grid;
	gap: 40px;
}

.widget {
	border-top: 1px solid var(--line);
	padding-top: 22px;
}

.widget .widget-title {
	font-size: 16px;
	margin-bottom: 16px;
}

.widget ul {
	list-style: none;
	padding: 0;
}

.widget li {
	border-bottom: 1px solid var(--line);
	font-size: 13px;
	padding: 11px 0;
}

/* --- 3.10 Arama formu --------------------------------------------------- */

.kf-searchform {
	display: flex;
	gap: 10px;
}

.kf-searchform .search {
	flex: 1;
}

/* --- 3.11 Tema bildirimleri (form hataları, boş durumlar) --------------- */

.kf-notice {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 17px 19px;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}

.kf-notice--error {
	background: #fdeceb;
	color: #8d2318;
}

.kf-notice--error svg {
	color: #c0362a;
}

.kf-notice ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

.kf-notice li {
	color: inherit;
	font-size: 13px;
	padding: 2px 0;
}

/* --- 3.11b İletişim bilgileri ------------------------------------------- */

/* İletişim sayfasındaki kanal listesi: etiket solda, değer sağda. */
.contact-channels {
	margin: 0;
}

.info-stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 32px;
}

.info-card {
	background: #ffffff;
	border: 1px solid #e2ded6;
	border-radius: 2px;
	padding: 22px 24px;
	font-family: Poppins, Inter, Arial, sans-serif;
}

.info-card__label {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #5c6773;
	margin-bottom: 8px;
}

.info-card__value {
	font-size: 15.5px;
	font-weight: 400;
	line-height: 1.7;
	color: #16202b;
	overflow-wrap: anywhere;
}

.info-card__value a {
	color: #0b2a4a;
	text-decoration: none;
	transition: color 0.18s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.info-card__value a:hover {
	color: var(--blue);
}

.contact-channels > div {
	border-bottom: 1px solid var(--line);
	display: grid;
	font-size: 13px;
	gap: 14px;
	grid-template-columns: 128px 1fr;
	line-height: 1.7;
	padding: 11px 0;
}

.contact-channels > div:first-child {
	border-top: 1px solid var(--line);
}

.contact-channels dt {
	color: var(--ink);
	font-weight: 600;
}

.contact-channels dd {
	color: var(--muted);
	margin: 0;
	overflow-wrap: anywhere;
}

.contact-channels a {
	color: var(--blue);
}

.contact-social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 20px 0 0;
}

.contact-social strong {
	color: var(--ink);
	font-size: 12px;
	width: 100%;
}

/*
 * Çipler hem beyaz hem de açık zeminli (.tinted) bölümlerde görünür
 * kalmalı; bu yüzden zemin rengi değil kenarlık taşırlar.
 */
.contact-social a {
	background: #fff;
	border: 1px solid var(--line);
	color: #546d82;
	font-size: 11px;
	padding: 7px 11px;
}

.contact-social a:hover {
	border-color: var(--blue);
	color: var(--blue);
}

/* Alt bilgideki iletişim ve sosyal hesap satırları. */
.footer-contact {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 26px;
}

.footer-contact a {
	color: #d1dbe4;
	font-size: 13px;
	overflow-wrap: anywhere;
}

.footer-contact a:hover {
	color: #88adff;
}

.footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 10px;
	margin-top: 20px;
}

.footer-social a {
	border: 1px solid #2f485b;
	color: #adbecc;
	font-size: 10px;
	letter-spacing: 0.04em;
	padding: 6px 10px;
}

.footer-social a:hover {
	border-color: #88adff;
	color: #88adff;
}

@media (max-width: 760px) {

	.contact-channels > div {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.footer-contact {
		margin-top: 20px;
	}
}

/* --- 3.12 Mobil menü düğmesi -------------------------------------------- */

.menu-toggle .kf-icon-close {
	display: none;
}

.menu-toggle.is-open .kf-icon-list {
	display: none;
}

.menu-toggle.is-open .kf-icon-close {
	display: block;
}

/* --- 3.13 Teklif listesi düğmeleri -------------------------------------- */

/*
 * Ekle/çıkar düğmesi iki ikon taşır; görünür olanı `selected` sınıfı
 * belirler. Durum sayfa yüklendikten sonra JavaScript ile ayarlanır.
 */
[data-kf-toggle] .kf-toggle-icon-added {
	display: none;
}

[data-kf-toggle].selected .kf-toggle-icon-add {
	display: none;
}

[data-kf-toggle].selected .kf-toggle-icon-added {
	display: block;
}

/* --- 3.14 Görsel yer tutucusu ------------------------------------------- */

/*
 * Bir ürün veya grup için görsel atanmadığında düzenin çökmemesi için
 * aynı alanı kaplayan nötr bir blok bırakılır.
 */
.kf-image-placeholder {
	background: var(--tint);
	display: block;
	height: 100%;
	min-height: 120px;
	width: 100%;
}

.hero-background.kf-image-placeholder {
	background: #16334a;
	position: absolute;
	inset: 0;
}

.group-photo .kf-image-placeholder,
.product-image .kf-image-placeholder {
	min-height: 100%;
}

/*
 * Yer tutucu, yerini aldığı görselin oranını korumalıdır; aksi hâlde
 * görseli olmayan bir üründe kısa bir gri kutu kalır ve düzen bozulur.
 */
.detail-photo > .kf-image-placeholder {
	aspect-ratio: 1.05;
}

.sector-application > .kf-image-placeholder {
	aspect-ratio: 1.2;
}

.split-section > .kf-image-placeholder,
.production-banner > .kf-image-placeholder {
	min-height: 100%;
}

/* Kahraman görseli konumlandırılmış bir katmandır. */
.page-hero figure .kf-image-placeholder {
	position: absolute;
	inset: 0;
	min-height: 100%;
}

@media (max-width: 760px) {

	.detail-photo > .kf-image-placeholder {
		aspect-ratio: 1.1;
	}

	.sector-application > .kf-image-placeholder {
		aspect-ratio: auto;
		height: 270px;
	}
}

/* --- 3.15 İstemci tarafı katalog filtresi ------------------------------- */

/*
 * Katalogdaki 40 ürün sunucu tarafında basılır; arama, sıralama ve "daha
 * fazla göster" JavaScript ile yönetilir. JavaScript kapalıysa tüm ürünler
 * görünür kalır ve araç çubuğu gizlenir.
 */
/*
 * `hidden` özniteliği her zaman gizlemelidir.
 *
 * Tarayıcının kendi `[hidden] { display: none }` kuralı en düşük
 * önceliklidir; `.empty` veya `.btn` gibi bir sınıf `display: flex`
 * dediğinde ezilir ve öğe gizlenmesi gerekirken görünür kalır. Tema
 * görünürlüğü JavaScript'te bu öznitelikle yönettiği için kural
 * `!important` ile sabitlenir.
 */
[hidden] {
	display: none !important;
}

/*
 * JavaScript açıkken katalog ilk sayfadan sonrasını hemen gizler; betik
 * çalışıp `is-ready` sınıfını eklediğinde görünürlüğü JS devralır. Bu kural
 * olmasa 40 ürün bir an görünür, sonra 12'ye inerdi.
 */
.js .product-grid:not(.is-ready) > article:nth-child(n+13) {
	display: none;
}

.no-js .catalog-toolbar,
.no-js .load-more,
.no-js .product-card-actions button,
.no-js .cart-link span {
	display: none;
}

.kf-quote-count:empty {
	display: none;
}

/* Teklif listesi JS ile doldurulur; ilk çizimde her iki durum da gizlenir. */
.kf-quote-region[data-state="loading"] .kf-quote-filled,
.kf-quote-region[data-state="loading"] .kf-quote-empty,
.kf-quote-region[data-state="empty"] .kf-quote-filled,
.kf-quote-region[data-state="filled"] .kf-quote-empty {
	display: none;
}

@media (prefers-reduced-motion: reduce) {

	.toast {
		animation: none !important;
	}
}

/* --- 3.16 Sabit iletişim butonları (sağ alt) ---------------------------- */

.float-contact {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 90;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.float-contact__btn {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #ffffff;
	box-shadow: 0 8px 24px rgba(7, 28, 51, 0.32);
	transition: transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.18s cubic-bezier(0.2, 0.7, 0.3, 1), background 0.18s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.float-contact__btn:hover,
.float-contact__btn:focus-visible {
	color: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(7, 28, 51, 0.38);
}

.float-contact__btn--wa {
	background: #25D366;
}

.float-contact__btn--wa:hover {
	background: #1FB457;
}

.float-contact__btn--tel {
	background: #0B2A4A;
}

.float-contact__btn--tel:hover {
	background: var(--blue);
}

.float-contact__btn svg {
	display: block;
}

@media (max-width: 760px) {

	.float-contact {
		right: 16px;
		bottom: 16px;
		gap: 12px;
	}

	.float-contact__btn {
		width: 58px;
		height: 58px;
	}

	.float-contact__btn--wa svg {
		width: 30px;
		height: 30px;
	}

	.float-contact__btn--tel svg {
		width: 28px;
		height: 28px;
	}
}

@media print {

	.float-contact {
		display: none;
	}
}

/* --- 3.17 Dil seçici ve çoklu dil (TR / EN / ES / RU / AR) -------------- */

.lang-switcher {
	position: relative;
}

.lang-switcher__toggle {
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 11px;
	border: 1px solid var(--line);
	background: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--ink);
	cursor: pointer;
	user-select: none;
	transition: border-color 0.18s, color 0.18s, background 0.18s;
}

.lang-switcher__toggle::-webkit-details-marker {
	display: none;
}

.lang-switcher__toggle:hover,
.lang-switcher[open] > .lang-switcher__toggle {
	border-color: var(--blue);
	color: var(--blue);
}

.lang-switcher__code {
	line-height: 1;
}

.lang-dropdown {
	left: auto;
	right: 0;
	top: calc(100% + 8px);
	width: 175px;
	padding: 8px;
	z-index: 95;
}

.lang-dropdown a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 10px;
	font-size: 12px;
	font-weight: 500;
	color: var(--ink);
}

.lang-dropdown a.active {
	color: var(--blue);
	font-weight: 600;
	background: var(--tint);
}

.lang-dropdown__code {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #7c8b98;
	min-width: 22px;
}

.lang-dropdown a.active .lang-dropdown__code {
	color: var(--blue);
}

.lang-dropdown__name {
	flex: 1;
	text-align: right;
}

.mobile-lang-switcher {
	padding-top: 16px;
	margin-top: 8px;
}

.mobile-lang-switcher__label {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--muted);
	margin-bottom: 10px;
}

.mobile-lang-switcher__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
}

.mobile-nav .mobile-lang-switcher__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 10px 4px;
	border: 1px solid var(--line);
	background: var(--tint);
	text-align: center;
}

.mobile-nav .mobile-lang-switcher__item strong {
	font-size: 11px;
	font-weight: 700;
	color: var(--ink);
}

.mobile-nav .mobile-lang-switcher__item span {
	font-size: 10px;
	color: var(--muted);
}

.mobile-nav .mobile-lang-switcher__item.active {
	border-color: var(--blue);
	background: #edf2ff;
}

.mobile-nav .mobile-lang-switcher__item.active strong,
.mobile-nav .mobile-lang-switcher__item.active span {
	color: var(--blue);
}

@media (max-width: 760px) {

	.lang-switcher__toggle {
		height: 36px;
		padding: 0 9px;
		font-size: 11px;
	}
}

/* Arapça ve sağdan sola (RTL) düzen uyarlamaları */

:root:lang(ar),
[dir="rtl"] {
	font-family: Cairo, Inter, Arial, sans-serif;
}

:lang(ar) h1,
:lang(ar) h2,
:lang(ar) h3,
:lang(ar) h4,
:lang(ar) .brand,
:lang(ar) .category-strip strong,
:lang(ar) .step-number,
:lang(ar) .footer-brand p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .brand {
	font-family: Cairo, Poppins, Inter, Arial, sans-serif;
	letter-spacing: 0 !important;
}

:lang(ar) .eyebrow,
[dir="rtl"] .eyebrow {
	letter-spacing: 0 !important;
}

[dir="rtl"] .desktop-nav {
	margin-left: 0;
	margin-right: auto;
}

[dir="rtl"] .nav-dropdown {
	left: auto;
	right: -20px;
}

[dir="rtl"] .lang-dropdown {
	right: auto;
	left: 0;
}

[dir="rtl"] .lang-dropdown__name {
	text-align: left;
}

[dir="rtl"] .home-hero::after {
	background: linear-gradient(
		270deg,
		rgba(14, 38, 56, 0.92) 0%,
		rgba(14, 38, 56, 0.78) 40%,
		rgba(14, 38, 56, 0.40) 72%,
		rgba(14, 38, 56, 0.20) 100%
	);
}

[dir="rtl"] .hero-stages span::before {
	left: auto;
	right: 0;
}

[dir="rtl"] .category-strip a {
	border-right: 0;
	border-left: 1px solid var(--line);
	padding-right: 0;
	padding-left: 25px;
}

[dir="rtl"] .category-strip a:last-child {
	border-left: 0;
}

[dir="rtl"] .category-strip svg {
	right: auto;
	left: 20px;
}

[dir="rtl"] .production-banner > img {
	right: auto;
	left: 0;
}

[dir="rtl"] .page-hero figcaption {
	left: auto;
	right: 24px;
}

[dir="rtl"] .product-image > span {
	left: auto;
	right: 10px;
}

[dir="rtl"] .contact-note {
	border-left: 0;
	border-right: 2px solid var(--blue);
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .count {
	margin-left: 0;
	margin-right: 10px;
}

[dir="rtl"] .quote-items article > button {
	margin-left: 0;
	margin-right: auto;
}

[dir="rtl"] ul {
	padding-left: 0;
	padding-right: 19px;
}

@media (max-width: 1000px) {

	[dir="rtl"] .header-actions {
		margin-left: 0;
		margin-right: auto;
	}
}