/* MATEL kurumsal bileşenleri. WoodMart genel stillerini değiştirmez. */
:root { --navy: #0f2747; --blue: #13649d; --cyan: #1a9fd2; --steel: #5e85aa; --ice: #eef4f8; --line: #d5e0e9; --muted: #47607a; --danger: #b3261e; --success: #17693f;
	--gut: clamp(1rem, 4vw, 3.5rem); --max: 1400px; --sec: clamp(3rem, 6vw, 5.5rem); --cut: clamp(1.25rem, 3vw, 2.25rem); --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --narrow: 100%; --wide: 100%; --head-h: 72px; }
.m-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.m-icon { display: inline-block; }
.m-h1 { font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; color: inherit; }
.m-h2 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); font-weight: 700; line-height: 1.15; }
.m-h3 { font-size: 1.2rem; font-weight: 650; line-height: 1.25; }
.m-lead { font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.5; color: var(--muted); max-width: 58ch; }
.m-meta { display: block; font-size: .92rem; color: var(--muted); }
.m-devbar { margin: 0; padding: .3rem 1rem; background: #fbf0d4; color: #5c3d00; font-size: .85rem; text-align: center; }
.m-link { font-weight: 600; color: var(--blue); text-decoration: underline; }
.m-testnote { margin: .25rem 0 .75rem; font-size: .92rem; color: #6b4a00; }
.m-benefit { font-size: 1.05rem; line-height: 1.45; color: var(--navy); }
.m-spec { width: 100%; border-collapse: collapse; }
.m-spec th, .m-spec td { padding: .7rem .5rem .7rem 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; text-transform: none; }
.m-spec th { width: 34%; font-weight: 600; color: var(--navy); }
.m-spec small { display: block; color: var(--muted); }
.m-pdp-video { max-width: 20rem; }
.m-video { width: 100%; height: auto; background: #000; }
.m-devbar + * { margin-top: 0; }
.m-info { display: grid; gap: 3rem; }
@media (min-width: 1024px) { .m-info { grid-template-columns: 1fr 1fr; gap: 5rem; } }
.m-foot-fact { margin: 0 0 .2rem; font-size: .92rem; }
.m-foot-fact span { color: var(--muted); }
.m-foot-legal { display: flex; flex-wrap: wrap; gap: .2rem 1rem; margin: 0; font-size: .9rem; }
/* ---------- Biçim: logodan pah kesimi ---------- */
.m-cut { display: block; overflow: hidden; border-radius: 20px; }
.m-cut--lg { --cut: clamp(1.75rem, 5vw, 4rem); }

/* ---------- Düğmeler ---------- */
.m-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	min-height: 3.1rem; padding: .7rem 1.5rem;
	border: 1.5px solid transparent; border-radius: 99px;
	font-weight: 600; font-stretch: 96%; line-height: 1.2; text-align: center; text-decoration: none;
	background: transparent; cursor: pointer;
	transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .12s var(--ease-out);
}
.m-btn:active { transform: scale(.975); }
.m-btn--primary { background: var(--blue); color: #fff; }
.m-btn--primary:hover { background: var(--navy); color: #fff; }
.m-btn--light { background: #fff; color: var(--navy); }
.m-btn--light:hover { background: var(--ice); color: var(--navy); }
.m-btn--line { border-color: var(--navy); color: var(--navy); }
.m-btn--line:hover { background: var(--navy); color: #fff; }
.m-btn--small { min-height: 2.6rem; padding: .45rem 1rem; font-size: .95rem; }
.m-btn[disabled], .m-btn.is-loading { opacity: .7; cursor: progress; }
.m-link { font-weight: 600; color: var(--blue); text-decoration: underline; text-decoration-thickness: 1.5px; }
.m-iconbtn { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; background: none; color: var(--navy); }
.m-iconbtn:hover { color: var(--blue); }


/* Devre izi listesi: logodaki düğümlü çizgi */
.m-trace { position: relative; margin: 1.1rem 0 0; list-style: none; }
.m-trace li { position: relative; padding: .28rem 0 .28rem 1.6rem; }
.m-trace li::before { content: ""; position: absolute; left: .32rem; top: 0; bottom: 0; width: 1.5px; background: var(--cyan); }
.m-trace li:first-child::before { top: .85rem; }
.m-trace li:last-child::before { bottom: calc(100% - .85rem); }
.m-trace li:only-child::before { display: none; }
.m-trace li::after { content: ""; position: absolute; left: 0; top: .6rem; width: .7rem; height: .7rem; border: 2px solid var(--cyan); border-radius: 50%; background: #fff; }


.m-ring { transform-origin: 200px 200px; opacity: 0; animation: m-ping 4.5s var(--ease-out) infinite; }
.m-ring--2 { animation-delay: 1.5s; }
.m-ring--3 { animation-delay: 3s; }
@keyframes m-ping { 0% { transform: scale(1); opacity: .55; } 70%, 100% { transform: scale(2.7); opacity: 0; } }
.m-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: m-draw 5s ease-in-out infinite alternate; }
.m-draw--2 { animation-delay: .5s; }
.m-draw--3 { animation-delay: 1s; }
@keyframes m-draw { to { stroke-dashoffset: 0; } }

/* Bilgi ve SSS */
.m-info { display: grid; gap: 3rem; }
@media (min-width: 1024px) { .m-info { grid-template-columns: 1fr 1fr; gap: 5rem; } }
.m-facts { margin: 1.1rem 0 0; }
.m-facts > div { display: grid; gap: .1rem 1.25rem; padding: .7rem 0; border-top: 1px solid var(--line); }
.m-facts dt { font-size: .92rem; font-stretch: var(--narrow); color: var(--muted); }
.m-facts dd { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 620px) { .m-facts > div { grid-template-columns: 11rem 1fr; } }

.m-faq { margin: 1.1rem 0; }
.m-faq__item { border-top: 1px solid var(--line); }
.m-faq__item:last-child { border-bottom: 1px solid var(--line); }
.m-faq summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .85rem 0; font-weight: 600; cursor: pointer; list-style: none; }
.m-faq summary::-webkit-details-marker { display: none; }
.m-faq summary .m-icon { flex: none; transition: transform .18s var(--ease-out); }
.m-faq details[open] summary .m-icon, .m-faq__item[open] summary .m-icon { transform: rotate(180deg); }
.m-faq__body { padding: 0 2rem .9rem 0; color: var(--muted); }
.m-faq__body p:last-child { margin: 0; }

/* ---------- Alan sayfaları ---------- */

.m-split { display: grid; gap: 1rem; }
@media (min-width: 1024px) { .m-split { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 3rem; } }
.m-split--page { padding: 2.5rem 0; border-top: 1px solid var(--line); }
.m-split .m-trace { margin-top: 0; }
.m-split .m-lead { color: var(--navy); }



/* ---------- Form ---------- */
.m-form__trap { position: absolute; left: -9999px; height: 1px; overflow: hidden; }
.m-form__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem 1.25rem; margin-bottom: 1.25rem; }
@media (min-width: 720px) { .m-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.m-field--wide { grid-column: 1 / -1; }
.m-field label { display: block; margin-bottom: .3rem; font-weight: 600; }
.m-req, .m-opt { font-size: .85rem; font-stretch: var(--narrow); font-weight: 400; color: var(--muted); }
.m-field input:not([type=checkbox]), .m-field select, .m-field textarea { display: block; width: 100%; min-height: 3rem; padding: .6rem .95rem; border: 1px solid #c9d6e2; border-radius: 12px; background: #fff; font-size: 1rem; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
.m-field input[type=file] { padding: .45rem .55rem; color: var(--muted); }
.m-field input[type=file]::file-selector-button { margin-right: .8rem; padding: .45rem 1rem; border: 1.5px solid var(--navy); border-radius: 99px; background: #fff; color: var(--navy); font: inherit; font-weight: 600; cursor: pointer; }
.m-field textarea { min-height: 8rem; resize: vertical; }
.m-field input:focus, .m-field select:focus, .m-field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(19, 100, 157, .16); outline: 0; }
.m-field__hint { margin: .3rem 0 0; font-size: .9rem; color: var(--muted); }
.m-field__err { margin: .3rem 0 0; font-size: .92rem; font-weight: 600; color: var(--danger); }
.m-field__err:empty { display: none; }
.m-field.has-error input:not([type=checkbox]), .m-field.has-error select, .m-field.has-error textarea { border-color: var(--danger); }
.m-field--check label { display: flex; gap: .6rem; font-weight: 400; }
.m-field--check input { flex: none; width: 1.25rem; height: 1.25rem; margin-top: .2rem; accent-color: var(--blue); }
.m-form__status { margin: 0 0 1.25rem; padding: .8rem 1rem; border-left: 4px solid var(--steel); border-radius: 0 12px 12px 0; background: #fff; font-weight: 600; }
.m-form__status.is-success { border-color: var(--success); color: var(--success); }
.m-form__status.is-error { border-color: var(--danger); color: var(--danger); }
.m-form__status:focus { outline: 0; }

/* ---------- Genel sayfalar ---------- */
.m-page { max-width: var(--max); margin: 0 auto; padding: 1.25rem var(--gut) var(--sec); }
.m-page__head { padding-bottom: clamp(1.5rem, 4vw, 3rem); }
.m-page__head .m-h1 { margin-top: clamp(1rem, 3vw, 2rem); max-width: 22ch; }
.m-page__head .m-lead { margin: 1rem 0 0; }
.m-page--text { max-width: 58rem; }
.m-page--text .m-page__head .m-h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.m-page__facts { margin-top: 3rem; }
.m-crumbs ol { display: flex; flex-wrap: wrap; gap: .1rem .5rem; list-style: none; font-size: .9rem; font-stretch: var(--narrow); color: var(--muted); }
.m-crumbs li:not(:last-child)::after { content: "/"; margin-left: .5rem; opacity: .6; }
.m-crumbs a { color: inherit; }
.m-crumbs a:hover { color: var(--blue); }
.m-content { max-width: 68ch; }
.m-content h2 { margin: 2rem 0 .6rem; font-size: 1.45rem; font-stretch: 108%; font-weight: 650; line-height: 1.2; }
.m-content h3 { margin: 1.5rem 0 .5rem; font-size: 1.15rem; font-weight: 650; }
.m-content ul, .m-content ol { margin: 0 0 1em; padding-left: 1.3em; }
.m-content li { margin: .25em 0; }
.m-content > :first-child { margin-top: 0; }
.m-legal-note { margin: 0 0 1.5rem; padding: .8rem 1rem; background: #fbf0d4; border-left: 4px solid #d39a18; color: #5c3d00; font-weight: 550; }
.m-article__img { margin: 0 0 2rem; }
.m-more { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.m-more ul { margin-top: .6rem; list-style: none; }
.m-more li { padding: .3rem 0; }

.m-posts { display: grid; gap: 0; }
.m-post { display: grid; gap: 1rem; padding: 1.75rem 0; border-top: 1px solid var(--line); }
.m-post__img { aspect-ratio: 3 / 2; background: var(--ice); }
.m-post__img img { width: 100%; height: 100%; object-fit: cover; }
.m-post__title { margin-bottom: .5rem; font-size: clamp(1.25rem, 2vw, 1.75rem); font-stretch: 108%; font-weight: 640; line-height: 1.18; }
.m-post__title a { color: var(--navy); text-decoration: none; }
.m-post__title a:hover { color: var(--blue); }
.m-post p { margin-bottom: .4rem; color: var(--muted); max-width: 62ch; }
@media (min-width: 768px) { .m-post { grid-template-columns: 16rem 1fr; gap: 2rem; } .m-post > :only-child { grid-column: 2; } }

.m-projects { display: grid; gap: 2rem; list-style: none; }
@media (min-width: 768px) { .m-projects { grid-template-columns: repeat(2, 1fr); } }
.m-projects a { color: var(--navy); }
.m-projects .m-h3 { margin-top: .6rem; }
.m-gallerygrid { display: grid; gap: 1rem; margin-top: 1.25rem; }
.m-gallerygrid figure { margin: 0; }
@media (min-width: 768px) { .m-gallerygrid { grid-template-columns: repeat(3, 1fr); } }

.m-emptybox { padding: clamp(2rem, 5vw, 4rem) 1.5rem; background: var(--ice); text-align: center; }
.m-emptybox p { margin: .5rem auto 1.25rem; max-width: 46ch; color: var(--muted); }


.m-404 { display: grid; gap: 1.5rem; max-width: var(--max); margin: 0 auto; padding: clamp(3rem, 8vw, 7rem) var(--gut); }
.m-404__signal { width: clamp(9rem, 28vw, 22rem); color: var(--cyan); }
.m-404__search { margin: 1.5rem 0; max-width: 32rem; }
.m-404__search label { display: block; margin-bottom: .3rem; font-weight: 600; }
.m-404__search > div { display: flex; gap: .5rem; }
.m-404__search input[type=search] { flex: 1; min-width: 0; min-height: 3rem; padding: .4rem .8rem; border: 1.5px solid var(--steel); }
.m-404__links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; list-style: none; }
@media (min-width: 900px) { .m-404 { grid-template-columns: 1fr 2fr; align-items: center; } }


.m-page__head .m-h1 { margin-top: 1rem; }
.m-crumbs ol { margin: 0; }
.m-crumbs li { margin: 0; }

.m-art { position: absolute; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .m-ring, .m-draw { animation: none !important; } .m-ring { opacity: 0; } .m-ring--1 { opacity: .5; } .m-draw { stroke-dashoffset: 0; } .m-btn { transition: none; } }

/* ---------- WoodMart ana sayfa ---------- */
body.home .main-page-wrapper, body.home .wd-content-layout { padding-top: 0 !important; margin-top: 0; }
.wd-slide .wd-slide-bg img, .wd-slide img.wd-slide-bg { object-position: right center !important; }
.wd-slide-inner { width: 100%; }
.m-slide-copy { max-width: 560px; }
.m-slide-btns .wd-button-wrapper { width: auto; }
.m-slide-dark .m-btn-b a { color: #fff !important; border-color: rgba(255, 255, 255, .6) !important; }
.m-slide-dark .m-btn-b a:hover { background: #fff !important; color: #0f2747 !important; }
.m-slide-light .m-btn-b a { color: #0f2747 !important; border-color: rgba(15, 39, 71, .55) !important; }
.m-slide-light .m-btn-b a:hover { background: #0f2747 !important; color: #fff !important; }
@media (min-width: 1281px) {
	.wd-slider .wd-slide, [id^="slider-"] .wd-slide { min-height: max(33.33vw, 27rem) !important; }
	.m-slide-copy { max-width: min(42vw, 600px); }
}
@media (max-width: 1280px) {
	[id^="slider-"] .wd-slide { display: flex; flex-direction: column; min-height: 0 !important; height: 100%; }
	[id^="slider-"] .wd-slide-bg { position: relative !important; order: -1; flex: none; width: 100%; height: auto !important; aspect-ratio: 3 / 1; }
	[id^="slider-"] .wd-slide-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	[id^="slider-"] .wd-slide-container { flex: 1; padding-top: 1.25rem; padding-bottom: 3rem; min-height: 0; }
	.m-slide-copy { max-width: none; }
}
@media (max-width: 600px) { [id^="slider-"] .wd-slide-bg { aspect-ratio: 16 / 9; } }

.m-home-cats .wd-cat-image img, .m-home-cats .category-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.m-home-video { max-width: 320px; margin-inline: auto; width: 100%; }
.m-home-banner .content-banner { max-width: 50%; }
.m-home-banner .banner-title, .m-home-banner h4 { line-height: 1.15; }
@media (max-width: 600px) { .m-home-banner .content-banner { max-width: 62%; } }

/* Ürün görselleri kesilmeden aynı oranda */
.product-label.out-of-stock { color: #fff; opacity: 1; }

/* ---------- Düzeltmeler ---------- */
.m-servlist, .m-trace, .m-process, .m-faq, .m-crumbs ol, .m-projects, .m-contact__list, .m-switch { padding-left: 0; margin-left: 0; list-style: none; }
.m-servlist li, .m-trace li, .m-process li, .m-contact__list li { margin-left: 0; }
@media (max-width: 1280px) {
	.wd-slide:has(.m-slide-dark) { background: #06203f; }
	.wd-slide:has(.m-slide-light) { background: #dfeaf3; }
	[id^="slider-"] .wd-nav-arrows, [id^="slider-"] .wd-arrow-inner { display: none; }
}
.wd-entities-title { -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; height: auto !important; }
.product-label.out-of-stock { background: #47607a !important; color: #fff !important; }

.wd-entities-title, .wd-loop-prod-title { max-height: none !important; }
@media (min-width: 1281px) {
	.m-slide-copy { width: min(40vw, 600px) !important; max-width: min(40vw, 600px) !important; }
	.wd-slide-inner { padding-inline: 0; }
}
.m-pdp-sec { margin-top: var(--sec); }
.m-pdp-sec .m-h2 { margin-bottom: 1rem; }

/* ---------- WoodMart ile uyum ---------- */
.m-h1, .m-page .m-h1 { color: var(--navy); }
.m-page { padding-inline: 0; }
.m-form button[disabled] { opacity: .7; cursor: progress; }
@media (max-width: 1280px) { .wd-slide-inner { padding-inline: .5rem; } }

/* Slider yazısı solda kalır; video makul boyutta */
.m-slide-copy { margin-left: 0 !important; margin-right: auto !important; align-self: flex-start; }
.wd-slide-inner { display: flex; justify-content: flex-start; }
.m-home-video { max-width: 320px !important; width: 100% !important; margin-inline: auto !important; }

/* ---------- Video bandı ---------- */
.m-home-film { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding: clamp(2.5rem, 5vw, 4.5rem) max(15px, calc((100vw - var(--wd-container-w, 1400px)) / 2 + 15px)) !important; gap: clamp(2rem, 6vw, 6rem); overflow: hidden; }
.m-home-film__copy { flex: 1 1 0; min-width: 0; max-width: 620px; gap: 1.25rem; }
.m-home-film .m-home-video { flex: 0 0 auto; width: clamp(220px, 21vw, 280px) !important; max-width: 280px !important; margin: 0 !important; }
.m-home-film .m-home-video .elementor-wrapper { border-radius: 14px; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.m-film-btn a { background: #fff !important; color: #0f2747 !important; }
.m-film-btn a:hover { background: #d3e0ec !important; }
@media (max-width: 767px) {
	.m-home-film { align-items: flex-start !important; }
	.m-home-film .m-home-video { width: 240px !important; align-self: center; }
	.m-home-film__copy { max-width: none; }
}

/* ---------- Alt bilgi ---------- */
.m-foot-top { display: grid !important; grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 2.5rem 3rem; padding: clamp(2.5rem, 4vw, 3.5rem) 0 2rem !important; align-items: start; }
.m-foot-top > * { width: auto !important; min-width: 0; }
.m-fbrand img { width: 200px; height: auto; }
.m-fbrand p { margin: .9rem 0 0; max-width: 34ch; color: #47607a; line-height: 1.5; }
.m-fcol h3 { margin: 0 0 .9rem; font-size: 1rem; font-weight: 700; color: #0f2747; }
.m-fcol ul { margin: 0; padding: 0; list-style: none; }
.m-fcol li { margin: 0; padding: .28rem 0; }
.m-fcol a { color: #2c4663; }
.m-fcol a:hover { color: #13649d; }
.m-fcol p { margin: 0 0 .5rem; color: #2c4663; line-height: 1.5; }
.m-fcta { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem !important; }
.m-fcta a { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .35rem 1rem; border: 1.5px solid #0f2747; border-radius: 99px; color: #0f2747; font-weight: 600; font-size: .92rem; }
.m-fcta a:hover { background: #0f2747; color: #fff; }
.m-foot-reg { padding: 1rem 0 !important; border-top: 1px solid #d5e0e9; }
.m-foot-reg .m-foot-fact { display: inline-block; margin: 0 1.75rem .2rem 0; font-size: .86rem; color: #0f2747; }
.m-foot-reg .m-foot-fact span { color: #5a7188; }
.m-foot-bar { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; padding: 1rem max(15px, calc((100vw - var(--wd-container-w, 1400px)) / 2 + 15px)) !important; background: #0f2747; justify-content: space-between; align-items: center; gap: .75rem 2rem; flex-wrap: wrap; }
.m-foot-bar > * { width: auto !important; }
.m-foot-bar p { margin: 0; }
.m-foot-sign a { color: #fff !important; font-weight: 600; }
.m-foot-sign a:hover { text-decoration: underline; }
.m-foot-law a { color: #d8e4ee !important; font-size: .86rem; }
.m-foot-law a:hover { color: #fff !important; text-decoration: underline; }
.m-foot-legal { justify-content: flex-end; }
.wd-footer, .footer-container { overflow-x: clip; }
.footer-container, .wd-footer { padding-bottom: 0 !important; margin-bottom: 0 !important; }
@media (max-width: 1024px) { .m-foot-top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
	.m-foot-top { grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem; }
	.m-fbrand, .m-fcolw--wide { grid-column: 1 / -1; }
	.m-foot-legal { justify-content: flex-start; }
	.m-foot-reg .m-foot-fact { display: block; margin-right: 0; }
}

/* Elementor iç sarmalayıcısı: yerleşim .e-con-inner üzerinde. Tam genişlik zemin, içerik hizasını bozmaz. */
.m-home-film, .m-foot-bar { width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-shadow: 0 0 0 100vmax var(--m-bleed); clip-path: inset(0 -100vmax); overflow: visible; }
.m-home-film { --m-bleed: #06203f; display: block !important; padding: clamp(2.5rem, 5vw, 4.5rem) 0 !important; }
.m-home-film > .e-con-inner { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: clamp(2rem, 6vw, 6rem); width: 100%; max-width: none; padding: 0 !important; }
.m-home-film__copy { flex: 1 1 0; }
.m-home-film__copy > .e-con-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; padding: 0 !important; }
.m-film-btn { align-self: flex-start; width: auto !important; }
.m-film-btn .wd-button-wrapper, .m-film-btn { text-align: left !important; justify-content: flex-start !important; }
.m-home-film .m-home-video { margin-left: auto !important; }
@media (max-width: 767px) {
	.m-home-film > .e-con-inner { flex-direction: column !important; align-items: stretch !important; }
	.m-home-film .m-home-video { width: 240px !important; margin: 0 auto !important; align-self: center; }
}

.m-foot-top { display: block !important; }
.m-foot-top > .e-con-inner { display: grid !important; grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 2.5rem 3rem; align-items: start; width: 100%; max-width: none; padding: 0 !important; }
.m-foot-top > .e-con-inner > * { width: auto !important; min-width: 0; max-width: none !important; padding: 0 !important; }
.m-foot-top .e-con-inner .e-con-inner { padding: 0 !important; }
.m-foot-bar { --m-bleed: #0f2747; display: block !important; padding: 1rem 0 !important; }
.m-foot-bar > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: space-between !important; align-items: center !important; gap: .75rem 2rem; width: 100%; max-width: none; padding: 0 !important; }
.m-foot-bar > .e-con-inner > * { width: auto !important; }
.m-foot-reg > .e-con-inner { padding: 0 !important; max-width: none; }
@media (max-width: 1024px) { .m-foot-top > .e-con-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
	.m-foot-top > .e-con-inner { gap: 2rem 1.5rem; }
	.m-fbrand, .m-fcolw--wide { grid-column: 1 / -1; }
	.m-foot-bar > .e-con-inner { flex-direction: column !important; align-items: flex-start !important; }
}

.m-foot-bar > .e-con-inner { padding-right: 3.75rem !important; }

/* ---------- SSS bölümü ---------- */
.m-home-faq { max-width: 860px; margin-inline: auto; }
.m-home-faq .m-h2 { text-align: center; margin-bottom: 1.5rem; }
.m-home-faq > .m-link { display: block; text-align: center; margin-top: 1.25rem; }
.m-faq summary .m-icon { transition: transform .24s cubic-bezier(0.23, 1, 0.32, 1); }
.m-faq__item.is-closing summary .m-icon { transform: none !important; }
@media (prefers-reduced-motion: reduce) { .m-faq summary .m-icon { transition: none; } }

/* ---------- Görselli gece bandı ---------- */
.m-home-film { display: flex !important; position: relative; width: 100vw !important; max-width: 100vw !important; min-height: clamp(26rem, 34vw, 38rem); margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding: clamp(3rem, 6vw, 5rem) calc(50vw - 50%) !important; box-shadow: none; clip-path: none; overflow: hidden; align-items: center; background-size: 60% auto !important; background-position: right 42% !important; }
.m-home-film::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #06101f 0%, #06101f 42%, rgba(6, 16, 31, .62) 58%, rgba(6, 16, 31, 0) 82%); pointer-events: none; }
.m-home-film > .e-con-inner { position: relative; z-index: 1; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 1.5rem; width: 100%; max-width: min(620px, 54%); margin: 0; padding: 0 !important; }
.m-film-title { width: 100%; }
.m-film-actions { width: 100% !important; padding: 0 !important; }
.m-film-actions > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; justify-content: flex-start !important; gap: .75rem; padding: 0 !important; max-width: none; }
.m-film-actions > .e-con-inner > * { width: auto !important; margin: 0 !important; }
.m-home-film .m-home-video { flex: none; width: 172px !important; max-width: 172px !important; height: 44px; margin: 0 !important; border-radius: 99px; overflow: hidden; border: 1.5px solid rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .08); cursor: pointer; transition: transform .16s cubic-bezier(0.23, 1, 0.32, 1), background-color .16s ease; }
.m-home-film .m-home-video .elementor-widget-container, .m-home-film .m-home-video .elementor-wrapper { height: 100% !important; aspect-ratio: auto !important; --video-aspect-ratio: auto !important; border-radius: 0; box-shadow: none; background: transparent !important; }
.m-home-film .m-home-video .elementor-custom-embed-image-overlay { display: flex; align-items: center; justify-content: center; gap: .55rem; width: 100%; height: 100%; background: transparent !important; color: #fff; font-weight: 600; font-size: .92rem; }
.m-home-film .m-home-video .elementor-custom-embed-image-overlay::after { content: "Videoyu izle"; }
.m-home-film .m-home-video .elementor-custom-embed-image-overlay img { display: none; }
.m-home-film .m-home-video .elementor-custom-embed-image-overlay:focus-visible { outline: 2px solid #fff; outline-offset: -5px; border-radius: 99px; }
.m-home-film .m-home-video .elementor-custom-embed-play { position: static; display: block; width: 11px; height: 13px; transform: none; opacity: 1; background: #fff; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.m-home-film .m-home-video .elementor-custom-embed-play > * { display: none; }
.m-home-film .m-home-video:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) { .m-home-film .m-home-video:hover { background: rgba(255, 255, 255, .2); } }
.dialog-lightbox-widget .elementor-video-wrapper video { margin-inline: auto; }
@media (max-width: 767px) {
	.m-home-film { min-height: 36rem; flex-direction: column !important; align-items: stretch; justify-content: flex-end !important; padding-top: 12rem !important; padding-bottom: 2.25rem !important; background-size: auto 118% !important; background-position: 62% 100% !important; }
	.m-home-film::before { background: linear-gradient(0deg, #06101f 0%, #06101f 40%, rgba(6, 16, 31, .7) 56%, rgba(6, 16, 31, 0) 76%); }
	.m-home-film > .e-con-inner { max-width: none; }
}
@media (prefers-reduced-motion: reduce) { .m-home-film .m-home-video { transition: none; } .m-home-film .m-home-video:active { transform: none; } }

/* ========== İç sayfalar ========== */
.m-has-hero .main-page-wrapper, .m-has-hero .wd-content-layout { padding-top: 0 !important; margin-top: 0; }
.m-has-hero .wd-page-title { display: none; }

/* Üst alan: ana sayfadaki gece bandıyla aynı dil */
.m-hero { display: flex !important; position: relative; width: 100vw !important; max-width: 100vw !important; min-height: clamp(19rem, 25vw, 27rem); margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding: clamp(1.25rem, 2vw, 1.75rem) calc(50vw - 50%) clamp(2.5rem, 4vw, 4rem) !important; margin-bottom: 0 !important; overflow: hidden; background-color: #06101f !important; background-repeat: no-repeat !important; color: #fff; }
.m-hero--img { background-size: 58% auto !important; background-position: right 55% !important; }
.m-hero--img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #06101f 0%, #06101f 42%, rgba(6, 16, 31, .62) 58%, rgba(6, 16, 31, 0) 84%); pointer-events: none; }
.m-hero--plain { min-height: clamp(16rem, 20vw, 21rem); }
.m-hero > .e-con-inner { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; gap: .9rem; width: 100%; max-width: none; margin: 0; padding: 0 !important; }
.m-hero > .e-con-inner > * { position: relative; z-index: 1; width: auto !important; max-width: min(640px, 56%) !important; margin: 0 !important; }
.m-hero > .e-con-inner > .m-crumbs, .m-hero > .e-con-inner > .m-hero-crumbs { margin-bottom: auto !important; padding-bottom: clamp(1.5rem, 3vw, 3rem); max-width: none !important; }
.m-hero .m-crumbs ol, .m-hero .m-crumbs a, .m-hero .m-crumbs li { color: #c5d4e2; }
.m-hero .m-crumbs a:hover { color: #fff; }
.m-hero__title { margin: 0; color: #fff; font-size: clamp(2rem, 3.6vw, 3.25rem); font-weight: 700; line-height: 1.08; letter-spacing: -.015em; }
.m-hero__lead { max-width: 60ch; margin: 0; color: #e3ecf4; font-size: clamp(1.02rem, 1.3vw, 1.15rem); line-height: 1.5; }
.m-hero .m-hero-title .title { color: #fff; }
.m-hero__actions { margin-top: .5rem !important; }
.m-hero > .m-hero-art, .m-hero > .e-con-inner > .m-hero-art { position: absolute !important; right: 0; bottom: 0; top: 0; width: 52% !important; max-width: none !important; z-index: 0; color: var(--cyan); pointer-events: none; }
.m-hero .m-hero-art .elementor-shortcode, .m-hero .m-hero-art > .m-hero-art { position: absolute; inset: 0; }
.m-hero-art .m-art { position: absolute; right: 0; bottom: 0; width: 100%; opacity: .75; }
.m-hero .m-draw { animation: none; stroke-dashoffset: 0; }
@media (max-width: 767px) {
	.m-hero--img { min-height: 25rem; padding-top: 1rem !important; background-size: auto 100% !important; background-position: 70% 0 !important; }
	.m-hero--img::before { background: linear-gradient(0deg, #06101f 0%, #06101f 38%, rgba(6, 16, 31, .72) 62%, rgba(6, 16, 31, .35) 100%); }
	.m-hero > .e-con-inner > * { max-width: none !important; }
	.m-hero > .m-hero-art, .m-hero > .e-con-inner > .m-hero-art { width: 100% !important; opacity: .35; }
}

/* Düğmeler: WoodMart stillerinin üstünde */
a.m-btn, button.m-btn { min-height: 3rem; padding: .6rem 1.5rem; border-radius: 99px !important; font-size: .95rem; font-weight: 600; text-transform: none; }
a.m-btn--small, button.m-btn--small { min-height: 2.6rem; padding: .4rem 1.1rem; }
a.m-btn--primary, button.m-btn--primary { background: var(--blue) !important; color: #fff !important; }
a.m-btn--primary:hover, button.m-btn--primary:hover { background: var(--navy) !important; color: #fff !important; }
a.m-btn--light { background: #fff !important; color: var(--navy) !important; }
a.m-btn--light:hover { background: var(--ice) !important; }
a.m-btn--line { background: transparent !important; color: var(--navy) !important; }
a.m-btn--line:hover { background: var(--navy) !important; color: #fff !important; }
.m-form select { background-color: #fff; }

/* Düzen */
.m-sec { max-width: none; margin: 0; }
.m-sec { padding-top: clamp(2.75rem, 5vw, 4.5rem); }
.m-h2 { letter-spacing: -.01em; }
.m-sec > .m-h2 { margin-bottom: 1.25rem; }
.m-split { align-items: start; }
.m-split--page { padding: clamp(2rem, 4vw, 3.5rem) 0; border-top: 1px solid var(--line); }
.m-split--page:first-child { border-top: 0; }
.m-page { padding: clamp(2rem, 4vw, 3.5rem) 0 var(--sec); }
.m-page--text { margin-inline: auto; }

/* Hizmet kartları */
.m-servlist { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.m-servlist li { margin: 0; }
.m-servlist a { position: relative; display: flex; flex-direction: column; gap: .5rem; height: 100%; min-height: 8.5rem; padding: 1.5rem 3.5rem 1.5rem 1.5rem; border-radius: 20px; background: var(--ice); color: var(--navy); text-decoration: none; transition: background-color .16s ease, color .16s ease; }
.m-servlist__name { font-size: clamp(1.2rem, 1.7vw, 1.45rem); font-weight: 700; line-height: 1.2; }
.m-servlist__text { color: var(--muted); line-height: 1.45; transition: color .16s ease; }
.m-servlist .m-icon { position: absolute; right: 1.5rem; top: 1.6rem; transition: transform .18s var(--ease-out); }
@media (min-width: 700px) { .m-servlist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (hover: hover) and (pointer: fine) {
	.m-servlist a:hover { background: var(--navy); color: #fff; }
	.m-servlist a:hover .m-servlist__text { color: #d3e0ec; }
	.m-servlist a:hover .m-icon { transform: translateX(4px); }
}

/* Süreç: logodaki düğümlü çizgi */
.m-band { width: 100vw; margin: clamp(2.75rem, 5vw, 4.5rem) 0 0 calc(50% - 50vw); padding: clamp(2.5rem, 4.5vw, 4rem) calc(50vw - 50%); background: var(--ice); }
.m-band > .m-h2 { margin-bottom: 1.75rem; }
.m-process { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.m-process li { position: relative; margin: 0; padding: .1rem 0 1.4rem 3.1rem; counter-increment: step; line-height: 1.4; color: var(--navy); }
.m-process li::before { content: counter(step); position: absolute; z-index: 1; left: 0; top: 0; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--navy); color: #fff; font-size: .95rem; font-weight: 700; line-height: 2.2rem; text-align: center; }
.m-process li::after { content: ""; position: absolute; left: calc(1.1rem - 1px); top: 2.2rem; bottom: 0; width: 2px; background: #bcd0e0; }
.m-process li:last-child { padding-bottom: 0; }
.m-process li:last-child::after { display: none; }
@media (min-width: 900px) {
	.m-band .m-process { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1.25rem; }
	.m-band .m-process li { padding: 3.1rem 1rem 0 0; }
	.m-band .m-process li::after { left: 2.2rem; right: -1.25rem; top: calc(1.1rem - 1px); bottom: auto; width: auto; height: 2px; }
}

/* Form bölümü */
.m-quote { scroll-margin-top: var(--head-h); }
.m-quote:not(.m-quote--plain) { display: grid; gap: 1.5rem 3rem; width: 100vw; margin: clamp(2.75rem, 5vw, 4.5rem) 0 0 calc(50% - 50vw); padding: clamp(2.5rem, 5vw, 4.5rem) calc(50vw - 50%); background: #06101f; color: #fff; }
.m-quote__head h2 { color: #fff; }
.m-quote__head p { margin: .75rem 0 0; color: #d3e0ec; max-width: 34ch; }
.m-quote:not(.m-quote--plain) .m-form { min-width: 0; padding: clamp(1.25rem, 3vw, 2.25rem); border-radius: 20px; background: #fff; color: var(--navy); }
.m-quote .m-form .m-btn--primary, .m-formcard .m-btn--primary { min-width: 13rem; }
@media (min-width: 1024px) { .m-quote:not(.m-quote--plain) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } }
.m-formcard { min-width: 0; padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.m-formcard > .m-h2 { margin-bottom: 1.25rem; }

/* İletişim ve teklif */
.m-contact { display: grid; gap: 1.5rem; padding: clamp(2rem, 4vw, 3.5rem) 0 var(--sec); }
.m-switch + .m-contact { padding-top: 1.5rem; }
@media (min-width: 1024px) { .m-contact { grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: 2rem; align-items: start; } .m-contact__info { position: sticky; top: 6rem; } }
.m-contact__info { padding: clamp(1.25rem, 2.5vw, 2rem); border-radius: 20px; background: var(--ice); color: var(--navy); }
.m-contact__info .m-h3 { margin: 1.75rem 0 .5rem; }
.m-contact__info .m-h3:first-child { margin-top: 0; }
.m-contact__info address { font-style: normal; line-height: 1.5; }
.m-contact__info p { margin: 0 0 .75rem; color: var(--muted); }
.m-contact__info p:last-child { margin-bottom: 0; }
.m-contact__info .m-process { margin-bottom: 1.25rem; }
.m-contact__list { margin: 0; padding: 0; list-style: none; }
.m-contact__list li { margin: 0; padding: .25rem 0; }
.m-contact__list span { display: inline-block; min-width: 5.5rem; color: var(--muted); }
.m-switch { display: inline-flex; flex-wrap: wrap; gap: .25rem; margin-top: clamp(1.5rem, 3vw, 2.5rem); padding: .3rem; border-radius: 99px; background: var(--ice); }
.m-switch a { padding: .6rem 1.25rem; border-radius: 99px; font-weight: 600; color: var(--muted); text-decoration: none; transition: background-color .16s ease, color .16s ease; }
.m-switch a:hover { color: var(--navy); }
.m-switch a[aria-current] { background: var(--navy); color: #fff; }
@media (max-width: 480px) { .m-switch { display: flex; border-radius: 20px; } .m-switch a { flex: 1 1 100%; text-align: center; } }

/* Hakkımızda */
.m-about-sec { padding-top: clamp(2.75rem, 5vw, 4.5rem); gap: 1rem; }
.m-about-sec--last { padding-bottom: var(--sec); }
.m-about-sec p { margin: 0; max-width: 72ch; color: var(--muted); }
.m-about-sec .m-about-note { color: var(--navy); }
.m-about-cards { margin-top: .75rem; }
.m-about-cards .m-home-banner .content-banner { max-width: 72%; }
.m-about-note { font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.4; color: var(--navy); max-width: 44ch; margin: 0; }
.m-factgrid { display: grid; gap: 1px; margin: 0; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--line); }
.m-factgrid > div { padding: 1.1rem 1.35rem; background: #fff; }
.m-factgrid dt { margin-bottom: .25rem; font-size: .9rem; font-weight: 500; color: var(--muted); }
.m-factgrid dd { margin: 0; color: var(--navy); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
@media (min-width: 700px) { .m-factgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .m-factgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Yasal metinler */
.m-doc { display: grid; gap: 1.5rem; padding: clamp(1.25rem, 2vw, 1.75rem) 0 var(--sec); }
.m-doc__nav { padding: 1.25rem 1.35rem; border-radius: 20px; background: var(--ice); }
.m-doc__nav .m-h3 { margin: 0 0 .6rem; font-size: 1rem; }
.m-doc__nav ul { margin: 0; padding: 0; list-style: none; }
.m-doc__nav li { margin: 0; }
.m-doc__nav a { display: block; padding: .5rem .75rem; margin-inline: -.75rem; border-radius: 10px; color: var(--muted); line-height: 1.3; transition: background-color .16s ease, color .16s ease; }
.m-doc__nav a:hover { color: var(--navy); }
.m-doc__nav a[aria-current] { background: #fff; color: var(--navy); font-weight: 600; }
.m-doc__title { margin: 1rem 0 1.5rem; color: var(--navy); font-size: clamp(1.9rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -.015em; }
.m-doc__body .m-content { max-width: 70ch; color: #33475b; }
.m-legal-note { border-radius: 0 12px 12px 0; }
@media (min-width: 1024px) { .m-doc { grid-template-columns: minmax(0, 19rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; } .m-doc__nav { position: sticky; top: 6rem; order: 0; } }
@media (max-width: 1023px) { .m-doc__nav { order: 1; } }

@media (prefers-reduced-motion: reduce) { .m-servlist a, .m-servlist__text, .m-servlist .m-icon, .m-switch a, .m-doc__nav a { transition: none; } }

/* Hakkımızda başlıkları ve kartları */
.m-about-sec .elementor-widget-wd_title .title { font-size: clamp(1.5rem, 2.5vw, 2.25rem); font-weight: 700; letter-spacing: -.01em; }
.m-about-sec .elementor-widget-text-editor p { margin: 0; }

/* Koyu form bölümü alt bilgiye bitişik */
body:has(.m-quote:not(.m-quote--plain)) .wd-content-layout { padding-bottom: 0 !important; }
body:has(.m-quote:not(.m-quote--plain)) .main-page-wrapper { padding-bottom: 0 !important; margin-bottom: 0; }

/* Mağaza: aynı oranda ürün görselleri */
.wd-product .wd-product-img-link, .wd-product .wd-product-thumb { display: block; aspect-ratio: 1; }
.wd-product .wd-product-img-link img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; object-position: 68% center; }

/* Ürün sayfası: boş bölümler görünmesin */
.single-product .wd-sticky-container-lg:not(:has(.elementor-widget)) { display: none; }
.single-product .elementor > .e-parent:not(:has(.elementor-widget)) { display: none; }
.m-spec { border-top: 1px solid var(--line); }
.m-spec th { padding-left: 0; }

/* Rehber kartları: yalnızca başlık, tarih ve okuma bağlantısı */
.wd-post .wd-post-meta, .wd-post .wd-post-share, .wd-post .wd-post-author, .wd-post .wd-meta-author, .wd-post .wd-modern-meta, .wd-post .entry-meta { display: none !important; }
.m-has-hero .wd-blog-archive { margin-top: clamp(2rem, 4vw, 3.5rem); }
.blog .wd-page-title, .blog .wd-page-heading { display: none; }

/* Rehber yazısı */
.m-post-head { width: 100vw !important; max-width: 100vw !important; margin: 0 0 clamp(2rem, 4vw, 3.5rem) calc(50% - 50vw) !important; padding: clamp(2rem, 4vw, 3.5rem) calc(50vw - 50%) !important; border-radius: 0 !important; background: #06101f !important; }
.m-post-head > .e-con-inner { padding: 0 !important; max-width: none; }
.m-post-head .wd-post-title, .m-post-head .title { color: #fff; }
.single-post .main-page-wrapper, .single-post .wd-content-layout { padding-top: 0 !important; margin-top: 0; }
.single-post .wd-single-post-content { max-width: 70ch; margin-inline: auto; color: #33475b; }
.single-post .wd-single-post-content h2, .single-post .wd-single-post-content h3 { color: var(--navy); }

/* Elementor kapsayıcısının kendi katmanını da aşar: görsel koyu zemine kesintisiz karışır */
.m-hero.m-hero--img::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; opacity: 1 !important; z-index: 0; background-image: linear-gradient(90deg, #06101f 0%, #06101f 42%, rgba(6, 16, 31, .7) 56%, rgba(6, 16, 31, 0) 82%) !important; }
@media (max-width: 767px) {
	.m-hero.m-hero--img::before { background-image: linear-gradient(0deg, #06101f 0%, #06101f 38%, rgba(6, 16, 31, .72) 62%, rgba(6, 16, 31, .35) 100%) !important; }
}
.m-hero > .e-con-inner { position: relative; z-index: 1; }

/* Form alanları tek biçim */
.m-field select { border: 1px solid #c9d6e2 !important; border-radius: 12px !important; min-height: 3rem; color: var(--navy); }
.m-contact__info .m-h3 + .m-process { margin-top: 1rem; }

/* Bant kartlarındaki kısa metin görselin üstünde okunur */
.m-home-banner .banner-inner, .m-home-banner .banner-inner p, .m-home-banner .wd-banner-content p { color: #e3ecf4 !important; }

/* Tablette görsel bandın yüksekliğini doldurur */
@media (min-width: 768px) and (max-width: 1100px) {
	.m-hero--img { background-size: auto 100% !important; background-position: right center !important; }
}

/* Ürün galerisi: farklı oranlı görseller boşluk bırakmaz */
.single-product .woocommerce-product-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: 68% center; }
.single-product .elementor > .e-parent:nth-last-child(-n+2) { margin-bottom: 0 !important; }