/* =====================================================
1. SELF-HOSTED FONTLAR
===================================================== */
@font-face {
font-family: 'Plus Jakarta Sans';
src: url('/wp-content/uploads/fonts/plus-jakarta-sans-v12-latin_latin-ext-600.woff2') format('woff2');
font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Plus Jakarta Sans';
src: url('/wp-content/uploads/fonts/plus-jakarta-sans-v12-latin_latin-ext-700.woff2') format('woff2');
font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/wp-content/uploads/fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2');
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/wp-content/uploads/fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2');
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/wp-content/uploads/fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2');
font-weight: 600; font-style: normal; font-display: swap;
}
/* =====================================================
2. TIPOGRAFI
===================================================== */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-size: 17px;
line-height: 1.7;
}
h1, h2, h3, h4, h5, .main-title {
font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}
h1 { font-weight: 700; font-size: 42px; line-height: 1.2; }
h2 { font-weight: 700; font-size: 32px; }
h3 { font-weight: 600; font-size: 24px; }
h4 { font-weight: 600; font-size: 19px; }
button, .button, input[type="submit"], .main-navigation a {
font-family: 'Inter', sans-serif;
font-weight: 600;
}
/* =====================================================
3. RENK DUZELTMELERI
===================================================== */
h1, h2, h3, h4, h5,
.entry-title, .entry-title a,
.main-title a {
color: #2A3138 !important;
}
.entry-title a:hover { color: #2BB6C7 !important; }
.entry-content a { color: #2BB6C7; }
.entry-content a:hover { color: #1A8A99; }
/* Yatay kaymayi kokten engelle (tum cihazlar) */
html, body {
overflow-x: hidden;
max-width: 100%;
}
/* =====================================================
4. HEADER - MASAUSTU (769px+)
===================================================== */
@media (min-width: 769px) {
.main-navigation .main-nav ul li a {
padding-left: 14px;
padding-right: 14px;
line-height: 80px;
}
.main-navigation .main-nav > ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.main-navigation .menu-cta a {
background: #2BB6C7;
color: #fff !important;
border-radius: 999px;
line-height: 1 !important;
padding: 12px 22px !important;
margin: 0 0 0 10px;
display: inline-block;
transition: background .2s;
}
.main-navigation .menu-cta a:hover { background: #1A8A99; }
/* --- Dropdown paneli: genis beyaz kart --- */
.main-navigation ul ul {
width: max-content;
max-width: 380px;
background: #FFFFFF !important;
border: 1px solid #E8EEF0;
border-radius: 16px;
box-shadow: 0 18px 44px rgba(14,42,48,.16);
min-width: 300px;
padding: 12px 0;
margin-top: 8px;
}
.main-navigation ul ul {
background: #FFFFFF !important;
border: 1px solid #E8EEF0;
border-radius: 16px;
box-shadow: 0 18px 44px rgba(14,42,48,.16);
min-width: 300px;
width: max-content;
max-width: 380px;
padding: 12px 0;
margin-top: 8px;
}
.main-navigation ul ul li a {
line-height: 1.4 !important;
padding: 14px 26px !important;
color: #2A3138 !important;
font-size: 15px;
white-space: nowrap;
background: transparent !important;
}
.main-navigation ul ul li + li a {
border-top: 1px solid #F1F5F7; /* CK'daki ince ayiricilar */
}
.main-navigation ul ul li a:hover {
color: #2BB6C7 !important;
background: #F7FBFC !important;
padding-left: 32px !important; /* hover'da hafif kayma - sik dokunus */
}
.main-navigation .main-nav ul li.lang-item a {
padding-left: 5px;
padding-right: 5px;
line-height: 80px;
}
.main-navigation .main-nav ul li.lang-item a img { display: none; }
.main-navigation .main-nav ul li.lang-item a::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
border-radius: 50%;
vertical-align: middle;
background-size: cover;
background-position: center;
box-shadow:
inset 0 3px 5px rgba(255,255,255,.4),
inset 0 -3px 5px rgba(0,0,0,.2),
0 2px 5px rgba(14,42,48,.22);
transition: transform .2s;
}
.main-navigation .main-nav ul li.lang-item a:hover::before {
transform: scale(1.12);
}
.main-navigation .main-nav ul li.lang-item.lang-item-en a::before {
background-image: url('/wp-content/uploads/flags/gb.png');
}
.main-navigation .main-nav ul li.lang-item.lang-item-tr a::before {
background-image: url('/wp-content/uploads/flags/tr.png');
}
.main-navigation .main-nav ul li.lang-item.lang-item-de a::before {
background-image: url('/wp-content/uploads/flags/de.png');
}
.main-navigation .main-nav ul li.lang-item.current-lang a::before {
box-shadow:
0 0 0 2px #2BB6C7,
inset 0 3px 5px rgba(255,255,255,.4),
inset 0 -3px 5px rgba(0,0,0,.2);
}
.inside-header {
padding: 18px 48px !important;
max-width: 1440px;
margin: 0 auto;
}
}
/* =====================================================
5. HEADER - MOBIL: DRAWER + ESTETIK HAMBURGER (768px-)
===================================================== */
@media (max-width: 768px) {
body { font-size: 16px; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
/* WhatsApp butonu — hamburgerla ayni aile */
.nm-header-wa {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: #25D366;
border-radius: 14px;
color: #FFFFFF;
box-shadow: 0 2px 8px rgba(37,211,102,.30);
}
.nm-header-wa svg { width: 24px; height: 24px; }
.nm-header-wa:active { transform: scale(.94); }
/* Masaustunde gizli — orada menu CTA'si var */
@media (min-width: 769px) {
.nm-header-wa { display: none; }
}
/* Sticky header - DIKKAT: backdrop-filter YOK (drawer'i bozuyordu) */
.site-header {
position: sticky;
top: 0;
z-index: 999;
background: rgba(255, 255, 255, .96) !important;
border-bottom: 1px solid rgba(228, 235, 238, .7);
}
.inside-header {
padding: 10px 16px !important;
display: grid !important;
grid-template-columns: 1fr auto auto;
gap: 10px;
align-items: center !important;
}
.site-logo,
.site-branding-container {
margin: 0 !important;
text-align: left !important;
justify-self: start;
}
.site-logo img, .site-header img {
max-width: 104px !important;
height: auto !important;
display: block;
}
.main-navigation {
justify-self: end;
background: transparent !important;
}
/* Estetik hamburger */
.main-navigation .menu-toggle {
display: flex !important;
align-items: center;
justify-content: center;
flex-direction: column;
position: static;
transform: none;
width: 46px;
height: 46px;
background: #F4F9FA !important;
border: 1px solid #E4EBEE !important;
border-radius: 14px;
box-shadow: none;
padding: 0;
}
.menu-toggle .gp-icon,
.menu-toggle .mobile-menu,
.menu-toggle svg { display: none !important; }
.main-navigation .menu-toggle::before,
.main-navigation .menu-toggle::after {
content: '';
display: block;
height: 2.5px;
background: #2A3138;
border-radius: 3px;
transition: all .3s ease;
}
.main-navigation .menu-toggle::before {
width: 13px;
margin-bottom: 5px;
align-self: flex-end;
margin-right: 13px;
}
.main-navigation .menu-toggle::after { width: 20px; }
/* Acik durum: X butonu */
.main-navigation.toggled { z-index: 100000 !important; }
.main-navigation.toggled .menu-toggle {
position: fixed;
top: 14px;
right: 14px;
border-radius: 50%;
background: #FFFFFF !important;
box-shadow: 0 2px 10px rgba(14,42,48,.12);
z-index: 100001;
}
.main-navigation.toggled .menu-toggle::before {
width: 20px;
align-self: center;
margin: 0;
transform: translateY(4.2px) rotate(45deg);
}
.main-navigation.toggled .menu-toggle::after {
transform: translateY(-4.2px) rotate(-45deg);
}
/* Drawer */
.main-navigation .main-nav {
position: fixed;
top: 0;
right: -320px;
width: 300px;
max-width: 84vw;
height: 100dvh;
background: #FFFFFF;
overflow-y: auto;
transition: right .3s ease;
box-shadow: -10px 0 34px rgba(14,42,48,.20);
padding: 18px 0 24px;
display: block !important;
box-sizing: border-box;
z-index: 100000;
}
.main-navigation.toggled .main-nav { right: 0; }
.main-navigation .main-nav::before {
content: '';
display: block;
height: 46px;
margin: 4px 70px 16px 22px;
background: url('/wp-content/uploads/2026/08/newme_-logo.svg') no-repeat left center / contain;
}
.main-navigation .main-nav > ul { display: block !important; width: 100%; }
.main-navigation .main-nav > ul li { display: block; width: 100%; float: none; }
.main-navigation .main-nav ul li a {
line-height: 1.4;
padding: 16px 22px;
border-bottom: 1px solid #EEF3F5;
display: block;
text-align: left;
color: #2A3138;
font-size: 13px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
}
.main-navigation .main-nav ul li a:hover { color: #2BB6C7; }
/* --- Alt menu chevron: buyuk, belirgin, saga yasli --- */
.main-navigation .main-nav > ul > li {
position: relative;
}
.main-navigation .dropdown-menu-toggle {
position: absolute;
top: 7px;
right: 14px;
width: 42px;
height: 42px;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
background: #F4F9FA;
border-radius: 50%;
float: none;
}
.main-navigation .dropdown-menu-toggle .gp-icon,
.main-navigation .dropdown-menu-toggle svg {
display: block !important;
width: 17px !important;
height: 17px !important;
color: #2BB6C7;
}
/* Chevron'a carpmasin diye link sagdan bosluk birakir */
.main-navigation .main-nav > ul > li.menu-item-has-children > a {
padding-right: 68px;
}
.main-navigation .main-nav ul ul { background: #F4F9FA; }
.main-navigation .main-nav ul ul li a {
text-transform: none; letter-spacing: 0; font-weight: 500; padding-left: 34px;
}
.main-navigation .main-nav ul li.menu-cta a {
background: #2BB6C7;
color: #fff !important;
border-radius: 999px;
margin: 18px 18px 8px;
text-align: center;
padding: 15px 10px !important;
border-bottom: none !important;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
display: block;
box-sizing: border-box;
width: calc(100% - 36px);
}
/* 3D bayraklar */
.main-navigation .main-nav ul li.lang-item {
display: inline-block;
width: auto;
border: none;
}
.main-navigation .main-nav ul li.lang-item a {
display: block;
width: 42px;
height: 42px;
padding: 0;
margin: 16px 4px 6px 22px;
border-bottom: none;
border-radius: 50%;
font-size: 0;
background-size: cover;
background-position: center;
box-shadow:
inset 0 5px 8px rgba(255,255,255,.45),
inset 0 -5px 8px rgba(0,0,0,.22),
0 3px 8px rgba(14,42,48,.25);
transition: transform .2s;
}
.main-navigation .main-nav ul li.lang-item + li.lang-item a { margin-left: 0; }
.main-navigation .main-nav ul li.lang-item a:active { transform: scale(.92); }
.main-navigation .main-nav ul li.lang-item a img { display: none; }
.main-navigation .main-nav ul li.lang-item.lang-item-en a {
background-image: url('/wp-content/uploads/flags/gb.png');
}
.main-navigation .main-nav ul li.lang-item.lang-item-tr a {
background-image: url('/wp-content/uploads/flags/tr.png');
}
.main-navigation .main-nav ul li.lang-item.lang-item-de a {
background-image: url('/wp-content/uploads/flags/de.png');
}
.main-navigation .main-nav ul li.lang-item.current-lang a {
box-shadow:
0 0 0 3px #2BB6C7,
inset 0 5px 8px rgba(255,255,255,.45),
inset 0 -5px 8px rgba(0,0,0,.22);
}
/* Overlay + kilit + katman duzeni */
body:has(.main-navigation.toggled)::before {
content: '';
position: fixed;
inset: 0;
background: rgba(14, 42, 48, .45);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: 99999;
}
body:has(.main-navigation.toggled) { overflow: hidden; }
/* Menu acikken header + drawer overlay'in USTUNDE */
body:has(.main-navigation.toggled) .site-header {
z-index: 100000 !important;
position: relative !important;
}
}
/* =====================================================
6. ANA SAYFA SECTIONLARI
===================================================== */
.home .entry-header { display: none; }
.home .site-main { margin: 0 !important; }
.home .entry-content { margin-top: 0 !important; }
.home .inside-article { padding: 0 !important; }
.home #page,
.home #content,
.home .site-content,
.home #primary,
.home .content-area,
.home #main,
.home .site-main,
.home .inside-article,
.home .entry-content {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.home .entry-content .alignfull {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Header kapsayicisini ana sayfada koru */
.home .site-header .inside-header {
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 18px 48px !important;
}
@media (max-width: 768px) {
.home .site-header .inside-header {
max-width: 100% !important;
padding: 14px 20px !important;
}
}
/* HERO */
.nm-hero {
background: linear-gradient(160deg, #0E2A30 0%, #14404A 55%, #17565F 100%);
position: relative;
overflow: hidden;
padding: 96px 20px 72px;
}
.nm-hero > * {
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
.nm-hero::after {
content: '';
position: absolute;
top: -120px; right: -120px;
width: 420px; height: 420px;
background: radial-gradient(circle, rgba(43,182,199,.28) 0%, transparent 70%);
pointer-events: none;
}
.nm-hero h1 {
color: #FFFFFF !important;
max-width: 640px;
}
.nm-hero h1 em {
font-style: normal;
color: #7FD4DE;
}
.nm-hero p { color: #C9DDE1; max-width: 560px; }
/* Rozet */
.nm-badge {
display: inline-block;
width: fit-content;
background: rgba(43,182,199,.16);
border: 1px solid rgba(127,212,222,.35);
color: #7FD4DE;
font-size: 13px;
font-weight: 600;
padding: 7px 16px;
border-radius: 999px;
margin-bottom: 18px;
}
/* Butonlar */
.nm-btn .wp-block-button__link {
border-radius: 999px !important;
font-weight: 600 !important;
padding: 15px 30px !important;
font-size: 16px;
transition: all .2s;
}
.nm-btn-primary .wp-block-button__link {
background: #2BB6C7 !important;
color: #06272C !important;
}
.nm-btn-primary .wp-block-button__link:hover { background: #7FD4DE !important; }
.nm-btn-ghost .wp-block-button__link {
background: transparent !important;
color: #FFFFFF !important;
border: 1.5px solid rgba(255,255,255,.4) !important;
}
.nm-btn-ghost .wp-block-button__link:hover { border-color: #7FD4DE !important; color: #7FD4DE !important; }
.nm-hero-buttons { margin-top: 28px; gap: 12px; }
/* Istatistik grid */
.nm-stats {
margin-top: 44px;
gap: 14px;
}
.nm-stat {
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
padding: 18px 12px;
text-align: center;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.nm-stat .nm-stat-num {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 26px;
font-weight: 700;
color: #7FD4DE !important;
line-height: 1.1;
margin: 0 0 4px;
}
.nm-stat p {
font-size: 13px;
color: #A7C4CA;
margin: 0;
max-width: none;
}
/* SECTION ORTAK */
.nm-section {
padding: 80px 20px;
}
.nm-section > * {
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
.nm-kicker {
color: #2BB6C7;
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
margin-bottom: 8px;
text-align: center;
}
.nm-section h2 { text-align: center; }
.nm-section-intro {
text-align: center;
max-width: 620px !important;
color: #5A6470;
margin-bottom: 8px !important;
}
/* TEDAVI KARTLARI */
.nm-cards { margin-top: 36px; gap: 20px; }
.nm-card {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 28px 22px;
transition: transform .25s, box-shadow .25s;
}
.nm-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 34px rgba(14,42,48,.10);
border-color: #BFE7EC;
}
.nm-card-icon {
font-size: 30px;
width: 58px;
height: 58px;
background: #E7F7F9;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.nm-card h3 { font-size: 20px; margin-bottom: 8px; }
.nm-card p { font-size: 15px; color: #5A6470; }
.nm-card-link { margin-top: 4px; }
.nm-card-link a {
color: #2BB6C7;
font-weight: 600;
text-decoration: none;
}
.nm-card-link a:hover { color: #1A8A99; }
.nm-treatments { background: #F4F9FA; }
/* WHY NEWME */
.nm-why { background: #FFFFFF; }
.nm-why-grid { margin-top: 36px; gap: 28px; }
.nm-why-item h3 {
font-size: 19px;
color: #2A3138;
margin-bottom: 8px;
}
.nm-why-item p { font-size: 15px; color: #5A6470; }
/* HASTA YORUMLARI */
.nm-reviews { background: #F4F9FA; }
.nm-review-grid { margin-top: 36px; gap: 20px; }
.nm-review {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 26px 24px;
}
.nm-review-stars {
color: #F5A623;
letter-spacing: 2px;
font-size: 15px;
margin-bottom: 10px;
}
.nm-review-text {
font-size: 15px;
color: #2A3138;
line-height: 1.65;
margin-bottom: 14px;
}
.nm-review-author { font-size: 13px; color: #5A6470; }
.nm-review-author strong { color: #2A3138; }
/* PLATFORM ROZETLERI */
.nm-platforms {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin: 28px auto 8px;
max-width: 900px;
}
.nm-platform {
display: flex;
align-items: center;
gap: 10px;
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 999px;
padding: 12px 22px;
text-decoration: none;
transition: transform .2s, box-shadow .2s;
}
.nm-platform:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(14,42,48,.10);
}
.nm-plat-icon { width: 26px; height: 26px; }
.nm-plat-score {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 20px;
color: #2A3138;
}
.nm-plat-score em {
font-style: normal;
font-size: 13px;
color: #8A97A0;
font-weight: 600;
}
.nm-plat-name {
font-size: 13px;
font-weight: 600;
color: #2BB6C7;
}
.nm-platform-live {
min-width: 240px;
cursor: default;
}
.nm-platform-live .trustpilot-widget {
width: 100%;
}
/* CTA BANDI */
.nm-cta {
background: linear-gradient(160deg, #0E2A30 0%, #14404A 60%, #17565F 100%);
text-align: center;
}
.nm-cta-title { color: #FFFFFF !important; }
.nm-cta-sub {
color: #C9DDE1;
max-width: 560px !important;
text-align: center;
margin-top: 10px;
}
.nm-cta-buttons {
justify-content: center;
margin-top: 26px;
gap: 12px;
}
/* Ana sayfa mobil kirilimlar */
@media (max-width: 768px) {
.nm-hero { text-align: left; }
.nm-stat .nm-stat-num { font-size: 22px; }
.nm-section { padding: 56px 20px; }
.nm-stats { flex-wrap: wrap !important; }
.nm-stats .wp-block-column.nm-stat {
flex-basis: calc(50% - 7px) !important;
}
.nm-cards { flex-wrap: wrap !important; }
.nm-cards .wp-block-column.nm-card { flex-basis: 100% !important; }
.nm-why-grid { flex-wrap: wrap !important; }
.nm-why-grid .wp-block-column { flex-basis: 100% !important; }
.nm-review-grid { flex-wrap: wrap !important; }
.nm-review-grid .wp-block-column { flex-basis: 100% !important; }
.nm-platform { width: 100%; justify-content: center; }
}
/* =====================================================
7. ANLASMALI KURULUSLAR BANDI (global)
===================================================== */
.nm-contracted {
background: #FFFFFF;
border-top: 1px solid #E8EEF0;
padding: 44px 20px;
}
.nm-contracted-inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.nm-contracted-title {
font-size: 22px;
margin-bottom: 18px;
color: #2A3138;
}
.nm-contracted-logos {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px 28px;
margin-bottom: 14px;
}
.nm-contracted-item {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
border: 1px solid #E8EEF0;
border-radius: 12px;
background: #FFFFFF;
transition: all .25s;
}
.nm-contracted-item img {
max-height: 56px;
width: auto;
max-width: 150px;
object-fit: contain;
filter: grayscale(100%);
opacity: .75;
transition: all .25s;
}
.nm-contracted-item:hover {
border-color: #BFE7EC;
box-shadow: 0 8px 20px rgba(14,42,48,.08);
}
.nm-contracted-item:hover img {
filter: grayscale(0%);
opacity: 1;
}
.nm-contracted-note {
font-size: 13px;
color: #8A97A0;
max-width: 640px;
margin: 0 auto;
}
/* =====================================================
8. FOOTER
===================================================== */
.site-footer, .site-info { display: none !important; }
.nm-footer {
background: #1B2A32;
color: #C9D2D8;
padding: 64px 20px 28px;
}
.nm-footer-inner { max-width: 1200px; margin: 0 auto; }
.nm-footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
gap: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,.10);
}
.nm-footer-logo {
max-width: 160px;
margin-bottom: 16px;
filter: brightness(0) invert(1);
opacity: .95;
}
.nm-tursab img {
max-width: 190px;
margin-top: 12px;
border-radius: 8px;
background: #FFFFFF;
padding: 6px;
}
.nm-footer-col h3 {
color: #FFFFFF !important;
font-size: 15px;
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: 14px;
}
.nm-footer-col ul { list-style: none; margin: 0; padding: 0; }
.nm-footer-col ul li { margin-bottom: 10px; font-size: 14.5px; }
.nm-footer-col ul li a {
color: #C9D2D8;
text-decoration: none;
transition: color .2s;
}
.nm-footer-col ul li a:hover { color: #7FD4DE; }
.nm-footer-accr {
padding: 30px 0 26px;
border-bottom: 1px solid rgba(255,255,255,.10);
text-align: center;
}
.nm-footer-accr-title {
font-size: 12px;
letter-spacing: .14em;
color: #8FA0AB;
font-weight: 600;
margin-bottom: 18px;
}
.nm-footer-cert-wrap {
max-width: 560px;
margin: 0 auto 26px;
}
.nm-footer-cert-img {
max-width: 100%;
max-height: 220px;
width: auto;
border-radius: 10px;
background: #FFFFFF;
padding: 8px;
}
.nm-footer-cert-caption {
font-size: 12.5px;
color: #8FA0AB;
line-height: 1.65;
margin-top: 12px;
}
.nm-footer-accr-logos {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 28px;
}
.nm-footer-accr-logos img {
max-height: 46px;
width: auto;
filter: grayscale(100%) brightness(2.2);
opacity: .8;
transition: all .25s;
}
.nm-footer-accr-logos img:hover,
.nm-footer-accr-logos a:hover img {
filter: none;
opacity: 1;
}
.nm-footer-legal {
padding-top: 24px;
text-align: center;
}
.nm-footer-legal p {
font-size: 12.5px;
color: #8FA0AB;
line-height: 1.7;
max-width: 900px;
margin: 0 auto 12px;
}
.nm-footer-copy { font-size: 12px !important; color: #6E8089 !important; }
@media (max-width: 768px) {
.nm-footer-grid { grid-template-columns: 1fr; gap: 28px; }
.nm-footer { padding: 44px 20px 24px; }
}
/* =====================================================
9. TEDAVI SAYFASI SABLONU
===================================================== */
/* Tum sayfalarda ana sayfadaki tam-genislik duzeni (bloglar haric) */
.page .entry-header { display: none; }
.page .site-main { margin: 0 !important; }
.page .entry-content { margin-top: 0 !important; }
.page .inside-article { padding: 0 !important; }
.page #page,
.page #content,
.page .site-content,
.page #primary,
.page .content-area,
.page #main,
.page .site-main,
.page .inside-article,
.page .entry-content {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.page .entry-content .alignfull {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.page .site-header .inside-header {
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 18px 48px !important;
}
/* Tedavi hero */
.nm-thero {
background: linear-gradient(160deg, #0E2A30 0%, #14404A 55%, #17565F 100%);
position: relative;
overflow: hidden;
padding: 80px 20px 64px;
}
.nm-thero > * {
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
.nm-thero h1 { color: #FFFFFF !important; max-width: 700px; }
.nm-thero > p:not(.nm-badge) { color: #C9DDE1; max-width: 620px; }
/* Hizli bilgi kartlari */
.nm-facts { margin-top: 34px; gap: 14px; max-width: 900px !important; margin-left: 0 !important; }
.nm-fact {
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
padding: 14px 12px;
text-align: center;
}
.nm-fact-label { font-size: 12px; color: #A7C4CA; margin: 0 0 2px; }
.nm-fact-value {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px; font-weight: 700; color: #7FD4DE; margin: 0;
}
/* Aday kriterleri */
.nm-candidate { background: #FFFFFF; }
.nm-check-grid { margin-top: 30px; gap: 18px; }
.nm-check {
background: #F4F9FA;
border: 1px solid #E0EDEF;
border-radius: 14px;
padding: 22px 20px;
}
.nm-check p { margin: 0; font-size: 15px; color: #2A3138; }
.nm-bmi-note { text-align: center; margin-top: 22px; font-size: 15px; }
.nm-bmi-note a { color: #2BB6C7; font-weight: 600; text-decoration: none; }
/* Prosedur adimlari */
.nm-steps { background: #F4F9FA; }
.nm-step-grid { margin-top: 34px; gap: 20px; }
.nm-step {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 26px 22px;
}
.nm-step-num {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px; font-weight: 700;
color: #FFFFFF;
background: #2BB6C7;
width: 34px; height: 34px;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
}
.nm-step h3 { font-size: 19px; margin-bottom: 8px; }
.nm-step p:not(.nm-step-num) { font-size: 15px; color: #5A6470; margin: 0; }
/* Timeline */
.nm-timeline { background: #FFFFFF; }
.nm-tl-grid { margin-top: 34px; gap: 18px; }
.nm-tl { border-top: 3px solid #2BB6C7; padding-top: 14px; }
.nm-tl-when {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700; font-size: 16px; color: #2A3138; margin-bottom: 6px;
}
.nm-tl p:not(.nm-tl-when) { font-size: 14.5px; color: #5A6470; margin: 0; }
/* FAQ */
.nm-faq { background: #F4F9FA; }
.nm-faq-list { max-width: 780px !important; margin-top: 30px !important; }
.nm-faq .wp-block-details {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 14px;
padding: 0;
margin-bottom: 12px;
}
.nm-faq .wp-block-details summary {
padding: 18px 22px;
font-weight: 600;
font-size: 16px;
color: #2A3138;
cursor: pointer;
list-style: none;
position: relative;
}
.nm-faq .wp-block-details summary::after {
content: '+';
position: absolute;
right: 20px;
color: #2BB6C7;
font-size: 22px;
font-weight: 600;
transition: transform .2s;
}
.nm-faq .wp-block-details[open] summary::after { transform: rotate(45deg); }
.nm-faq .wp-block-details p {
padding: 0 22px 18px;
margin: 0;
font-size: 15px;
color: #5A6470;
}
/* Tedavi sayfasi mobil */
@media (max-width: 768px) {
.page .site-header .inside-header {
max-width: 100% !important;
padding: 14px 20px !important;
}
.nm-thero { padding: 56px 20px 44px; }
.nm-facts { flex-wrap: wrap !important; }
.nm-facts .wp-block-column.nm-fact { flex-basis: calc(50% - 7px) !important; }
.nm-check-grid, .nm-step-grid, .nm-tl-grid { flex-wrap: wrap !important; }
.nm-check-grid .wp-block-column,
.nm-step-grid .wp-block-column,
.nm-tl-grid .wp-block-column { flex-basis: 100% !important; }
}
/* =====================================================
10. KOYU HEADER + MOBIL BUTON SIRASI
===================================================== */
/* Header zemini: hero ile ayni koyu ton */
.site-header {
background: #0E2A30 !important;
rgba(255,255,255,.08) !important;
}
/* Logo beyaz versiyona */
.site-header .site-logo img {
filter: brightness(0) invert(1);
opacity: .96;
}
/* --- Masaustu: menu linkleri acik renk --- */
@media (min-width: 769px) {
.main-navigation .main-nav ul li a {
color: #E6F1F3;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
color: #7FD4DE;
}
/* Dropdown beyaz kart kaliyor - koyu ustunde daha da sik durur */
}
/* --- Mobil --- */
@media (max-width: 768px) {
/* Sticky header koyu */
.site-header {
background: #0E2A30 !important;
}
/* Buton sirasi: logo | WhatsApp | hamburger */
.site-logo, .site-branding-container { order: 1; }
.nm-header-wa { order: 2; }
.main-navigation { order: 3; }
/* Hamburger: koyu zemine uyumlu cam buton */
.main-navigation .menu-toggle {
background: rgba(255,255,255,.10) !important;
border: 1px solid rgba(255,255,255,.18) !important;
}
.main-navigation .menu-toggle::before,
.main-navigation .menu-toggle::after {
background: #FFFFFF;
}
/* Menu ACIKKEN buton beyaz daireye doner - cizgiler koyu kalsin */
.main-navigation.toggled .menu-toggle::before,
.main-navigation.toggled .menu-toggle::after {
background: #2A3138;
}
}
/* Anlasmali kuruluslar - logolu kartlar */
.nm-partner-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 900px;
margin: 36px auto 8px;
}
.nm-partner-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 30px 24px;
text-decoration: none;
transition: transform .25s, box-shadow .25s, border-color .25s;
}
.nm-partner-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 34px rgba(14,42,48,.10);
border-color: #BFE7EC;
}
.nm-partner-logo {
display: flex;
align-items: center;
justify-content: center;
height: 84px;
margin-bottom: 16px;
}
.nm-partner-logo img {
max-height: 84px;
max-width: 200px;
width: auto;
object-fit: contain;
}
.nm-partner-name {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 19px;
color: #2A3138;
margin-bottom: 8px;
}
.nm-partner-desc {
font-size: 14.5px;
color: #5A6470;
line-height: 1.6;
margin-bottom: 14px;
}
.nm-partner-link {
font-size: 14px;
font-weight: 600;
color: #2BB6C7;
}
.nm-partner-card:hover .nm-partner-link { color: #1A8A99; }
@media (max-width: 768px) {
.nm-partner-grid { grid-template-columns: 1fr; }
}
/* =====================================================
11. TEDAVI/TR SAYFA INCE AYAR DUZELTMELERI
===================================================== */
/* Koyu hero paragrafi: tam okunur acik renk */
.nm-thero p:not(.nm-badge),
.nm-hero p:not(.nm-badge):not(.nm-stat-num) {
color: #D8E6E9 !important;
}
/* Sectionlar arasi bosluktan zemin sizmasin */
.nm-section, .nm-thero, .nm-hero {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.page .entry-content > *,
.home .entry-content > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* CTA bandi ic hizalama garantisi */
.nm-cta .nm-cta-title,
.nm-cta .nm-cta-sub {
margin-left: auto !important;
margin-right: auto !important;
}
.nm-cta { padding-top: 72px; padding-bottom: 72px; }
/* Iletisim: form + harita */
.nm-contact-form-sec { background: #F4F9FA; }
.nm-form-wrap {
max-width: 860px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 28px !important;
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 38px 36px;
}
/* Fluent Forms alanlarini tasarima uydur */
.nm-form-wrap .ff-el-form-control {
border: 1px solid #D7DEE3 !important;
border-radius: 10px !important;
padding: 12px 14px !important;
font-family: 'Inter', sans-serif !important;
}
.nm-form-wrap .ff-el-form-control:focus {
border-color: #2BB6C7 !important;
box-shadow: 0 0 0 3px rgba(43,182,199,.15) !important;
}
.nm-form-wrap .ff-el-input--label label {
font-weight: 600;
color: #2A3138;
font-size: 14px;
}
.nm-form-wrap .ff-btn-submit {
background: #2BB6C7 !important;
border: none !important;
border-radius: 999px !important;
padding: 14px 36px !important;
font-weight: 600 !important;
font-size: 16px !important;
transition: background .2s;
}
.nm-form-wrap .ff-btn-submit:hover { background: #1A8A99 !important; }
.nm-map-sec { background: #FFFFFF; }
.nm-map-wrap {
max-width: 1000px;
margin: 28px auto 0;
border-radius: 16px;
overflow: hidden;
border: 1px solid #E8EEF0;
box-shadow: 0 10px 30px rgba(14,42,48,.08);
}
.nm-map-wrap iframe { display: block; }
@media (max-width: 768px) {
.nm-form-wrap { padding: 24px 18px; }
.nm-map-wrap iframe { height: 320px; }
}
/* Yasal metin sayfalari */
.nm-legal-content {
background: #FFFFFF;
max-width: 100%;
}
.nm-legal-content > * {
max-width: 820px !important;
}
.nm-legal-content h2 {
text-align: left;
font-size: 22px;
margin-top: 34px;
margin-bottom: 10px;
}
.nm-legal-content p {
color: #3D4852;
font-size: 15.5px;
}
/* Justify sizmasini engelle + hizalari sabitle (spesifiklik duzeltildi) */
.nm-card p, .nm-check p,
.nm-step p, .nm-tl p, .nm-why-item p,
.nm-review-text, .nm-legal-content p {
text-align: left !important;
}
.nm-section p.nm-kicker,
.nm-section p.nm-section-intro,
.nm-section h2,
.nm-cta p.nm-cta-sub {
text-align: center !important;
}
/* Intro genis aksin, satir dolunca kirilsin */
.nm-section-intro {
max-width: 760px !important;
text-wrap: balance;
}
/* Basliklar da dengeli kirilsin (2 satira dusen H1/H2'lerde fark yaratir) */
.nm-section h2,
.nm-hero h1,
.nm-thero h1,
.nm-cta-title {
text-wrap: balance;
}
/* INTRO — nihai ortalama (ezilemez) */
p.nm-section-intro {
display: block;
width: fit-content;
max-width: min(760px, 100%);
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
text-wrap: balance;
color: #5A6470;
margin-bottom: 10px !important;
}
/* Team: grup fotografi + operasyon ekibi */
.nm-teamphoto-sec {
background: #FFFFFF;
padding-top: 0 !important;
}
.nm-team-banner {
max-width: 1100px;
margin: -40px auto 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 22px 48px rgba(14,42,48,.16);
position: relative;
z-index: 2;
}
.nm-team-banner img { display: block; width: 100%; height: auto; }
.nm-ops-sec { background: #FFFFFF; }
.nm-ops-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
max-width: 1160px;
margin: 36px auto 8px;
}
.nm-ops-card {
background: #F9FCFC;
border: 1px solid #E8EEF0;
border-radius: 14px;
padding: 20px 14px;
text-align: center;
transition: transform .25s, box-shadow .25s;
}
.nm-ops-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 26px rgba(14,42,48,.09);
}
.nm-ops-photo {
width: 116px;
height: 116px;
margin: 0 auto 12px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #E7F7F9;
}
.nm-ops-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.nm-ops-name { font-size: 15.5px; margin-bottom: 2px; color: #2A3138 !important; }
.nm-ops-title { font-size: 12px; font-weight: 600; color: #2BB6C7; margin-bottom: 8px; }
.nm-ops-bio { font-size: 12.5px; color: #6B7680; line-height: 1.55; margin: 0; }
@media (max-width: 1024px) {
.nm-ops-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.nm-ops-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.nm-team-banner { margin-top: -24px; border-radius: 14px; }
.nm-ops-bio { display: none; } /* mobilde kart sade: foto+isim+unvan */
}
/* Cerrah kartlari */
.nm-surgeons-sec { background: #FFFFFF; }
.nm-ortho-sec { background: #F4F9FA; }
.nm-surgeon-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1100px;
margin: 36px auto 8px;
}
.nm-surgeon-card {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 26px 22px;
text-align: center;
transition: transform .25s, box-shadow .25s;
}
.nm-surgeon-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 34px rgba(14,42,48,.10);
}
.nm-surgeon-photo {
width: 180px;
height: 180px;
margin: 0 auto 16px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #E7F7F9;
}
.nm-surgeon-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.nm-surgeon-name {
font-size: 19px;
margin-bottom: 4px;
color: #2A3138 !important;
}
.nm-surgeon-title {
font-size: 13.5px;
font-weight: 600;
color: #2BB6C7;
margin-bottom: 10px;
}
.nm-surgeon-bio {
font-size: 14px;
color: #5A6470;
line-height: 1.6;
text-align: left !important;
}
@media (max-width: 768px) {
.nm-surgeon-grid { grid-template-columns: 1fr; }
}
/* Mobil sticky CTA bari */
.nm-sticky-cta {
display: none;
}
@media (max-width: 768px) {
.nm-sticky-cta {
display: flex;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9990;
gap: 1px;
background: #E8EEF0;
box-shadow: 0 -6px 20px rgba(14,42,48,.14);
padding-bottom: env(safe-area-inset-bottom);
}
.nm-sticky-cta a {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 15px 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15.5px;
font-weight: 700;
text-decoration: none;
color: #FFFFFF;
}
.nm-sticky-cta svg { width: 21px; height: 21px; flex-shrink: 0; }
.nm-sticky-wa { background: #25D366; }
.nm-sticky-tel { background: #0E2A30; }
.nm-sticky-cta a:active { filter: brightness(.92); }
/* Icerik barin altina saklanmasin */
body { padding-bottom: 58px; }
/* Footer'in son satiri gorunur kalsin */
.nm-footer { padding-bottom: 74px !important; }
}
/* Cost sayfasi: fiyat rozeti + karsilastirma */
.nm-price-hero {
display: flex;
align-items: baseline;
gap: 12px;
flex-wrap: wrap;
margin: 6px 0 10px;
}
.nm-price-was {
font-size: 22px;
color: #7A979D;
text-decoration: line-through;
}
.nm-price-now {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 52px;
font-weight: 800;
color: #7FD4DE;
line-height: 1;
}
.nm-price-note { font-size: 15px; color: #C9DDE1; }
.nm-compare-sec { background: #F4F9FA; }
.nm-compare-table {
max-width: 760px;
margin: 32px auto 20px;
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
overflow: hidden;
}
.nm-compare-row {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
align-items: center;
}
.nm-compare-row > span {
padding: 15px 18px;
font-size: 15px;
color: #2A3138;
border-top: 1px solid #F1F5F7;
}
.nm-compare-row > span:nth-child(2) { color: #6B7680; }
/* Baslik satiri: hucreler tam yukseklige esnesin */
.nm-compare-row.nm-compare-head {
align-items: stretch;
}
.nm-compare-head > span {
display: flex;
align-items: center;
}
.nm-compare-head > span {
border-top: none;
background: #0E2A30 !important;
color: #E6F1F3 !important;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 14px;
padding-top: 16px;
padding-bottom: 16px;
}
/* Baslikta NewMe sutunu: turkuaz vurgu blok */
.nm-compare-head > span.nm-compare-hl {
background: #2BB6C7 !important;
color: #FFFFFF !important;
}
/* Govdede NewMe sutunu: acik vurgu */
.nm-compare-row:not(.nm-compare-head) > .nm-compare-hl {
background: #EDFBFC;
font-weight: 700;
color: #17565F;
}
@media (max-width: 768px) {
.nm-price-now { font-size: 42px; }
.nm-compare-row { grid-template-columns: 1.2fr 0.9fr 0.9fr; }
.nm-compare-row > span { padding: 12px 10px; font-size: 13px; }
}
/* Cost: before/after galerisi */
.nm-results-sec { background: #FFFFFF; }
.nm-ba-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
max-width: 1000px;
margin: 32px auto 8px;
}
.nm-ba-item {
margin: 0;
border-radius: 14px;
overflow: hidden;
border: 1px solid #E8EEF0;
box-shadow: 0 8px 22px rgba(14,42,48,.07);
}
.nm-ba-item img {
display: block;
width: 100%;
height: auto;
transition: transform .35s;
}
.nm-ba-item:hover img { transform: scale(1.03); }
/* Cost: hasta videolari (9:16 Shorts) */
.nm-videos-sec { background: #F4F9FA; }
.nm-video-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 280px));
justify-content: center;
gap: 20px;
margin: 32px auto 8px;
max-width: 1000px;
}
.nm-video-card {
position: relative;
aspect-ratio: 9 / 16;
border-radius: 16px;
overflow: hidden;
cursor: pointer;
background: #0E2A30;
box-shadow: 0 10px 26px rgba(14,42,48,.14);
}
.nm-video-card img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .92;
transition: opacity .25s, transform .35s;
}
.nm-video-card:hover img { opacity: 1; transform: scale(1.04); }
.nm-video-play {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 64px; height: 64px;
background: rgba(43,182,199,.92);
border-radius: 50%;
box-shadow: 0 6px 20px rgba(0,0,0,.30);
}
.nm-video-play::after {
content: '';
position: absolute;
top: 50%; left: 54%;
transform: translate(-50%, -50%);
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #FFFFFF;
}
.nm-video-card:hover .nm-video-play { background: #2BB6C7; }
.nm-video-loaded iframe {
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 768px) {
.nm-ba-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.nm-video-grid {
grid-template-columns: repeat(3, 78vw);
overflow-x: auto;
justify-content: flex-start;
scroll-snap-type: x mandatory;
padding-bottom: 8px;
}
.nm-video-card { scroll-snap-align: center; }
}
/* Tedavi sayfasi fiyat linki */
.nm-price-link { margin-top: 14px !important; }
.nm-price-link a {
color: #7FD4DE;
font-weight: 600;
font-size: 15.5px;
text-decoration: none;
border-bottom: 1px dashed rgba(127,212,222,.5);
}
.nm-price-link a:hover { color: #FFFFFF; border-bottom-color: #FFFFFF; }
/* Acik zeminde fiyat linki varyanti */
.nm-section .nm-price-link a {
color: #17565F;
border-bottom-color: rgba(23,86,95,.35);
}
.nm-section .nm-price-link a:hover { color: #2BB6C7; border-bottom-color: #2BB6C7; }
/* Paket fiyat kartlari */
.nm-pricing-sec { background: #F4F9FA; }
.nm-pricing-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
max-width: 1160px;
margin: 36px auto 20px;
align-items: stretch;
}
.nm-pricing-card {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 26px 20px;
display: flex;
flex-direction: column;
transition: transform .25s, box-shadow .25s;
}
.nm-pricing-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 34px rgba(14,42,48,.10);
}
.nm-pricing-featured {
background: #0E2A30;
border-color: #0E2A30;
}
.nm-pricing-flag {
align-self: flex-start;
background: #2BB6C7;
color: #FFFFFF;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 999px;
margin: 0 0 10px;
}
.nm-pricing-name {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 17px;
color: #2A3138;
margin: 0 0 4px;
}
.nm-pricing-price {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 800;
font-size: 34px;
color: #17565F;
margin: 0 0 14px;
}
.nm-pricing-featured .nm-pricing-name { color: #FFFFFF; }
.nm-pricing-featured .nm-pricing-price { color: #7FD4DE; }
.nm-pricing-feats {
list-style: none;
margin: 0 0 18px;
padding: 0;
flex: 1;
}
.nm-pricing-feats li {
font-size: 13.5px;
color: #5A6470;
line-height: 1.5;
padding: 6px 0 6px 22px;
position: relative;
border-top: 1px solid #F1F5F7;
}
.nm-pricing-feats li::before {
content: '✓';
position: absolute;
left: 0;
color: #2BB6C7;
font-weight: 700;
}
.nm-pricing-featured .nm-pricing-feats li { color: #C9DDE1; border-top-color: rgba(255,255,255,.08); }
.nm-pricing-cta {
display: block;
text-align: center;
background: #2BB6C7;
color: #FFFFFF !important;
font-weight: 700;
font-size: 15px;
padding: 12px;
border-radius: 999px;
text-decoration: none;
transition: background .2s;
}
.nm-pricing-cta:hover { background: #1A8A99; }
/* Cerrah spotlight karti */
.nm-doc-card {
display: grid;
grid-template-columns: 220px 1fr;
gap: 28px;
align-items: center;
max-width: 860px;
margin: 32px auto 20px;
background: #F9FCFC;
border: 1px solid #E8EEF0;
border-radius: 18px;
padding: 30px;
}
.nm-doc-photo {
border-radius: 16px;
overflow: hidden;
}
.nm-doc-photo img { display: block; width: 100%; height: auto; }
.nm-doc-name {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 22px;
color: #2A3138;
margin: 0 0 2px;
}
.nm-doc-title { font-size: 14px; font-weight: 600; color: #2BB6C7; margin: 0 0 12px; }
.nm-doc-bio { font-size: 15px; color: #5A6470; line-height: 1.65; margin: 0 0 16px; }
.nm-doc-stats { display: flex; gap: 22px; flex-wrap: wrap; }
.nm-doc-stats span { font-size: 13.5px; color: #5A6470; }
.nm-doc-stats strong {
display: block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 22px;
color: #17565F;
}
/* Genis (16:9) video karti */
.nm-video-wide {
aspect-ratio: 16 / 9 !important;
max-width: 640px;
margin: 32px auto 20px;
}
@media (max-width: 1024px) {
.nm-pricing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.nm-pricing-grid { grid-template-columns: 1fr; }
.nm-doc-card { grid-template-columns: 1fr; text-align: center; padding: 24px 18px; }
.nm-doc-photo { max-width: 220px; margin: 0 auto; }
.nm-doc-stats { justify-content: center; }
.nm-video-wide { max-width: 100%; margin: 24px auto 16px; }
.nm-video-grid-2 { grid-template-columns: repeat(2, 44vw) !important; }
}
/* BMI Hesaplayici */
.nm-calc-sec { background: #F4F9FA; }
.nm-calc {
max-width: 560px;
margin: 0 auto;
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 18px;
padding: 30px 26px;
box-shadow: 0 14px 34px rgba(14,42,48,.08);
}
.nm-calc-units { display: flex; gap: 8px; margin-bottom: 22px; }
.nm-unit-btn {
flex: 1;
padding: 11px 8px;
border: 1.5px solid #E8EEF0;
border-radius: 999px;
background: #fff;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #5A6470;
cursor: pointer;
}
.nm-unit-btn.is-active { background: #0E2A30; border-color: #0E2A30; color: #7FD4DE; }
.nm-calc-group { margin-bottom: 16px; }
.nm-calc-group label {
display: block;
font-size: 13.5px;
font-weight: 600;
color: #2A3138;
margin-bottom: 6px;
}
.nm-calc-group input {
width: 100%;
padding: 13px 14px;
border: 1.5px solid #E8EEF0;
border-radius: 10px;
font-size: 16px;
}
.nm-calc-group input:focus { border-color: #2BB6C7; outline: none; }
.nm-duo { display: flex; gap: 10px; }
.nm-duo span { flex: 1; position: relative; }
.nm-duo em {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-style: normal;
font-size: 13px;
color: #7A979D;
}
.nm-calc-btn {
width: 100%;
padding: 15px;
background: #2BB6C7;
color: #fff;
border: 0;
border-radius: 999px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 16px;
font-weight: 700;
cursor: pointer;
}
.nm-calc-btn:hover { background: #1A8A99; }
.nm-calc-result { margin-top: 24px; padding-top: 22px; border-top: 1px solid #F1F5F7; }
.nm-calc-score { display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; }
.nm-calc-score span {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 44px;
font-weight: 800;
color: #17565F;
}
.nm-calc-score em { font-style: normal; font-size: 16px; font-weight: 700; color: #2A3138; }
.nm-calc-bar {
position: relative;
height: 12px;
border-radius: 999px;
background: linear-gradient(90deg, #8ECFDA 0%, #52B788 22%, #F4C95D 40%, #EE9B4A 55%, #E2694E 72%, #C43F3F 100%);
}
.nm-calc-bar i {
position: absolute;
top: -5px;
width: 4px;
height: 22px;
background: #0E2A30;
border-radius: 2px;
transform: translateX(-50%);
transition: left .4s;
}
.nm-calc-scale { display: flex; justify-content: space-between; font-size: 11.5px; color: #7A979D; margin-top: 6px; }
.nm-calc-msg { font-size: 15px; color: #5A6470; line-height: 1.6; margin: 16px 0 0; }
.nm-calc-cta { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.nm-calc-cta .nm-pricing-cta { text-align: center; }
@media (max-width: 480px) { .nm-calc { padding: 22px 16px; } .nm-calc-score span { font-size: 38px; } }
.nm-tracker-tag {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #2BB6C7;
margin: -6px 0 12px;
}
.nm-tag-light { color: #7FD4DE; }
/* 3'lu kart gridi (sag bosluk duzeltmesi) */
.nm-pricing-grid-3 {
grid-template-columns: repeat(3, 1fr);
max-width: 960px;
}
@media (max-width: 1024px) {
.nm-pricing-grid-3 { grid-template-columns: 1fr; max-width: 480px; }
}
/* Tracker PDF onizleme */
.nm-tracker-prev {
display: block;
margin: -6px 0 16px;
border-radius: 12px;
overflow: hidden;
border: 1px solid #E8EEF0;
background: #F4F9FA;
}
.nm-tracker-prev img {
display: block;
width: 100%;
height: 190px;
object-fit: cover;
object-position: top;
transition: transform .3s;
}
.nm-tracker-prev:hover img { transform: scale(1.04); }
.nm-pricing-featured .nm-tracker-prev { border-color: rgba(255,255,255,.15); }
/* WooCommerce -> NewMe tema uyumu */
.woocommerce h1, .woocommerce-checkout h1 { font-family: 'Plus Jakarta Sans', sans-serif; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
border: 1.5px solid #E8EEF0;
border-radius: 10px;
padding: 12px 14px;
font-size: 15px;
}
.woocommerce form .form-row input.input-text:focus { border-color: #2BB6C7; outline: none; }
.woocommerce #payment button.button.alt,
.woocommerce button.button.alt {
background: #2BB6C7;
color: #fff;
border-radius: 999px;
padding: 14px 30px;
font-weight: 700;
font-family: 'Plus Jakarta Sans', sans-serif;
}
.woocommerce button.button.alt:hover { background: #1A8A99; }
.woocommerce-checkout #payment { background: #F4F9FA; border-radius: 14px; }
.woocommerce table.shop_table { border: 1px solid #E8EEF0; border-radius: 14px; }
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 22px;
font-weight: 700;
color: #17565F;
}
/* Landing: iki para butonu ve "/ €200" tonu */
.nm-price-or { font-size: 18px; color: #7A979D; font-weight: 600; }
/* ============ WOOCOMMERCE — NewMe tema uyumu ============ */
.woocommerce, .woocommerce-page { font-family: 'Inter', sans-serif; }
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce .product_title { font-family: 'Plus Jakarta Sans', sans-serif; color: #2A3138; }
/* Urun sayfasi (gizli ama dogrudan ziyaret edilebilir) */
.woocommerce div.product p.price {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 34px;
font-weight: 800;
color: #17565F;
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #payment button.button.alt, .woocommerce button.button.alt {
background: #2BB6C7 !important;
color: #FFFFFF !important;
border: 0;
border-radius: 999px !important;
padding: 14px 30px !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 15.5px !important;
transition: background .2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce button.button.alt:hover { background: #1A8A99 !important; }
/* Form alanlari */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
border: 1.5px solid #E8EEF0 !important;
border-radius: 10px !important;
padding: 12px 14px !important;
font-size: 15px;
height: auto !important;
}
.woocommerce form .form-row input.input-text:focus { border-color: #2BB6C7 !important; outline: none; }
.woocommerce form .form-row label { font-weight: 600; font-size: 13.5px; color: #2A3138; }
/* Checkout duzeni */
.woocommerce-checkout #customer_details { margin-bottom: 26px; }
.woocommerce-checkout #order_review_heading { margin-top: 10px; }
.woocommerce-checkout #payment {
background: #F4F9FA !important;
border-radius: 16px !important;
}
.woocommerce-checkout #payment div.payment_box {
background: #FFFFFF !important;
border-radius: 10px;
}
.woocommerce table.shop_table {
border: 1px solid #E8EEF0 !important;
border-radius: 14px !important;
border-collapse: separate !important;
}
.woocommerce table.shop_table th { font-family: 'Plus Jakarta Sans', sans-serif; }
/* Bildirimler */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
border-radius: 12px;
border-top-width: 3px;
}
.woocommerce-message { border-top-color: #2BB6C7 !important; }
.woocommerce-message::before { color: #2BB6C7 !important; }
/* Tesekkur sayfasi */
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 24px;
font-weight: 700;
color: #17565F;
}
.woocommerce ul.order_details {
background: #F4F9FA;
border-radius: 14px;
padding: 20px !important;
}
.woocommerce ul.order_details li { border-right-color: #DCE8EB !important; }
/* Sepet (nadiren gorulur ama temiz dursun) */
.woocommerce-cart table.cart img { border-radius: 10px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: block; }
@media (max-width: 768px) {
.woocommerce div.product p.price { font-size: 28px; }
.woocommerce table.shop_table { font-size: 14px; }
}
/* Checkout duzeni v2 (grid) */
.nm-checkout-sec { background: #F4F9FA; }
.nm-checkout-sec .woocommerce { max-width: 1100px; margin: 0 auto; }
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
float: none !important;
}
.woocommerce-checkout h3 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 20px;
margin: 0 0 14px;
}
@media (min-width: 992px) {
.woocommerce-checkout form.checkout {
display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 36px;
align-items: start;
}
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 8px; }
.woocommerce-checkout form.checkout #order_review {
grid-column: 2;
grid-row: 2;
position: sticky;
top: 90px;
}
}
.woocommerce-checkout #order_review {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
padding: 22px;
}
.woocommerce-checkout #order_review table.shop_table { width: 100%; border: 0 !important; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #F4F9FA !important;
border-radius: 12px !important;
}
.woocommerce-checkout #payment .place-order { padding: 16px 0 0; }
.woocommerce-checkout #payment button#place_order { width: 100%; }
/* Pay-deposit: para birimi butonlari */
.nm-pricing-card .nm-pricing-cta {
display: block;
text-align: center;
width: 100%;
}
.nm-pricing-card .nm-pricing-cta + .nm-pricing-cta {
margin-top: 10px; /* yapisikligi ayiran bosluk */
}
.nm-pricing-card .nm-cta-alt {
background: #17565F !important; /* EUR: koyu petrol */
}
.nm-pricing-card .nm-cta-alt:hover {
background: #0E2A30 !important;
}
.nm-pricing-card .nm-cta-usd {
background: transparent !important;
color: #17565F !important;
border: 2px solid #17565F;
}
.nm-pricing-card .nm-cta-usd:hover { background: #EDFBFC !important; }
/* ============ BLOG — index + tek yazi ============
KURULUM: Gorunum > Ozellestir > Ek CSS > EN SONA */
/* --- /blog/ index kartlari --- */
.nm-blog-sec { background: #F4F9FA; }
.nm-blog-grid { gap: 26px; }
.nm-blog-card {
background: #FFFFFF;
border: 1px solid #E8EEF0;
border-radius: 16px;
overflow: hidden;
height: 100%;
transition: transform .25s, box-shadow .25s;
}
.nm-blog-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 34px rgba(14,42,48,.10);
}
.nm-blog-thumb img { display: block; width: 100%; }
.nm-blog-title { padding: 18px 20px 0; margin: 0; }
.nm-blog-title a {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.35;
color: #2A3138;
text-decoration: none;
}
.nm-blog-title a:hover { color: #17565F; }
.nm-blog-excerpt {
padding: 10px 20px 20px;
font-size: 14.5px;
color: #5A6470;
line-height: 1.6;
}
.nm-blog-excerpt .wp-block-post-excerpt__more-link {
color: #2BB6C7;
font-weight: 700;
text-decoration: none;
}
.nm-blog-pagination { margin-top: 34px; font-family: 'Plus Jakarta Sans', sans-serif; }
.nm-blog-pagination a, .nm-blog-pagination .page-numbers { color: #17565F; font-weight: 600; }
.nm-blog-pagination .current { color: #2BB6C7; }
/* --- Tek yazi tipografisi --- */
.single-post .entry-content,
.single-post .entry-header { max-width: 760px; margin-left: auto; margin-right: auto; }
.single-post h1.entry-title {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: clamp(28px, 4vw, 40px);
line-height: 1.2;
color: #2A3138;
}
.single-post .entry-content { font-size: 17px; line-height: 1.75; color: #3A424B; }
.single-post .entry-content h2 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 27px;
margin: 40px 0 14px;
color: #2A3138;
}
.single-post .entry-content h3 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 21px;
margin: 30px 0 10px;
}
.single-post .entry-content a { color: #17565F; text-decoration: underline; text-underline-offset: 2px; }
.single-post .entry-content a:hover { color: #2BB6C7; }
.single-post .entry-content img { border-radius: 14px; }
.single-post .entry-content blockquote {
border-left: 4px solid #2BB6C7;
background: #F4F9FA;
border-radius: 0 12px 12px 0;
padding: 16px 20px;
font-style: normal;
color: #2A3138;
}
.single-post .entry-content ul, .single-post .entry-content ol { padding-left: 24px; }
.single-post .entry-content li { margin-bottom: 8px; }
/* Yazi sonu otomatik CTA kutusu (newme-post-cta.php ciktisi) */
.nm-post-cta {
max-width: 760px;
margin: 44px auto 10px;
padding: 26px;
background: #0E2A30;
border-radius: 18px;
text-align: center;
}
.nm-post-cta p.nm-post-cta-title {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 21px;
font-weight: 700;
color: #FFFFFF;
margin: 0 0 8px;
}
.nm-post-cta p.nm-post-cta-sub { color: #B8C7CB; font-size: 15px; margin: 0 0 16px; }
.nm-post-cta a.nm-post-cta-btn {
display: inline-block;
background: #2BB6C7;
color: #fff;
padding: 13px 28px;
border-radius: 999px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
text-decoration: none;
}
.nm-post-cta a.nm-post-cta-btn:hover { background: #1A8A99; }
/* ============ BLOG POST BILESENLERI v3 (kapsamli — sinif sizintisi duzeltildi) ============
KURULUM: Ek CSS > EN SONA (newme-blog-css'in altina) */
.nm-post { max-width: 760px; margin: 0 auto; }
.nm-post-meta {
display: flex; flex-wrap: wrap; gap: 8px 22px;
font-size: 13.5px; color: #7A979D; font-weight: 600;
padding-bottom: 16px; border-bottom: 1px solid #E8EEF0; margin-bottom: 26px;
}
.nm-takeaways {
background: #EDFBFC; border: 1px solid #BFE9EE; border-radius: 16px;
padding: 22px 24px; margin: 0 0 22px;
}
.nm-takeaways-title {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 800; font-size: 16px; color: #17565F;
text-transform: uppercase; letter-spacing: .04em; margin: 0 0 10px;
}
.nm-takeaways ul { margin: 0; padding-left: 0; list-style: none; }
.nm-takeaways li {
position: relative; padding-left: 26px; margin-bottom: 10px;
font-size: 15.5px; line-height: 1.6;
}
.nm-takeaways li::before { content: "✓"; position: absolute; left: 0; color: #2BB6C7; font-weight: 800; }
.nm-toc { font-size: 14px; margin: 0 0 30px; }
.nm-toc a {
display: inline-block; background: #F4F9FA; border: 1px solid #E8EEF0;
border-radius: 999px; padding: 6px 14px; margin: 4px 4px 0 0;
color: #17565F !important; font-weight: 600; text-decoration: none !important;
}
.nm-toc a:hover { border-color: #2BB6C7; color: #2BB6C7 !important; }
.nm-post .nm-step { display: flex; gap: 16px; margin: 22px 0; }
.nm-post .nm-step-no {
flex: 0 0 38px; height: 38px; border-radius: 50%;
background: #17565F; color: #7FD4DE;
font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 17px;
display: flex; align-items: center; justify-content: center; margin-top: 4px;
}
.nm-post .nm-step h3 { margin-top: 0 !important; }
.nm-post-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 18px 0 30px; font-size: 15px; }
.nm-post-table th {
background: #0E2A30; color: #fff; text-align: left; padding: 12px 16px;
font-family: 'Plus Jakarta Sans', sans-serif;
}
.nm-post-table th:first-child { border-radius: 12px 0 0 0; }
.nm-post-table th:last-child { border-radius: 0 12px 0 0; }
.nm-post-table td { padding: 11px 16px; border-bottom: 1px solid #E8EEF0; }
.nm-post-table tr:nth-child(even) td { background: #F8FBFC; }
.nm-post-table .nm-row-total td { background: #EDFBFC; font-weight: 800; color: #17565F; border-bottom: 0; }
.nm-checklist { list-style: none; padding-left: 0 !important; }
.nm-checklist li { position: relative; padding-left: 26px; margin-bottom: 10px; }
.nm-checklist li::before { content: "✓"; position: absolute; left: 0; color: #2BB6C7; font-weight: 800; }
.nm-note-important {
background: #FFF7ED; border: 1px solid #FBD9A5; border-left: 4px solid #E8963E;
border-radius: 0 12px 12px 0; padding: 14px 18px; font-size: 15px;
}
.nm-post-faq {
border: 1px solid #E8EEF0; border-radius: 12px;
padding: 0 18px; margin-bottom: 10px; background: #fff;
}
.nm-post-faq summary {
cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700; font-size: 15.5px; color: #2A3138; padding: 15px 0;
list-style: none; position: relative; padding-right: 26px;
}
.nm-post-faq summary::after {
content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
color: #2BB6C7; font-size: 21px; font-weight: 700;
}
.nm-post-faq[open] summary::after { content: "–"; }
.nm-post-faq p { margin: 0 0 16px; }
.nm-reviewer {
display: flex; flex-direction: column; gap: 2px;
background: #F4F9FA; border-radius: 14px; padding: 18px 22px; margin: 34px 0 22px;
}
.nm-reviewer-name { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; margin: 0; color: #17565F; }
.nm-reviewer-title { font-size: 14px; color: #5A6470; margin: 0; }
.nm-related { margin: 26px 0 6px; }
.nm-related-title { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; color: #2A3138; margin-bottom: 8px; }
.nm-related ul { list-style: none; padding-left: 0; }
.nm-related li { margin-bottom: 8px; }
.nm-related a { font-weight: 600; }
@media (max-width: 560px) {
.nm-post .nm-step { gap: 12px; }
.nm-post-table { font-size: 13.5px; }
.nm-post-table th, .nm-post-table td { padding: 9px 10px; }
}
/* --- v2 ekleri: alinti karti, tablo kaydirma, renkli hucreler --- */
.nm-post-quote {
background: #F4F9FA; border: 1px solid #E8EEF0; border-left: 4px solid #2BB6C7;
border-radius: 0 14px 14px 0; padding: 20px 24px; margin: 18px 0; font-style: normal;
}
.nm-post-quote p { margin: 0 0 10px; font-size: 16px; line-height: 1.7; color: #2A3138; }
.nm-post-quote cite { font-style: normal; font-size: 13.5px; font-weight: 700; color: #17565F; }
.nm-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 30px; }
.nm-table-scroll .nm-post-table { min-width: 640px; margin: 0; }
.nm-swipe-note { font-size: 12.5px; color: #7A979D; margin: 0 0 6px; display: none; }
@media (max-width: 700px) { .nm-swipe-note { display: block; } }
.nm-cell-bad { color: #C0563C; font-weight: 600; }
.nm-cell-good { color: #1F8A5B; font-weight: 600; }
/* Doktor profili: kariyer zaman cizelgesi */
.nm-doc-tl { max-width: 760px; margin: 0 auto; }
.nm-doc-tl-row {
display: flex; gap: 18px; padding: 16px 0;
border-bottom: 1px solid #E8EEF0; align-items: flex-start;
}
.nm-doc-tl-row:last-child { border-bottom: 0; }
.nm-doc-tl-year {
flex: 0 0 110px; text-align: center;
background: #EDFBFC; color: #17565F;
border-radius: 999px; padding: 6px 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 800; font-size: 13px; margin-top: 2px;
}
.nm-doc-tl-row strong { font-family: 'Plus Jakarta Sans', sans-serif; color: #2A3138; }
.nm-doc-tl-place { color: #5A6470; font-size: 14.5px; }
@media (max-width: 560px) {
.nm-doc-tl-row { flex-direction: column; gap: 6px; }
.nm-doc-tl-year { flex: none; align-self: flex-start; }
}
/* ============ DOKTOR PROFILI v3 — zengin bilesen seti ============
KURULUM: Ek CSS > EN SONA (nm-doc-timeline.css bloğunu SILIP yerine bunu koyun) */
/* Hero */
.nm-dr-hero { background: linear-gradient(135deg, #0E2A30, #17565F); padding: 56px 20px 72px; }
.nm-dr-hero-grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 340px 1fr; gap: 44px; align-items: center; }
.nm-dr-photo { position: relative; }
.nm-dr-photo img { width: 100%; border-radius: 22px; display: block; box-shadow: 0 24px 60px rgba(0,0,0,.35); border: 3px solid rgba(255,255,255,.12); }
.nm-dr-photo-badge {
position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);
background: #2BB6C7; color: #fff; white-space: nowrap;
padding: 10px 22px; border-radius: 999px;
font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 13px;
box-shadow: 0 8px 24px rgba(43,182,199,.45);
}
.nm-dr-tag { display: inline-block; background: rgba(127,212,222,.15); color: #7FD4DE; padding: 7px 16px; border-radius: 999px; font-size: 12.5px; font-weight: 800; letter-spacing: .05em; margin-bottom: 14px; font-family: 'Plus Jakarta Sans', sans-serif; }
.nm-dr-hero h1 { color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(30px, 4vw, 42px); margin: 0 0 6px; line-height: 1.15; }
.nm-dr-sub { color: #7FD4DE; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 18px; margin: 0 0 6px; }
.nm-dr-academic { color: #B8C7CB; font-style: italic; font-size: 14.5px; margin: 0 0 16px; }
.nm-dr-intro { color: rgba(255,255,255,.92); font-size: 16.5px; line-height: 1.75; margin: 0 0 22px; }
.nm-dr-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px; }
.nm-dr-stat { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 16px 12px; text-align: center; }
.nm-dr-stat b { display: block; color: #7FD4DE; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; font-weight: 800; line-height: 1.15; }
.nm-dr-stat span { color: rgba(255,255,255,.75); font-size: 12px; font-weight: 600; }
.nm-dr-creds { display: flex; flex-wrap: wrap; gap: 8px; }
.nm-dr-cred { background: rgba(255,255,255,.1); color: #fff; padding: 7px 13px; border-radius: 8px; font-size: 12.5px; font-weight: 700; }
.nm-dr-cred::before { content: "✓ "; color: #2BB6C7; font-weight: 800; }
/* Timeline (noktali) */
.nm-dr-tl { max-width: 780px; margin: 0 auto; position: relative; padding-left: 34px; }
.nm-dr-tl::before { content: ""; position: absolute; left: 10px; top: 8px; bottom: 8px; width: 3px; background: linear-gradient(#2BB6C7, #17565F); border-radius: 2px; }
.nm-dr-tl-item { position: relative; padding: 0 0 26px 22px; }
.nm-dr-tl-item:last-child { padding-bottom: 0; }
.nm-dr-tl-item::before { content: ""; position: absolute; left: -31px; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #2BB6C7; }
.nm-dr-tl-item.hl::before { background: #2BB6C7; box-shadow: 0 0 0 5px rgba(43,182,199,.18); }
.nm-dr-tl-year { display: inline-block; background: #EDFBFC; color: #17565F; padding: 4px 12px; border-radius: 7px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 12.5px; margin-bottom: 6px; }
.nm-dr-tl-item h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 17.5px; margin: 0 0 3px; color: #2A3138; }
.nm-dr-tl-place { color: #17565F; font-weight: 600; font-size: 14px; margin: 0 0 5px; }
.nm-dr-tl-item p { color: #5A6470; font-size: 14.5px; line-height: 1.6; margin: 0; }
/* Uzmanlik kartlari */
.nm-dr-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1080px; margin: 0 auto; }
.nm-dr-spec { background: #F4F9FA; border: 1px solid #E8EEF0; border-radius: 18px; padding: 28px; }
.nm-dr-spec.featured { grid-column: span 2; background: linear-gradient(135deg, #0E2A30, #17565F); border: 0; }
.nm-dr-spec.featured h3, .nm-dr-spec.featured p { color: #fff; }
.nm-dr-spec-flag { display: inline-block; background: #2BB6C7; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .06em; padding: 5px 12px; border-radius: 999px; margin-bottom: 12px; font-family: 'Plus Jakarta Sans', sans-serif; }
.nm-dr-spec h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 21px; margin: 0 0 8px; color: #2A3138; }
.nm-dr-spec p { color: #5A6470; font-size: 14.5px; line-height: 1.65; margin: 0 0 14px; }
.nm-dr-spec-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.nm-dr-spec-tags span { background: #fff; color: #17565F; padding: 7px 13px; border-radius: 8px; font-size: 12.5px; font-weight: 700; }
.nm-dr-spec-tags span::before { content: "✓ "; color: #2BB6C7; }
.nm-dr-spec.featured .nm-dr-spec-tags span { background: rgba(255,255,255,.14); color: #fff; }
.nm-dr-spec a.nm-dr-spec-link { display: inline-block; margin-top: 12px; color: #17565F; font-weight: 800; font-size: 13.5px; text-decoration: none; }
.nm-dr-spec.featured a.nm-dr-spec-link { color: #7FD4DE; }
.nm-dr-spec a.nm-dr-spec-link:hover { color: #2BB6C7; }
/* Felsefe alintisi */
.nm-dr-quote { max-width: 780px; margin: 0 auto; background: linear-gradient(135deg, #0E2A30, #17565F); border-radius: 20px; padding: 32px 36px; }
.nm-dr-quote p.q { color: #fff; font-size: 19px; font-style: italic; line-height: 1.7; margin: 0 0 10px; border-left: 3px solid #2BB6C7; padding-left: 18px; }
.nm-dr-quote p.a { color: #7FD4DE; font-weight: 700; font-size: 14px; margin: 0; text-align: right; }
@media (max-width: 900px) {
.nm-dr-hero-grid { grid-template-columns: 1fr; gap: 40px; }
.nm-dr-photo { max-width: 320px; margin: 0 auto; }
.nm-dr-specs { grid-template-columns: 1fr; }
.nm-dr-spec.featured { grid-column: span 1; }
}
@media (max-width: 560px) {
.nm-dr-stats { grid-template-columns: 1fr 1fr; }
.nm-dr-quote { padding: 24px 20px; }
}
/* --- v4: 4'lu istatistik + platform puanlari + yorum kartlari + adimlar + UK bandi --- */
.nm-dr-stats { grid-template-columns: repeat(4, 1fr); }
.nm-dr-platforms { display: flex; flex-wrap: wrap; gap: 10px; max-width: 780px; margin: 0 auto 26px; justify-content: center; }
.nm-dr-platforms span { background: #F4F9FA; border: 1px solid #E8EEF0; border-radius: 999px; padding: 9px 18px; font-size: 13.5px; font-weight: 700; color: #2A3138; }
.nm-dr-platforms b { color: #17565F; }
.nm-dr-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1080px; margin: 0 auto; }
.nm-dr-review { background: #fff; border: 1px solid #E8EEF0; border-left: 4px solid #2BB6C7; border-radius: 0 14px 14px 0; padding: 22px; }
.nm-dr-review p.t { color: #2A3138; font-size: 14.5px; line-height: 1.7; margin: 0 0 12px; font-style: italic; }
.nm-dr-review p.r { color: #17565F; font-weight: 800; font-size: 13px; margin: 0 0 4px; font-family: 'Plus Jakarta Sans', sans-serif; }
.nm-dr-review p.w { color: #7A979D; font-size: 12px; margin: 0; }
.nm-dr-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1080px; margin: 0 auto 18px; }
.nm-dr-step { background: #F4F9FA; border-radius: 16px; padding: 24px; text-align: center; }
.nm-dr-step b { display: flex; width: 40px; height: 40px; margin: 0 auto 10px; border-radius: 50%; background: #17565F; color: #7FD4DE; align-items: center; justify-content: center; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 17px; }
.nm-dr-step h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 17px; margin: 0 0 6px; }
.nm-dr-step p { color: #5A6470; font-size: 13.5px; margin: 0; }
.nm-uk-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1080px; margin: 0 auto; }
.nm-uk-item { background: #fff; border: 1px solid #E8EEF0; border-radius: 14px; padding: 20px; }
.nm-uk-item h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15.5px; margin: 0 0 5px; color: #17565F; }
.nm-uk-item p { color: #5A6470; font-size: 13.5px; margin: 0; line-height: 1.6; }
@media (max-width: 900px) { .nm-dr-reviews, .nm-dr-steps { grid-template-columns: 1fr; } .nm-uk-band { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .nm-uk-band { grid-template-columns: 1fr; } .nm-dr-stats { grid-template-columns: 1fr 1fr; } }
.nm-dr-hero h1, .nm-dr-hero-grid h1 { color: #FFFFFF !important; }
.nm-menu-cta > a {
background: #2BB6C7; color: #fff !important;
border-radius: 999px; padding: 10px 20px !important;
font-weight: 700;
}
.nm-menu-cta > a:hover { background: #1A8A99; }
/* === MOBIL KORUMA: satir-ici grid'leri dar ekranda kir === */
@media (max-width: 900px) {
.nm-uk-band[style], .nm-dr-steps[style], .nm-video-grid[style] {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 640px) {
.nm-uk-band[style], .nm-dr-steps[style], .nm-video-grid[style] {
grid-template-columns: 1fr !important;
}
}
/* ============ CERRAH-SEKMELI B/A GALERISI + RESIM POPUP ============
KURULUM: Ek CSS'in EN SONUNA ekleyin (bir kez; tum sayfalara hizmet eder) */
/* Sekmeler */
.nm-gal-tabs { display: flex; justify-content: center; gap: 10px; margin: 0 0 22px; flex-wrap: wrap; }
.nm-gal-tab {
background: #F4F9FA; border: 2px solid #E8EEF0; color: #2A3138;
border-radius: 999px; padding: 10px 22px; cursor: pointer;
font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 14px;
transition: all .15s ease;
}
.nm-gal-tab:hover { border-color: #2BB6C7; }
.nm-gal-tab.active { background: #17565F; border-color: #17565F; color: #fff; }
/* Gruplar */
.nm-gal-group { display: none; }
.nm-gal-group.active { display: grid; }
/* Tiklanabilirlik ipucu */
.nm-gal-group .nm-ba-item { cursor: zoom-in; position: relative; }
.nm-gal-group .nm-ba-item::after {
content: "🔍"; position: absolute; right: 10px; bottom: 10px;
background: rgba(14,42,48,.75); color: #fff; border-radius: 8px;
padding: 4px 8px; font-size: 13px; pointer-events: none;
}
/* Resim popup (video lightbox ile ayni aile) */
.nm-ilight {
position: fixed; inset: 0; z-index: 99999;
background: rgba(10, 25, 30, .92);
display: flex; align-items: center; justify-content: center; padding: 24px;
}
.nm-ilight img {
max-width: 92vw; max-height: 88vh; border-radius: 12px;
box-shadow: 0 30px 80px rgba(0,0,0,.5); display: block;
}
.nm-ilight-x {
position: absolute; top: 16px; right: 20px;
background: none; border: 0; color: #fff; font-size: 40px;
cursor: pointer; line-height: 1;
}
.nm-ilight-cap {
position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
color: #CFE7EA; font-size: 14px; font-weight: 700;
background: rgba(14,42,48,.7); padding: 6px 16px; border-radius: 999px;
}
/* ===== NM REELS — dikey video seridi + akilli oynatici ===== */
.nm-reels{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.nm-reels::-webkit-scrollbar{height:8px}
.nm-reels::-webkit-scrollbar-thumb{background:#BFD9DD;border-radius:999px}
.nm-reel{flex:0 0 190px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;background:#0E2E33;box-shadow:0 8px 22px rgba(14,46,51,.18)}
.nm-reel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.nm-reel:hover img{transform:scale(1.06)}
.nm-reel-dr{position:absolute;top:10px;left:10px;background:rgba(14,46,51,.88);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.02em}
.nm-reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.93);color:#0E2E33;display:flex;align-items:center;justify-content:center;font-size:19px;padding-left:4px;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .25s}
.nm-reel:hover .nm-reel-play{transform:translate(-50%,-50%) scale(1.1)}
.nm-reel-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(10,30,34,.94));color:#fff;font-size:12px;line-height:1.35;font-weight:600}
@media(max-width:640px){.nm-reel{flex:0 0 158px}}
/* isik kutusu */
.nm-rlight{position:fixed;inset:0;background:rgba(8,20,23,.94);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.nm-rlight-x{position:absolute;top:14px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;cursor:pointer;line-height:1}
.nm-rlight-x:hover{background:rgba(255,255,255,.28)}
.nm-rframe.v{height:min(88vh,780px);aspect-ratio:9/16;width:auto;max-width:92vw}
.nm-rframe.h{width:min(92vw,960px);aspect-ratio:16/9;height:auto;max-height:88vh}
.nm-rframe iframe{width:100%;height:100%;border:0;border-radius:14px;background:#000}
/* ===== NM PRICE TABLE — cerrah-sutunlu fiyat tablolari ===== */
.nm-price-table{border-radius:14px;overflow:hidden}
.nm-pt-4 .nm-compare-row{display:grid;grid-template-columns:2.1fr .9fr .9fr 1.15fr;align-items:center}
.nm-pt-2 .nm-compare-row{display:grid;grid-template-columns:2fr 1.2fr;align-items:center}
.nm-price-table [role="cell"] em{font-size:12px;color:#5A6470;font-style:italic}
@media(max-width:760px){
.nm-pt-4 .nm-compare-row{grid-template-columns:1.7fr 1fr 1fr}
.nm-pt-4 .nm-compare-head [role="columnheader"]:nth-child(4){display:none}
.nm-pt-4 .nm-compare-row:not(.nm-compare-head) [role="cell"]:nth-child(4){grid-column:1/-1;font-size:12px;color:#5A6470;padding-top:2px;border-top:0}
.nm-pt-4 .nm-compare-row:not(.nm-compare-head) [role="cell"]:nth-child(4):not(:empty)::before{content:"Stay: "}
}
/* ===== NM FOOTER TRUSTPILOT ===== */
.nm-footer-trustpilot{padding:22px 0 4px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.nm-tp-slot{display:flex;justify-content:center;min-height:44px;align-items:center}
.nm-tp-static{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;opacity:.92;padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px}
.nm-tp-static:hover{opacity:1;border-color:#00B67A}
.nm-tp-star{color:#00B67A;font-size:18px}
body.nm-geo-tr .nm-footer-trustpilot{display:none !important}
/* ===== NM MOBILE POLISH — denetim 15 (font tabanlari + dokunma alanlari) ===== */
.nm-bmi-note{font-size:14px;line-height:1.55}
.nm-fact-label,.nm-kicker{font-size:13px}
.nm-dr-platforms span,.nm-dr-spec-tags span{font-size:13px;padding:7px 12px}
.nm-reel-label{font-size:13px}
.nm-pricing-feats li{font-size:15px}
@media(max-width:760px){
.nm-pt-4 .nm-compare-row:not(.nm-compare-head) [role="cell"]:nth-child(4){font-size:13px}
body,.nm-section p{font-size:16px}
}
/* dokunma hedefleri: kart ici ok-linkler ve kucuk CTA'lar */
.nm-uk-item a,.nm-check a,.nm-bmi-note a,.nm-footer-col a,.nm-tp-static{
display:inline-block;min-height:44px;line-height:1.4;padding-top:10px;padding-bottom:10px}
.nm-footer-col li{margin-bottom:2px}
/* ===== NM TOC — "bu sayfada" atlama menusu (denetim 16) ===== */
.nm-toc{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #E3EDF0;
display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 14px;scrollbar-width:none}
.nm-toc::-webkit-scrollbar{display:none}
.nm-toc a{flex:0 0 auto;font-size:13px;font-weight:600;color:#17323D;text-decoration:none;
background:#F2F8FA;border:1px solid #DCE9ED;border-radius:999px;padding:9px 14px;min-height:38px}
.nm-toc a:hover{background:#2BB6C7;color:#fff;border-color:#2BB6C7}
.nm-section[id]{scroll-margin-top:70px}
/* ===== NM 404 ===== */
.nm-404{max-width:860px;margin:0 auto;padding:70px 20px 90px;text-align:center}
.nm-404-code{font-size:clamp(90px,18vw,160px);font-weight:800;line-height:1;margin:0;
background:linear-gradient(135deg,#2BB6C7,#0c6e5d);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
.nm-404 h1{margin:6px 0 10px;font-size:clamp(26px,4.5vw,40px)}
.nm-404-sub{font-size:17px;color:#45565F;max-width:540px;margin:0 auto 34px}
.nm-404-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 34px}
.nm-404-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;
background:#F2F8FA;border:1px solid #DCE9ED;border-radius:14px;text-decoration:none;color:#17323D;
font-weight:600;font-size:15px;min-height:44px;transition:all .18s}
.nm-404-card:hover{background:#2BB6C7;color:#fff;border-color:#2BB6C7;transform:translateY(-2px)}
.nm-404-ico{font-size:26px}
.nm-btn-primary-link{display:inline-block;background:#2BB6C7;color:#fff!important;font-weight:700;
padding:14px 26px;border-radius:999px;text-decoration:none;min-height:44px}
.nm-btn-primary-link:hover{background:#0c6e5d}
body.nm-geo-tr .nm-404-card.nm-geo-locked{display:none!important}
/* ===== NM HOTFIX: TOC hover'da metin gorunurlugu ===== */
nav.nm-toc a, nav.nm-toc a:visited{color:#17323D !important}
nav.nm-toc a:hover, nav.nm-toc a:focus, nav.nm-toc a:active{
background:#2BB6C7 !important;
border-color:#2BB6C7 !important;
color:#fff !important;
text-decoration:none !important}
/* ===== NM SEMANTIC TABLES (GEO) ===== */
.nm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nm-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;margin:18px auto;
box-shadow:0 8px 28px rgba(15,42,51,.08);max-width:980px}
.nm-tbl{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.nm-tbl-4{min-width:640px}.nm-tbl-3{min-width:540px}.nm-tbl-2{min-width:420px}
.nm-tbl thead th{background:#11292F;color:#fff;text-align:left;font-size:13px;font-weight:700;
letter-spacing:.02em;padding:14px 16px}
.nm-tbl tbody th,.nm-tbl tbody td{padding:13px 16px;border-top:1px solid #E7EEF1;text-align:left;vertical-align:middle}
.nm-tbl tbody th{font-weight:600;color:#17323D;background:#fff}
.nm-tbl td.nm-hl{background:#E9F8FA;color:#0c6e5d;font-weight:700}
.nm-tbl tbody tr:hover th,.nm-tbl tbody tr:hover td{background:#F6FBFC}
.nm-tbl tbody tr:hover td.nm-hl{background:#DDF3F6}
.nm-tbl td em{font-size:12px;color:#5A6470;font-style:italic}
@media(max-width:760px){.nm-tbl{font-size:14px}
.nm-tbl thead th,.nm-tbl tbody th,.nm-tbl tbody td{padding:11px 12px}}
/* ===== NM MEDICAL REVIEW BANDI ===== */
.nm-medrev{max-width:980px;margin:14px auto 0;padding:9px 16px;text-align:center;
font-size:13.5px;color:#3D5059;background:#F2F8FA;border:1px solid #DCE9ED;border-radius:999px}
.nm-medrev a{color:#0c6e5d;font-weight:600;text-decoration:none}
.nm-medrev a:hover{text-decoration:underline}
@media(max-width:600px){.nm-medrev{font-size:12.5px;border-radius:14px}}
/* ===== NM HOTFIX: blog CTA kutusunda metin okunurlugu ===== */
.nm-post .nm-post-cta, .nm-post-cta{color:#fff !important}
.nm-post-cta p, .nm-post-cta strong{color:#fff !important}
.nm-post-cta p{opacity:.95}
.nm-post-cta strong{opacity:1}
.nm-post-cta-btn{co
lor:#fff !important}
/* ── 11.x Ghost buton — açık zeminli bölümlerde görünür (2026-10-08) ──
Koyu zeminler (.nm-thero, .nm-hero, .nm-cta) eskisi gibi beyaz kalır. */
.nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link{
color:#0A6B77 !important;
border:1.5px solid #2BB6C7 !important;
background:transparent !important;
}
.nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link:hover,
.nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link:focus-visible{
background:#2BB6C7 !important;
color:#06272C !important;
border-color:#2BB6C7 !important;
}
/* Blog sonu CTA butonu — koyu yazı (beyaz yazı turkuazda okunaksızdı) */
.nm-post-cta a.nm-post-cta-btn{color:#06272C !important}
.nm-post-cta a.nm-post-cta-btn:hover,
.nm-post-cta a.nm-post-cta-btn:focus-visible{background:#7FD4DE !important;color:#06272C !important}
/* ── 11.x Tek kartlık kutular tablette yarım genişliğe sıkışmasın (2026-10-08) ── */
@media (max-width:900px){
.nm-uk-band[style]:has(> .nm-uk-item:only-child),
.nm-uk-band[style*="columns:1fr;"]{grid-template-columns:1fr !important}
}
.entry-content .nm-post-table{display:block;max-width:100%;overflow-x:auto}
.entry-content .nm-post-table{display:block;max-width:100%;overflow-x:auto}
/* =====================================================================
12. NEWME DESIGN SYSTEM v1.2 (2026-10-20)
---------------------------------------------------------------------
KURULUM
- Görünüm → Özelleştir → Ek CSS: bu bloğun TAMAMINI dosyanın EN SONUNA
yapıştır (11. bölümün altına). Geri almak için yalnız bu bloğu sil.
- Güncelleme: Ek CSS'te bu başlıktan ("12. NEWME DESIGN SYSTEM")
dosyanın sonuna kadar her şeyi sil, yerine bu dosyanın tamamını
yapıştır.
- newme-ds-assets.zip içeriğini /wp-content/uploads/newme-ds/ klasörüne
aç (fonts/ + motif.svg + motif-anim.svg).
- Sayfa koduna dokunmaz: mevcut nm-* sınıflarını yeniden giydirir.
FİKİR
- Logodan türetildi: wordmark yuvarlak bir sans → Rubik (başlık, buton,
etiket, tablo, rakam); slogan serif → Newsreader (okunan metin,
hasta sözleri). Kural: "adlandırdığımız şey sans, anlattığımız şey serif".
- Tek cesur öğe: logodaki parmak izi çizgilerinden hero motifi.
Geri kalan her şey sakin: düz zemin, ince çizgi, gölgesiz kart.
İÇİNDEKİLER
12.0 Fontlar + geçiş katmanı 12.11 Hasta yorumları + platformlar
12.1 Token'lar 12.12 UK bandı
12.2 Temel tipografi 12.13 SSS
12.3 Link + odak 12.14 Tablolar
12.4 Butonlar 12.15 Sayfa içi menü (TOC)
12.5 Header 12.16 CTA bandı
12.6 Ana sayfa hero + ledger 12.17 Anlaşmalı Kuruluşlar bandı
12.7 Tedavi/cost hero 12.18 Footer
12.8 Bölüm başlıkları 12.19 Mobil sabit CTA
12.9 Tedavi kartları 12.20 Bildirim kutuları (risk / fiyat)
12.10 Neden NewMe 12.21 Hareket azaltma
12.22 Eski bileşenler: kontrast
12.23 Hekim profili: hero 12.29 Kurum kartları
12.24 Hekim profili: içerik 12.30 Belge kartı (DE)
12.25 Liste, adım, zaman 12.31 BMI + karşılaştırma
12.26 Galeri, Reels, video 12.32 Blog listesi
12.27 Fiyat / depozito kartı 12.33 Form + harita
12.28 Cerrah ve ekip kartları 12.34 404 · 12.35 Cost cerrah kartı
v1.1: profil/TF hero başlıkları ve koyu kart linkleri yeniden okunur;
eski bileşenlerde 2.4:1 kalan buton, rozet ve unvanlar düzeltildi.
v1.2: sayfaya özel eski bileşenler sistemin diline taşındı (gölgesiz,
ince çizgi, role göre köşe, sola yaslı); form alanı çizgisi 3:1.
===================================================================== */
/* ---------- 12.0 FONTLAR --------------------------------------------- */
/* Rubik: 400 / 500 / 600 / 600 italik · Newsreader: 400 / 400 italik / 600 */
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:italic;font-weight:400 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-600-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:italic;font-weight:400 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-600-italic.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-400-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-ext-400-italic.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/newsreader-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* GEÇİŞ KATMANI — eski CSS'te yazılı 'Plus Jakarta Sans' ve 'Inter' adları
aynı Rubik dosyalarına yönlenir (sonra tanımlanan @font-face kazanır).
Böylece eski bileşenler tek tek düzeltilmeden yeni tipe geçer ve eski
font dosyaları indirilmez. CSS v2 tam yeniden yazımında bu blok silinir. */
@font-face{font-family:'Plus Jakarta Sans';font-weight:400 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-weight:400 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:500 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:500 800;font-display:swap;src:url('/wp-content/uploads/newme-ds/fonts/rubik-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* ---------- 12.1 TOKEN'LAR ------------------------------------------- */
:root{
/* renk — logodan */
--nm-petrol: #0E2A30; /* koyu yüzeyler, başlıklar */
--nm-petrol-2: #14404A; /* koyu üstü yükseltilmiş yüzey (CTA bandı) */
--nm-teal: #2BB6C7; /* marka; birincil buton dolgusu, koyu üstünde vurgu */
--nm-teal-lt: #7FD4DE; /* koyu zeminde link/odak */
--nm-teal-ink: #0B6F7C; /* açık zeminde link ve vurgu metni (5.9:1) */
--nm-teal-wash:#E3F4F6; /* tablo vurgusu, seçili satır */
--nm-mist: #EEF5F5; /* ara bölüm zemini */
--nm-paper: #FFFFFF;
--nm-line: #D3E3E5; /* ince çizgi */
--nm-field-line:#748C91; /* form alanı kenarı: beyazda 3.6:1 */
--nm-text: #33464B; /* gövde metni (9.9:1) */
--nm-muted: #5B6E73; /* ikincil metin (5.3:1 beyaz · 4.9:1 mist) */
--nm-on-dark: #D6E8EA; /* koyu zeminde gövde */
--nm-on-dark-2:#9CBEC4; /* koyu zeminde ikincil */
--nm-dark-line:rgba(214,232,234,.16);
--nm-star: #A8781A; /* yıldızlar: beyazda 3.9:1 */
--nm-amber-bg: #FBF4E4; --nm-amber-ink:#8A6411; /* fiyat notu */
--nm-risk-bg: #F3F1F7; --nm-risk-ink: #4A3F66; /* risk bloğu (ASA) */
--nm-wa: #25D366; /* yalnız WhatsApp butonu */
/* tip */
--nm-font-ui: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
--nm-font-text: 'Newsreader', Georgia, 'Times New Roman', serif;
--nm-fs-h1: clamp(2.05rem, 1.45rem + 2.6vw, 3.5rem); /* 33 → 56 */
--nm-fs-h2: clamp(1.6rem, 1.3rem + 1.3vw, 2.35rem); /* 26 → 38 */
--nm-fs-h3: 1.25rem; /* 20 */
--nm-fs-lead: clamp(1.125rem, 1.05rem + .35vw, 1.3rem);/* 18 → 21 */
--nm-fs-text: 1.125rem; /* 18 serif */
--nm-fs-ui: 1rem; /* 16 */
--nm-fs-small: .875rem; /* 14 */
--nm-lh-text: 1.62;
--nm-measure: 64ch;
/* boşluk + yarıçap (hiyerarşik: aksiyon > kutu > alan) */
--nm-s1:.5rem; --nm-s2:1rem; --nm-s3:1.5rem; --nm-s4:2.5rem; --nm-s5:4rem; --nm-s6:6rem;
--nm-wrap: 1200px;
--nm-gutter: 20px;
--nm-r-pill: 999px; /* butonlar, çipler */
--nm-r-box: 14px; /* logo kutuları, tablolar */
--nm-r-field: 8px; /* form alanları */
--nm-focus: 0 0 0 3px var(--nm-paper), 0 0 0 6px var(--nm-teal-ink);
--nm-focus-dark: 0 0 0 3px var(--nm-petrol), 0 0 0 6px var(--nm-teal-lt);
}
/* ---------- 12.2 TEMEL TİPOGRAFİ ------------------------------------- */
html body{
font-family: var(--nm-font-ui);
color: var(--nm-text);
background: var(--nm-paper);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(.entry-title,.main-title){
font-family: var(--nm-font-ui);
font-weight: 600;
letter-spacing: -.01em;
text-wrap: balance;
}
html body h1{font-size: var(--nm-fs-h1); line-height: 1.08; letter-spacing: -.02em;}
html body h2{font-size: var(--nm-fs-h2); line-height: 1.14;}
html body h3{font-size: var(--nm-fs-h3); line-height: 1.3;}
html body h4{font-size: 1.0625rem; line-height: 1.35;}
/* Başlık rengi bilerek düşük özgüllükte: koyu zeminli bileşenlerin kendi
beyaz başlık kuralları (.nm-dr-hero h1 vb.) bunu ezebilsin. */
h1, h2, h3, h4, h5, .entry-title, .entry-title a{color: var(--nm-petrol) !important;}
/* "Anlattığımız şey serif": içerik paragrafları ve listeler.
Sınıfsız ve
serif olur; nm-* sınıflı UI parçaları ve
bilinen UI kapsayıcıları sans kalır. */
html body .entry-content :is(p,li):not([class*="nm-"]):not(:where(.nm-stats, .nm-facts, .nm-tbl, .nm-toc, .nm-platforms, .nm-pricing-card, .nm-dr-stats, .nm-dr-stat, .nm-gal, .nm-reels, .nm-contracted, .nm-footer, .nm-sticky-cta, .nm-404, form, .fluentform, .woocommerce, nav) *),
html body .entry-content :is(.nm-section-intro, .nm-review-text, .nm-cta-sub, .nm-uk-intro, .nm-dr-intro){
font-family: var(--nm-font-text);
font-size: var(--nm-fs-text);
line-height: var(--nm-lh-text);
font-variant-numeric: lining-nums;
}
html body .entry-content :is(p,li):not([class*="nm-"]) strong{font-weight: 600;}
html body .single-post .entry-content :is(p,li){max-width: var(--nm-measure);}
html body .single-post .entry-content :is(h2,h3){font-family: var(--nm-font-ui); color: var(--nm-petrol);}
html body .single-post .entry-content h2{font-size: 1.75rem; margin: 2.5rem 0 .75rem;}
@media (max-width: 768px){
:root{--nm-fs-text: 1.0625rem;} /* 17 */
}
/* ---------- 12.3 LİNK + ODAK ----------------------------------------- */
/* Yalnız metin içi, sınıfsız linkler; koyu zeminli bileşenlerin içindekiler
ve sınıflı bileşen linkleri (kart, reel, buton) kendi rengini korur. */
html body .entry-content a:not([class]):not(:is(.nm-hero, .nm-thero, .nm-cta, .nm-dr-hero, .nm-dr-spec, .nm-pricing-featured, .nm-medrev, .nm-reels) *){
color: var(--nm-teal-ink);
text-decoration-thickness: 1px;
text-underline-offset: .18em;
}
html body .entry-content a:not([class]):not(:is(.nm-hero, .nm-thero, .nm-cta, .nm-dr-hero, .nm-dr-spec, .nm-pricing-featured, .nm-medrev, .nm-reels) *):hover{color: var(--nm-petrol);}
html body :focus-visible{outline: none; box-shadow: var(--nm-focus); border-radius: 4px;}
html body :is(.site-header, .nm-hero, .nm-thero, .nm-cta, .nm-footer, .nm-medrev) :focus-visible{box-shadow: var(--nm-focus-dark);}
/* ---------- 12.4 BUTONLAR -------------------------------------------- */
html body .nm-btn .wp-block-button__link,
html body .nm-btn-primary-link{
font-family: var(--nm-font-ui) !important;
font-size: var(--nm-fs-ui) !important;
font-weight: 500 !important;
letter-spacing: 0;
line-height: 1.2 !important;
min-height: 50px;
display: inline-flex; align-items: center; justify-content: center; gap: .5em;
padding: 14px 26px !important;
border-radius: var(--nm-r-pill) !important;
transition: background-color .18s, color .18s, border-color .18s;
}
html body .nm-btn-primary .wp-block-button__link,
html body .nm-btn-primary-link{
background: var(--nm-teal) !important;
color: var(--nm-petrol) !important;
border: 1.5px solid var(--nm-teal) !important;
}
html body .nm-btn-primary .wp-block-button__link:hover,
html body .nm-btn-primary-link:hover{background: var(--nm-teal-lt) !important; border-color: var(--nm-teal-lt) !important;}
html body .nm-btn-ghost .wp-block-button__link{
background: transparent !important;
color: #fff !important;
border: 1.5px solid rgba(214,232,234,.5) !important;
}
html body .nm-btn-ghost .wp-block-button__link:hover{border-color: var(--nm-teal-lt) !important; color: var(--nm-teal-lt) !important;}
/* açık zeminde ikincil buton */
html body .nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link{
color: var(--nm-teal-ink) !important;
border-color: var(--nm-teal-ink) !important;
}
html body .nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link:hover,
html body .nm-section:not(.nm-cta) .nm-btn-ghost .wp-block-button__link:focus-visible{
background: var(--nm-teal-ink) !important; color: #fff !important; border-color: var(--nm-teal-ink) !important;
}
html body :is(.nm-hero-buttons, .nm-cta-buttons){gap: 12px !important;}
@media (max-width: 560px){
html body :is(.nm-hero-buttons, .nm-cta-buttons) .wp-block-button{flex: 1 1 100%;}
html body :is(.nm-hero-buttons, .nm-cta-buttons) .wp-block-button__link{width: 100%;}
}
/* ---------- 12.5 HEADER ---------------------------------------------- */
html body .site-header{background: var(--nm-petrol) !important; border-bottom: 1px solid var(--nm-dark-line);}
html body .main-navigation a{font-family: var(--nm-font-ui) !important; font-weight: 500 !important;}
@media (min-width: 769px){
html body .main-navigation .main-nav > ul > li > a{color: var(--nm-on-dark) !important; font-size: 15px;}
html body .main-navigation .main-nav > ul > li:is(:hover, .current-menu-item, .current-menu-ancestor) > a{color: var(--nm-teal-lt) !important;}
html body .main-navigation ul ul{border-radius: var(--nm-r-box); border-color: var(--nm-line); box-shadow: 0 14px 40px rgba(14,42,48,.18);}
html body .main-navigation ul ul li a{font-size: 15px; color: var(--nm-petrol) !important;}
html body .main-navigation ul ul li a:hover{color: var(--nm-teal-ink) !important; background: var(--nm-mist) !important; padding-left: 26px !important;}
}
/* Menü 1400 px altında tek satıra sığmıyor ("UK Patients", "Contracted
Institutions" iki satıra kırılıyor) — kırılmayı engelle, aralığı daralt.
Kalıcı çözüm (≤1180 px): Özelleştir → Düzen → Ana Navigasyon →
Mobil menü kırılımı = 1180 px (CSS v2'de drawer bu eşiğe taşınır). */
@media (min-width: 769px){
html body .main-navigation .main-nav > ul > li > a{white-space: nowrap;}
}
@media (min-width: 769px) and (max-width: 1400px){
html body .inside-header{padding-left: 24px !important; padding-right: 24px !important;}
html body .main-navigation .main-nav ul li a{padding-left: 9px !important; padding-right: 9px !important; font-size: 14.5px !important;}
html body .main-navigation .main-nav ul li.lang-item a{padding-left: 3px !important; padding-right: 3px !important;}
html body .site-logo img{max-width: 132px;}
}
@media (min-width: 769px) and (max-width: 1400px){
html body .main-navigation .main-nav > ul > li > a .dropdown-menu-toggle{padding-left: 3px !important; padding-right: 2px !important;}
}
@media (min-width: 769px) and (max-width: 1180px){
html body .main-navigation .main-nav ul li a{padding-left: 6px !important; padding-right: 6px !important; font-size: 13.5px !important;}
html body .site-logo img{max-width: 110px;}
/* tablet yatayda yer açmak için "Home" gizlenir — logo zaten ana sayfaya gider */
html body .main-navigation .main-nav > ul > li.menu-item-home:not(.lang-item){display: none;}
}
/* ---------- 12.6 ANA SAYFA HERO + LEDGER ----------------------------- */
html body .nm-hero{
background: var(--nm-petrol) !important;
padding: 64px var(--nm-gutter) 56px !important;
isolation: isolate;
}
/* parmak izi motifi (eski radial ışığın yerine) — tek seferlik çizim */
html body .nm-hero::after{
content: "";
position: absolute; z-index: -1;
top: auto; bottom: -26%; right: -48%;
width: 118vw; height: 118vw; max-width: none;
background: url('/wp-content/uploads/newme-ds/motif-anim.svg') center / contain no-repeat;
opacity: .32;
border-radius: 0;
pointer-events: none;
}
html body .nm-hero > *{position: relative;}
html body .nm-hero .nm-badge{
background: transparent; border: 1px solid rgba(127,212,222,.4);
color: var(--nm-teal-lt); font-family: var(--nm-font-ui);
font-size: 14px; font-weight: 500; padding: 6px 14px; margin-bottom: 22px;
}
html body .nm-hero h1{color: #fff !important; max-width: 11.5em; margin-bottom: 22px;}
/* ikinci cümle ("A new you in 7 days.") kendi satırında başlar; renk değil,
yalnız italik — vurgu metnin kendisinde */
html body .nm-hero h1 em{font-style: italic; color: inherit;}
html body .nm-hero h1 em::before{content: "\A"; white-space: pre;}
html body .nm-hero p:not(.nm-badge):not(.nm-stat-num){
font-family: var(--nm-font-text);
font-size: var(--nm-fs-lead) !important;
line-height: 1.55;
color: var(--nm-on-dark) !important;
max-width: 34em;
}
html body .nm-hero .nm-hero-buttons{margin-top: 30px;}
/* ledger: kutusuz rakam satırı */
html body .nm-stats{
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0 !important;
margin-top: 48px !important;
border-top: 1px solid var(--nm-dark-line);
}
html body .nm-stats .wp-block-column.nm-stat{
background: none !important; border: 0 !important; border-radius: 0 !important;
backdrop-filter: none !important;
text-align: left !important;
padding: 18px 16px 4px 0 !important;
margin: 0 !important;
}
html body .nm-stats .nm-stat:nth-child(n+3){border-top: 1px solid var(--nm-dark-line) !important;}
html body .nm-stat .nm-stat-num{
font-family: var(--nm-font-ui) !important;
font-size: 1.75rem !important; font-weight: 500 !important;
color: #fff !important; letter-spacing: -.01em;
font-variant-numeric: lining-nums tabular-nums;
margin: 0 0 2px !important;
}
html body .nm-hero .nm-stat p:not(.nm-stat-num){
font-family: var(--nm-font-ui) !important;
font-size: var(--nm-fs-small) !important; line-height: 1.4 !important;
color: var(--nm-on-dark-2) !important;
}
@media (min-width: 900px){
html body .nm-hero{padding: 112px var(--nm-gutter) 88px !important;}
html body .nm-hero::after{
top: 50%; bottom: auto; right: -6%;
width: min(62vw, 820px); height: min(62vw, 820px);
transform: translateY(-50%);
opacity: .5;
}
html body .nm-stats{grid-template-columns: repeat(4, 1fr); margin-top: 72px !important;}
html body .nm-stats .wp-block-column.nm-stat{padding: 20px 24px 4px 0 !important;}
html body .nm-stats .nm-stat:nth-child(n+3){border-top: 0 !important;}
html body .nm-stats .nm-stat + .nm-stat{border-left: 1px solid var(--nm-dark-line) !important; padding-left: 24px !important;}
html body .nm-stat .nm-stat-num{font-size: 2.25rem !important;}
}
/* ---------- 12.7 TEDAVİ / COST HERO + HEKİM ONAY SATIRI -------------- */
html body .nm-thero{
background: var(--nm-petrol) !important;
padding: 56px var(--nm-gutter) 48px !important;
isolation: isolate;
}
html body .nm-thero::after{
content: "";
position: absolute; z-index: -1;
top: -30%; right: -55%;
width: 110vw; height: 110vw;
background: url('/wp-content/uploads/newme-ds/motif.svg') center / contain no-repeat;
opacity: .16; pointer-events: none;
}
html body .nm-thero > *{position: relative;}
html body .nm-thero h1{color: #fff !important; max-width: 20ch; margin-bottom: 16px;}
html body .nm-thero .nm-badge{
background: transparent; border: 1px solid rgba(127,212,222,.4); color: var(--nm-teal-lt);
font-family: var(--nm-font-ui); font-size: 14px; font-weight: 500; padding: 6px 14px; margin-bottom: 18px;
}
html body .nm-thero p:not(.nm-badge):not([class*="nm-fact"]):not([class*="nm-price"]){
font-family: var(--nm-font-text);
font-size: var(--nm-fs-lead) !important; line-height: 1.55;
color: var(--nm-on-dark) !important; max-width: 36em;
}
/* hızlı bilgiler → ledger */
html body .nm-facts{
display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 !important;
margin-top: 32px !important; max-width: 960px !important;
border-top: 1px solid var(--nm-dark-line);
}
html body .nm-facts .wp-block-column.nm-fact{
background: none !important; border: 0 !important; border-radius: 0 !important;
text-align: left !important; padding: 14px 14px 4px 0 !important; margin: 0 !important;
}
html body .nm-facts .nm-fact:nth-child(n+3){border-top: 1px solid var(--nm-dark-line) !important;}
html body .nm-fact .nm-fact-label{font-family: var(--nm-font-ui); font-size: 13px !important; color: var(--nm-on-dark-2) !important; margin: 0 0 2px !important;}
html body .nm-fact .nm-fact-value{font-family: var(--nm-font-ui) !important; font-size: 1.125rem !important; font-weight: 500 !important; color: #fff !important;}
@media (min-width: 900px){
html body .nm-thero{padding: 88px var(--nm-gutter) 72px !important;}
html body .nm-thero::after{top: 50%; right: -8%; width: min(52vw, 700px); height: min(52vw, 700px); transform: translateY(-50%); opacity: .22;}
html body .nm-facts{grid-template-columns: repeat(4, 1fr);}
html body .nm-facts .nm-fact:nth-child(n+3){border-top: 0 !important;}
html body .nm-facts .nm-fact + .nm-fact{border-left: 1px solid var(--nm-dark-line) !important; padding-left: 20px !important;}
}
/* kilitli cost sayfası fiyat satırı — rakam beyaz (Önder kararı) */
html body .nm-price-hero{gap: 10px 14px; margin: 18px 0 8px;}
html body .nm-price-now{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem) !important; color: #fff !important; letter-spacing: -.02em;}
html body .nm-price-note{font-family: var(--nm-font-ui); font-size: 15px !important; color: var(--nm-on-dark) !important;}
/* hekim onay satırı: header ile hero arasında, koyu bütünün parçası */
html body .nm-medrev{
max-width: none !important; width: 100%; margin: 0 !important;
padding: 10px max(var(--nm-gutter), calc((100% - var(--nm-wrap)) / 2)) !important;
background: var(--nm-petrol); color: var(--nm-on-dark-2) !important;
border: 0 !important; border-bottom: 1px solid var(--nm-dark-line) !important; border-radius: 0 !important;
font-family: var(--nm-font-ui); font-size: 13.5px !important; line-height: 1.5;
text-align: left !important;
}
html body .nm-medrev a{color: var(--nm-teal-lt) !important; font-weight: 500;}
/* ---------- 12.8 BÖLÜM BAŞLIKLARI ------------------------------------ */
html body .nm-section{padding: var(--nm-s5) var(--nm-gutter) !important;}
@media (min-width: 900px){ html body .nm-section{padding: var(--nm-s6) var(--nm-gutter) !important;} }
html body .nm-section h2{text-align: left !important; max-width: 24ch; margin-bottom: 14px;}
/* büyük harf üst etiketler gizli: başlığın tekrarı, şablon izi bırakıyor.
Geri açmak için bu satırı sil. */
html body .nm-section p.nm-kicker{display: none !important;}
html body .nm-section p.nm-section-intro,
html body p.nm-section-intro,
html body .nm-uk-intro{
text-align: left !important;
margin-left: 0 !important; margin-right: 0 !important;
max-width: var(--nm-measure) !important; width: auto;
color: var(--nm-muted) !important;
text-wrap: pretty;
}
html body .nm-treatments, html body .nm-reviews{background: var(--nm-paper) !important;}
html body .nm-why, html body .nm-uk-auto, html body .nm-faq{background: var(--nm-mist) !important;}
/* ---------- 12.9 TEDAVİ KARTLARI → dizin --------------------------- */
html body .nm-cards{
display: grid !important; grid-template-columns: 1fr; gap: 0 !important;
margin-top: var(--nm-s4) !important;
}
html body .nm-cards .wp-block-column.nm-card{
position: relative;
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 1px solid var(--nm-line) !important;
padding: 22px 0 24px !important; margin: 0 !important;
transform: none !important; box-shadow: none !important;
}
html body .nm-cards .nm-card:last-child{border-bottom: 1px solid var(--nm-line) !important;}
html body .nm-card .nm-card-icon{display: none !important;} /* emoji ikonlar */
html body .nm-card h3{font-size: 1.25rem !important; margin: 0 0 6px !important; color: var(--nm-petrol) !important;}
html body .nm-card p:not(.nm-card-link){font-size: 1.0625rem !important; color: var(--nm-muted) !important; margin: 0 0 14px !important;}
html body .nm-card .nm-card-link{margin: 0 !important;}
html body .nm-card .nm-card-link a{
font-family: var(--nm-font-ui); font-weight: 500; font-size: 15px;
color: var(--nm-teal-ink) !important; text-decoration: none !important;
}
/* kartın tamamı tıklanır */
html body .nm-card .nm-card-link a::after{content: ""; position: absolute; inset: 0;}
html body .nm-card:hover h3{color: var(--nm-teal-ink) !important;}
html body .nm-card:hover .nm-card-link a{text-decoration: underline !important; text-underline-offset: .2em;}
html body .nm-card:has(a:focus-visible){box-shadow: var(--nm-focus) !important;}
html body .nm-card .nm-card-link a:focus-visible{box-shadow: none;}
@media (min-width: 700px){
html body .nm-cards{grid-template-columns: 1fr 1fr; column-gap: 32px !important;}
html body .nm-cards .nm-card:nth-last-child(2){border-bottom: 1px solid var(--nm-line) !important;}
}
@media (min-width: 1024px){
html body .nm-cards{grid-template-columns: repeat(4, 1fr); column-gap: 28px !important;}
html body .nm-cards .wp-block-column.nm-card{border-top: 2px solid var(--nm-petrol) !important; border-bottom: 0 !important; padding-top: 20px !important;}
html body .nm-cards .nm-card:hover{border-top-color: var(--nm-teal) !important;}
}
/* ---------- 12.10 NEDEN NEWME ---------------------------------------- */
html body .nm-why-grid{display: grid !important; grid-template-columns: 1fr; gap: 28px !important; margin-top: var(--nm-s4) !important;}
html body .nm-why-grid .wp-block-column{margin: 0 !important;}
html body .nm-why-item{border-left: 2px solid var(--nm-teal); padding-left: 18px;}
html body .nm-why-item h3{font-size: 1.125rem !important; color: var(--nm-petrol) !important; margin: 0 0 6px !important;}
html body .nm-why-item p{font-size: 1.0625rem !important; color: var(--nm-text) !important; margin: 0 !important;}
@media (min-width: 900px){ html body .nm-why-grid{grid-template-columns: repeat(3, 1fr); gap: 36px !important;} }
/* ---------- 12.11 HASTA YORUMLARI + PLATFORMLAR ---------------------- */
/* hasta sözleri serif italik: "insanların sesi" */
html body .nm-platforms{justify-content: flex-start !important; margin: 24px 0 8px !important; max-width: none !important; gap: 10px !important;}
html body .nm-platform{
border-radius: var(--nm-r-pill) !important; border: 1px solid var(--nm-line) !important;
background: var(--nm-paper) !important; padding: 10px 18px !important;
box-shadow: none !important; transform: none !important;
}
html body .nm-platform:hover{border-color: var(--nm-teal-ink) !important;}
html body .nm-plat-score{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 18px !important; color: var(--nm-petrol) !important;}
html body .nm-plat-score em{color: var(--nm-muted) !important; font-weight: 400 !important;}
html body .nm-plat-name{font-family: var(--nm-font-ui); color: var(--nm-teal-ink) !important; font-weight: 500 !important;}
html body .nm-review-grid{display: grid !important; grid-template-columns: 1fr; gap: 36px !important; margin-top: var(--nm-s4) !important;}
html body .nm-review-grid .wp-block-column, html body .nm-review{margin: 0 !important;}
html body .nm-review{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 1px solid var(--nm-line) !important; padding: 20px 0 0 !important;
}
html body .nm-review-stars{color: var(--nm-star) !important; font-size: 14px !important; letter-spacing: 3px; margin-bottom: 10px !important;}
html body .nm-review-text{
font-family: var(--nm-font-text) !important; font-style: italic;
font-size: 1.1875rem !important; line-height: 1.5 !important;
color: var(--nm-petrol) !important; margin-bottom: 14px !important;
}
html body .nm-review-author{font-family: var(--nm-font-ui) !important; font-size: 14px !important; color: var(--nm-muted) !important;}
html body .nm-review-author strong{font-weight: 500; color: var(--nm-petrol) !important;}
@media (max-width: 768px){ html body .nm-platform{width: auto !important; flex: 1 1 auto; justify-content: flex-start !important;} }
@media (min-width: 900px){ html body .nm-review-grid{grid-template-columns: repeat(3, 1fr); gap: 40px !important;} }
/* ---------- 12.12 UK BANDI ------------------------------------------- */
html body .nm-uk-band{gap: 0 28px !important; max-width: none !important; margin-top: var(--nm-s3) !important;}
html body .nm-uk-item{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 1px solid var(--nm-line) !important; padding: 18px 0 22px !important;
}
html body .nm-uk-item h3{font-family: var(--nm-font-ui) !important; font-size: 1.0625rem !important; font-weight: 600; color: var(--nm-petrol) !important; margin: 0 0 6px !important;}
html body .nm-uk-item p{font-family: var(--nm-font-text) !important; font-size: 1.0625rem !important; line-height: 1.55 !important; color: var(--nm-text) !important;}
/* ---------- 12.13 SSS ------------------------------------------------ */
html body .nm-faq-list{max-width: 820px !important; margin-left: 0 !important; margin-right: auto !important;}
html body .nm-faq .wp-block-details{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-bottom: 1px solid var(--nm-line) !important; margin: 0 !important;
}
html body .nm-faq .wp-block-details:first-child{border-top: 1px solid var(--nm-line) !important;}
html body .nm-faq .wp-block-details summary{
font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 1.0625rem !important;
color: var(--nm-petrol) !important; padding: 20px 48px 20px 0 !important; line-height: 1.4;
}
html body .nm-faq .wp-block-details summary::-webkit-details-marker{display: none;}
html body .nm-faq .wp-block-details summary::after{
content: "" !important; top: 50%; right: 6px; width: 16px; height: 16px; margin-top: -8px;
background:
linear-gradient(var(--nm-teal-ink), var(--nm-teal-ink)) center / 16px 2px no-repeat,
linear-gradient(var(--nm-teal-ink), var(--nm-teal-ink)) center / 2px 16px no-repeat;
transition: transform .2s;
}
/* açık soru: artı → eksi */
html body .nm-faq .wp-block-details[open] summary::after{transform: none !important; background-size: 16px 2px, 2px 0;}
html body .nm-faq .wp-block-details summary:hover{color: var(--nm-teal-ink) !important;}
html body .nm-faq .wp-block-details p{
font-family: var(--nm-font-text) !important; font-size: var(--nm-fs-text) !important;
line-height: var(--nm-lh-text); color: var(--nm-text) !important; padding: 0 0 22px !important; max-width: var(--nm-measure);
}
/* ---------- 12.14 TABLOLAR ------------------------------------------- */
html body .nm-tbl-wrap{box-shadow: none !important; border: 1px solid var(--nm-line); border-radius: var(--nm-r-box) !important; margin-left: 0 !important;}
html body .nm-tbl{font-family: var(--nm-font-ui); font-size: 15px;}
html body .nm-tbl thead th{background: var(--nm-petrol) !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: 0 !important;}
html body .nm-tbl tbody th{font-weight: 500 !important; color: var(--nm-petrol) !important;}
html body .nm-tbl tbody :is(th,td){border-top-color: var(--nm-line) !important;}
html body .nm-tbl td.nm-hl{background: var(--nm-teal-wash) !important; color: var(--nm-teal-ink) !important; font-weight: 600 !important;}
html body .nm-tbl tbody tr:hover :is(th,td){background: #F6FAFA !important;}
/* ---------- 12.15 SAYFA İÇİ MENÜ (TOC) ------------------------------- */
html body nav.nm-toc{border-bottom-color: var(--nm-line) !important;}
html body nav.nm-toc a{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important;
background: var(--nm-paper) !important; border-color: var(--nm-line) !important; color: var(--nm-petrol) !important;
}
html body nav.nm-toc a:is(:hover,:focus-visible){background: var(--nm-petrol) !important; border-color: var(--nm-petrol) !important; color: #fff !important;}
/* ---------- 12.16 CTA BANDI ------------------------------------------ */
html body .nm-cta{background: var(--nm-petrol-2) !important; text-align: left !important; padding: var(--nm-s5) var(--nm-gutter) !important;}
html body .nm-cta .nm-cta-title{text-align: left !important; margin-left: 0 !important; color: #fff !important; max-width: 20ch;}
html body .nm-cta p.nm-cta-sub{text-align: left !important; margin-left: 0 !important; color: var(--nm-on-dark) !important; max-width: 40em !important;}
html body .nm-cta .nm-cta-buttons{justify-content: flex-start !important;}
@media (min-width: 900px){
html body .nm-cta{padding: 80px var(--nm-gutter) !important;}
html body .nm-cta > .wp-block-group__inner-container{
display: grid; grid-template-columns: 1fr auto; column-gap: 48px; align-items: end;
}
html body .nm-cta .nm-cta-title{grid-column: 1; margin-bottom: 10px !important;}
html body .nm-cta .nm-cta-sub{grid-column: 1; margin: 0 !important;}
html body .nm-cta .nm-cta-buttons{grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; flex-wrap: nowrap !important;}
}
/* yaş notu vb. CTA içi küçük notlar */
html body .nm-cta .nm-age-note{grid-column: 1 / -1; color: var(--nm-on-dark-2) !important; font-size: 13px !important;}
/* ---------- 12.17 ANLAŞMALI KURULUŞLAR BANDI (zorunlu, her sayfa) ---- */
/* Mevzuat: başlık ve logolar her sayfada görünür olmalı.
Logolar renkli ve tam opak (eski gri/soluk hâl görünürlüğü düşürüyordu). */
html body .nm-contracted{background: var(--nm-paper) !important; border-top: 1px solid var(--nm-line) !important; padding: 40px var(--nm-gutter) !important;}
html body .nm-contracted-inner{text-align: left !important; display: grid; gap: 18px; max-width: var(--nm-wrap) !important;}
html body .nm-contracted-title{font-family: var(--nm-font-ui) !important; font-size: 1.25rem !important; font-weight: 600; color: var(--nm-petrol) !important; margin: 0 !important;}
html body .nm-contracted-logos{display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px !important; margin: 0 !important;}
html body .nm-contracted-item{
height: 100px; padding: 10px 14px !important;
border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important;
background: var(--nm-paper) !important; box-shadow: none !important;
}
html body .nm-contracted-item:hover{border-color: var(--nm-teal-ink) !important;}
/* kare logo dosyalarında boşluk çok — yükseklik sabit, oran korunur */
html body .nm-contracted-item img{filter: none !important; opacity: 1 !important; height: 76px !important; max-height: none !important; width: auto !important; max-width: 100% !important; object-fit: contain;}
html body .nm-contracted-note{font-family: var(--nm-font-ui); font-size: 14px !important; color: var(--nm-muted) !important; margin: 0 !important; max-width: 46ch !important;}
@media (min-width: 900px){
html body .nm-contracted-inner{grid-template-columns: minmax(220px, 1fr) 2.4fr; grid-template-areas: "t l" "n l"; column-gap: 48px; align-items: start;}
html body .nm-contracted-title{grid-area: t;}
html body .nm-contracted-note{grid-area: n;}
html body .nm-contracted-logos{grid-area: l; grid-template-columns: repeat(4, 1fr);}
}
/* ---------- 12.18 FOOTER --------------------------------------------- */
html body .nm-footer{background: var(--nm-petrol) !important; color: var(--nm-on-dark) !important; font-family: var(--nm-font-ui);}
html body .nm-footer-grid{border-bottom-color: var(--nm-dark-line) !important;}
html body .nm-footer-col h3{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important;
text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important;
color: var(--nm-on-dark-2) !important;
}
html body .nm-footer-col ul li{font-size: 15px !important;}
html body .nm-footer-col ul li a{color: #fff !important;}
html body .nm-footer-col ul li a:hover{color: var(--nm-teal-lt) !important;}
html body :is(.nm-footer-accr, .nm-footer-trustpilot){border-color: var(--nm-dark-line) !important;}
html body .nm-footer-accr-title{letter-spacing: .04em !important; color: var(--nm-on-dark-2) !important; font-weight: 500 !important;}
html body :is(.nm-footer-legal p, .nm-footer-cert-caption){color: var(--nm-on-dark-2) !important;}
html body .nm-footer-copy{color: #7E9EA4 !important;}
/* ---------- 12.19 MOBİL SABİT CTA ------------------------------------ */
@media (max-width: 768px){
html body .nm-sticky-cta{background: var(--nm-petrol) !important; gap: 0 !important; box-shadow: 0 -1px 0 var(--nm-dark-line), 0 -8px 24px rgba(14,42,48,.18) !important;}
html body .nm-sticky-cta a{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 16px !important; min-height: 54px;}
html body .nm-sticky-wa{background: var(--nm-wa) !important; color: var(--nm-petrol) !important;} /* beyaz yazı 2:1 idi */
html body .nm-sticky-tel{background: var(--nm-petrol) !important; color: #fff !important;}
html body .nm-header-wa{color: var(--nm-petrol) !important;} /* header WhatsApp ikonu da aynı kural */
}
/* ---------- 12.20 BİLDİRİM KUTULARI ---------------------------------- */
/* Risk bloğu (yol haritası Adım 1 — SEO Core v4.1 basacak):
*/
html body .nm-risk{
background: var(--nm-risk-bg); color: var(--nm-text);
border-left: 3px solid var(--nm-risk-ink); border-radius: 0 var(--nm-r-box) var(--nm-r-box) 0;
padding: 22px 24px; margin: 28px 0; max-width: 820px;
}
html body .nm-risk :is(h2,h3){font-size: 1.25rem !important; color: var(--nm-risk-ink) !important; margin: 0 0 10px !important; max-width: none;}
html body .nm-risk ul{margin: 0 0 12px 1.1em;}
html body .nm-risk li{font-family: var(--nm-font-text); font-size: 1.0625rem; line-height: 1.55; margin-bottom: 4px;}
html body .nm-risk .nm-risk-foot{font-family: var(--nm-font-ui); font-size: 14px; color: var(--nm-muted); margin: 0;}
/* fiyat notu (amber standardı) */
html body .nm-notice{background: var(--nm-amber-bg); color: var(--nm-amber-ink); border-radius: var(--nm-r-box); padding: 16px 20px; font-family: var(--nm-font-ui); font-size: 15px;}
/* ---------- 12.21 HAREKET AZALTMA ------------------------------------ */
@media (prefers-reduced-motion: reduce){
html body .nm-hero::after{background-image: url('/wp-content/uploads/newme-ds/motif.svg');}
html body *{transition-duration: .01ms !important; scroll-behavior: auto !important;}
}
/* ---------- 12.22 ESKİ BİLEŞENLER: KONTRAST ------------------------- */
/* Turkuaz (#2BB6C7) üstünde beyaz yazı 2.4:1 idi → petrol yazı (6.2:1). */
html body :is(.nm-calc-btn, .nm-pricing-flag),
html body .nm-compare-head > span.nm-compare-hl,
html body a.nm-pricing-cta:not(.nm-cta-alt):not(.nm-cta-usd),
html body .fluentform .ff-btn-submit{
color: var(--nm-petrol) !important;
}
html body :is(.nm-calc-btn, a.nm-pricing-cta:not(.nm-cta-alt):not(.nm-cta-usd), .fluentform .ff-btn-submit):hover{
background: var(--nm-teal-lt) !important; color: var(--nm-petrol) !important;
}
/* Beyaz zeminde turkuaz yazı 2.4:1 idi → teal-ink (5.9:1). */
html body :is(.nm-surgeon-title, .nm-ops-title, .nm-doc-title, .nm-partner-link, .author-name),
html body .nm-404 .nm-kicker{color: var(--nm-teal-ink) !important;}
html body .entry-content :is(.wp-block-post-excerpt__more-link, .wp-block-read-more){color: var(--nm-teal-ink);}
/* Soluk gri yardımcı metinler 3.1:1 idi → muted (5.3:1). */
html body :is(.nm-price-or, .nm-dr-review p.w, .nm-post-meta, .nm-swipe-note){color: var(--nm-muted) !important;}
/* blog yazılarında satır içi yazılmış soluk gri (#7A979D) notlar */
html body .entry-content [style*="#7A979D" i]{color: var(--nm-muted) !important;}
html body .nm-cell-good{color: #17744C !important;} /* olumlu tablo hücresi: 5.8:1 */
/* aktif sayfa numarası: petrol */
html body .nm-blog-pagination .page-numbers.current{color: var(--nm-petrol) !important;}
/* blog yazısı altı: kategori ve önceki/sonraki yazı linkleri */
html body :is(.entry-meta, .post-navigation, .nav-links, .cat-links, .tags-links) a{color: var(--nm-teal-ink) !important;}
/* Açık bölümlerdeki hekim etiketi (cost/tedavi sayfası cerrah kartları) 1.7:1 idi. */
html body .nm-section .nm-dr-tag{color: var(--nm-teal-ink) !important; background: var(--nm-teal-wash) !important;}
/* Koyu fiyat kartının içi: açıklama açık renk. */
html body .nm-pricing-featured p:not([class]){color: var(--nm-on-dark) !important;}
html body .nm-price-link a{color: var(--nm-teal-lt);}
html body .nm-section .nm-price-link a{color: var(--nm-teal-ink);}
/* ---------- 12.23 HEKİM PROFİLİ: HERO -------------------------------- */
/* Profil ve Total Facial üst bölümü: düz petrol + soluk parmak izi,
fotoğraf kutu köşeli ve gölgesiz, rakamlar ledger satırı. */
html body .nm-dr-hero{
background: var(--nm-petrol) !important;
position: relative; overflow: hidden; isolation: isolate;
padding: 44px var(--nm-gutter) 52px !important;
}
html body .nm-dr-hero::after{
content: ""; position: absolute; z-index: -1;
top: -18%; right: -62%; width: 120vw; height: 120vw;
background: url('/wp-content/uploads/newme-ds/motif.svg') center / contain no-repeat;
opacity: .14; pointer-events: none;
}
html body .nm-dr-hero-grid{max-width: var(--nm-wrap) !important; gap: 28px !important; align-items: start !important;}
html body .nm-dr-photo{max-width: 240px !important; margin: 0 !important;}
html body .nm-dr-photo img{
border-radius: var(--nm-r-box) !important; box-shadow: none !important; border: 0 !important;
aspect-ratio: 4 / 5; object-fit: cover; object-position: center top;
}
/* fotoğraf rozeti → fotoğrafın altında sade alt yazı (hap değil) */
html body .nm-dr-photo-badge{
position: static !important; transform: none !important; display: block !important;
margin-top: 10px; white-space: normal !important; box-shadow: none !important;
background: none !important; border-radius: 0 !important; padding: 0 !important;
color: var(--nm-teal-lt) !important; font-family: var(--nm-font-ui) !important;
font-weight: 500 !important; font-size: 14px !important; line-height: 1.4;
}
html body .nm-dr-hero .nm-dr-tag{
background: transparent !important; border: 1px solid rgba(127,212,222,.4);
color: var(--nm-teal-lt) !important; font-family: var(--nm-font-ui) !important;
font-weight: 500 !important; font-size: 12px !important; letter-spacing: .04em !important;
padding: 5px 12px !important; margin-bottom: 16px !important;
}
html body .nm-dr-hero h1{
font-family: var(--nm-font-ui) !important; font-weight: 600 !important;
font-size: clamp(2rem, 1.5rem + 2vw, 3rem) !important; line-height: 1.08 !important;
letter-spacing: -.02em; margin: 0 0 10px !important;
}
html body .nm-dr-sub{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important;
font-size: 1.0625rem !important; color: var(--nm-teal-lt) !important; margin: 0 0 14px !important;
}
html body .nm-dr-hero .nm-dr-intro{color: var(--nm-on-dark) !important; font-size: var(--nm-fs-lead) !important; line-height: 1.55 !important; max-width: 36em;}
html body .nm-dr-stats{
display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important;
margin: 24px 0 20px !important; border-top: 1px solid var(--nm-dark-line);
}
html body .nm-dr-stat{
background: none !important; border: 0 !important; border-radius: 0 !important;
text-align: left !important; padding: 14px 12px 6px 0 !important;
}
html body .nm-dr-stat:nth-child(n+3){border-top: 1px solid var(--nm-dark-line) !important;}
html body .nm-dr-stat b{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 1.5rem !important;
color: #fff !important; font-variant-numeric: lining-nums tabular-nums;
}
html body .nm-dr-stat span{font-family: var(--nm-font-ui); font-weight: 400 !important; font-size: 13px !important; color: var(--nm-on-dark-2) !important;}
html body .nm-dr-cred{
background: transparent !important; border: 1px solid rgba(214,232,234,.3);
color: var(--nm-on-dark) !important; border-radius: var(--nm-r-pill) !important;
font-family: var(--nm-font-ui); font-weight: 400 !important; font-size: 13px !important; padding: 6px 12px !important;
}
html body .nm-dr-cred::before{color: var(--nm-teal-lt) !important;}
html body .nm-dr-hero .nm-dr-platforms span{background: transparent !important; border-color: rgba(214,232,234,.3) !important; color: var(--nm-on-dark) !important;}
html body .nm-dr-hero .nm-dr-platforms b{color: #fff !important;}
@media (min-width: 560px){
html body .nm-dr-stats{grid-template-columns: repeat(4, 1fr) !important;}
html body .nm-dr-stat:nth-child(n+3){border-top: 0 !important;}
html body .nm-dr-stat + .nm-dr-stat{border-left: 1px solid var(--nm-dark-line) !important; padding-left: 16px !important;}
}
@media (min-width: 900px){
html body .nm-dr-hero{padding: 80px var(--nm-gutter) 72px !important;}
html body .nm-dr-hero::after{top: 50%; right: -10%; width: min(52vw, 700px); height: min(52vw, 700px); transform: translateY(-50%); opacity: .2;}
html body .nm-dr-hero-grid{grid-template-columns: 300px 1fr !important; gap: 56px !important;}
html body .nm-dr-photo{max-width: none !important;}
}
/* ---------- 12.24 HEKİM PROFİLİ: İÇERİK ------------------------------ */
/* kariyer çizelgesi: ince dikey çizgi, küçük nokta, yıl düz metin */
html body .nm-dr-tl{max-width: 760px !important; margin: 0 !important; padding-left: 28px !important;}
html body .nm-dr-tl::before{left: 4px !important; width: 1px !important; background: var(--nm-line) !important; border-radius: 0 !important;}
html body .nm-dr-tl-item{padding: 0 0 28px 0 !important;}
html body .nm-dr-tl-item::before{
left: -28px !important; top: 6px !important; width: 9px !important; height: 9px !important;
border: 1.5px solid var(--nm-petrol) !important; background: var(--nm-paper) !important; box-shadow: none !important;
}
html body .nm-dr-tl-item.hl::before{background: var(--nm-teal) !important; border-color: var(--nm-teal) !important;}
html body .nm-dr-tl-year{
background: none !important; padding: 0 !important; border-radius: 0 !important;
color: var(--nm-teal-ink) !important; font-family: var(--nm-font-ui) !important;
font-weight: 500 !important; font-size: 14px !important; font-variant-numeric: tabular-nums;
}
html body .nm-dr-tl-item h3{font-family: var(--nm-font-ui) !important; font-size: 1.125rem !important; color: var(--nm-petrol) !important; margin: 2px 0 2px !important;}
html body .nm-dr-tl-place{font-family: var(--nm-font-ui) !important; color: var(--nm-text) !important; font-weight: 500 !important; font-size: 14px !important;}
html body .nm-dr-tl-item p:not([class]){font-size: 1.0625rem !important; color: var(--nm-muted) !important; line-height: 1.55 !important;}
/* uzmanlık alanları: kart yerine çizgili dizin; öne çıkan kalın çizgi */
html body .nm-dr-specs{max-width: none !important; margin: 0 !important; gap: 0 32px !important; grid-template-columns: 1fr !important;}
html body .nm-dr-spec{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 1px solid var(--nm-line) !important; padding: 22px 0 26px !important; grid-column: auto !important;
}
html body .nm-dr-spec.featured{border-top: 2px solid var(--nm-petrol) !important;}
html body .nm-dr-spec h3{font-family: var(--nm-font-ui) !important; font-size: 1.25rem !important; color: var(--nm-petrol) !important; margin: 0 0 8px !important;}
html body .nm-dr-spec p{color: var(--nm-text) !important; font-size: 1.0625rem !important; line-height: 1.55 !important; max-width: var(--nm-measure);}
html body .nm-dr-spec-flag{
background: var(--nm-teal-wash) !important; color: var(--nm-teal-ink) !important;
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 12px !important;
letter-spacing: .04em !important; padding: 4px 10px !important; margin-bottom: 12px !important;
}
html body .nm-dr-spec-tags{gap: 6px !important;}
html body .nm-dr-spec-tags span{
background: transparent !important; border: 1px solid var(--nm-line); color: var(--nm-text) !important;
border-radius: var(--nm-r-pill) !important; font-family: var(--nm-font-ui);
font-weight: 400 !important; font-size: 13px !important; padding: 5px 11px !important;
}
html body .nm-dr-spec-tags span::before{content: none !important;}
html body .nm-dr-spec a.nm-dr-spec-link{color: var(--nm-teal-ink) !important; font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 15px !important;}
html body .nm-dr-spec a.nm-dr-spec-link:hover{color: var(--nm-petrol) !important; text-decoration: underline;}
@media (min-width: 900px){
html body .nm-dr-specs{grid-template-columns: 1fr 1fr !important;}
html body .nm-dr-spec.featured{grid-column: 1 / -1 !important;}
}
/* platform puanları ve rakam çipleri (açık zeminde) */
html body .nm-dr-platforms{justify-content: flex-start !important; max-width: none !important; margin: 0 0 24px !important; gap: 8px !important;}
html body .nm-dr-platforms span{
background: var(--nm-paper) !important; border: 1px solid var(--nm-line) !important; color: var(--nm-text) !important;
font-family: var(--nm-font-ui); font-weight: 400 !important; font-size: 14px !important; padding: 7px 14px !important;
}
html body .nm-dr-platforms b{color: var(--nm-petrol) !important; font-weight: 600;}
/* hasta sözleri: ana sayfadaki PatientQuote ile aynı dil */
html body .nm-dr-reviews{max-width: none !important; margin: 0 !important; gap: 32px !important;}
html body .nm-dr-review{
background: none !important; border: 0 !important; border-top: 1px solid var(--nm-line) !important;
border-radius: 0 !important; padding: 20px 0 0 !important;
}
html body .nm-dr-review p.t{font-family: var(--nm-font-text) !important; font-style: italic; font-size: 1.125rem !important; line-height: 1.5 !important; color: var(--nm-petrol) !important;}
html body .nm-dr-review p.r{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 14px !important; color: var(--nm-teal-ink) !important;}
html body .nm-dr-review p.w{font-family: var(--nm-font-ui) !important; font-size: 13px !important;}
/* hekimin sözü: kutusuz, büyük serif italik */
html body .nm-dr-quote{background: none !important; border-radius: 0 !important; padding: 0 !important; max-width: 40em !important; margin: 0 !important;}
html body .nm-dr-quote p.q{
border-left: 0 !important; padding-left: 0 !important; font-family: var(--nm-font-text) !important; font-style: italic;
font-size: clamp(1.375rem, 1.2rem + .8vw, 1.75rem) !important; line-height: 1.4 !important; color: var(--nm-petrol) !important;
}
html body .nm-dr-quote p.a{text-align: left !important; color: var(--nm-teal-ink) !important; font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 15px !important;}
/* ---------- 12.25 LİSTE, ADIM, ZAMAN ÇİZELGESİ ----------------------- */
html body :is(.nm-steps, .nm-pricing-sec, .nm-compare-sec, .nm-calc-sec, .nm-videos-sec, .nm-ortho-sec, .nm-checkout-sec){background: var(--nm-mist) !important;}
/* "uygun musunuz" maddeleri: kutu yerine çizgili liste */
html body .nm-check-grid{display: grid !important; grid-template-columns: 1fr; gap: 0 28px !important; margin-top: var(--nm-s4) !important;}
html body .nm-check-grid .wp-block-column.nm-check{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 1px solid var(--nm-line) !important; padding: 16px 0 !important; margin: 0 !important;
}
html body .nm-check p{font-size: 1.0625rem !important; color: var(--nm-text) !important; line-height: 1.5 !important;}
/* işlem adımları: gerçek sıra → büyük rakam, kalın üst çizgi */
html body .nm-step-grid{display: grid !important; grid-template-columns: 1fr; gap: 0 32px !important; margin-top: var(--nm-s4) !important;}
html body .nm-step-grid .wp-block-column.nm-step{
background: none !important; border: 0 !important; border-radius: 0 !important;
border-top: 2px solid var(--nm-petrol) !important; padding: 18px 0 24px !important; margin: 0 !important;
}
html body .nm-step-grid .nm-step-num{
background: none !important; width: auto !important; height: auto !important; border-radius: 0 !important;
display: block !important; font-family: var(--nm-font-ui) !important; font-weight: 500 !important;
font-size: 1.75rem !important; line-height: 1 !important; color: var(--nm-teal-ink) !important;
margin: 0 0 12px !important; font-variant-numeric: tabular-nums;
}
html body .nm-step-grid .nm-step h3{font-size: 1.125rem !important; margin: 0 0 6px !important;}
html body .nm-step-grid .nm-step p:not(.nm-step-num){font-size: 1.0625rem !important; color: var(--nm-muted) !important; line-height: 1.55 !important;}
/* UK sayfası yolculuk adımları: aynı dil */
html body .nm-dr-steps{gap: 0 32px !important; max-width: none !important; margin: 0 0 18px !important;}
html body .nm-dr-step{
background: none !important; border-radius: 0 !important; border-top: 2px solid var(--nm-petrol) !important;
padding: 18px 0 24px !important; text-align: left !important;
}
html body .nm-dr-step b{
background: none !important; width: auto !important; height: auto !important; border-radius: 0 !important;
display: block !important; margin: 0 0 12px !important; color: var(--nm-teal-ink) !important;
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 1.75rem !important; line-height: 1 !important;
}
html body .nm-dr-step h3{font-family: var(--nm-font-ui) !important; font-size: 1.125rem !important;}
html body .nm-dr-step p{font-family: var(--nm-font-text) !important; font-size: 1.0625rem !important; color: var(--nm-muted) !important; line-height: 1.55 !important;}
/* iyileşme çizelgesi: haftalar yan yana, ince üst çizgi */
html body .nm-tl-grid{display: grid !important; grid-template-columns: 1fr; gap: 0 28px !important; margin-top: var(--nm-s4) !important;}
html body .nm-tl-grid .wp-block-column.nm-tl{border-top: 1px solid var(--nm-line) !important; padding: 16px 0 20px !important; margin: 0 !important;}
html body .nm-tl-when{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 15px !important; color: var(--nm-teal-ink) !important;}
html body .nm-tl p:not(.nm-tl-when){font-size: 1.0625rem !important; color: var(--nm-text) !important; line-height: 1.55 !important;}
/* "kilo verdikten sonra" bilgi satırı */
html body .nm-bmi-note{text-align: left !important; font-family: var(--nm-font-ui); font-size: 15px !important; color: var(--nm-muted) !important;}
html body .nm-bmi-note a{color: var(--nm-teal-ink) !important; font-weight: 500 !important;}
@media (min-width: 700px){
html body :is(.nm-check-grid, .nm-tl-grid){grid-template-columns: 1fr 1fr;}
}
@media (min-width: 900px){
html body .nm-step-grid{grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
html body .nm-tl-grid{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}
/* ---------- 12.26 GALERİ, REELS, VİDEO -------------------------------- */
html body .nm-gal-tabs{justify-content: flex-start !important; gap: 8px !important;}
html body .nm-gal-tab{
background: var(--nm-paper) !important; border: 1px solid var(--nm-line) !important; color: var(--nm-petrol) !important;
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 15px !important;
padding: 10px 18px !important; min-height: 44px;
}
html body .nm-gal-tab:hover{border-color: var(--nm-teal-ink) !important;}
html body .nm-gal-tab.active{background: var(--nm-petrol) !important; border-color: var(--nm-petrol) !important; color: #fff !important;}
html body .nm-ba-grid{max-width: none !important; margin: 24px 0 8px !important; gap: 12px !important;}
html body .nm-ba-item{border-radius: var(--nm-r-box) !important; box-shadow: none !important; border: 1px solid var(--nm-line) !important;}
html body .nm-ba-item:hover img{transform: none !important;}
html body .nm-gal-group .nm-ba-item::after{
content: "+" !important; display: flex; align-items: center; justify-content: center;
width: 30px; height: 30px; padding: 0 !important; border-radius: 50% !important;
background: rgba(14,42,48,.82) !important; color: #fff !important; font: 500 20px/1 var(--nm-font-ui) !important;
}
html body .nm-reel{border-radius: var(--nm-r-box) !important; box-shadow: none !important;}
html body .nm-reel:hover img{transform: none !important;}
html body .nm-reel-dr{font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 12px !important;}
html body .nm-reel-play{box-shadow: none !important; width: 48px !important; height: 48px !important;}
html body .nm-reel-cap{font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 13px !important;}
html body .nm-reels::-webkit-scrollbar-thumb{background: var(--nm-line) !important;}
html body .nm-video-card{border-radius: var(--nm-r-box) !important; box-shadow: none !important;}
html body .nm-video-card:hover img{transform: none !important;}
html body .nm-video-play{background: rgba(255,255,255,.93) !important; box-shadow: none !important; width: 56px !important; height: 56px !important; font-size: 0 !important;}
html body .nm-video-play::after{border-color: transparent transparent transparent var(--nm-petrol) !important;}
/* ---------- 12.27 FİYAT VE DEPOZİTO KARTLARI ------------------------ */
/* seçim yapılan nesne olduğu için kutu kalır; gölge ve zıplama yok */
html body .nm-pricing-grid{margin: 32px 0 20px !important; max-width: none !important; gap: 16px !important;}
html body .nm-pricing-card{
background: var(--nm-paper) !important; border: 1px solid var(--nm-line) !important;
border-radius: var(--nm-r-box) !important; box-shadow: none !important; transform: none !important;
padding: 24px 22px !important;
}
html body .nm-pricing-card:hover{transform: none !important; box-shadow: none !important; border-color: var(--nm-teal-ink) !important;}
html body .nm-pricing-featured{background: var(--nm-petrol) !important; border-color: var(--nm-petrol) !important;}
html body .nm-pricing-featured:hover{border-color: var(--nm-teal-lt) !important;}
html body .nm-pricing-name{font-family: var(--nm-font-ui) !important; font-weight: 600 !important; font-size: 1.125rem !important; color: var(--nm-petrol) !important;}
html body .nm-pricing-card p:not([class]){font-family: var(--nm-font-ui); font-size: 15px !important; color: var(--nm-muted);}
html body .nm-pricing-price{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 2rem !important;
letter-spacing: -.01em; color: var(--nm-petrol) !important; font-variant-numeric: lining-nums tabular-nums;
}
html body .nm-pricing-feats li{font-family: var(--nm-font-ui); font-size: 15px !important; color: var(--nm-text) !important; border-top-color: var(--nm-line) !important;}
html body .nm-pricing-feats li::before{color: var(--nm-teal-ink) !important;}
html body .nm-pricing-featured :is(.nm-pricing-name, .nm-pricing-price){color: #fff !important;}
html body .nm-pricing-featured .nm-pricing-feats li{color: var(--nm-on-dark) !important; border-top-color: var(--nm-dark-line) !important;}
html body .nm-pricing-featured .nm-pricing-feats li::before{color: var(--nm-teal-lt) !important;}
html body .nm-pricing-flag{
text-transform: none !important; letter-spacing: 0 !important; font-family: var(--nm-font-ui);
font-weight: 500 !important; font-size: 13px !important; background: var(--nm-teal) !important;
}
html body .nm-pricing-cta{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; font-size: 16px !important;
min-height: 48px; display: flex !important; align-items: center; justify-content: center; padding: 12px 16px !important;
}
html body a.nm-pricing-cta:not(.nm-cta-alt):not(.nm-cta-usd){background: var(--nm-teal) !important;}
html body .nm-pricing-card .nm-cta-alt{background: var(--nm-petrol) !important; color: #fff !important;}
html body .nm-pricing-card .nm-cta-alt:hover{background: var(--nm-petrol-2) !important;}
html body .nm-pricing-card .nm-cta-usd{border: 1.5px solid var(--nm-petrol) !important; color: var(--nm-petrol) !important; background: transparent !important;}
html body .nm-pricing-card .nm-cta-usd:hover{background: var(--nm-mist) !important;}
/* ---------- 12.28 CERRAH VE EKİP KARTLARI (/surgeons/) --------------- */
/* telefonda: küçük portre solda, metin sağda; geniş ekranda portre üstte */
html body .nm-surgeon-grid{max-width: none !important; margin: var(--nm-s4) 0 8px !important; gap: 0 32px !important; grid-template-columns: 1fr !important;}
html body .nm-surgeon-card{
display: grid; grid-template-columns: 88px 1fr; column-gap: 16px; align-items: start;
background: none !important; border: 0 !important; border-top: 1px solid var(--nm-line) !important;
border-radius: 0 !important; box-shadow: none !important; transform: none !important;
padding: 20px 0 24px !important; text-align: left !important;
}
html body .nm-surgeon-card > *:not(.nm-surgeon-photo){grid-column: 2;}
html body .nm-surgeon-photo{
grid-row: 1 / span 4; width: 88px !important; height: auto !important; aspect-ratio: 4 / 5;
margin: 0 !important; border-radius: var(--nm-r-box) !important; border: 0 !important;
}
html body .nm-surgeon-name{font-size: 1.125rem !important; margin: 0 0 2px !important; color: var(--nm-petrol) !important;}
html body .nm-surgeon-title{font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 14px !important; margin: 0 0 8px !important;}
html body .nm-surgeon-bio{font-family: var(--nm-font-text) !important; font-size: 1rem !important; color: var(--nm-muted) !important; line-height: 1.55 !important; margin: 0 0 8px !important;}
html body .nm-surgeon-card p:not([class]){font-family: var(--nm-font-ui) !important; font-size: 15px !important; margin: 0;}
html body .nm-surgeon-card p:not([class]) strong{font-weight: 500;}
@media (min-width: 700px){
html body .nm-surgeon-grid{grid-template-columns: 1fr 1fr !important;}
html body .nm-surgeon-card{display: block;}
html body .nm-surgeon-photo{width: 100% !important; margin: 0 0 14px !important;}
}
@media (min-width: 1024px){html body .nm-surgeon-grid{grid-template-columns: repeat(3, 1fr) !important;}}
html body .nm-ops-grid{max-width: none !important; margin: var(--nm-s4) 0 8px !important; gap: 24px 16px !important;}
html body .nm-ops-card{
background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
text-align: left !important; transform: none !important; box-shadow: none !important;
}
html body .nm-ops-photo{width: 100% !important; height: auto !important; aspect-ratio: 1; border-radius: var(--nm-r-box) !important; border: 0 !important; margin: 0 0 10px !important;}
html body .nm-ops-name{font-size: 1rem !important; color: var(--nm-petrol) !important;}
html body .nm-ops-title{font-family: var(--nm-font-ui); font-weight: 500 !important; font-size: 13px !important;}
html body .nm-ops-bio{font-family: var(--nm-font-ui); font-size: 14px !important; color: var(--nm-muted) !important;}
html body .nm-teamphoto-sec{padding-top: var(--nm-s4) !important;}
html body .nm-team-banner{margin: 0 auto !important; max-width: var(--nm-wrap) !important; border-radius: var(--nm-r-box) !important; box-shadow: none !important;}
/* ---------- 12.29 KURUM KARTLARI (/contracted-institutions/) -------- */
html body .nm-partner-grid{max-width: none !important; margin: var(--nm-s4) 0 8px !important; gap: 12px !important;}
html body .nm-partner-card{
align-items: flex-start !important; text-align: left !important; border: 1px solid var(--nm-line) !important;
border-radius: var(--nm-r-box) !important; padding: 22px !important; transform: none !important; box-shadow: none !important;
}
html body .nm-partner-card:hover{border-color: var(--nm-teal-ink) !important; transform: none !important; box-shadow: none !important;}
html body .nm-partner-logo{justify-content: flex-start !important; height: 72px !important; margin-bottom: 14px !important;}
html body .nm-partner-logo img{max-height: 72px !important;}
html body .nm-partner-name{font-family: var(--nm-font-ui) !important; font-weight: 600 !important; font-size: 1.125rem !important; color: var(--nm-petrol) !important;}
html body .nm-partner-desc{font-family: var(--nm-font-text) !important; font-size: 1rem !important; color: var(--nm-muted) !important; line-height: 1.5 !important;}
html body .nm-partner-link{font-family: var(--nm-font-ui); font-weight: 500 !important;}
/* ---------- 12.30 BELGE / HEKİM KARTI (DE cost sayfaları) ----------- */
html body .nm-doc-card{
background: var(--nm-paper) !important; border: 1px solid var(--nm-line) !important;
border-radius: var(--nm-r-box) !important; max-width: 920px !important; margin: 32px 0 20px !important; text-align: left !important;
}
html body .nm-doc-photo{border-radius: var(--nm-r-box) !important;}
html body .nm-doc-name{font-family: var(--nm-font-ui) !important; font-weight: 600 !important; font-size: 1.25rem !important; color: var(--nm-petrol) !important;}
html body .nm-doc-title{font-family: var(--nm-font-ui) !important; font-weight: 500 !important;}
html body .nm-doc-bio{font-family: var(--nm-font-text) !important; font-size: 1.0625rem !important; color: var(--nm-text) !important; line-height: 1.55 !important;}
html body .nm-doc-stats strong{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; color: var(--nm-petrol) !important; font-variant-numeric: tabular-nums;}
html body .nm-doc-stats span{font-family: var(--nm-font-ui); color: var(--nm-muted) !important;}
html body .nm-doc-tl-year{background: none !important; padding: 0 !important; border-radius: 0 !important; text-align: left !important; color: var(--nm-teal-ink) !important; font-family: var(--nm-font-ui) !important; font-weight: 500 !important;}
@media (max-width: 768px){
html body .nm-doc-photo{max-width: 200px !important; margin: 0 !important;}
html body .nm-doc-stats{justify-content: flex-start !important;}
}
/* ---------- 12.31 BMI HESAPLAYICI + NHS KARŞILAŞTIRMASI ------------- */
html body .nm-calc{border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important; box-shadow: none !important; margin: 0 !important; max-width: 560px !important;}
html body .nm-unit-btn{
font-family: var(--nm-font-ui) !important; font-weight: 500 !important; border: 1px solid var(--nm-line) !important;
color: var(--nm-text) !important; min-height: 44px;
}
html body .nm-unit-btn.is-active{background: var(--nm-petrol) !important; border-color: var(--nm-petrol) !important; color: #fff !important;}
html body .nm-calc-group label{font-family: var(--nm-font-ui); font-weight: 500 !important; color: var(--nm-petrol) !important; font-size: 14px !important;}
html body .nm-calc-group input{
border: 1px solid var(--nm-field-line) !important; border-radius: var(--nm-r-field) !important;
font-family: var(--nm-font-ui); color: var(--nm-petrol); min-height: 48px;
}
html body .nm-calc-group input:focus{border-color: var(--nm-teal-ink) !important; box-shadow: 0 0 0 3px rgba(11,111,124,.18) !important;}
html body .nm-duo em{color: var(--nm-muted) !important; font-family: var(--nm-font-ui);}
html body .nm-calc-btn{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; min-height: 50px;}
html body .nm-calc-btn:hover{background: var(--nm-teal-lt) !important;}
html body .nm-calc-score span{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; color: var(--nm-petrol) !important; font-variant-numeric: tabular-nums;}
html body .nm-calc-score em{font-family: var(--nm-font-ui); font-weight: 500 !important; color: var(--nm-petrol) !important;}
html body .nm-calc-scale{color: var(--nm-muted) !important; font-family: var(--nm-font-ui);}
html body .nm-calc-msg{font-family: var(--nm-font-text) !important; font-size: 1.0625rem !important; color: var(--nm-text) !important;}
html body .nm-calc-bar i{background: var(--nm-petrol) !important;}
html body .nm-compare-table{max-width: 820px !important; margin: 28px 0 20px !important; border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important;}
html body .nm-compare-row > span{font-family: var(--nm-font-ui); border-top-color: var(--nm-line) !important; color: var(--nm-text) !important;}
html body .nm-compare-row:not(.nm-compare-head) > span:nth-child(2){color: var(--nm-muted) !important;}
html body .nm-compare-head > span{background: var(--nm-petrol) !important; color: #fff !important; font-weight: 500 !important;}
html body .nm-compare-head > span.nm-compare-hl{background: var(--nm-teal) !important; color: var(--nm-petrol) !important;}
html body .nm-compare-row:not(.nm-compare-head) > .nm-compare-hl{background: var(--nm-teal-wash) !important; color: var(--nm-teal-ink) !important; font-weight: 600 !important;}
/* ---------- 12.32 BLOG LİSTESİ (/blog/) ------------------------------ */
html body .nm-blog-sec{background: var(--nm-paper) !important;}
html body .nm-blog-grid{gap: 0 32px !important;}
html body .nm-blog-card{
background: none !important; border: 0 !important; border-top: 1px solid var(--nm-line) !important;
border-radius: 0 !important; transform: none !important; box-shadow: none !important; height: auto !important;
}
html body .nm-blog-card:hover{transform: none !important; box-shadow: none !important;}
html body .nm-blog-thumb img{border-radius: var(--nm-r-box) !important;}
html body .nm-blog-title{padding: 20px 0 0 !important;}
html body .nm-blog-title a{font-family: var(--nm-font-ui) !important; font-weight: 600 !important; font-size: 1.25rem !important; line-height: 1.3 !important; color: var(--nm-petrol) !important;}
html body .nm-blog-title a:hover{color: var(--nm-teal-ink) !important;}
html body .nm-blog-excerpt{padding: 8px 0 24px !important;}
html body .nm-blog-excerpt .wp-block-post-excerpt__excerpt{font-family: var(--nm-font-text) !important; font-size: 1.0625rem !important; color: var(--nm-muted) !important; line-height: 1.55 !important;}
html body .nm-blog-excerpt .wp-block-post-excerpt__more-link{font-family: var(--nm-font-ui); font-weight: 500 !important;}
/* ---------- 12.33 İLETİŞİM FORMU + HARİTA --------------------------- */
html body .nm-form-wrap{border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important; margin-left: 0 !important; max-width: 820px !important;}
html body .nm-form-wrap .ff-el-form-control{
border: 1px solid var(--nm-field-line) !important; border-radius: var(--nm-r-field) !important;
font-family: var(--nm-font-ui) !important; font-size: 16px !important; color: var(--nm-petrol) !important; min-height: 48px;
}
html body .nm-form-wrap .ff-el-form-control:focus{border-color: var(--nm-teal-ink) !important; box-shadow: 0 0 0 3px rgba(11,111,124,.18) !important;}
html body .nm-form-wrap .ff-el-input--label label{font-family: var(--nm-font-ui); font-weight: 500 !important; color: var(--nm-petrol) !important;}
html body .nm-form-wrap .ff-btn-submit{font-family: var(--nm-font-ui) !important; font-weight: 500 !important; min-height: 50px;}
html body .nm-form-wrap .ff-btn-submit:hover{background: var(--nm-teal-lt) !important;}
html body .nm-map-wrap{border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important; box-shadow: none !important; margin: 28px 0 0 !important; max-width: none !important;}
/* ---------- 12.34 404 ------------------------------------------------ */
html body .nm-404{text-align: left !important;}
html body .nm-404 .nm-kicker{display: none !important;}
html body .nm-404-code{
background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
color: var(--nm-teal-ink) !important; font-family: var(--nm-font-ui) !important; font-weight: 600 !important;
opacity: 1 !important; letter-spacing: -.03em;
}
html body .nm-404-sub{margin-left: 0 !important; font-family: var(--nm-font-text) !important; color: var(--nm-muted) !important;}
html body .nm-404-grid{grid-template-columns: 1fr 1fr !important; gap: 10px !important;}
html body .nm-404-ico{display: none !important;} /* emoji ikonlar */
html body .nm-404-card{
align-items: flex-start !important; justify-content: center; background: var(--nm-paper) !important;
border: 1px solid var(--nm-line) !important; border-radius: var(--nm-r-box) !important; color: var(--nm-petrol) !important;
font-family: var(--nm-font-ui); font-weight: 500 !important; padding: 16px 18px !important; min-height: 56px; transform: none !important;
transition: color .15s, border-color .15s !important;
}
html body .nm-404-card:hover{background: var(--nm-paper) !important; color: var(--nm-teal-ink) !important; border-color: var(--nm-teal-ink) !important; transform: none !important;}
@media (min-width: 700px){html body .nm-404-grid{grid-template-columns: repeat(3, 1fr) !important;}}
/* ---------- 12.35 COST SAYFASI CERRAH KARTI -------------------------- */
/* satır içi stillerle basılmış iki cerrahlı kart (nm-surgeons-sec) */
html body .nm-surgeons-sec .nm-uk-item{padding: 22px 0 26px !important;}
html body .nm-uk-item img[style*="border-radius:50%"]{
border: 0 !important; border-radius: var(--nm-r-box) !important;
width: 72px !important; height: 90px !important; object-position: center top;
}
/* ===================== 12. NEWME DESIGN SYSTEM v1.2 — SON ============== */