:root {
    --ink: #101820;
    --ink-soft: #364152;
    --steel: #8e9aa7;
    --steel-light: #eef2f5;
    --line: #dce2e8;
    --accent: #0d7377;
    --accent-dark: #09585b;
    --white: #ffffff;
    --radius: 18px;
    --shadow: 0 20px 55px rgba(16, 24, 32, .11);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink-soft); background: #fff; line-height: 1.7; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-dark); }
img { max-width: 100%; height: auto; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { clip: auto; width: auto; height: auto; margin: 8px; padding: 10px 14px; background: #fff; z-index: 99999; }
.topbar { background: var(--ink); color: rgba(255,255,255,.82); font-size: 13px; }
.topbar-inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar-actions { display: flex; gap: 22px; }
.topbar a { color: #fff; font-weight: 700; }
.site-header { position: sticky; top: 0; z-index: 999; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(220,226,232,.86); transition: box-shadow .25s ease, background .25s ease; backdrop-filter: blur(14px); }
.site-header.is-scrolled { box-shadow: 0 10px 35px rgba(16,24,32,.08); }
.nav-wrap { min-height: 86px; display: flex; align-items: center; gap: 28px; }
.site-branding { flex: 0 0 auto; }
.custom-logo { max-height: 64px; width: auto; }
.brand-mark { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); }
.brand-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#2f3f4f,#0f1720 55%,#697786); border: 1px solid #8794a0; border-radius: 12px; font-weight: 900; letter-spacing: -1px; box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 10px 25px rgba(16,24,32,.14); }
.brand-copy { display: flex; flex-direction: column; line-height: 1.15; }
.brand-copy strong { color: var(--ink); font-size: 18px; text-transform: uppercase; letter-spacing: .4px; }
.brand-copy small { color: var(--steel); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-top: 4px; }
.primary-navigation { margin-left: auto; }
.primary-navigation ul { list-style: none; margin: 0; padding: 0; }
.primary-navigation > ul { display: flex; align-items: center; gap: 4px; }
.primary-navigation li { position: relative; }
.primary-navigation a { display: block; padding: 13px 14px; color: var(--ink); font-size: 13px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; border-radius: 10px; }
.primary-navigation a:hover, .primary-navigation .current-menu-item > a, .primary-navigation .current-menu-ancestor > a { color: var(--accent); background: #f1f6f6; }
.primary-navigation .sub-menu { position: absolute; left: 0; top: calc(100% + 10px); min-width: 260px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.primary-navigation li:hover > .sub-menu, .primary-navigation li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.primary-navigation .sub-menu a { text-transform: none; font-size: 14px; font-weight: 700; padding: 10px 12px; }
.header-cta { padding: 12px 17px; color: #fff; background: var(--accent); border-radius: 11px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.header-cta:hover { color: #fff; background: var(--accent-dark); }
.menu-toggle { display: none; background: none; border: 0; width: 46px; height: 46px; padding: 10px; cursor: pointer; }
.menu-toggle > span:not(.screen-reader-text) { display: block; height: 2px; margin: 6px 0; background: var(--ink); border-radius: 4px; }
.hero-section { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 75% 25%, rgba(78,105,120,.45), transparent 28%), linear-gradient(130deg,#0d141b,#17232d 58%,#0a5960 140%); padding: 92px 0 82px; }
.hero-steel-lines { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(120deg, transparent 0 49%, rgba(255,255,255,.28) 50%, transparent 51%), linear-gradient(30deg, transparent 0 49%, rgba(255,255,255,.12) 50%, transparent 51%); background-size: 110px 110px, 170px 170px; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 70px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: 2.2px; text-transform: uppercase; }
.hero-section .eyebrow, .cta-section .eyebrow, .page-hero .eyebrow { color: #75d4d1; }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.hero-copy h1 { max-width: 760px; margin: 18px 0 20px; color: #fff; font-size: clamp(42px, 5.5vw, 72px); line-height: 1.02; letter-spacing: -2.5px; }
.hero-copy > p { max-width: 700px; margin: 0; color: rgba(255,255,255,.76); font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border-radius: 12px; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--accent); box-shadow: 0 13px 30px rgba(13,115,119,.28); }
.button-primary:hover { color: #fff; background: #0f8589; }
.button-ghost { color: #fff; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.06); }
.button-ghost:hover { color: #fff; background: rgba(255,255,255,.12); }
.button-light { color: var(--ink); background: #fff; }
.button-light:hover { color: var(--ink); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.hero-stats { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 42px; }
.hero-stats div { display: flex; flex-direction: column; }
.hero-stats strong { color: #fff; font-size: 22px; }
.hero-stats span { color: rgba(255,255,255,.57); font-size: 12px; text-transform: uppercase; letter-spacing: .9px; }
.hero-visual { position: relative; min-height: 430px; display: grid; place-items: center; }
.steel-ring { position: absolute; border-radius: 50%; border: 28px solid rgba(217,228,235,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 35px 80px rgba(0,0,0,.3); }
.ring-one { width: 350px; height: 350px; transform: rotateX(66deg) rotateZ(-17deg); }
.ring-two { width: 240px; height: 240px; transform: translate(95px,55px) rotateX(66deg) rotateZ(22deg); border-width: 20px; opacity: .65; }
.steel-card { position: relative; width: 285px; padding: 42px 34px; color: #fff; background: linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.05)); border: 1px solid rgba(255,255,255,.26); border-radius: 22px; box-shadow: 0 35px 70px rgba(0,0,0,.28); backdrop-filter: blur(16px); transform: rotate(-7deg); }
.steel-card span, .steel-card small { display: block; letter-spacing: 2px; text-transform: uppercase; opacity: .65; }
.steel-card strong { display: block; margin: 8px 0; font-size: 33px; line-height: 1; }
.product-shortcuts { padding: 94px 0; background: #fff; }
.section-heading { max-width: 760px; margin-bottom: 35px; }
.section-heading h2 { margin: 12px 0 0; color: var(--ink); font-size: clamp(32px,4vw,48px); line-height: 1.12; letter-spacing: -1.4px; }
.product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.product-card { min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; color: var(--ink); background: linear-gradient(145deg,#f9fbfc,#eef2f4); border: 1px solid var(--line); border-radius: var(--radius); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.product-card:hover { color: var(--ink); transform: translateY(-7px); border-color: #b6c8ca; box-shadow: var(--shadow); }
.product-number { color: #9aa6b2; font-weight: 900; letter-spacing: 1px; }
.product-card h3 { margin: 30px 0 18px; color: var(--ink); font-size: 22px; line-height: 1.2; }
.product-link { color: var(--accent); font-weight: 850; }
.source-content-section, .page-content-section { padding: 86px 0 100px; background: linear-gradient(180deg,#eef2f5 0%,#f8fafb 100%); }
.content-shell { max-width: 1180px; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.content-shell:empty { display: none; }
.content-shell h1, .content-shell h2, .content-shell h3, .content-shell h4 { color: var(--ink); line-height: 1.12; }
.content-shell p, .content-shell li { font-size: 16px; }
.content-shell a { overflow-wrap: anywhere; }

/* Imported source pages are rebuilt as native theme blocks. */
.yurtman-imported-content { width: 100%; }
.source-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 26px; }
.source-block { min-width: 0; padding: clamp(28px,4.5vw,58px); background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 24px 65px rgba(16,24,32,.08); }
.source-block > :first-child { margin-top: 0; }
.source-block > :last-child { margin-bottom: 0; }
.source-block h1 { font-size: clamp(32px,4vw,50px); }
.source-block h2 { margin: 0 0 22px; font-size: clamp(29px,3.4vw,43px); letter-spacing: -1px; }
.source-block h3 { margin: 0 0 18px; font-size: clamp(23px,2.5vw,31px); }
.source-block h4 { margin: 0 0 15px; font-size: 20px; }
.source-block p { margin: 0 0 16px; }
.source-block ul, .source-block ol { margin: 18px 0 0; padding-left: 1.35em; }
.source-block li + li { margin-top: 8px; }
.source-block blockquote { margin: 24px 0 0; padding: 18px 22px; color: var(--ink); background: #f1f6f6; border-left: 4px solid var(--accent); border-radius: 0 12px 12px 0; }
.source-figure { margin: 0; }
.source-figure img { width: 100%; display: block; border-radius: 16px; object-fit: cover; }
.source-media-block { padding: 0; overflow: hidden; background: #121b23; }
.source-media-block .source-figure img { min-height: 300px; max-height: 540px; border-radius: 0; object-fit: cover; }
.source-mixed-block { display: block; }
.source-mixed-block .source-figure { margin-bottom: 30px; }
.source-embed { position: relative; width: 100%; min-height: 360px; overflow: hidden; border-radius: 16px; background: #e8edf0; }
.source-embed iframe { width: 100%; min-height: 420px; display: block; border: 0; }
.source-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }
.source-table-wrap table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14px; background: #fff; }
.source-table-wrap th, .source-table-wrap td { padding: 12px 14px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.source-table-wrap th { color: var(--ink); background: #edf3f4; }
.source-block a[href^="tel:"], .source-block a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 42px; margin: 5px 8px 5px 0; padding: 0 15px; color: #fff; background: var(--accent); border-radius: 10px; font-weight: 800; }
.source-block a[href^="tel:"]:hover, .source-block a[href^="mailto:"]:hover { color: #fff; background: var(--accent-dark); }

/* Contact page gets a clean two-column corporate layout. */
.yurtman-page-iletisim .source-layout { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; }
.yurtman-page-iletisim .source-media-block, .yurtman-page-iletisim .source-mixed-block:first-child, .yurtman-page-iletisim .source-table-block { grid-column: 1 / -1; }
.yurtman-page-iletisim .source-block:not(.source-media-block) { position: relative; overflow: hidden; }
.yurtman-page-iletisim .source-block:not(.source-media-block)::before { content: ""; position: absolute; width: 180px; height: 180px; right: -85px; bottom: -100px; border: 28px solid rgba(13,115,119,.06); border-radius: 50%; pointer-events: none; }
.yurtman-page-iletisim .source-block h2, .yurtman-page-iletisim .source-block h3 { padding-bottom: 16px; border-bottom: 1px solid var(--line); }

/* Product and company pages can naturally expand to two columns where useful. */
.yurtman-page-hakkimizda .source-layout, .yurtman-page-kaliteler .source-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
.yurtman-page-hakkimizda .source-media-block, .yurtman-page-kaliteler .source-media-block, .yurtman-page-kaliteler .source-table-block { grid-column: 1 / -1; }
.cta-section { padding: 75px 0; color: #fff; background: linear-gradient(125deg,#0e1a23,#0d7377); }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.cta-inner h2 { margin: 10px 0 8px; color: #fff; font-size: clamp(31px,4vw,48px); line-height: 1.1; }
.cta-inner p { margin: 0; color: rgba(255,255,255,.72); }
.page-hero { position: relative; overflow: hidden; padding: 82px 0; color: #fff; background: radial-gradient(circle at 85% 30%,rgba(13,115,119,.45),transparent 25%), linear-gradient(125deg,#101820,#24313c); }
.page-hero::after { content: ""; position: absolute; width: 360px; height: 360px; right: -80px; top: -190px; border: 44px solid rgba(255,255,255,.06); border-radius: 50%; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { max-width: 900px; margin: 14px 0 0; color: #fff; font-size: clamp(38px,5vw,62px); line-height: 1.05; letter-spacing: -1.8px; }
.page-hero p { max-width: 760px; color: rgba(255,255,255,.75); }
.post-card { padding: 24px 0; border-bottom: 1px solid var(--line); }
.site-footer { color: rgba(255,255,255,.72); background: #0b1117; padding-top: 72px; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .8fr 1.25fr .9fr; gap: 42px; }
.site-footer h2 { margin: 0 0 18px; color: #fff; font-size: 17px; }
.site-footer p { margin: 0 0 13px; font-size: 14px; }
.site-footer a { color: rgba(255,255,255,.78); }
.site-footer a:hover { color: #fff; }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin-bottom: 8px; }
.brand-mark-footer { margin-bottom: 20px; }
.brand-mark-footer .brand-copy strong { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; }
.floating-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 998; width: 58px; height: 58px; display: grid; place-items: center; color: #fff; background: #1fa855; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 15px 35px rgba(0,0,0,.22); font-size: 12px; font-weight: 900; }
.floating-whatsapp:hover { color: #fff; transform: translateY(-3px); }
@media (max-width: 1100px) {
    .header-cta { display: none; }
    .product-grid { grid-template-columns: repeat(3,1fr); }
    .footer-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 1024px) {
    .topbar > .container > span { display: none; }
    .topbar-inner { justify-content: flex-end; }
    .menu-toggle { display: block; margin-left: auto; }
    .primary-navigation { position: fixed; inset: 124px 0 0; display: none; overflow-y: auto; padding: 22px 20px 60px; background: #fff; }
    .primary-navigation.is-open { display: block; }
    .primary-navigation > ul { display: block; }
    .primary-navigation a { padding: 14px 12px; }
    .primary-navigation .sub-menu { position: static; display: none; min-width: 0; padding: 4px 0 4px 16px; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; }
    .primary-navigation .submenu-open > .sub-menu { display: block; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-visual { min-height: 320px; }
}
@media (max-width: 760px) {
    .container { width: min(100% - 28px, 1180px); }
    .topbar-actions { width: 100%; justify-content: space-between; }
    .nav-wrap { min-height: 76px; }
    .brand-icon { width: 42px; height: 42px; }
    .brand-copy strong { font-size: 15px; }
    .brand-copy small { font-size: 9px; }
    .primary-navigation { inset: 114px 0 0; }
    .hero-section { padding: 70px 0 58px; }
    .hero-copy h1 { font-size: 43px; letter-spacing: -1.5px; }
    .hero-visual { display: none; }
    .hero-stats { gap: 20px; }
    .product-shortcuts { padding: 70px 0; }
    .product-grid { grid-template-columns: 1fr 1fr; }
    .product-card { min-height: 185px; }
    .source-content-section, .page-content-section { padding: 45px 0 62px; }
    .content-shell { padding: 0; }
    .source-layout, .yurtman-page-iletisim .source-layout, .yurtman-page-hakkimizda .source-layout, .yurtman-page-kaliteler .source-layout { grid-template-columns: 1fr; gap: 18px; }
    .source-block, .source-media-block, .source-mixed-block, .source-table-block { grid-column: auto !important; }
    .source-block { padding: 24px 20px; border-radius: 16px; }
    .source-media-block { padding: 0; }
    .source-media-block .source-figure img { min-height: 210px; }
    .source-mixed-block { display: block; }
    .source-mixed-block .source-figure { margin-bottom: 22px; }
    .source-embed, .source-embed iframe { min-height: 310px; }
    .cta-inner { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; }
}
@media (max-width: 480px) {
    .product-grid { grid-template-columns: 1fr; }
    .hero-actions .button { width: 100%; }
}
.hero-section-compact { padding-top: 74px; padding-bottom: 68px; }
.hero-section-compact .hero-copy h1 { max-width: 680px; }
.hero-section-compact .steel-card { padding-top: 54px; padding-bottom: 54px; }

/* =========================================================
   1.2 CLASSIC EDITOR / NATIVE PAGE SYSTEM
   The page content is stored as clean WordPress HTML. No page
   builder stylesheet or nested source-site layout is required.
   ========================================================= */
.page-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: rgba(255,255,255,.6);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .45px;
    text-transform: uppercase;
}
.page-breadcrumb a { color: rgba(255,255,255,.82); }
.page-breadcrumb a:hover { color: #fff; }

.classic-page-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 30px;
    align-items: start;
}
.classic-page-layout.has-aside {
    grid-template-columns: minmax(0,1fr) 330px;
}
.classic-content-panel {
    min-width: 0;
    width: 100%;
}
.classic-content-panel > :first-child { margin-top: 0; }
.classic-content-panel > :last-child { margin-bottom: 0; }
.classic-content-panel > p,
.classic-content-panel > ul,
.classic-content-panel > ol,
.classic-content-panel > h2,
.classic-content-panel > h3,
.classic-content-panel > h4,
.classic-content-panel > figure,
.classic-content-panel > table,
.classic-content-panel > blockquote {
    padding: 30px 34px;
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(16,24,32,.065);
}

.classic-editor-content { width: 100%; }
.classic-section-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
    align-items: stretch;
}
.classic-editor-section {
    position: relative;
    min-width: 0;
    padding: clamp(27px,3.4vw,46px);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(16,24,32,.07);
}
.classic-editor-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 145px;
    height: 145px;
    right: -85px;
    bottom: -90px;
    border: 24px solid rgba(13,115,119,.045);
    border-radius: 50%;
    pointer-events: none;
}
.classic-editor-section > * { position: relative; z-index: 1; }
.classic-editor-section > :first-child { margin-top: 0; }
.classic-editor-section > :last-child { margin-bottom: 0; }
.classic-editor-section h1,
.classic-editor-section h2,
.classic-editor-section h3,
.classic-editor-section h4,
.classic-editor-section h5,
.classic-editor-section h6 {
    color: var(--ink);
    line-height: 1.14;
}
.classic-editor-section h2 {
    margin: 0 0 22px;
    font-size: clamp(27px,3vw,40px);
    letter-spacing: -.9px;
}
.classic-editor-section h3 {
    margin: 0 0 17px;
    font-size: clamp(22px,2.2vw,29px);
    letter-spacing: -.4px;
}
.classic-editor-section h4 { margin: 0 0 14px; font-size: 20px; }
.classic-editor-section p { margin: 0 0 16px; font-size: 16px; }
.classic-editor-section ul,
.classic-editor-section ol { margin: 18px 0 0; padding-left: 1.3em; }
.classic-editor-section li + li { margin-top: 8px; }
.classic-editor-section blockquote {
    margin: 24px 0 0;
    padding: 18px 20px;
    color: var(--ink);
    background: #f2f7f7;
    border-left: 4px solid var(--accent);
    border-radius: 0 12px 12px 0;
}
.classic-editor-section.is-intro,
.classic-editor-section.is-table,
.classic-editor-section.is-media {
    grid-column: 1 / -1;
}
.classic-editor-section.is-intro {
    background: linear-gradient(145deg,#fff,#f7fafb);
    border-top: 4px solid var(--accent);
}
.classic-editor-section.is-detail {
    border-top: 3px solid rgba(13,115,119,.78);
}
.classic-editor-section.is-media { padding: 0; background: #101820; }
.classic-editor-section.is-media::after { display: none; }
.classic-editor-section.is-mixed .source-figure { margin: 0 0 28px; }
.source-figure { margin: 0; }
.source-figure img {
    display: block;
    width: 100%;
    max-height: 620px;
    object-fit: cover;
    border-radius: 15px;
}
.classic-editor-section.is-media .source-figure img {
    min-height: 300px;
    border-radius: 0;
}
.source-embed {
    width: 100%;
    min-height: 420px;
    overflow: hidden;
    background: #e9eef1;
    border-radius: 15px;
}
.source-embed iframe { display: block; width: 100%; min-height: 420px; border: 0; }
.source-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}
.source-table-wrap table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 14px;
}
.source-table-wrap th,
.source-table-wrap td {
    padding: 12px 14px;
    border: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}
.source-table-wrap th { color: var(--ink); background: #edf3f4; }

/* Long product pages use a calm single-column reading flow. */
.yurtman-product-page .classic-section-grid { grid-template-columns: minmax(0,1fr); }
.yurtman-product-page .classic-editor-section { grid-column: 1; }
.yurtman-product-page .classic-editor-section:not(.is-media) { padding: clamp(30px,4.2vw,54px); }
.yurtman-product-page .classic-editor-section h2 { font-size: clamp(27px,3.1vw,39px); }
.yurtman-product-page .classic-editor-section p,
.yurtman-product-page .classic-editor-section li { font-size: 16px; line-height: 1.78; }

/* Company and quality pages become balanced corporate grids. */
.yurtman-page-hakkimizda .classic-section-grid,
.yurtman-page-kaliteler .classic-section-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.yurtman-page-hakkimizda .classic-editor-section.is-intro,
.yurtman-page-kaliteler .classic-editor-section.is-intro,
.yurtman-page-hakkimizda .classic-editor-section.is-media,
.yurtman-page-kaliteler .classic-editor-section.is-media,
.yurtman-page-kaliteler .classic-editor-section.is-table { grid-column: 1 / -1; }
.yurtman-page-kaliteler .classic-editor-section.is-detail { min-height: 100%; }

/* Contact content and the theme-native contact panel sit side by side cleanly. */
.yurtman-page-iletisim .classic-section-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.yurtman-page-iletisim .classic-editor-section.is-intro,
.yurtman-page-iletisim .classic-editor-section.is-media,
.yurtman-page-iletisim .classic-editor-section.is-table,
.yurtman-page-iletisim .classic-editor-section.is-mixed { grid-column: 1 / -1; }
.yurtman-page-iletisim .classic-editor-section h2,
.yurtman-page-iletisim .classic-editor-section h3 {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}
.yurtman-page-iletisim .classic-editor-section a[href^="tel:"],
.yurtman-page-iletisim .classic-editor-section a[href^="mailto:"] {
    display: inline-flex;
    align-items: center;
    min-height: 43px;
    margin: 5px 8px 5px 0;
    padding: 0 15px;
    color: #fff;
    background: var(--accent);
    border-radius: 10px;
    font-weight: 850;
}

.page-aside {
    position: sticky;
    top: 150px;
    display: grid;
    gap: 18px;
}
.aside-card {
    padding: 27px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(16,24,32,.07);
}
.aside-card-accent {
    color: rgba(255,255,255,.76);
    background: radial-gradient(circle at 100% 0,rgba(117,212,209,.2),transparent 36%), linear-gradient(145deg,#101820,#1e303b);
    border-color: rgba(255,255,255,.08);
}
.aside-kicker {
    display: block;
    margin-bottom: 11px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.7px;
}
.aside-card-accent .aside-kicker { color: #75d4d1; }
.aside-card h2 { margin: 0 0 13px; color: var(--ink); font-size: 25px; line-height: 1.18; }
.aside-card-accent h2 { color: #fff; }
.aside-card p { margin: 0 0 20px; font-size: 14px; line-height: 1.65; }
.button-full { width: 100%; }
.aside-phone {
    display: block;
    margin-top: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
}
.aside-phone:hover { color: #75d4d1; }
.aside-product-list { list-style: none; margin: 0; padding: 0; }
.aside-product-list li + li { border-top: 1px solid var(--line); }
.aside-product-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 2px;
    color: var(--ink-soft);
    font-size: 14px;
    font-weight: 750;
}
.aside-product-list a::after { content: "›"; color: var(--accent); font-size: 20px; }
.aside-product-list li.is-current a { color: var(--accent); }
.working-hours { margin: 0; }
.working-hours > div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.working-hours > div:last-child { border-bottom: 0; }
.working-hours dt { color: var(--ink); font-size: 13px; font-weight: 800; }
.working-hours dd { margin: 0; font-size: 13px; }
.cta-section-page { margin-top: 0; }

@media (max-width: 1024px) {
    .classic-page-layout.has-aside { grid-template-columns: minmax(0,1fr); }
    .page-aside { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .classic-section-grid,
    .yurtman-page-hakkimizda .classic-section-grid,
    .yurtman-page-kaliteler .classic-section-grid,
    .yurtman-page-iletisim .classic-section-grid { grid-template-columns: minmax(0,1fr); }
    .classic-editor-section,
    .classic-editor-section.is-intro,
    .classic-editor-section.is-media,
    .classic-editor-section.is-table,
    .classic-editor-section.is-mixed { grid-column: 1 !important; }
    .classic-editor-section { padding: 24px 20px; border-radius: 16px; }
    .classic-editor-section.is-media { padding: 0; }
    .classic-editor-section.is-media .source-figure img { min-height: 220px; }
    .page-aside { grid-template-columns: minmax(0,1fr); }
    .page-breadcrumb { margin-bottom: 14px; }
}