:root{--ink:#102f34;--muted:#5d7377;--teal:#087e7d;--deep:#07393e;--aqua:#eaf6f4;--cream:#f8f6f0;--gold:#c89b58;--white:#fff;--line:#dbe8e6;--max:1180px;--shadow:0 24px 70px rgba(16,47,52,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,57,62,.07)}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo img{max-width:178px;max-height:56px}
nav{display:flex;align-items:center;gap:27px;font-size:.91rem;font-weight:650}
nav a:hover{color:var(--teal)}
.cta-small{background:var(--teal);color:#fff!important;padding:12px 19px;border-radius:999px}
.mobile-menu{display:none}
.hero{background:radial-gradient(circle at 15% 25%,rgba(8,126,125,.13),transparent 32%),linear-gradient(135deg,#fbfdfd,#edf7f5)}
.hero-grid{min-height:720px;display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center;padding:70px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800;color:var(--teal)}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
.hero h1,.page-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.05em;line-height:.97}
.hero h1{font-size:clamp(3.4rem,6.6vw,6.7rem);margin:20px 0}
.hero h1 em{display:block;color:var(--teal);font-style:normal}
.hero-copy>p{max-width:640px;font-size:1.16rem;color:var(--muted)}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;min-height:54px;padding:0 24px;border-radius:999px;align-items:center;justify-content:center;font-weight:750;transition:.2s}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--teal);color:#fff;box-shadow:0 12px 30px rgba(8,126,125,.2)}
.secondary{border:1px solid var(--line);background:#fff}
.white{background:#fff;color:var(--deep)}
.hero-image{position:relative}
.hero-image>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:110px 28px 110px 28px;box-shadow:var(--shadow)}
.hero-badge{position:absolute;left:-30px;bottom:34px;background:#fff;padding:17px 24px;box-shadow:var(--shadow)}
.hero-badge strong,.hero-badge span{display:block}
.hero-badge strong{letter-spacing:.13em;color:var(--teal)}
.hero-badge span{font-size:.78rem;color:var(--muted)}
.section{padding:105px 0}
.soft{background:linear-gradient(135deg,#f1f8f6,#fbfdfd)}
.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.intro-grid h2,.heading h2,.split h2,.two-column h2,.contact-grid h2,.prose h2{font-family:Georgia,serif;font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:1.05;font-weight:500;letter-spacing:-.035em;margin:12px 0}
.intro-grid>p,.heading>p{color:var(--muted);font-size:1.05rem}
.dark-section{background:var(--deep);padding:110px 0;color:#fff}
.light h2{color:#fff}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.category-card{position:relative;min-height:510px;border-radius:26px;overflow:hidden}
.category-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.6s}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,37,40,.94),rgba(3,37,40,.08))}
.category-card>div{position:absolute;z-index:2;bottom:0;padding:30px;color:#fff}
.category-card span,.article-card span,.treatment-copy>span{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#85c9c5;font-weight:800}
.category-card h3{font-family:Georgia,serif;font-size:2rem;line-height:1.1;margin:8px 0 18px}
.category-card:hover img{transform:scale(1.05)}
.heading{margin-bottom:45px;max-width:850px}
.treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.treatment-card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 9px 35px rgba(10,55,60,.075);transition:.25s}
.treatment-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.treatment-image{aspect-ratio:4/3;background:var(--aqua);overflow:hidden}
.treatment-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.treatment-card:hover img{transform:scale(1.035)}
.treatment-copy{padding:26px}
.treatment-copy h3{font-family:Georgia,serif;font-size:1.52rem;font-weight:500;line-height:1.15;margin:8px 0 12px}
.treatment-copy p{color:var(--muted);font-size:.94rem}
.treatment-copy strong,.article-card strong{color:var(--teal);font-size:.87rem}
.brand-visual{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e4f3f0,#f6faf9)}
.brand-visual span{font-weight:900;letter-spacing:.18em;color:var(--teal)}
.center-action{text-align:center;margin-top:42px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.split-image img{width:100%;max-height:620px;object-fit:cover;border-radius:28px 95px 28px 95px;box-shadow:var(--shadow)}
.split p,.two-column p,.contact-grid p,.prose p{color:var(--muted)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.2s}
.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.article-card h3{font-family:Georgia,serif;font-size:1.7rem;line-height:1.15;font-weight:500;margin:10px 0 12px}
.article-card p{color:var(--muted)}
.cta-section{padding:30px 0 105px}
.cta-panel{background:radial-gradient(circle at 90% 0,rgba(101,205,198,.24),transparent 34%),var(--deep);color:#fff;border-radius:30px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.cta-panel h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;font-weight:500;margin:10px 0}
.cta-panel p{color:#bdd0d0;max-width:700px}
.page-hero{padding:100px 0 82px;background:radial-gradient(circle at 82% 10%,rgba(8,126,125,.11),transparent 30%),linear-gradient(135deg,#f3f9f7,#fff)}
.page-hero.compact{padding:82px 0 70px}
.page-hero h1{font-size:clamp(3rem,5.5vw,5.8rem);max-width:950px;margin:18px 0}
.page-hero p{max-width:800px;color:var(--muted);font-size:1.08rem}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.values-grid>div{background:#fff;padding:30px;border-radius:20px}
.values-grid span{color:var(--teal);font-weight:800}
.values-grid h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:500}
.two-column{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.clinical-list{display:grid;gap:14px}
.clinical-list>div{padding:20px 22px;border:1px solid var(--line);border-radius:16px}
.clinical-list strong,.clinical-list span{display:block}
.clinical-list span{color:var(--muted);font-size:.9rem;margin-top:4px}
.treatment-section{margin-bottom:75px}
.treatment-section>h2{font-family:Georgia,serif;font-size:2.5rem;font-weight:500}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:80px;align-items:start}
.prose{font-size:1.04rem}
.prose p{margin:0 0 1.4em}
.detail-image{position:sticky;top:120px}
.detail-image img,.detail-image .brand-visual{width:100%;min-height:430px;object-fit:cover;border-radius:28px 80px 28px 80px;box-shadow:var(--shadow)}
.detail-callout{border-left:3px solid var(--teal);background:var(--aqua);padding:20px 24px;margin:32px 0}
.detail-callout p{margin:5px 0 0}
.article-prose{max-width:780px;margin:auto}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.contact-box{display:grid;gap:15px}
.contact-box>div{padding:25px;border:1px solid var(--line);border-radius:18px}
.contact-box span{color:var(--teal);font-weight:800}
.contact-box strong{display:block;margin:5px 0}
footer{background:#062f34;color:#fff;padding:70px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}
.footer-grid strong{display:block;margin-bottom:15px}
.footer-grid a,.footer-grid p{display:block;color:#bed0d1;margin:7px 0}
.footer-brand{font-size:1.3rem;letter-spacing:.12em}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;color:#8ea9ab;font-size:.8rem}
@media(max-width:900px){
nav{display:none}
.mobile-menu{display:block;position:relative}
.mobile-menu summary{font-weight:800;cursor:pointer}
.mobile-menu>div{position:absolute;right:0;top:36px;width:260px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow)}
.mobile-menu a{display:block;padding:9px}
.hero-grid,.split,.intro-grid,.two-column,.contact-grid,.detail-grid{grid-template-columns:1fr}
.hero-grid{min-height:auto}
.category-grid,.treatment-grid,.article-grid{grid-template-columns:repeat(2,1fr)}
.values-grid{grid-template-columns:repeat(2,1fr)}
.detail-image{position:static;order:-1}
.cta-panel{display:block}
}
@media(max-width:620px){
.wrap{width:min(calc(100% - 28px),var(--max))}
.nav{min-height:72px}
.logo img{max-width:140px}
.hero-grid{padding:45px 0 65px}
.hero h1{font-size:3.25rem}
.hero-image>img{border-radius:65px 18px 65px 18px}
.hero-badge{left:12px;bottom:12px}
.section,.dark-section{padding:72px 0}
.category-grid,.treatment-grid,.article-grid,.values-grid{grid-template-columns:1fr}
.category-card{min-height:390px}
.cta-panel{padding:35px 27px}
.page-hero{padding:70px 0 55px}
.detail-image img,.detail-image .brand-visual{min-height:320px}
}


:root{
--ink:#17364d;
--muted:#607585;
--teal:#0b5fa5;
--deep:#083b6b;
--aqua:#edf5fb;
--cream:#fff8ef;
--gold:#e88722;
--line:#d9e5ef;
}

.contact-top{
background:#083b6b;
color:#fff;
font-size:.82rem;
}

.contact-top-inner{
min-height:38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}

.contact-top-left{
display:flex;
gap:25px;
}

.contact-top a{
color:#fff;
}

.contact-top a:hover{
color:#ffc47d;
}

.facebook-link{
font-weight:750;
}

.logo img{
max-width:215px;
max-height:64px;
}

.cta-small{
background:#e88722;
box-shadow:0 10px 24px rgba(232,135,34,.22);
}

.eyebrow{
color:#0b5fa5;
}

.eyebrow:before{
background:#e88722;
}

.primary{
background:#e88722;
box-shadow:0 12px 30px rgba(232,135,34,.22);
}

.secondary{
color:#0b5fa5;
border-color:#b9d1e4;
}

.dark-section{
background:linear-gradient(135deg,#073b6c,#0b5fa5);
}

footer{
background:#07365f;
}

.category-card span,
.article-card span,
.treatment-copy>span{
color:#e88722;
}

.treatment-copy strong,
.article-card strong{
color:#0b5fa5;
}

.brand-slider{
position:relative;
background:
radial-gradient(circle at 85% 10%,rgba(11,95,165,.12),transparent 32%),
linear-gradient(135deg,#fffaf5,#eef6fb);
overflow:hidden;
}

.slider-state{
position:absolute;
opacity:0;
pointer-events:none;
}

.hero-slide{
display:none;
}

#dercenter-slide-1:checked ~ .hero-slides .hero-slide-1,
#dercenter-slide-2:checked ~ .hero-slides .hero-slide-2{
display:block;
}

.hero-slide-grid{
position:relative;
min-height:690px;
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:78px;
padding:68px 0;
}

.hero-slide-image{
position:relative;
}

.hero-slide-image:before{
content:"";
position:absolute;
left:-20px;
top:-20px;
width:115px;
height:115px;
border:7px solid #e88722;
border-radius:50%;
opacity:.18;
}

.hero-slide-image img{
position:relative;
width:100%;
height:540px;
object-fit:cover;
border-radius:28px 105px 28px 105px;
box-shadow:0 28px 70px rgba(15,55,82,.16);
}

.hero-slide-copy h1{
font-family:Georgia,serif;
font-weight:500;
font-size:clamp(3.35rem,5.8vw,5.9rem);
line-height:.98;
letter-spacing:-.05em;
margin:20px 0 24px;
color:#17364d;
}

.hero-slide-copy h1 em{
display:block;
font-style:normal;
color:#0b5fa5;
}

.hero-slide-copy>p{
max-width:590px;
font-size:1.14rem;
color:#607585;
}

.slider-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:50%;
background:#fff;
color:#0b5fa5;
font-size:2rem;
font-family:Arial,sans-serif;
cursor:pointer;
box-shadow:0 12px 32px rgba(20,54,77,.15);
z-index:4;
}

.slider-prev{
left:-25px;
}

.slider-next{
right:-25px;
}

.hero-dots{
display:flex;
justify-content:center;
gap:10px;
padding-bottom:28px;
}

.hero-dots label{
width:34px;
height:5px;
background:#c9d9e5;
border-radius:20px;
cursor:pointer;
}

#dercenter-slide-1:checked ~ .hero-dots label:nth-child(1),
#dercenter-slide-2:checked ~ .hero-dots label:nth-child(2){
background:#e88722;
}

.footer-contact{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
padding:30px 0 10px;
margin-top:32px;
border-top:1px solid rgba(255,255,255,.13);
}

.footer-contact a{
padding:16px 0;
}

.footer-contact span,
.footer-contact strong{
display:block;
}

.footer-contact span{
color:#a8c0d3;
font-size:.74rem;
text-transform:uppercase;
letter-spacing:.12em;
}

.footer-contact strong{
color:#fff;
margin-top:5px;
font-size:.96rem;
}

.direct-contact-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}

.direct-contact-grid>a{
padding:30px;
border:1px solid #d9e5ef;
border-radius:20px;
background:#fff;
transition:.2s;
}

.direct-contact-grid>a:hover{
transform:translateY(-5px);
box-shadow:0 20px 48px rgba(15,55,82,.11);
}

.direct-contact-grid span{
display:block;
color:#e88722;
font-size:.72rem;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase;
}

.direct-contact-grid strong{
display:block;
color:#0b5fa5;
font-family:Georgia,serif;
font-size:1.4rem;
margin:8px 0;
}

.direct-contact-grid p{
color:#607585;
margin:0;
}

@media(max-width:900px){
.contact-top-inner{
justify-content:center;
}
.hero-slide-grid{
grid-template-columns:1fr;
gap:42px;
min-height:auto;
}
.hero-slide-image{
order:1;
}
.hero-slide-copy{
order:2;
}
.hero-slide-image img{
height:auto;
max-height:520px;
}
.slider-prev,
.slider-next{
left:auto;
right:15px;
top:45%;
}
.footer-contact,
.direct-contact-grid{
grid-template-columns:1fr;
}
}

@media(max-width:620px){
.contact-top{
font-size:.72rem;
}
.contact-top-inner{
padding:8px 0;
}
.contact-top-left{
gap:12px;
flex-wrap:wrap;
justify-content:center;
}
.facebook-link{
display:none;
}
.hero-slide-grid{
padding:42px 0 30px;
}
.hero-slide-copy h1{
font-size:3rem;
}
.hero-slide-image img{
border-radius:22px 65px 22px 65px;
}
.slider-arrow{
width:42px;
height:42px;
}
}


.contact-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
}

.contact-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top-contact-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.contact-top .contact-icon {
  width: 17px;
  height: 17px;
  color: #f29222;
}

.footer-contact {
  align-items: stretch;
}

.footer-contact-item {
  display: flex !important;
  align-items: center;
  gap: 13px;
}

.footer-contact-item .contact-icon {
  width: 28px;
  height: 28px;
  color: #f29222;
}

.footer-contact-item > div {
  min-width: 0;
}

.footer-contact-item span {
  margin: 0;
}

.footer-contact-item strong {
  word-break: break-word;
}

.direct-contact-grid > a {
  position: relative;
}

.direct-contact-grid .contact-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 15px;
  color: #e88722;
}

.map-section {
  padding: 12px 0 68px;
}

.map-grid {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 42px;
  align-items: stretch;
}

.map-copy {
  padding: 34px 8px 34px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.map-copy h2 {
  margin: 12px 0 24px;
  font-size: clamp(2rem, 3.4vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.address-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 25px;
}

.address-row .contact-icon {
  width: 28px;
  height: 28px;
  color: #e88722;
}

.address-row strong {
  color: #0b5fa5;
}

.address-row p {
  margin: 4px 0 0;
  color: #607585;
}

.map-copy .button {
  align-self: flex-start;
}

.map-frame {
  min-height: 430px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow:
    0 20px 55px rgba(15, 55, 82, .12);
}

.map-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  border: 0;
}

.hero-slide-image img {
  object-position: center center;
}

@media (max-width: 900px) {

  .map-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .map-copy {
    padding: 10px 0;
  }

  .map-frame,
  .map-frame iframe {
    min-height: 380px;
  }

}

@media (max-width: 620px) {

  .top-contact-item {
    gap: 6px;
  }

  .contact-top-left {
    width: 100%;
  }

  .map-section {
    padding-bottom: 46px;
  }

  .map-frame,
  .map-frame iframe {
    min-height: 330px;
  }

}


/* ==========================================================
   NET3MAX — DERCENTER V5 HARMONY
   ========================================================== */


/* ---------- ONE TYPOGRAPHIC SYSTEM ---------- */

:root {
  --font-ui:
    "Segoe UI",
    "Helvetica Neue",
    Arial,
    sans-serif;
}

body,
nav,
button,
.button,
.eyebrow,
.contact-top,
.page-hero,
.hero-slide-copy,
.hero-slide-copy h1,
.page-hero h1,
.heading h2,
.intro-grid h2,
.split h2,
.two-column h2,
.contact-grid h2,
.prose h2,
.category-card h3,
.treatment-card h3,
.article-card h3,
.values-grid h3,
.cta-panel h2,
footer {
  font-family: var(--font-ui);
}


/* ---------- TOP BAR ---------- */

.contact-top {
  min-height: 40px;
}

.contact-top-inner {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.contact-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

.top-contact-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  white-space: nowrap;
}

.top-icon {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  color: #f28b1a;
}

.top-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.facebook-only {
  width: 28px;
  height: 28px;
  justify-content: center;
  border-radius: 50%;
}

.facebook-only:hover {
  background: rgba(255,255,255,.1);
}

.facebook-icon {
  width: 18px;
  height: 18px;
}


/* ---------- HEADER / CTA ALIGNMENT ---------- */

.nav {
  min-height: 78px;
}

nav {
  display: flex;
  align-items: center;
}

.cta-small {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 999px;
}


/* ---------- HERO HARMONY ---------- */

.hero-slide-grid {
  min-height: 560px;
  padding: 42px 0 38px;
  grid-template-columns: 1fr 1fr;
  gap: 62px;
}

.hero-slide-image img {
  width: 100%;
  height: 445px;
  object-fit: cover;
  object-position: center;
}

.hero-slide-copy h1 {
  font-size: clamp(3rem, 4.8vw, 4.85rem);
  line-height: .98;
  font-weight: 720;
  letter-spacing: -.045em;
}

.hero-slide-copy > p {
  max-width: 600px;
}


/* ---------- SLIDER ARROWS ---------- */

.hero-slide-grid {
  position: relative;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  line-height: 1;
  font-size: 1.8rem;
}

.slider-next {
  right: 0;
  left: auto;
}

.slider-prev {
  left: 0;
  right: auto;
}

.hero-dots {
  padding: 0 0 18px;
  margin: 0;
}


/* ---------- CLEAN SPECIALTY CARDS ---------- */

.category-card {
  min-height: 410px;
}

.category-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.category-card::after {
  background:
    linear-gradient(
      to top,
      rgba(4,31,52,.90) 0%,
      rgba(4,31,52,.35) 52%,
      rgba(4,31,52,.05) 100%
    );
}

.category-card > div {
  padding: 28px;
}

.category-card h3 {
  font-size: 1.65rem;
  line-height: 1.08;
  font-weight: 720;
}


/* ---------- COMPACT SECTION RHYTHM ---------- */

.section {
  padding: 66px 0;
}

.dark-section {
  padding: 70px 0;
}

.heading {
  margin-bottom: 30px;
}

.split,
.two-column,
.contact-grid {
  gap: 54px;
}

.page-hero {
  padding: 62px 0 50px;
}

.page-hero.compact {
  padding: 54px 0 45px;
}


/* ---------- CTA PANEL ---------- */

.cta-section {
  padding: 10px 0 64px;
}

.cta-panel {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 42px;
  padding: 42px 54px;
}

.cta-panel .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 185px;
  min-height: 52px;
  padding: 0 26px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 999px;
}

.cta-panel h2 {
  margin-bottom: 12px;
}

.cta-panel p {
  margin-bottom: 0;
}


/* ---------- FOOTER ---------- */

footer {
  padding: 46px 0 20px;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

  .contact-actions {
    width: 100%;
  }

  .hero-slide-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 34px 0;
  }

  .hero-slide-image img {
    height: auto;
    max-height: 430px;
  }

  .slider-next {
    right: 12px;
  }

  .slider-prev {
    left: 12px;
  }

  .cta-panel {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .cta-panel .button {
    justify-self: start;
  }

}

@media (max-width: 620px) {

  .contact-top-inner {
    justify-content: flex-end;
  }

  .contact-actions {
    gap: 13px;
    font-size: .71rem;
  }

  .top-contact-item {
    gap: 5px;
  }

  .contact-actions
  .top-contact-item:nth-child(2) span {
    display: none;
  }

  .section,
  .dark-section {
    padding: 46px 0;
  }

  .hero-slide-grid {
    padding: 27px 0;
  }

  .hero-slide-copy h1 {
    font-size: 2.7rem;
  }

  .category-card {
    min-height: 330px;
  }

  .cta-panel {
    padding: 31px 26px;
  }

}


body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body strong,
body button,
body .button,
body .cta-small {
font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

.contact-top .top-icon {
width:23px;
height:23px;
color:#f28b1a;
}

.contact-top .top-icon svg {
stroke-width:2.3;
}

.contact-actions {
gap:28px;
}

.facebook-only {
width:35px;
height:35px;
}

.facebook-only .top-icon {
width:23px;
height:23px;
}

.footer-contact-item .contact-icon {
width:38px;
height:38px;
color:#f28b1a;
}

.footer-contact-item .contact-icon svg {
stroke-width:2.15;
}

.direct-contact-grid .contact-icon {
width:46px;
height:46px;
margin-bottom:17px;
color:#f28b1a;
}

.direct-contact-grid .contact-icon svg {
stroke-width:2.1;
}

.address-row .contact-icon {
width:38px;
height:38px;
color:#f28b1a;
}

.button,
.cta-small,
.cta-panel .button,
.article-prose .button {
font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
font-weight:750;
letter-spacing:0;
}

.article-prose .button.primary {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:0 25px;
background:#ef8b17;
color:#fff;
border-radius:999px;
box-shadow:0 12px 28px rgba(239,139,23,.22);
}

.cta-panel h2,
.contact-grid h2,
.direct-contact h2 {
font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
font-weight:750;
}

.treatment-image img {
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.detail-image img {
width:100%;
height:auto;
object-fit:cover;
object-position:center;
}

.article-media {
width:100%;
aspect-ratio:16/9;
overflow:hidden;
background:#edf4f9;
}

.article-media img {
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .4s ease;
}

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

.article-card {
padding:0;
overflow:hidden;
}

.article-card > span,
.article-card > h3,
.article-card > p,
.article-card > strong {
display:block;
margin-left:23px;
margin-right:23px;
}

.article-card > span {
margin-top:19px;
}

.article-card > strong {
margin-bottom:23px;
}

.article-featured-section {
padding:28px 0 0;
}

.article-featured {
max-width:860px;
}

.article-featured img {
width:100%;
height:390px;
object-fit:cover;
object-position:center;
border-radius:24px;
box-shadow:0 18px 50px rgba(14,58,92,.12);
}

.article-prose {
padding-top:55px;
}

@media(max-width:620px) {

.contact-top .top-icon {
width:20px;
height:20px;
}

.contact-actions {
gap:14px;
}

.footer-contact-item .contact-icon {
width:32px;
height:32px;
}

.direct-contact-grid .contact-icon {
width:39px;
height:39px;
}

.article-featured img {
height:250px;
}

.article-prose {
padding-top:38px;
}

}

/* NET3MAX DERCENTER V8 — compact treatment detail pages */

.treatment-page .page-hero,
.treatment-page .page-hero.compact {
    padding-top: 38px;
    padding-bottom: 34px;
}

.treatment-page .page-hero h1 {
    margin-top: 0;
    margin-bottom: 12px;
}

.treatment-page .page-hero p {
    margin-top: 0;
    margin-bottom: 0;
}

.treatment-page .section {
    padding-top: 38px;
    padding-bottom: 38px;
}

.treatment-page .detail-grid {
    gap: 42px;
    align-items: start;
}

.treatment-page .detail-grid h2 {
    margin-top: 0;
}

.treatment-page .detail-grid p:first-of-type {
    margin-top: 0;
}

.treatment-page .detail-image {
    margin-top: 0;
}

.treatment-page .detail-image img {
    display: block;
}

.treatment-page .cta-section {
    padding-top: 10px;
    padding-bottom: 48px;
}

.treatment-page footer {
    margin-top: 0;
}

@media (max-width: 900px) {

    .treatment-page .page-hero,
    .treatment-page .page-hero.compact {
        padding-top: 32px;
        padding-bottom: 28px;
    }

    .treatment-page .section {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .treatment-page .detail-grid {
        gap: 28px;
    }
}


/* NET3MAX DERCENTER V9 — treatment readability */

.treatment-page .detail-grid p,
.treatment-page .detail-grid li {
    color: #263746;
    opacity: 1;
}

.treatment-page .detail-grid p {
    line-height: 1.68;
}

.treatment-page .detail-grid strong {
    color: #17364d;
}

.treatment-page .callout,
.treatment-page .callout p {
    color: #263746;
}

.treatment-page .callout strong {
    color: #102f48;
}

.treatment-page .page-hero p {
    color: #405669;
}

.treatment-page .detail-grid a.button,
.treatment-page .detail-grid a.primary {
    color: #ffffff;
}

/* ==========================================================
   NET3MAX DERCENTER V10
   Category navigation + professional contact visual system
   ========================================================== */

.pro-contact-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    color: #ef8b17;
}

.contact-top .pro-contact-icon {
    width: 21px;
    height: 21px;
}

.facebook-only .pro-contact-icon {
    width: 23px;
    height: 23px;
}

.direct-contact-grid .pro-contact-icon {
    width: 44px;
    height: 44px;
    padding: 9px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff3e6;
    color: #ef8b17;
    margin-bottom: 18px;
}

.footer-contact-item .pro-contact-icon {
    width: 31px;
    height: 31px;
    color: #f39424;
}

.address-row .pro-contact-icon {
    width: 34px;
    height: 34px;
    color: #ef8b17;
}


/* Contact values: no old serif typography */

.direct-contact-grid strong,
.footer-contact-item strong,
.contact-top,
.contact-top span,
.direct-contact-grid span,
.direct-contact-grid p {
    font-family:
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}

.direct-contact-grid strong {
    font-size: 1.28rem;
    line-height: 1.25;
    font-weight: 750;
    letter-spacing: -.015em;
    color: #0b5fa5;
}

.footer-contact-item strong {
    font-weight: 700;
    letter-spacing: 0;
}

.contact-top span {
    font-weight: 550;
}


/* Treatment category hub */

.treatment-hub-hero {
    padding-bottom: 42px;
}

.treatment-category-hub {
    padding-top: 46px;
    padding-bottom: 66px;
}

.category-hub-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
}

.category-hub-grid .category-card {
    min-height: 420px;
}

.category-hub-grid .category-card p {
    color: rgba(255,255,255,.86);
    line-height: 1.55;
    margin: 10px 0 18px;
}

.category-hub-grid .category-card strong {
    color: #fff;
}


/* Category list */

.category-list-hero {
    padding-bottom: 34px;
}

.treatment-category-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.treatment-category-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #c8d9e6;
    border-radius: 999px;
    background: #fff;
    color: #0b5fa5;
    font-family:
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;
    font-weight: 700;
    transition: .2s ease;
}

.treatment-category-nav a:hover {
    background: #0b5fa5;
    border-color: #0b5fa5;
    color: #fff;
}

.category-treatment-list {
    padding-top: 46px;
}


/* Detail page category return */

.treatment-category-return {
    padding-top: 18px;
    padding-bottom: 0;
}

.treatment-category-return a {
    display: inline-flex;
    align-items: center;
    color: #0b5fa5;
    font-family:
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;
    font-weight: 700;
    font-size: .92rem;
}

.treatment-category-return a:hover {
    color: #ef8b17;
}


@media(max-width:900px) {

    .category-hub-grid {
        grid-template-columns: 1fr;
    }

    .category-hub-grid .category-card {
        min-height: 340px;
    }

}


@media(max-width:620px) {

    .treatment-category-nav {
        gap: 7px;
    }

    .treatment-category-nav a {
        min-height: 39px;
        padding: 0 13px;
        font-size: .82rem;
    }

    .direct-contact-grid .pro-contact-icon {
        width: 40px;
        height: 40px;
    }

}

/* NET3MAX DERCENTER V11 — clean WhatsApp glyph */

.whatsapp-svg {
    display: block;
    width: 100%;
    height: 100%;
    color: #ef8b17;
    overflow: visible;
}

.top-contact-item .whatsapp-svg {
    width: 23px;
    height: 23px;
}

.footer-contact-item .whatsapp-svg {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.direct-contact-grid .whatsapp-svg {
    width: 27px;
    height: 27px;
    color: #ef8b17;
}

/* Ensure entire homepage category card is clickable */

.category-card {
    position: relative;
    display: block;
    cursor: pointer;
}

.category-card > * {
    pointer-events: none;
}

/* =========================================================
   NET3MAX DERCENTER V12
   Responsive menu + compact premium spacing
   ========================================================= */


/* ---------------------------------------------------------
   DESKTOP: tighter treatment category transition
   --------------------------------------------------------- */

.treatment-hub-hero {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
}

.treatment-hub-hero h1 {
    margin-bottom: 14px;
}

.treatment-hub-hero p {
    margin-bottom: 0;
    max-width: 760px;
}

.treatment-category-hub {
    padding-top: 18px !important;
    padding-bottom: 58px !important;
}

.category-hub-grid {
    gap: 22px;
}

.category-hub-grid .category-card {
    min-height: 360px !important;
}

.category-hub-grid .category-card > div {
    padding: 25px 27px;
}

.category-hub-grid .category-card h3 {
    margin-bottom: 12px;
}

.category-hub-grid .category-card p {
    display: none !important;
}


/* ---------------------------------------------------------
   MOBILE MENU - hidden on desktop
   --------------------------------------------------------- */

.mobile-menu {
    display: none;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

    /*
     * Desktop navigation disappears completely.
     * This prevents horizontal overflow.
     */

    .header .nav > nav,
    .header .nav > .cta-small {
        display: none !important;
    }

    .header .nav {
        min-height: 70px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }

    .header .logo {
        flex: 0 1 auto;
    }

    .header .logo img {
        display: block;
        width: auto;
        height: auto;
        max-width: 205px;
        max-height: 56px;
    }


    /* -----------------------------------------------------
       HAMBURGER
       ----------------------------------------------------- */

    .mobile-menu {
        display: block;
        position: relative;
        margin-left: auto;
        z-index: 1000;
    }

    .mobile-menu summary {
        list-style: none;
        display: grid;
        place-items: center;

        width: 46px;
        height: 46px;

        padding: 0;
        margin: 0;

        cursor: pointer;

        background: #ffffff;
        border: 1px solid #d5e1ea;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(20, 54, 77, .08);
    }

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

    .mobile-menu summary::marker {
        display: none;
    }


    .hamburger-lines {
        width: 22px;
        height: 17px;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hamburger-lines span {
        display: block;
        width: 22px;
        height: 2.5px;

        background: #0b5fa5;
        border-radius: 20px;
    }


    /* -----------------------------------------------------
       OPEN MENU
       ----------------------------------------------------- */

    .mobile-menu-panel {
        position: absolute;

        right: 0;
        top: 55px;

        width: min(
            310px,
            calc(100vw - 32px)
        );

        padding: 10px;

        background: #ffffff;

        border:
            1px solid #dde7ee;

        border-radius: 16px;

        box-shadow:
            0 22px 55px
            rgba(18, 47, 70, .18);
    }

    .mobile-menu-panel a {
        display: flex;
        align-items: center;

        min-height: 46px;

        padding:
            0 15px;

        border-radius:
            10px;

        font-family:
            "Segoe UI",
            "Helvetica Neue",
            Arial,
            sans-serif;

        font-size:
            .96rem;

        font-weight:
            650;

        color:
            #17364d;
    }

    .mobile-menu-panel a:hover {
        background:
            #eef6fb;

        color:
            #0b5fa5;
    }

    .mobile-menu-panel
    .mobile-menu-cta {

        justify-content:
            center;

        margin-top:
            7px;

        color:
            #ffffff;

        background:
            #ef8b17;
    }

    .mobile-menu-panel
    .mobile-menu-cta:hover {

        color:
            #ffffff;

        background:
            #d9780b;
    }


    /* -----------------------------------------------------
       MOBILE/TABLET SECTION RHYTHM
       ----------------------------------------------------- */

    .page-hero,
    .page-hero.compact {
        padding-top:
            38px !important;

        padding-bottom:
            28px !important;
    }

    .section,
    .dark-section {
        padding-top:
            46px !important;

        padding-bottom:
            46px !important;
    }

    .heading {
        margin-bottom:
            24px !important;
    }

    .treatment-hub-hero {
        padding-top:
            36px !important;

        padding-bottom:
            14px !important;
    }

    .treatment-category-hub {
        padding-top:
            12px !important;

        padding-bottom:
            40px !important;
    }

    .category-hub-grid {
        gap:
            18px !important;
    }

    .category-hub-grid
    .category-card {
        min-height:
            300px !important;
    }

    .category-treatment-list {
        padding-top:
            28px !important;
    }

    .cta-section {
        padding-top:
            5px !important;

        padding-bottom:
            40px !important;
    }

    .footer-contact {
        margin-top:
            18px !important;
    }

}


/* =========================================================
   PHONES
   ========================================================= */

@media (max-width: 620px) {

    /* Top blue contact bar */

    .contact-top {
        min-height:
            38px;
    }

    .contact-top-inner {
        min-height:
            38px;

        padding-left:
            17px;

        padding-right:
            17px;
    }

    .contact-actions {
        gap:
            14px !important;
    }


    /* Main header */

    .header .nav {
        min-height:
            66px !important;

        padding-top:
            7px;

        padding-bottom:
            7px;
    }

    .header .logo img {
        max-width:
            185px;
    }

    .mobile-menu summary {
        width:
            44px;

        height:
            44px;
    }


    /* Hero */

    .hero-slide-grid {
        padding-top:
            22px !important;

        padding-bottom:
            22px !important;

        gap:
            24px !important;
    }

    .hero-slide-image img {
        max-height:
            350px;
    }

    .hero-slide-copy h1 {
        margin-top:
            12px;

        margin-bottom:
            15px;

        font-size:
            clamp(
                2.45rem,
                12vw,
                3.25rem
            );
    }

    .hero-slide-copy > p {
        line-height:
            1.5;
    }

    .hero-dots {
        padding-bottom:
            10px !important;
    }


    /* General sections */

    .page-hero,
    .page-hero.compact {
        padding-top:
            30px !important;

        padding-bottom:
            22px !important;
    }

    .page-hero h1 {
        margin-top:
            10px;

        margin-bottom:
            13px;

        font-size:
            clamp(
                2.45rem,
                11vw,
                3.25rem
            );

        line-height:
            1.02;
    }

    .page-hero p {
        line-height:
            1.52;
    }

    .section,
    .dark-section {
        padding-top:
            34px !important;

        padding-bottom:
            34px !important;
    }


    /* Treatment category page */

    .treatment-hub-hero {
        padding-top:
            28px !important;

        padding-bottom:
            10px !important;
    }

    .treatment-hub-hero h1 {
        margin-bottom:
            13px;
    }

    .treatment-hub-hero p {
        font-size:
            1rem;

        line-height:
            1.5;
    }

    .treatment-category-hub {
        padding-top:
            8px !important;

        padding-bottom:
            32px !important;
    }

    .category-hub-grid {
        gap:
            14px !important;
    }

    .category-hub-grid
    .category-card {

        min-height:
            270px !important;
    }

    .category-hub-grid
    .category-card > div {

        padding:
            22px;
    }


    /* Lists */

    .category-treatment-list {
        padding-top:
            22px !important;
    }

    .treatment-grid,
    .article-grid,
    .values-grid {
        gap:
            15px !important;
    }


    /* Detail pages */

    .treatment-page
    .page-hero,
    .treatment-page
    .page-hero.compact {

        padding-top:
            26px !important;

        padding-bottom:
            20px !important;
    }

    .treatment-page
    .section {

        padding-top:
            26px !important;

        padding-bottom:
            30px !important;
    }

    .treatment-page
    .detail-grid {

        gap:
            22px !important;
    }


    /* Publications */

    .article-featured-section {
        padding-top:
            18px !important;
    }

    .article-prose {
        padding-top:
            30px !important;
    }


    /* CTA */

    .cta-section {
        padding-top:
            4px !important;

        padding-bottom:
            30px !important;
    }

    .cta-panel {
        padding:
            27px 23px !important;
    }


    /* Footer */

    footer {
        padding-top:
            34px !important;

        padding-bottom:
            18px !important;
    }

}

/* =========================================================
   NET3MAX DERCENTER V14 — MOBILE HARMONY
   ========================================================= */

@media (max-width: 900px) {

    /* -----------------------------------------------
       HEADER / MENU
       ----------------------------------------------- */

    .header .nav {
        min-height: 70px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        gap: 14px !important;
    }

    .header .logo img {
        max-width: 205px !important;
        max-height: 56px !important;
    }

    .mobile-menu {
        flex: 0 0 auto;
        margin-left: auto !important;
    }

    .mobile-menu summary {
        width: auto !important;
        min-width: 96px !important;
        height: 46px !important;

        padding: 0 14px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        border: 1px solid #d3e0e9 !important;
        border-radius: 13px !important;

        background: #fff !important;

        color: #17364d !important;

        font-family:
            "Segoe UI",
            "Helvetica Neue",
            Arial,
            sans-serif !important;

        font-size: .96rem !important;
        font-weight: 750 !important;

        line-height: 1 !important;

        box-shadow:
            0 5px 16px rgba(20,54,77,.08) !important;
    }

    .mobile-menu-symbol {
        display: inline-block;
        font-size: 1.25rem;
        line-height: 1;
        color: #0b5fa5;
    }

    .mobile-menu-text {
        display: inline-block;
        line-height: 1;
    }

    .mobile-menu-panel {
        top: 52px !important;
    }


    /* -----------------------------------------------
       GENERAL SECTION RHYTHM
       ----------------------------------------------- */

    .section,
    .dark-section {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .page-hero,
    .page-hero.compact {
        padding-top: 32px !important;
        padding-bottom: 24px !important;
    }

    .heading {
        margin-bottom: 20px !important;
    }

    .intro-grid,
    .split,
    .two-column,
    .contact-grid,
    .detail-grid,
    .map-grid {
        gap: 24px !important;
    }

    .intro-grid h2,
    .split h2,
    .two-column h2,
    .heading h2 {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }


    /* -----------------------------------------------
       HOME HERO
       ----------------------------------------------- */

    .hero-slide-grid {
        min-height: 0 !important;
        padding-top: 24px !important;
        padding-bottom: 20px !important;
        gap: 22px !important;
    }

    .hero-slide-image {
        margin: 0 !important;
    }

    .hero-slide-copy {
        margin: 0 !important;
    }

    .hero-slide-copy h1 {
        margin-top: 11px !important;
        margin-bottom: 15px !important;
    }

    .hero-slide-copy > p {
        margin-top: 0 !important;
        margin-bottom: 18px !important;
    }

    .hero-dots {
        padding-top: 0 !important;
        padding-bottom: 7px !important;
        margin: 0 !important;
    }


    /* -----------------------------------------------
       TREATMENT CATEGORY HUB
       ----------------------------------------------- */

    .treatment-hub-hero {
        padding-top: 30px !important;
        padding-bottom: 8px !important;
    }

    .treatment-hub-hero h1 {
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }

    .treatment-hub-hero p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .treatment-category-hub {
        padding-top: 6px !important;
        padding-bottom: 32px !important;
    }

    .category-hub-grid {
        gap: 15px !important;
    }

    .category-hub-grid .category-card {
        min-height: 300px !important;
    }


    /* -----------------------------------------------
       TREATMENT LIST / DETAIL
       ----------------------------------------------- */

    .category-list-hero {
        padding-bottom: 18px !important;
    }

    .category-treatment-list {
        padding-top: 20px !important;
        padding-bottom: 34px !important;
    }

    .treatment-grid {
        gap: 16px !important;
    }

    .treatment-page .page-hero,
    .treatment-page .page-hero.compact {
        padding-top: 26px !important;
        padding-bottom: 18px !important;
    }

    .treatment-page .section {
        padding-top: 24px !important;
        padding-bottom: 30px !important;
    }

    .treatment-page .detail-grid {
        gap: 20px !important;
    }


    /* -----------------------------------------------
       ARTICLES
       ----------------------------------------------- */

    .article-grid {
        gap: 16px !important;
    }

    .article-featured-section {
        padding-top: 15px !important;
    }

    .article-prose {
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }


    /* -----------------------------------------------
       CTA / CONTACT / MAP
       ----------------------------------------------- */

    .cta-section {
        padding-top: 5px !important;
        padding-bottom: 30px !important;
    }

    .cta-panel {
        padding: 28px !important;
    }

    .direct-contact {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .map-section {
        padding-top: 5px !important;
        padding-bottom: 36px !important;
    }

    .map-copy {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }


    /* -----------------------------------------------
       FOOTER
       ----------------------------------------------- */

    footer {
        padding-top: 34px !important;
        padding-bottom: 18px !important;
    }

    .footer-grid {
        gap: 22px !important;
    }

    .footer-contact {
        margin-top: 18px !important;
        padding-top: 18px !important;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 620px) {

    .wrap {
        width: min(100% - 32px, 1180px);
    }


    /* Header */

    .contact-top {
        min-height: 38px !important;
    }

    .contact-top-inner {
        min-height: 38px !important;
    }

    .header .nav {
        min-height: 66px !important;
    }

    .header .logo img {
        max-width: 190px !important;
    }

    .mobile-menu summary {
        min-width: 92px !important;
        height: 44px !important;
        padding: 0 12px !important;
    }


    /* General text */

    .page-hero h1,
    .hero-slide-copy h1 {
        font-size: clamp(
            2.35rem,
            10.8vw,
            3rem
        ) !important;

        line-height: 1.01 !important;
    }

    .heading h2,
    .intro-grid h2,
    .split h2,
    .two-column h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.65rem
        ) !important;

        line-height: 1.05 !important;
    }


    /* Reduce collapsed-grid whitespace */

    .intro-grid,
    .split,
    .two-column,
    .contact-grid,
    .detail-grid,
    .map-grid {
        gap: 18px !important;
    }

    .section,
    .dark-section {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }


    /* Homepage */

    .hero-slide-grid {
        padding-top: 18px !important;
        padding-bottom: 16px !important;
        gap: 18px !important;
    }

    .hero-slide-image img {
        max-height: 330px !important;
    }

    .hero-slide-copy h1 {
        margin-top: 8px !important;
        margin-bottom: 12px !important;
    }

    .hero-slide-copy > p {
        margin-bottom: 14px !important;
    }


    /* Philosophy */

    .intro-grid > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* Categories */

    .treatment-hub-hero {
        padding-top: 24px !important;
        padding-bottom: 5px !important;
    }

    .treatment-category-hub {
        padding-top: 4px !important;
        padding-bottom: 27px !important;
    }

    .category-hub-grid {
        gap: 12px !important;
    }

    .category-hub-grid .category-card {
        min-height: 260px !important;
    }

    .category-hub-grid .category-card > div {
        padding: 20px !important;
    }


    /* Footer should not squeeze into narrow columns */

    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .footer-contact {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 14px !important;
        padding-top: 15px !important;
    }

    .footer-contact-item {
        padding: 8px 0 !important;
    }

    .copyright {
        margin-top: 18px !important;
    }

}

/* NET3MAX DERCENTER V15 — clean contact CTA */

.contact-clean {
    padding-top: 48px !important;
    padding-bottom: 34px !important;
}

.contact-clean-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 48px;
}

.contact-clean-copy h1 {
    max-width: 850px;
    margin: 12px 0 15px;
    font-size: clamp(2.8rem,5vw,5rem);
    line-height: 1;
    letter-spacing: -.045em;
    color: #17364d;
}

.contact-clean-copy p {
    max-width: 830px;
    margin: 0;
    color: #334958;
    line-height: 1.6;
}

.contact-clean-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact-clean-action .button {
    min-width: 185px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

@media(max-width:900px) {

    .contact-clean-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-clean-action {
        justify-content: flex-start;
    }
}

@media(max-width:620px) {

    .contact-clean {
        padding-top: 26px !important;
        padding-bottom: 24px !important;
    }

    .contact-clean-row {
        gap: 17px;
    }

    .contact-clean-copy h1 {
        font-size: clamp(2.35rem,10vw,3rem);
        margin-top: 9px;
        margin-bottom: 12px;
    }

    .contact-clean-copy p {
        line-height: 1.5;
    }

    .contact-clean-action .button {
        width: 100%;
    }
}

/* ============================================================
   NET3MAX DERCENTER V16
   CONTACT HERO CENTER + MOBILE SPACING + MOBILE SLIDER FIX
   ============================================================ */

/* ---------- CONTACT HERO ---------- */

.contact-clean.contact-clean-centered {
    padding-top: 46px !important;
    padding-bottom: 28px !important;
}

.contact-clean.contact-clean-centered .contact-clean-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 0 !important;
}

.contact-clean.contact-clean-centered .contact-clean-copy {
    max-width: 980px;
    margin: 0 auto;
}

.contact-clean.contact-clean-centered .contact-clean-copy h1 {
    margin: 0 0 18px !important;
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.contact-clean.contact-clean-centered .contact-clean-copy p {
    max-width: 880px;
    margin: 0 auto !important;
    text-align: center !important;
}

.contact-clean.contact-clean-centered .contact-clean-action {
    display: none !important;
}

/* ---------- GENERAL CONTENT READABILITY ---------- */

.section p,
.page-content p,
.text-content p,
.content-copy p,
.feature-copy p,
.treatment-page p,
.contact-page p {
    color: #3f5361;
}

/* ---------- MOBILE HARMONY ---------- */

@media (max-width: 768px) {

    .section,
    .page-section,
    .hero,
    .intro,
    .philosophy,
    .specialties,
    .treatments-overview,
    .contact-clean,
    .contact-location,
    .page-hero,
    .detail-section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .wrap,
    .section .wrap,
    .page-hero .wrap {
        row-gap: 20px !important;
    }

    .category-grid,
    .cards-grid,
    .steps-grid,
    .treatments-grid,
    .specialties-grid,
    .publications-grid,
    .footer-grid {
        gap: 18px !important;
    }

    .info-card,
    .step-card,
    .feature-card,
    .treatment-card,
    .article-card {
        padding: 22px !important;
    }
}

/* ---------- PHONE: COMPACT SPACING ---------- */

@media (max-width: 620px) {

    .section,
    .page-section,
    .hero,
    .intro,
    .philosophy,
    .specialties,
    .treatments-overview,
    .contact-clean,
    .contact-location,
    .page-hero,
    .detail-section {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .hero + .section,
    .page-hero + .section,
    .intro + .section,
    .philosophy + .section,
    .specialties + .section {
        padding-top: 20px !important;
    }

    .wrap,
    .section .wrap,
    .page-hero .wrap {
        row-gap: 16px !important;
    }

    .category-grid,
    .cards-grid,
    .steps-grid,
    .treatments-grid,
    .specialties-grid,
    .publications-grid,
    .footer-grid {
        gap: 14px !important;
    }

    .info-card,
    .step-card,
    .feature-card,
    .treatment-card,
    .article-card {
        padding: 18px !important;
    }

    /* tighter text blocks */
    .section h1,
    .section h2,
    .page-hero h1 {
        margin-bottom: 12px !important;
    }

    .section p,
    .page-hero p {
        margin-bottom: 0 !important;
    }

    /* contact page mobile */
    .contact-clean.contact-clean-centered {
        padding-top: 22px !important;
        padding-bottom: 18px !important;
    }

    .contact-clean.contact-clean-centered .contact-clean-copy h1 {
        margin-bottom: 12px !important;
    }

    .contact-location .wrap {
        gap: 18px !important;
    }

    /* footer mobile harmony */
    footer .footer-grid {
        gap: 18px !important;
    }

    footer .footer-contact-item {
        margin-bottom: 10px !important;
    }
}

/* ---------- MOBILE HERO / SLIDER CONTROLS ---------- */
/* Goal: stop arrows from covering text on stacked mobile hero */

@media (max-width: 620px) {

    .hero-controls,
    .hero-nav,
    .slider-controls,
    .slider-nav {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 14px !important;
        margin-bottom: 4px !important;
        transform: none !important;
    }

    .hero-controls button,
    .hero-nav button,
    .slider-controls button,
    .slider-nav button,
    .hero-prev,
    .hero-next,
    .slider-prev,
    .slider-next {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }

    /* Ensure stacked hero content order is image > text > controls */
    .hero-grid,
    .hero-layout,
    .hero .wrap {
        row-gap: 16px !important;
    }
}

/* ---------- MOBILE MENU BUTTON ---------- */

@media (max-width: 620px) {

    .mobile-menu-toggle,
    .menu-toggle,
    .nav-toggle,
    .header-toggle {
        min-width: 132px !important;
        min-height: 58px !important;
        padding: 0 18px !important;
        border-radius: 18px !important;
        font-size: 1rem !important;
        gap: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   NET3MAX DERCENTER V17
   Homepage location + footer address
   ========================================================= */

.home .map-section,
body:not(.treatment-page) .map-section {
    margin-top: 0;
}

.map-section {
    padding-top: 46px;
    padding-bottom: 52px;
}

.copyright {
    line-height: 1.5;
}

@media(max-width:900px) {

    .map-section {
        padding-top: 34px !important;
        padding-bottom: 38px !important;
    }

}

@media(max-width:620px) {

    .map-section {
        padding-top: 25px !important;
        padding-bottom: 30px !important;
    }

    .map-copy {
        padding-top: 0 !important;
        padding-bottom: 3px !important;
    }

    .map-copy h2 {
        margin-top: 9px !important;
        margin-bottom: 16px !important;
    }

    .address-row {
        margin-bottom: 18px !important;
    }

    .copyright {
        font-size: .77rem;
        line-height: 1.45;
    }

}

/* NET3MAX V15 HERO ARROWS + FLOATING WHATSAPP */

/* =========================================================
   FLOATING WHATSAPP CTA
   ========================================================= */
.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:999;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:999px;
  background:#25D366;
  color:#ffffff !important;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  font-weight:700;
  font-size:16px;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease;
}

.whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,0,0,.22);
}

.whatsapp-float-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.whatsapp-float-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.whatsapp-float-text{
  white-space:nowrap;
}

/* =========================================================
   HERO / SLIDER ARROWS
   Goal: no circle, only clean arrow, over image, at extremes
   ========================================================= */

/* Make common hero media wrappers positioning contexts */
.hero,
.hero-slider,
.slider,
.slider-track,
.slider-stage,
.hero-media,
.hero-visual,
.hero-figure,
.slide-media,
.slide-visual{
  position:relative;
}

/* Generic arrow reset inside hero/slider */
.hero a[class*="arrow"],
.hero button[class*="arrow"],
.hero a[class*="prev"],
.hero button[class*="prev"],
.hero a[class*="next"],
.hero button[class*="next"],
.hero .slider-arrow,
.hero .hero-arrow,
.hero .hero-control,
.hero .slider-control,
.hero-slider a[class*="arrow"],
.hero-slider button[class*="arrow"],
.slider a[class*="arrow"],
.slider button[class*="arrow"]{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#0f5fa8 !important;
  text-decoration:none !important;
  line-height:1 !important;
  font-size:48px !important;
  font-weight:700 !important;
  z-index:25 !important;
  opacity:1 !important;
}

/* Force position to image edges instead of text area */
.hero a[class*="prev"],
.hero button[class*="prev"],
.hero .hero-prev,
.hero .slider-prev,
.hero-slider a[class*="prev"],
.hero-slider button[class*="prev"],
.slider a[class*="prev"],
.slider button[class*="prev"]{
  position:absolute !important;
  left:16px !important;
  right:auto !important;
  top:38% !important;
  transform:translateY(-50%) !important;
}

.hero a[class*="next"],
.hero button[class*="next"],
.hero .hero-next,
.hero .slider-next,
.hero-slider a[class*="next"],
.hero-slider button[class*="next"],
.slider a[class*="next"],
.slider button[class*="next"]{
  position:absolute !important;
  right:16px !important;
  left:auto !important;
  top:38% !important;
  transform:translateY(-50%) !important;
}

/* If markup uses plain control class names without prev/next names */
.hero .hero-control:first-of-type,
.hero .slider-control:first-of-type{
  left:16px;
  right:auto;
}

.hero .hero-control:last-of-type,
.hero .slider-control:last-of-type{
  right:16px;
  left:auto;
}

/* Reduce chance arrows cover copy area */
.hero-copy,
.hero-content,
.hero-text,
.slide-copy,
.slide-content{
  position:relative;
  z-index:2;
}

/* =========================================================
   MOBILE HARMONY / COMPACT SPACING
   ========================================================= */
@media (max-width: 768px){

  .whatsapp-float{
    right:14px;
    bottom:14px;
    width:58px;
    height:58px;
    padding:0;
    border-radius:50%;
    justify-content:center;
  }

  .whatsapp-float-text{
    display:none;
  }

  .whatsapp-float-icon{
    width:30px;
    height:30px;
  }

  /* More compact overall spacing */
  main > section,
  .section,
  .page-section,
  .content-section,
  .feature-section,
  .intro-section,
  .map-section,
  .contact-section,
  .philosophy-section,
  .category-section,
  .cta-section{
    padding-top:28px !important;
    padding-bottom:28px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .section + .section,
  main > section + section{
    margin-top:0 !important;
  }

  /* Compact text blocks */
  .hero-copy,
  .hero-content,
  .hero-text,
  .section-copy,
  .section-content,
  .intro-copy{
    gap:14px !important;
  }

  /* Home slider arrows: only arrow, smaller, fully on image edge */
  .hero a[class*="arrow"],
  .hero button[class*="arrow"],
  .hero a[class*="prev"],
  .hero button[class*="prev"],
  .hero a[class*="next"],
  .hero button[class*="next"],
  .hero .slider-arrow,
  .hero .hero-arrow,
  .hero .hero-control,
  .hero .slider-control{
    font-size:42px !important;
  }

  .hero a[class*="prev"],
  .hero button[class*="prev"],
  .hero .hero-prev,
  .hero .slider-prev,
  .hero .hero-control:first-of-type,
  .hero .slider-control:first-of-type{
    left:10px !important;
    right:auto !important;
    top:86px !important;
    transform:none !important;
  }

  .hero a[class*="next"],
  .hero button[class*="next"],
  .hero .hero-next,
  .hero .slider-next,
  .hero .hero-control:last-of-type,
  .hero .slider-control:last-of-type{
    right:10px !important;
    left:auto !important;
    top:86px !important;
    transform:none !important;
  }

  /* Keep image and title closer */
  .hero-media,
  .hero-visual,
  .slide-media{
    margin-bottom:18px !important;
  }

  /* Tighter cards / blocks */
  .card,
  .feature-card,
  .treatment-card,
  .article-card,
  .value-card,
  .process-card{
    margin-bottom:18px !important;
  }

  /* Footer compact */
  footer,
  .site-footer{
    padding-top:28px !important;
    padding-bottom:24px !important;
  }
}

/* ==========================================================
   NET3MAX DERCENTER V19
   DEFINITIVE HERO ARROWS — NO CIRCLE
   ========================================================== */

.hero-slide-image {
    position: relative !important;
}

.hero-slide-image .slider-arrow {
    position: absolute !important;

    top: 50% !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 72px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #0b66a9 !important;

    font-size: 50px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    cursor: pointer;

    z-index: 20 !important;

    text-shadow:
        0 1px 3px rgba(255,255,255,.9);
}

.hero-slide-image .slider-prev {
    left: 8px !important;
    right: auto !important;
}

.hero-slide-image .slider-next {
    right: 8px !important;
    left: auto !important;
}


/* Remove EVERY old circular treatment of slider arrows */

.slider-arrow,
.slider-arrow:hover,
.slider-arrow:focus,
.slider-arrow:active {

    background-color: transparent !important;
    background-image: none !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

}


/* MOBILE */

@media (max-width: 620px) {

    .hero-slide-image .slider-arrow {

        top: 50% !important;

        width: 38px !important;
        height: 64px !important;

        font-size: 46px !important;

        background: transparent !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        transform: translateY(-50%) !important;
    }

    .hero-slide-image .slider-prev {
        left: 4px !important;
    }

    .hero-slide-image .slider-next {
        right: 4px !important;
    }

}

/* ==========================================================
   NET3MAX DERCENTER V20
   FLOATING WHATSAPP:
   - HIDE ON DESKTOP
   - MOBILE ONLY
   - CLOSER TO RIGHT/BOTTOM EDGE
   ========================================================== */

/* Default: do not show on desktop */
.whatsapp-float{
  display:none !important;
}

/* Mobile / tablet portrait style */
@media (max-width: 820px){

  .whatsapp-float{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    right:12px !important;
    bottom:12px !important;

    width:64px !important;
    height:64px !important;
    padding:0 !important;

    border-radius:999px !important;
    background:#25D366 !important;
    color:#fff !important;

    box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
    z-index:999 !important;

    text-decoration:none !important;
  }

  .whatsapp-float-text{
    display:none !important;
  }

  .whatsapp-float-icon{
    width:30px !important;
    height:30px !important;
    margin:0 !important;
  }

  .whatsapp-float-icon svg{
    width:30px !important;
    height:30px !important;
    display:block !important;
  }

}

/* Small phones: slightly tighter to the edge, but not glued */
@media (max-width: 480px){

  .whatsapp-float{
    right:10px !important;
    bottom:10px !important;

    width:62px !important;
    height:62px !important;
  }

  .whatsapp-float-icon,
  .whatsapp-float-icon svg{
    width:29px !important;
    height:29px !important;
  }

}

/* ==========================================================
   NET3MAX DERCENTER V21
   MOBILE WHATSAPP ICON POLISH
   - bigger icon
   - better centered inside green circle
   ========================================================== */

@media (max-width: 820px){

  .whatsapp-float{
    right:10px !important;
    bottom:10px !important;
  }

  .whatsapp-float-icon{
    width:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .whatsapp-float-icon svg{
    width:34px !important;
    height:34px !important;
    display:block !important;
    transform:translateX(1px) translateY(0.5px) !important;
  }

}

@media (max-width: 480px){

  .whatsapp-float-icon{
    width:35px !important;
    height:35px !important;
  }

  .whatsapp-float-icon svg{
    width:35px !important;
    height:35px !important;
    transform:translateX(1px) translateY(0.5px) !important;
  }

}