/* ================================================================
   AFAMIA SIGNATURE — premium integrated brand system
   Deep indigo + royal cobalt + magenta + saffron + jade
   ================================================================ */
:root {
  --navy:#11183f;
  --blue:#3156d3;
  --sky:#22b7e8;
  --ice:#e6f7fb;
  --cream:#fff7ec;
  --white:#ffffff;
  --text:#171a30;
  --muted:#60657d;
  --border:#e7dac8;
  --accent:#f6b81a;
  --signature-indigo:#11183f;
  --signature-indigo-2:#1a2458;
  --signature-cobalt:#3156d3;
  --signature-cyan:#22b7e8;
  --signature-magenta:#d12b76;
  --signature-saffron:#f6b81a;
  --signature-jade:#20a66b;
  --signature-porcelain:#fff7ec;
  --signature-paper:#fffdf8;
  --signature-shadow: 0 28px 80px rgba(17,24,63,.14);
  --signature-soft-shadow:0 16px 44px rgba(17,24,63,.10);
  --page-accent:#3156d3;
  --page-accent-2:#22b7e8;
}
body.child-care-page{--page-accent:#3156d3;--page-accent-2:#22b7e8;}
body.adult-care-page{--page-accent:#14885b;--page-accent-2:#22c995;}
body.home-care-page{--page-accent:#6a4bd8;--page-accent-2:#d12b76;}
body.laboratory-page{--page-accent:#7d44d6;--page-accent-2:#22b7e8;}
body.contact-page{--page-accent:#d12b76;--page-accent-2:#f6b81a;}
body.pharmacy-page{--page-accent:#14885b;--page-accent-2:#3156d3;}

html{background:var(--signature-indigo);}
body.premium-rework{
  background:var(--signature-porcelain);
  color:var(--text);
  font-feature-settings:"kern" 1,"liga" 1;
}
body.premium-rework::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
   radial-gradient(circle at 8% 18%,rgba(49,86,211,.08),transparent 26%),
   radial-gradient(circle at 92% 78%,rgba(209,43,118,.06),transparent 24%);
}

/* Navigation becomes part of the brand, not a white utility strip. */
.premium-rework .site-nav,
.premium-rework nav{
  height:78px !important;
  padding:0 clamp(1.3rem,5vw,5.5rem) !important;
  background:rgba(17,24,63,.95) !important;
  border-bottom:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 10px 40px rgba(8,12,35,.18);
  backdrop-filter:blur(18px) saturate(130%);
}
.premium-rework .nav-logo{
  color:#fff !important;font-size:1.32rem !important;letter-spacing:.01em;
}
.premium-rework .nav-logo span:first-child{color:var(--signature-saffron) !important;}
.premium-rework .nav-links{gap:clamp(.9rem,2vw,2.05rem) !important;}
.premium-rework .nav-links a{color:rgba(255,255,255,.7) !important;font-size:.82rem !important;letter-spacing:.015em;}
.premium-rework .nav-links a:hover,
.premium-rework .nav-links a.active{color:#fff !important;font-weight:500;}
.premium-rework .nav-links a.active::after{
  content:"";display:block;height:2px;border-radius:2px;margin-top:7px;
  background:linear-gradient(90deg,var(--signature-saffron),var(--signature-magenta));
}
.premium-rework .nav-cta{
  background:linear-gradient(135deg,var(--signature-saffron),#ffcf45) !important;
  color:var(--signature-indigo) !important;border-radius:999px !important;
  padding:11px 22px !important;box-shadow:0 8px 22px rgba(246,184,26,.22);
  font-weight:700 !important;
}
.premium-rework .nav-cta:hover{transform:translateY(-1px);filter:saturate(1.1) brightness(1.03);}
.premium-rework .nav-toggle span{background:#fff !important;}
.premium-rework .lang-flag-btn{border-color:rgba(255,255,255,.18) !important;box-shadow:none !important;}

/* Insurance badge */
.premium-rework .ins-badge{
  background:rgba(255,253,248,.96) !important;
  border:1px solid rgba(17,24,63,.10) !important;
  border-radius:18px !important;
  box-shadow:0 18px 50px rgba(17,24,63,.18) !important;
}
.premium-rework .ins-badge .ins-label{color:var(--signature-indigo) !important;}
.premium-rework .ins-badge .ins-label::before{background:var(--signature-magenta) !important;}

/* Type system */
.premium-rework .eyebrow{
  color:var(--page-accent) !important;font-weight:700 !important;letter-spacing:.16em !important;
}
.premium-rework .eyebrow::before{height:3px !important;width:32px !important;border-radius:3px;background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2)) !important;}
.premium-rework .section-title,
.premium-rework h1.page-title{
  color:var(--signature-indigo) !important;letter-spacing:-.025em;
}
.premium-rework .section-title{font-size:clamp(2.4rem,4vw,3.55rem) !important;line-height:1.02 !important;}
.premium-rework .section-lead,.premium-rework .page-subtitle{color:#66677c !important;}

/* ================================================================
   HOMEPAGE — editorial composition
   ================================================================ */
.premium-home-intro{
  position:relative;background:var(--signature-indigo);padding-bottom:2.6rem;overflow:hidden;
}
.premium-home-intro::before{
  content:"";position:absolute;inset:-30% auto auto -12%;width:48vw;height:48vw;border-radius:50%;
  background:radial-gradient(circle,rgba(49,86,211,.36) 0%,rgba(49,86,211,0) 68%);pointer-events:none;
}
.premium-home-intro::after{
  content:"";position:absolute;right:-8%;bottom:-32%;width:40vw;height:40vw;border-radius:50%;
  background:radial-gradient(circle,rgba(209,43,118,.22),rgba(209,43,118,0) 69%);pointer-events:none;
}
.premium-rework .home-hero{
  min-height:720px;padding-top:78px !important;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr) !important;
  background:transparent !important;position:relative;z-index:1;
}
.premium-rework .home-hero__copy{
  background:transparent !important;
  padding:clamp(5rem,9vw,8.5rem) 3rem clamp(5rem,8vw,7rem) clamp(2rem,7vw,7rem) !important;
}
.premium-rework .home-hero .eyebrow{color:var(--signature-saffron) !important;}
.premium-rework .home-hero .eyebrow::before{background:linear-gradient(90deg,var(--signature-saffron),var(--signature-magenta)) !important;}
.premium-rework .home-hero h1{
  max-width:760px;color:#fff !important;font-size:clamp(3.9rem,6vw,6.35rem) !important;
  line-height:.97 !important;letter-spacing:-.045em !important;margin-bottom:1.8rem !important;
}
.premium-rework .home-hero h1 span[style*="var(--sky)"]{
  color:var(--signature-saffron) !important;
  text-shadow:0 8px 34px rgba(246,184,26,.13);
}
.premium-rework .home-hero p{
  color:rgba(255,255,255,.72) !important;font-size:1.05rem !important;max-width:570px !important;
  line-height:1.85 !important;
}
.premium-rework .home-hero .btn-primary{
  background:linear-gradient(135deg,var(--signature-magenta),#ea438d) !important;
  color:#fff !important;border-radius:999px !important;padding:14px 28px !important;
  box-shadow:0 16px 34px rgba(209,43,118,.28);
}
.premium-rework .home-hero .hero-actions>a:last-child{
  color:#fff !important;border-color:rgba(255,255,255,.38) !important;
}
.premium-rework .home-hero__media{
  background:transparent !important;padding:3.6rem clamp(2rem,5vw,5rem) 3.6rem 0 !important;
  position:relative !important;
}
.premium-rework .home-hero__media::before{
  content:"";position:absolute;left:4%;top:14%;width:66%;height:70%;
  border:1px solid rgba(255,255,255,.22);border-radius:42% 58% 46% 54% / 55% 38% 62% 45%;
  transform:rotate(-7deg);pointer-events:none;
}
.premium-rework .home-hero__media img{
  width:100% !important;height:min(585px,70vh) !important;object-fit:cover !important;
  object-position:center;border-radius:34px !important;
  box-shadow:0 34px 85px rgba(4,8,28,.42),0 0 0 1px rgba(255,255,255,.12);
  position:relative;z-index:2;filter:saturate(1.07) contrast(1.02);
}
.premium-photo-frame{
  position:absolute;z-index:3;right:clamp(2rem,5vw,5rem);bottom:4.5rem;width:112px;height:112px;
  border-radius:24px;background:linear-gradient(135deg,var(--signature-saffron),#ffda58 52%,var(--signature-magenta) 53%,var(--signature-magenta));
  box-shadow:0 20px 44px rgba(4,8,28,.28);transform:translate(22%,22%);
}
.premium-photo-frame::before{content:"";position:absolute;inset:0;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 81C44 74 23 61 20 44C18 32 25 23 36 22C43 21 48 25 50 31C52 25 57 21 64 22C75 23 82 32 80 44C77 61 56 74 50 81Z' fill='none' stroke='%2311183f' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27 51H39L45 41L54 63L61 48H73' fill='none' stroke='%2311183f' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:70% 70%;transform:none;}

.premium-rework .stats-grid{
  position:relative;z-index:3;margin:-1.15rem clamp(1.5rem,6vw,6rem) 0 !important;
  border-radius:26px !important;overflow:hidden;
  background:linear-gradient(120deg,rgba(28,38,91,.98),rgba(15,104,112,.96)) !important;
  box-shadow:0 26px 70px rgba(4,8,28,.32);
  border:1px solid rgba(255,255,255,.12);
}
.premium-rework .stats-grid>div{padding:2.25rem 1.5rem !important;border-color:rgba(255,255,255,.12) !important;}
.premium-rework .stats-grid>div>div:first-child{color:var(--signature-saffron) !important;font-size:3rem !important;}
.premium-rework .stats-grid>div>div:nth-child(2){color:rgba(255,255,255,.64) !important;}

/* Service section: color is structural, not decoration. */
.premium-rework .refined-services-section{
  position:relative;padding-top:7.2rem !important;padding-bottom:7.5rem !important;
  background:var(--signature-porcelain) !important;
}
.premium-rework .refined-services-section::before{
  content:"";position:absolute;right:5%;top:6%;width:160px;height:160px;border-radius:50%;
  background:repeating-radial-gradient(circle,var(--signature-saffron) 0 2px,transparent 3px 13px);opacity:.16;
}
.premium-rework .refined-services-section .home-services-grid{gap:1.35rem !important;}
.premium-rework .refined-services-section .service-tile{
  min-height:315px !important;padding:2.15rem !important;border-radius:28px !important;
  border:0 !important;box-shadow:0 26px 60px rgba(17,24,63,.12) !important;overflow:hidden;
  transform:translateZ(0);
}
.premium-rework .refined-services-section .service-tile:nth-child(1){background:linear-gradient(135deg,#2445b8 0%,#3374df 60%,#22b7e8 130%) !important;}
.premium-rework .refined-services-section .service-tile:nth-child(2){background:linear-gradient(135deg,#08724d 0%,#12a875 68%,#38d8a4 135%) !important;}
.premium-rework .refined-services-section .service-tile:nth-child(3){background:linear-gradient(135deg,#5540b9 0%,#7b4ed9 57%,#d12b76 140%) !important;}
.premium-rework .refined-services-section .service-tile:nth-child(4){background:linear-gradient(135deg,#a43d14 0%,#e2671e 53%,#f6b81a 130%) !important;}
.premium-rework .refined-services-section .service-tile::before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;bottom:-120px;
  border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 26px rgba(255,255,255,.045),0 0 0 52px rgba(255,255,255,.025);
}
.premium-rework .refined-services-section .service-tile::after{opacity:.16 !important;}
.premium-rework .refined-services-section .service-tile:hover{transform:translateY(-8px) scale(1.006) !important;box-shadow:0 34px 80px rgba(17,24,63,.18) !important;}
.premium-rework .refined-services-section .service-tile h3,
.premium-rework .refined-services-section .service-tile p,
.premium-rework .refined-services-section .service-tile .tile-link{color:#fff !important;}
.premium-rework .refined-services-section .service-tile h3{font-size:2rem !important;}
.premium-rework .refined-services-section .service-tile p{color:rgba(255,255,255,.76) !important;max-width:440px;}
.premium-rework .refined-services-section .service-tile .tile-arrow{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.22) !important;color:#fff !important;backdrop-filter:blur(8px);}
.premium-rework .refined-services-section .service-tile .card-icon{transform:scale(1.08);transform-origin:left top;}

/* Doctors: large editorial cards on a soft branded field. */
.premium-rework #doctors{
  background:linear-gradient(180deg,#fffdf8 0%,#f3ecdf 100%) !important;
  padding-top:7rem !important;padding-bottom:7rem !important;
}
.premium-rework .team-grid{gap:1.5rem !important;}
.premium-rework .team-card{
  border:0 !important;border-radius:28px !important;min-height:370px;box-shadow:var(--signature-soft-shadow) !important;
  overflow:hidden;position:relative;
}
.premium-rework .team-card:first-child{background:linear-gradient(135deg,#eef5ff,#e8ecff) !important;}
.premium-rework .team-card:last-child{background:linear-gradient(135deg,#eaf9f2,#e0f4ea) !important;}
.premium-rework .team-card .portrait{width:46% !important;min-width:220px;background:transparent !important;}
.premium-rework .team-card:first-child .portrait{background:radial-gradient(circle at 52% 35%,#c5d6ff 0%,#98b4ff 53%,#3156d3 130%) !important;}
.premium-rework .team-card:last-child .portrait{background:radial-gradient(circle at 52% 35%,#bcebd7 0%,#7ed0ad 55%,#14885b 130%) !important;}
.premium-rework .team-card .info{padding:2.2rem !important;justify-content:center;}
.premium-rework .team-card .tag{border-radius:999px !important;background:var(--signature-indigo) !important;color:#fff !important;padding:6px 12px !important;}
.premium-rework .team-card .info h3{font-size:2rem !important;color:var(--signature-indigo) !important;}
.premium-rework .team-card .info p{font-size:.93rem !important;}
.premium-rework .team-card .info a.more{color:var(--signature-magenta) !important;font-weight:700 !important;}

.premium-rework .clinic-hours-block{
  margin-top:2rem !important;padding:2.6rem !important;border:0 !important;border-radius:28px !important;
  background:linear-gradient(120deg,var(--signature-indigo),#17375a 62%,#0f6d70) !important;
  box-shadow:var(--signature-shadow) !important;
}
.premium-rework .clinic-hours-block .eyebrow{color:var(--signature-saffron) !important;}
.premium-rework .clinic-hours-block .eyebrow::before{background:var(--signature-saffron) !important;}
.premium-rework .clinic-hours-heading h3{color:#fff !important;font-size:2.15rem !important;}
.premium-rework .clinic-hours-heading p,.premium-rework .clinic-hours-list dd{color:rgba(255,255,255,.66) !important;}
.premium-rework .clinic-hours-list dt{color:#fff !important;}
.premium-rework .clinic-hours-list>div{border-color:rgba(255,255,255,.13) !important;}

/* ================================================================
   SERVICE / CONTACT HEROES
   ================================================================ */
.premium-rework .service-hero,
.premium-rework .pharmacy-intro{
  position:relative;overflow:hidden;
  min-height:470px;
  padding:155px clamp(1.5rem,7vw,7rem) 5.8rem !important;
  background:
    radial-gradient(circle at 80% 35%,color-mix(in srgb,var(--page-accent-2) 38%,transparent),transparent 28%),
    linear-gradient(125deg,var(--signature-indigo) 0%,color-mix(in srgb,var(--page-accent) 52%,var(--signature-indigo)) 68%,var(--page-accent) 145%) !important;
  border:0 !important;
}
.premium-rework .service-hero::before,
.premium-rework .pharmacy-intro::before{
  content:"";position:absolute;right:-7rem;top:3.5rem;width:390px;height:390px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.022);
}
.premium-hero-mark{
  position:absolute;right:clamp(2rem,8vw,8rem);bottom:3.3rem;width:92px;height:92px;border-radius:26px;
  background:linear-gradient(135deg,var(--signature-saffron),#ffd44b 51%,var(--signature-magenta) 52%);
  transform:rotate(9deg);box-shadow:0 20px 50px rgba(5,9,30,.26);
}
.premium-hero-mark::after{content:"";position:absolute;inset:0;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 81C44 74 23 61 20 44C18 32 25 23 36 22C43 21 48 25 50 31C52 25 57 21 64 22C75 23 82 32 80 44C77 61 56 74 50 81Z' fill='none' stroke='%2311183f' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27 51H39L45 41L54 63L61 48H73' fill='none' stroke='%2311183f' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:70% 70%;transform:rotate(-9deg);}
.premium-rework .service-hero .eyebrow,
.premium-rework .pharmacy-intro .eyebrow{color:var(--signature-saffron) !important;}
.premium-rework .service-hero .eyebrow::before,
.premium-rework .pharmacy-intro .eyebrow::before{background:linear-gradient(90deg,var(--signature-saffron),#fff) !important;}
.premium-rework .service-hero .page-title,
.premium-rework .pharmacy-intro .page-title{color:#fff !important;max-width:930px;font-size:clamp(3.35rem,5.7vw,5.65rem) !important;line-height:1 !important;letter-spacing:-.045em;}
.premium-rework .service-hero .page-subtitle,
.premium-rework .pharmacy-intro .page-subtitle{color:rgba(255,255,255,.72) !important;max-width:680px !important;}
.premium-rework .service-hero .btn-primary{
  background:var(--signature-saffron) !important;color:var(--signature-indigo) !important;border-radius:999px !important;
  padding:13px 26px !important;font-weight:700 !important;box-shadow:0 14px 28px rgba(246,184,26,.18);
}

/* Main service bands */
body.premium-rework.service-page .section-alt,
body.premium-rework.contact-page .section-alt{
  background:var(--signature-porcelain) !important;padding-top:6.5rem !important;padding-bottom:6.5rem !important;
}
body.premium-rework.service-page .section:not(.section-alt){
  background:linear-gradient(180deg,#fffdf8,#f5ecdf) !important;
  padding-top:6.5rem !important;padding-bottom:6.5rem !important;
}

/* Inline service tiles become rich tactile surfaces. */
body.premium-rework.service-page .section-alt [style*="background:white"],
body.premium-rework.service-page .section-alt [style*="background: white"]{
  background:linear-gradient(145deg,#fffdf9,#f6eee2) !important;
  border:1px solid rgba(17,24,63,.08) !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(17,24,63,.055);
}
body.premium-rework.service-page .section-alt [style*="background:white"]:hover,
body.premium-rework.service-page .section-alt [style*="background: white"]:hover{
  box-shadow:0 18px 44px color-mix(in srgb,var(--page-accent) 16%,transparent) !important;
  transform:translateY(-3px);
}
body.premium-rework.service-page .section-alt [style*="color:var(--navy)"]{color:var(--signature-indigo) !important;}

/* Doctor features are not white picture boxes. */
.premium-rework .doc-feature{
  min-height:520px !important;border:0 !important;border-radius:30px !important;
  background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--page-accent-2) 35%,#fff) 0%,color-mix(in srgb,var(--page-accent) 18%,#f7efe3) 56%,#e9decc 120%) !important;
  box-shadow:var(--signature-shadow) !important;
}
.premium-rework .doctor-feature-copy{padding:1rem 0;}
.premium-rework .doctor-feature-copy .section-title{font-size:clamp(3rem,5vw,4.7rem) !important;}

/* CTA: slick emerald bridge into the navy footer */
.premium-rework .cta-banner{
  position:relative;overflow:hidden;
  background:linear-gradient(112deg,#0d7256 0%,#159267 54%,#0b6959 100%) !important;
  padding:3.05rem clamp(1.5rem,6vw,6.5rem) !important;
  min-height:0 !important;
  gap:1.5rem !important;
}
.premium-rework .cta-banner::after{
  content:"";position:absolute;right:8%;top:-72px;width:180px;height:180px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 0 20px rgba(255,255,255,.035),0 0 0 40px rgba(255,255,255,.018);
}
.premium-rework .cta-banner h2{
  font-size:clamp(2.05rem,3.25vw,3.05rem) !important;
  max-width:760px;letter-spacing:-.022em;line-height:1.08 !important;
}
.premium-rework .cta-banner h2 em{color:#fff !important;}
.premium-rework .btn-accent{
  background:var(--signature-saffron) !important;color:var(--signature-indigo) !important;
  border-radius:999px !important;font-weight:800 !important;padding:11px 24px !important;
  font-size:.82rem !important;position:relative;z-index:2;
  box-shadow:0 10px 24px rgba(8,34,30,.16);
}

/* ================================================================
   CONTACT — dark appointment atelier
   ================================================================ */
.premium-rework.contact-page .contact-layout{gap:3rem !important;align-items:start;}
.premium-rework.contact-page .contact-layout>div:first-child{
  background:linear-gradient(145deg,#fffdf8,#f4eadc);border-radius:28px;padding:2.5rem;
  box-shadow:var(--signature-soft-shadow);
}
.premium-rework.contact-page .contact-form-card{
  background:linear-gradient(145deg,var(--signature-indigo),#202b68) !important;
  border:1px solid rgba(255,255,255,.10) !important;border-radius:30px !important;padding:2.6rem !important;
  box-shadow:0 32px 80px rgba(17,24,63,.24) !important;
}
.premium-rework.contact-page .contact-form-card h3{color:#fff !important;font-size:2rem !important;}
.premium-rework.contact-page .contact-form-card .in-clinic-appointment-note,
.premium-rework.contact-page .contact-form-card .appointment-timezone-note,
.premium-rework.contact-page .contact-form-card .appointment-helper{color:rgba(255,255,255,.62) !important;}
.premium-rework.contact-page .appointment-label{color:rgba(255,255,255,.86) !important;}
.premium-rework.contact-page .appointment-field,
.premium-rework.contact-page .appointment-time-readout{
  background:#fffaf1 !important;border:1px solid rgba(255,255,255,.12) !important;
  color:var(--signature-indigo) !important;border-radius:12px !important;min-height:48px;
}
.premium-rework.contact-page .appointment-submit,
.premium-rework.contact-page #bookAppointmentButton{
  background:linear-gradient(135deg,var(--signature-saffron),#ffd04c) !important;color:var(--signature-indigo) !important;
  border:0 !important;border-radius:999px !important;font-weight:800 !important;box-shadow:0 15px 28px rgba(246,184,26,.16);
}
.premium-rework.contact-page .home-visit-callout{
  background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.14) !important;border-radius:18px !important;
}
.premium-rework.contact-page .home-visit-callout strong{color:#fff !important;}
.premium-rework.contact-page .home-visit-callout p{color:rgba(255,255,255,.64) !important;}
.premium-rework.contact-page .home-visit-call-button{background:var(--signature-magenta) !important;color:#fff !important;border-radius:999px !important;}

/* ================================================================
   PHARMACY
   ================================================================ */
.premium-rework.pharmacy-page{background:var(--signature-porcelain) !important;}
.premium-rework .pharmacy-content{padding-top:4.5rem !important;padding-bottom:6.5rem !important;}
.premium-rework .pharmacy-details-grid{gap:1.5rem !important;}
.premium-rework .pharmacy-card,
.premium-rework .pharmacy-map-card{
  border:0 !important;border-radius:28px !important;box-shadow:var(--signature-soft-shadow) !important;
}
.premium-rework .pharmacy-location-card{background:linear-gradient(145deg,#0f724d,#149566) !important;color:#fff;}
.premium-rework .pharmacy-location-card h2,
.premium-rework .pharmacy-location-card strong,
.premium-rework .pharmacy-location-card .pharmacy-card-label{color:#fff !important;}
.premium-rework .pharmacy-location-card p,
.premium-rework .pharmacy-location-card a:not(.pharmacy-directions){color:rgba(255,255,255,.72) !important;}
.premium-rework .pharmacy-location-card .pharmacy-contact-item{border-color:rgba(255,255,255,.15) !important;}
.premium-rework .pharmacy-location-card .pharmacy-contact-icon{background:rgba(255,255,255,.13) !important;color:#fff !important;}
.premium-rework .pharmacy-directions{background:var(--signature-saffron) !important;color:var(--signature-indigo) !important;border-radius:999px !important;font-weight:800 !important;}
.premium-rework .pharmacy-hours-card{background:linear-gradient(145deg,#fffdf8,#f5eadc) !important;}
.premium-rework .pharmacy-map-card{background:var(--signature-indigo) !important;}
.premium-rework .pharmacy-map-heading h2,.premium-rework .pharmacy-map-heading .pharmacy-card-label{color:#fff !important;}
.premium-rework .pharmacy-map-heading a{color:var(--signature-saffron) !important;}
.premium-rework .pharmacy-map-card iframe{border-color:rgba(255,255,255,.12) !important;filter:saturate(.85) contrast(1.03);}

/* Laboratory popups */
.premium-rework .lab-card{border-radius:18px !important;border-color:rgba(17,24,63,.08) !important;box-shadow:0 12px 28px rgba(17,24,63,.055);}
.premium-rework .lab-card .info-trigger{background:var(--signature-indigo) !important;border-color:var(--signature-indigo) !important;color:#fff !important;}
.premium-rework .lab-card .info-popup{border:0 !important;border-radius:18px !important;box-shadow:0 20px 55px rgba(17,24,63,.18) !important;}

/* Footer */
.premium-rework .site-footer,
.premium-rework footer{
  background:#090d25 !important;color:rgba(255,255,255,.52) !important;
  border-top:1px solid rgba(255,255,255,.08);
}
.premium-rework .footer-brand{color:#fff !important;font-size:1.3rem !important;}
.premium-rework footer a{color:rgba(255,255,255,.58) !important;}
.premium-rework footer a:hover{color:var(--signature-saffron) !important;}

/* ================================================================
   RESPONSIVE — preserve premium composition on small screens
   ================================================================ */
@media(max-width:1100px){
  .premium-rework .home-hero{grid-template-columns:1fr 1fr !important;min-height:650px;}
  .premium-rework .home-hero__copy{padding-left:3rem !important;padding-right:2rem !important;}
  .premium-rework .home-hero h1{font-size:clamp(3rem,6vw,4.6rem) !important;}
  .premium-rework .home-hero__media{padding-right:2rem !important;}
  .premium-photo-frame{right:2rem;}
  .premium-hero-mark{opacity:.72;}
}
@media(max-width:900px){
  .premium-rework .site-nav,.premium-rework nav{height:72px !important;}
  .premium-rework .nav-links{background:rgba(17,24,63,.985) !important;border-color:rgba(255,255,255,.1) !important;top:72px !important;}
  .premium-rework .nav-links li{border-color:rgba(255,255,255,.09) !important;}
  .premium-rework .home-hero{padding-top:72px !important;}
  .premium-rework .stats-grid{margin:-.7rem 1.4rem 0 !important;}
  .premium-rework .team-card .portrait{width:42% !important;}
  .premium-rework .service-hero,.premium-rework .pharmacy-intro{padding-top:135px !important;}
}
@media(max-width:640px){
  .premium-home-intro{padding-bottom:1.35rem;}
  .premium-rework .home-hero{display:block !important;min-height:auto;}
  .premium-rework .home-hero__copy{padding:7.2rem 1.4rem 3.1rem !important;}
  .premium-rework .home-hero h1{font-size:clamp(3.15rem,14vw,4.4rem) !important;}
  .premium-rework .home-hero__media{padding:0 1.4rem 2.3rem !important;}
  .premium-rework .home-hero__media img{height:430px !important;border-radius:26px !important;}
  .premium-photo-frame{right:1.4rem;bottom:2.4rem;width:76px;height:76px;border-radius:18px;}
  .premium-photo-frame::before{font-size:2.7rem;}
  .premium-rework .stats-grid{grid-template-columns:repeat(2,1fr) !important;margin:-.8rem 1.1rem 0 !important;border-radius:22px !important;}
  .premium-rework .stats-grid>div{padding:1.5rem .8rem !important;}
  .premium-rework .refined-services-section{padding-top:5rem !important;padding-bottom:5rem !important;}
  .premium-rework .refined-services-section .service-tile{min-height:270px !important;padding:1.7rem !important;}
  .premium-rework #doctors{padding-top:5rem !important;padding-bottom:5rem !important;}
  .premium-rework .team-card{display:flex !important;flex-direction:column !important;}
  .premium-rework .team-card .portrait{width:100% !important;height:290px !important;}
  .premium-rework .team-card .info{padding:1.7rem !important;}
  .premium-rework .clinic-hours-block{padding:1.7rem !important;border-radius:22px !important;}
  .premium-rework .service-hero,.premium-rework .pharmacy-intro{min-height:440px;padding:125px 1.4rem 4.4rem !important;}
  .premium-rework .service-hero .page-title,.premium-rework .pharmacy-intro .page-title{font-size:clamp(3rem,13vw,4.15rem) !important;max-width:92%;}
  .premium-hero-mark{width:66px;height:66px;border-radius:18px;right:1.4rem;bottom:1.6rem;opacity:.58;}
  .premium-hero-mark::after{font-size:2.5rem;}
  .premium-rework .section{padding-left:1.35rem !important;padding-right:1.35rem !important;}
  .premium-rework.contact-page .contact-layout>div:first-child{padding:1.5rem;}
  .premium-rework.contact-page .contact-form-card{padding:1.45rem !important;border-radius:22px !important;}
  .premium-rework .pharmacy-content{padding-left:1.25rem !important;padding-right:1.25rem !important;}
  .premium-rework .pharmacy-card,.premium-rework .pharmacy-map-card{border-radius:22px !important;}
  .premium-rework .cta-banner{padding:2.7rem 1.4rem !important;}
}


/* ================================================================
   VARIANT: HEART / ECG MEDICAL SYMBOL — ALL PAGES
   Replaces every premium decorative + badge, including homepage and
   all service/contact/pharmacy hero marks.
   ================================================================ */
.premium-photo-frame::before,
.premium-hero-mark::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 81C44 74 23 61 20 44C18 32 25 23 36 22C43 21 48 25 50 31C52 25 57 21 64 22C75 23 82 32 80 44C77 61 56 74 50 81Z' fill='none' stroke='%2311183f' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27 51H39L45 41L54 63L61 48H73' fill='none' stroke='%2311183f' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
  font-size: 0 !important;
  color: transparent !important;
}
.premium-photo-frame::before { transform: none !important; }
.premium-hero-mark::after { transform: rotate(-9deg) !important; }


/* Variant: Sapphire -> Teal CTA transition for a cleaner handoff into the dark navy footer. */


/* Slick CTA mobile refinement */
@media (max-width:640px){
  .premium-rework .cta-banner{padding:2.55rem 1.4rem !important;gap:1.35rem !important;}
  .premium-rework .cta-banner h2{font-size:clamp(1.9rem,9vw,2.45rem) !important;max-width:92%;}
  .premium-rework .cta-banner::after{width:125px;height:125px;right:-14px;top:-48px;box-shadow:0 0 0 14px rgba(255,255,255,.03),0 0 0 28px rgba(255,255,255,.015);}
  .premium-rework .btn-accent{padding:10px 20px !important;font-size:.78rem !important;}
}


/* ================================================================
   VARIANT: SECTION-MATCHED CTA COLORS + HOME-CARE CTA COPY TWEAK
   Each CTA band now matches its page/service color family.
   ================================================================ */
body.home-page{--cta-start:#1a2458;--cta-end:#3156d3;}
body.child-care-page{--cta-start:#2445b8;--cta-end:#3592e7;}
body.adult-care-page{--cta-start:#08724d;--cta-end:#1fbc84;}
body.home-care-page{--cta-start:#5e40c5;--cta-end:#a245bb;}
body.laboratory-page{--cta-start:#b44c14;--cta-end:#f19a17;}
body.contact-page{--cta-start:#b73778;--cta-end:#eea323;}
body.pharmacy-page{--cta-start:#0f7c56;--cta-end:#2f57bf;}

.premium-rework .cta-banner{
  background:linear-gradient(112deg,var(--cta-start) 0%, var(--cta-end) 100%) !important;
  padding:2.45rem clamp(1.5rem,6vw,6.5rem) !important;
  gap:1.3rem !important;
}
.premium-rework .cta-banner::after{
  right:7.25% !important;
  top:-54px !important;
  width:148px !important;
  height:148px !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 0 0 16px rgba(255,255,255,.028),0 0 0 32px rgba(255,255,255,.014) !important;
}
.premium-rework .cta-banner h2{
  font-size:clamp(1.95rem,3vw,2.65rem) !important;
  line-height:1.12 !important;
  max-width:680px !important;
}
.premium-rework .btn-accent{
  padding:10px 22px !important;
  font-size:.8rem !important;
  box-shadow:0 10px 22px rgba(10,18,44,.14) !important;
}
@media (max-width:640px){
  .premium-rework .cta-banner{padding:2.2rem 1.4rem !important;}
  .premium-rework .cta-banner h2{font-size:clamp(1.8rem,8.5vw,2.2rem) !important;max-width:95% !important;}
  .premium-rework .cta-banner::after{width:108px !important;height:108px !important;top:-38px !important;right:-10px !important;}
}


/* ================================================================
   VARIANT: SOFT / NEUTRAL OPENING HOURS PANEL
   Reduce color overload before the final CTA/footer transition.
   ================================================================ */
.premium-rework .clinic-hours-block{
  background:linear-gradient(180deg,#fcfbf8 0%, #f2efe8 100%) !important;
  border:1px solid rgba(17,24,63,.09) !important;
  box-shadow:0 20px 54px rgba(17,24,63,.08) !important;
}
.premium-rework .clinic-hours-block .eyebrow{
  color:#b38a19 !important;
}
.premium-rework .clinic-hours-block .eyebrow::before{
  background:#d2a62c !important;
}
.premium-rework .clinic-hours-heading h3,
.premium-rework .clinic-hours-list dt{
  color:var(--signature-indigo) !important;
}
.premium-rework .clinic-hours-heading p,
.premium-rework .clinic-hours-list dd{
  color:#697086 !important;
}
.premium-rework .clinic-hours-list>div{
  border-color:rgba(17,24,63,.08) !important;
}


/* ================================================================
   LABORATORY HERO: PURPLE + SAFFRON / GOLDEN RIGHT-SIDE GLOW
   Keeps the laboratory identity purple while tying the right side
   into the laboratory's yellow/orange service color family.
   ================================================================ */
body.laboratory-page{
  --page-accent:#7041c7;
  --page-accent-2:#f6b81a;
}

body.premium-rework.laboratory-page .service-hero{
  background:
    radial-gradient(
      circle at 88% 40%,
      rgba(255,210,64,.78) 0%,
      rgba(246,184,26,.48) 15%,
      rgba(229,139,26,.24) 29%,
      rgba(112,65,199,.08) 46%,
      transparent 60%
    ),
    linear-gradient(
      122deg,
      #171c4d 0%,
      #2d286c 42%,
      #53358f 68%,
      #7041c7 88%,
      #8a55bd 100%
    ) !important;
}


/* ================================================================
   ADULT CARE HERO: DARK PREMIUM BASE + BRIGHT EMERALD RIGHT GLOW
   Mirrors the laboratory hero treatment while staying in Adult Care's
   green service color family.
   ================================================================ */
body.adult-care-page{
  --page-accent:#0d7d54;
  --page-accent-2:#28d391;
}

body.premium-rework.adult-care-page .service-hero{
  background:
    radial-gradient(
      circle at 88% 40%,
      rgba(87,255,181,.74) 0%,
      rgba(40,211,145,.46) 16%,
      rgba(24,170,111,.24) 31%,
      rgba(13,125,84,.08) 48%,
      transparent 62%
    ),
    linear-gradient(
      122deg,
      #11183f 0%,
      #163757 43%,
      #0d6751 70%,
      #0f8e61 89%,
      #20aa76 100%
    ) !important;
}


/* ================================================================
   VARIANT: SLICKER HOME STATS STRIP
   Opening Hours action moved to the side to avoid extra vertical bulk.
   ================================================================ */
.premium-rework .stats-grid .stats-card{
  min-height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.28rem;
}
.premium-rework .stats-grid .stats-card .stats-card-label{
  margin-top:.35rem !important;
}
.premium-rework .stats-grid .stats-card--hours{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  text-align:left !important;
}
.premium-rework .stats-grid .stats-card--hours .stats-card-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.premium-rework .stats-hours-link{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  white-space:nowrap;
  text-decoration:none;
  color:#fff;
  font-size:.79rem;
  font-weight:700;
  letter-spacing:.02em;
  padding:.45rem .5rem .45rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(4,8,28,.1);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.premium-rework .stats-hours-link:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}
.premium-rework .stats-hours-arrow{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  line-height:1;
  font-size:.9rem;
}
@media (max-width: 900px){
  .premium-rework .stats-grid .stats-card--hours{
    grid-template-columns:1fr;
    justify-items:center;
    gap:.7rem;
    text-align:center !important;
  }
}
@media (max-width: 640px){
  .premium-rework .stats-grid .stats-card{min-height:126px;}
  .premium-rework .stats-hours-link{padding:.42rem .5rem .42rem .82rem;font-size:.75rem;}
}


/* ================================================================
   PREMIUM MOTION SYSTEM
   Fast, subtle motion designed to add polish without making the
   medical site feel gimmicky or delaying navigation.
   ================================================================ */

/* Branded page loader */
.afamia-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 62% 38%,rgba(49,86,211,.22),transparent 31%),
    linear-gradient(135deg,#0d1335 0%,#151c49 58%,#11183f 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1), visibility .42s;
}
.afamia-loader.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.afamia-loader__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.8rem;
  transform:translateY(-4px);
  animation:afamiaLoaderEnter .42s cubic-bezier(.22,.61,.36,1) both;
}
.afamia-loader__brand{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1;
  color:#fff;
  letter-spacing:-.025em;
}
.afamia-loader__brand strong{
  color:var(--signature-saffron);
  font-weight:600;
}
.afamia-loader__sub{
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.52);
}
.afamia-loader__pulse{
  width:126px;
  height:34px;
  overflow:visible;
}
.afamia-loader__pulse path{
  fill:none;
  stroke:var(--signature-saffron);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:180;
  stroke-dashoffset:180;
  animation:afamiaPulseDraw .85s ease-in-out infinite;
}
@keyframes afamiaPulseDraw{
  0%{stroke-dashoffset:180;opacity:.35;}
  48%{opacity:1;}
  100%{stroke-dashoffset:-180;opacity:.35;}
}
@keyframes afamiaLoaderEnter{
  from{opacity:0;transform:translateY(8px) scale(.98);}
  to{opacity:1;transform:translateY(-4px) scale(1);}
}

/* Initial nav / hero entrance */
body.fx-motion-enabled .site-nav{
  animation:fxNavIn .55s cubic-bezier(.22,.61,.36,1) .08s both;
}
body.fx-motion-enabled .home-hero__copy,
body.fx-motion-enabled .service-hero > *,
body.fx-motion-enabled .pharmacy-intro > *{
  animation:fxHeroCopyIn .68s cubic-bezier(.22,.61,.36,1) both;
}
body.fx-motion-enabled .home-hero__media{
  animation:fxHeroMediaIn .8s cubic-bezier(.22,.61,.36,1) .08s both;
}
@keyframes fxNavIn{
  from{opacity:0;transform:translateY(-10px);}
  to{opacity:1;transform:none;}
}
@keyframes fxHeroCopyIn{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:none;}
}
@keyframes fxHeroMediaIn{
  from{opacity:0;transform:translateX(20px) scale(.985);}
  to{opacity:1;transform:none;}
}

/* Scroll reveal. Content is only hidden after JS enables motion. */
body.fx-motion-enabled .fx-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1),
    transform .62s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
body.fx-motion-enabled .fx-reveal.fx-in{
  opacity:1;
  transform:none;
}
body.fx-motion-enabled .fx-delay-1{transition-delay:.06s;}
body.fx-motion-enabled .fx-delay-2{transition-delay:.12s;}
body.fx-motion-enabled .fx-delay-3{transition-delay:.18s;}
body.fx-motion-enabled .fx-delay-4{transition-delay:.24s;}

/* Heart badge: gentle motion rather than static decoration */
body.fx-motion-enabled .premium-photo-frame,
body.fx-motion-enabled .premium-hero-mark{
  animation:fxHeartFloat 5.2s ease-in-out infinite;
  transform-origin:center;
}
@keyframes fxHeartFloat{
  0%,100%{translate:0 0;rotate:0deg;}
  50%{translate:0 -7px;rotate:1.2deg;}
}

/* Buttons: restrained shine and lift */
.premium-rework .btn-primary,
.premium-rework .btn-accent,
.premium-rework .nav-cta,
.premium-rework .appointment-submit,
.premium-rework .home-visit-call-button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}
.premium-rework .btn-primary::after,
.premium-rework .btn-accent::after,
.premium-rework .nav-cta::after,
.premium-rework .appointment-submit::after,
.premium-rework .home-visit-call-button::after{
  content:"";
  position:absolute;
  top:-45%;
  left:-36%;
  width:28%;
  height:190%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:0;
  pointer-events:none;
  z-index:1;
}
.premium-rework .btn-primary:hover,
.premium-rework .btn-accent:hover,
.premium-rework .nav-cta:hover,
.premium-rework .appointment-submit:hover,
.premium-rework .home-visit-call-button:hover{
  transform:translateY(-2px);
}
.premium-rework .btn-primary:hover::after,
.premium-rework .btn-accent:hover::after,
.premium-rework .nav-cta:hover::after,
.premium-rework .appointment-submit:hover::after,
.premium-rework .home-visit-call-button:hover::after{
  opacity:1;
  animation:fxButtonShine .62s ease both;
}
@keyframes fxButtonShine{
  from{left:-36%;}
  to{left:112%;}
}

/* Stats become slightly more tactile */
.premium-rework .stats-grid .stats-card{
  transition:background .22s ease,transform .22s ease;
}
.premium-rework .stats-grid .stats-card:hover{
  background:rgba(255,255,255,.035);
  transform:translateY(-2px);
}
.premium-rework .stats-card-value{
  transition:transform .24s ease,color .24s ease;
}
.premium-rework .stats-card:hover .stats-card-value{
  transform:scale(1.035);
}

/* Images receive a tiny premium hover response */
.premium-rework .team-card .portrait img,
.premium-rework .doc-feature img{
  transition:transform .45s cubic-bezier(.22,.61,.36,1),filter .45s ease !important;
}
.premium-rework .team-card:hover .portrait img,
.premium-rework .doc-feature:hover img{
  transform:scale(1.025);
}

/* Keep interactions comfortable on touch screens */
@media (hover:none){
  .premium-rework .btn-primary:hover,
  .premium-rework .btn-accent:hover,
  .premium-rework .nav-cta:hover,
  .premium-rework .appointment-submit:hover,
  .premium-rework .home-visit-call-button:hover,
  .premium-rework .stats-grid .stats-card:hover{
    transform:none;
  }
}

/* Accessibility: remove motion when requested by the OS */
@media (prefers-reduced-motion:reduce){
  .afamia-loader{display:none !important;}
  body.fx-motion-enabled *,
  body.fx-motion-enabled *::before,
  body.fx-motion-enabled *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
    transition-delay:0s !important;
  }
  body.fx-motion-enabled .fx-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}


/* ================================================================
   REFINED SERVICE ICON SYSTEM
   Replace playful multi-color icons with a consistent bespoke,
   minimal medical illustration set.
   ================================================================ */
.premium-rework .refined-services-section .service-tile .card-icon{
  width:68px !important;
  height:68px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 14px 28px rgba(10,14,40,.10) !important;
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.premium-rework .refined-services-section .service-tile .card-icon svg{
  width:36px !important;
  height:36px !important;
  display:block !important;
  overflow:visible;
}
.premium-rework .refined-services-section .service-tile .card-icon svg *{
  vector-effect:non-scaling-stroke;
}
.premium-rework .refined-services-section .service-tile:hover .card-icon{
  transform:translateY(-2px) scale(1.03) !important;
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.26) !important;
}
@media (max-width:640px){
  .premium-rework .refined-services-section .service-tile .card-icon{
    width:62px !important;
    height:62px !important;
    border-radius:18px !important;
  }
  .premium-rework .refined-services-section .service-tile .card-icon svg{
    width:33px !important;
    height:33px !important;
  }
}


/* ================================================================
   AFAMIA BRAND IDENTITY SYSTEM
   Bespoke heart + ECG + subtle A monogram.
   ================================================================ */

.premium-rework .brand-lockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:.65rem !important;
  white-space:nowrap;
}

.premium-rework .brand-mark{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
}

.premium-rework .brand-mark img{
  width:100%;
  height:100%;
  display:block;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.14));
}

.premium-rework .brand-name{
  display:inline-flex;
  align-items:baseline;
  gap:.26em;
  font-family:'Cormorant Garamond',serif;
  font-size:1.24rem;
  font-weight:600;
  color:#fff;
  letter-spacing:.005em;
}

.premium-rework .brand-name > span:first-child{
  color:var(--signature-saffron) !important;
}

[dir='rtl'] .premium-rework .brand-lockup{
  flex-direction:row-reverse;
}
[dir='rtl'] .premium-rework .brand-name{
  font-family:'Tajawal',sans-serif;
  font-size:1rem;
}

/* Footer lockup */
.premium-rework .brand-footer-lockup{
  display:flex !important;
  align-items:center;
  gap:.68rem;
  margin-bottom:.55rem !important;
}
.premium-rework .footer-brand-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:block;
}
.premium-rework .brand-footer-lockup > span{
  font-family:'Cormorant Garamond',serif;
  font-size:1.34rem;
  font-weight:600;
  color:#fff;
}
[dir='rtl'] .premium-rework .brand-footer-lockup{
  flex-direction:row-reverse;
}
[dir='rtl'] .premium-rework .brand-footer-lockup > span{
  font-family:'Tajawal',sans-serif;
  font-size:1rem;
}

/* Reuse the actual identity mark in the hero badges. */
.premium-photo-frame::before,
.premium-hero-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background-image:url("afamia-mark-dark.svg") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:68% 68% !important;
  font-size:0 !important;
  color:transparent !important;
}
.premium-photo-frame::before{transform:none !important;}
.premium-hero-mark::after{transform:rotate(-7deg) !important;}

/* Gentle logo feedback */
.premium-rework .brand-mark,
.premium-rework .footer-brand-mark{
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.premium-rework .brand-lockup:hover .brand-mark{
  transform:translateY(-1px) scale(1.035);
}

@media (max-width:900px){
  .premium-rework .brand-mark{width:31px;height:31px;flex-basis:31px;}
  .premium-rework .brand-name{font-size:1.08rem;}
}
@media (max-width:640px){
  .premium-rework .brand-lockup{gap:.48rem !important;}
  .premium-rework .brand-mark{width:29px;height:29px;flex-basis:29px;}
  .premium-rework .brand-name{font-size:1rem;}
}


.afamia-loader__brand-lockup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
}
.afamia-loader__mark{
  width:52px;
  height:52px;
  display:block;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.18));
}
@media (max-width:640px){
  .afamia-loader__brand-lockup{gap:.58rem;}
  .afamia-loader__mark{width:43px;height:43px;}
}


/* ================================================================
   VARIANT: USER FAVICON AS PRIMARY BRAND MARK
   Use the original uploaded favicon across nav, footer, loader,
   favicon links, and hero badges.
   ================================================================ */
.premium-rework .brand-mark,
.premium-rework .footer-brand-mark,
.afamia-loader__mark{
  border-radius:50%;
  overflow:hidden;
}
.premium-rework .brand-mark img,
.premium-rework .footer-brand-mark,
.afamia-loader__mark{
  border-radius:50%;
  background:#fff;
}
.premium-rework .brand-mark img{
  object-fit:cover;
}
.premium-rework .footer-brand-mark{
  padding:0;
}

/* Use the original favicon in the decorative hero badges too. */
.premium-photo-frame::before,
.premium-hero-mark::after{
  background-image:url("brand-favicon.png") !important;
  background-size:78% 78% !important;
  transform:none !important;
}

/* ================================================================
   VARIANT: REWORKED HOME STATS STRIP
   Remove the teal feeling and move toward a calmer premium
   navy-indigo-plum treatment.
   ================================================================ */
.premium-rework .stats-grid{
  position:relative;
  background:
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.05), transparent 18%),
    linear-gradient(115deg,#1a2458 0%, #21305f 46%, #322562 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 24px 62px rgba(4,8,28,.24) !important;
}

.premium-rework .stats-grid > div{
  border-color:rgba(255,255,255,.10) !important;
}

.premium-rework .stats-hours-link{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.premium-rework .stats-hours-link:hover{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.20) !important;
}
.premium-rework .stats-hours-arrow{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.16) !important;
}

/* Make the strip read a touch more elegant */
.premium-rework .stats-grid .stats-card{
  min-height:136px;
}
.premium-rework .stats-grid .stats-card-value{
  letter-spacing:-.02em;
}


/* ================================================================
   VARIANT: RECOLORED ORIGINAL FAVICON TO MATCH SITE PALETTE
   ================================================================ */
.premium-rework .brand-mark,
.premium-rework .footer-brand-mark,
.afamia-loader__mark{
  background:transparent !important;
  box-shadow:none !important;
}
.premium-rework .brand-mark img,
.premium-rework .footer-brand-mark,
.afamia-loader__mark{
  background:transparent !important;
}
.premium-rework .brand-mark img,
.premium-rework .footer-brand-mark,
.afamia-loader__mark{
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.12));
}
.premium-rework .brand-mark{width:36px;height:36px;flex-basis:36px;}
.premium-rework .footer-brand-mark{width:38px;height:38px;flex-basis:38px;}
.premium-photo-frame::before,
.premium-hero-mark::after{background-size:82% 82% !important;}


/* ================================================================
   SLICK PAGE-MATCHED ECG HEART BADGES
   The actual Afamia favicon remains in the site branding.
   Floating photo/hero badges use a generic premium medical symbol.
   ================================================================ */

/* Default / homepage brand treatment */
.premium-rework{
  --medical-badge-start:#43235f;
  --medical-badge-end:#d12b76;
  --medical-badge-glow:rgba(209,43,118,.24);
}

/* Match each page's established service identity */
.premium-rework.child-care-page{
  --medical-badge-start:#2445b8;
  --medical-badge-end:#3592e7;
  --medical-badge-glow:rgba(53,146,231,.28);
}
.premium-rework.adult-care-page{
  --medical-badge-start:#08724d;
  --medical-badge-end:#29c98b;
  --medical-badge-glow:rgba(41,201,139,.26);
}
.premium-rework.home-care-page{
  --medical-badge-start:#5e40c5;
  --medical-badge-end:#a85ad0;
  --medical-badge-glow:rgba(168,90,208,.27);
}
.premium-rework.laboratory-page{
  --medical-badge-start:#c75a14;
  --medical-badge-end:#f6b81a;
  --medical-badge-glow:rgba(246,184,26,.28);
}
.premium-rework.contact-page{
  --medical-badge-start:#99245e;
  --medical-badge-end:#d12b76;
  --medical-badge-glow:rgba(209,43,118,.25);
}
.premium-rework.pharmacy-page{
  --medical-badge-start:#0c725d;
  --medical-badge-end:#1eb591;
  --medical-badge-glow:rgba(30,181,145,.25);
}

/* Remove the old two-tone/cartoon treatment */
.premium-photo-frame,
.premium-hero-mark{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(135deg,var(--medical-badge-start),var(--medical-badge-end)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 18px 38px rgba(4,8,28,.24),
    0 8px 24px var(--medical-badge-glow) !important;
  overflow:hidden;
}

/* Generic heart + ECG line, deliberately not an Afamia logo */
.premium-photo-frame::before,
.premium-hero-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 79C43 72 24 61 20 46C17 34 24 24 35 23C42 22 47 26 50 32C53 26 58 22 65 23C76 24 83 34 80 46C76 61 57 72 50 79Z' fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 52H37L43 42L51 61L58 47L63 52H75' fill='none' stroke='%23ffffff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:62% 62% !important;
  transform:none !important;
  filter:drop-shadow(0 4px 9px rgba(4,8,28,.12));
}

/* Slightly cleaner proportions */
.premium-photo-frame{
  border-radius:25px !important;
}
.premium-hero-mark{
  border-radius:22px !important;
}

/* Make the floating mark feel more refined on hover-capable devices */
@media (hover:hover){
  .premium-photo-frame,
  .premium-hero-mark{
    transition:
      transform .28s cubic-bezier(.22,.61,.36,1),
      box-shadow .28s ease,
      filter .28s ease !important;
  }
  .premium-photo-frame:hover,
  .premium-hero-mark:hover{
    filter:saturate(1.05) brightness(1.035);
    box-shadow:
      0 22px 44px rgba(4,8,28,.27),
      0 10px 30px var(--medical-badge-glow) !important;
  }
}

@media (max-width:640px){
  .premium-photo-frame::before,
  .premium-hero-mark::after{
    background-size:60% 60% !important;
  }
}


/* ================================================================
   HOMEPAGE ECG BADGE: SAFFRON / GOLD
   Matches the homepage yellow typography and accent color.
   Service-page badges keep their own page-specific colors.
   ================================================================ */
.premium-rework.home-page{
  --medical-badge-start:#f2a900;
  --medical-badge-end:#ffd34d;
  --medical-badge-glow:rgba(246,184,26,.32);
}

.premium-rework.home-page .premium-photo-frame::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 79C43 72 24 61 20 46C17 34 24 24 35 23C42 22 47 26 50 32C53 26 58 22 65 23C76 24 83 34 80 46C76 61 57 72 50 79Z' fill='none' stroke='%2311183f' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 52H37L43 42L51 61L58 47L63 52H75' fill='none' stroke='%2311183f' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}


/* ================================================================
   HOMEPAGE ONLY: SLIMMER / MODERN GOLD ECG BADGE
   Service-page ECG badges are intentionally unchanged.
   ================================================================ */
.premium-rework.home-page .premium-photo-frame{
  width:76px !important;
  height:76px !important;
  right:clamp(1.6rem,4vw,3.5rem) !important;
  bottom:3.15rem !important;
  border-radius:17px !important;
  transform:translate(16%,16%) !important;
  background:
    linear-gradient(145deg,#f6b81a 0%,#ffd04b 100%) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 12px 28px rgba(8,15,48,.20),
    0 3px 10px rgba(246,184,26,.16) !important;
}

.premium-rework.home-page .premium-photo-frame::before{
  background-size:58% 58% !important;
  filter:none !important;
}

/* Tiny highlight rather than a large glossy block */
.premium-rework.home-page .premium-photo-frame::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:8px;
  height:1px;
  border-radius:999px;
  background:rgba(255,255,255,.40);
  pointer-events:none;
}

@media (hover:hover){
  .premium-rework.home-page .premium-photo-frame:hover{
    transform:translate(16%,12%) scale(1.025) !important;
    filter:none !important;
    box-shadow:
      0 14px 30px rgba(8,15,48,.22),
      0 4px 12px rgba(246,184,26,.18) !important;
  }
}

@media (max-width:640px){
  .premium-rework.home-page .premium-photo-frame{
    width:60px !important;
    height:60px !important;
    right:1.25rem !important;
    bottom:2rem !important;
    border-radius:14px !important;
    transform:translate(8%,8%) !important;
  }
  .premium-rework.home-page .premium-photo-frame::before{
    background-size:56% 56% !important;
  }
}


/* ================================================================
   HOMEPAGE CLEANUP + NEW HOMEPAGE ECG BADGE
   - remove the concentric ring decoration in the homepage services area
   - replace the homepage badge with a slimmer, more modern, more active ECG heart
   - keep all non-homepage badges unchanged
   ================================================================ */

/* Remove the homepage concentric-circle decoration */
.premium-rework.home-page .refined-services-section::before{
  display:none !important;
  content:none !important;
}

/* Homepage only: new sleeker badge */
.premium-rework.home-page .premium-photo-frame{
  width:92px !important;
  height:58px !important;
  right:clamp(1.3rem,3vw,3rem) !important;
  bottom:3rem !important;
  border-radius:24px !important;
  transform:translate(12%,10%) rotate(-3deg) !important;
  background:linear-gradient(135deg,#f4b515 0%,#ffd44a 60%,#f0ab12 100%) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  box-shadow:0 16px 34px rgba(8,15,48,.20), 0 6px 16px rgba(246,184,26,.16) !important;
  overflow:visible !important;
}

.premium-rework.home-page .premium-photo-frame::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 72'%3E%3Cpath d='M60 55C53 49 36 37 36 24c0-8 6-14 14-14 5 0 9 2 13 8 4-6 8-8 13-8 8 0 14 6 14 14 0 13-17 25-30 31Z' fill='none' stroke='%2311183f' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 35h18l7-9 8 17 8-12h14' fill='none' stroke='%2311183f' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:54% 54% !important;
  filter:none !important;
  animation:homeBadgePulseIcon 3.3s ease-in-out infinite !important;
}

/* Replace the old white line with a soft aura */
.premium-rework.home-page .premium-photo-frame::after{
  content:"" !important;
  position:absolute !important;
  width:92px !important;
  height:92px !important;
  right:-14px !important;
  bottom:-18px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(246,184,26,.22) 0%, rgba(246,184,26,.08) 38%, rgba(246,184,26,0) 72%) !important;
  pointer-events:none !important;
  z-index:-1 !important;
  animation:homeBadgeAura 3.3s ease-in-out infinite !important;
}

/* Override the generic floating motion with something more controlled */
body.fx-motion-enabled.premium-rework.home-page .premium-photo-frame{
  animation:homeBadgeDrift 4.8s ease-in-out infinite !important;
  transform-origin:center !important;
}

@keyframes homeBadgeDrift{
  0%,100%{transform:translate(12%,10%) rotate(-3deg);}
  50%{transform:translate(12%,5%) rotate(-1.2deg);}
}
@keyframes homeBadgePulseIcon{
  0%,100%{transform:scale(1);opacity:1;}
  10%{transform:scale(1.035);}
  18%{transform:scale(.99);}
  26%{transform:scale(1.03);}
  34%{transform:scale(1);}
}
@keyframes homeBadgeAura{
  0%,100%{transform:scale(.94);opacity:.55;}
  22%{transform:scale(1.02);opacity:.8;}
  40%{transform:scale(.98);opacity:.45;}
}

@media (hover:hover){
  .premium-rework.home-page .premium-photo-frame:hover{
    transform:translate(12%,6%) rotate(-2deg) scale(1.02) !important;
    box-shadow:0 18px 36px rgba(8,15,48,.22), 0 8px 18px rgba(246,184,26,.19) !important;
    filter:none !important;
  }
}

@media (max-width:640px){
  .premium-rework.home-page .premium-photo-frame{
    width:76px !important;
    height:50px !important;
    right:1rem !important;
    bottom:1.8rem !important;
    border-radius:20px !important;
    transform:translate(4%,6%) rotate(-3deg) !important;
  }
  .premium-rework.home-page .premium-photo-frame::before{
    background-size:52% 52% !important;
  }
  .premium-rework.home-page .premium-photo-frame::after{
    width:76px !important;
    height:76px !important;
    right:-10px !important;
    bottom:-14px !important;
  }
  body.fx-motion-enabled.premium-rework.home-page .premium-photo-frame{
    animation:homeBadgeDriftMobile 4.8s ease-in-out infinite !important;
  }
  @keyframes homeBadgeDriftMobile{
    0%,100%{transform:translate(4%,6%) rotate(-3deg);}
    50%{transform:translate(4%,2%) rotate(-1deg);}
  }
}


/* ================================================================
   HOMEPAGE ONLY: FLOATING ECG MARK, NO BADGE / NO BOX
   A lightweight medical signature beside the hero image.
   All service-page badges remain unchanged.
   ================================================================ */

.premium-rework.home-page .premium-photo-frame{
  width:108px !important;
  height:74px !important;
  right:clamp(1.1rem,2.5vw,2.4rem) !important;
  bottom:2.55rem !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;

  transform:translate(10%,8%) rotate(-4deg) !important;
}

/* New elongated heart + ECG signature */
.premium-rework.home-page .premium-photo-frame::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 100'%3E%3Cpath d='M80 79C70 70 45 54 45 35c0-12 9-21 20-21 8 0 13 4 17 11 4-7 9-11 17-11 11 0 20 9 20 21 0 19-25 35-39 44Z' fill='none' stroke='%23F6B81A' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 50H42L52 42L62 58L72 50L80 32L88 50L98 58L108 42L118 50H150' fill='none' stroke='%23FFFFFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;

  filter:
    drop-shadow(0 5px 12px rgba(5,10,35,.30))
    drop-shadow(0 0 9px rgba(246,184,26,.14)) !important;

  transform:none !important;
  animation:homeECGBeat 3.2s cubic-bezier(.22,.61,.36,1) infinite !important;
}

/* No pill highlight, no circle, no panel */
.premium-rework.home-page .premium-photo-frame::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:14px !important;
  bottom:5px !important;
  height:18px !important;
  width:auto !important;

  background:radial-gradient(
    ellipse at center,
    rgba(246,184,26,.18) 0%,
    rgba(246,184,26,.07) 42%,
    rgba(246,184,26,0) 76%
  ) !important;

  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  opacity:.65;
  z-index:-1 !important;

  animation:homeECGGlow 3.2s ease-in-out infinite !important;
}

/* Purposeful, restrained motion */
body.fx-motion-enabled.premium-rework.home-page .premium-photo-frame{
  animation:homeECGFloat 5.4s ease-in-out infinite !important;
  transform-origin:center !important;
}

@keyframes homeECGBeat{
  0%, 11%, 22%, 100% { transform:scale(1); }
  14% { transform:scale(1.045); }
  17% { transform:scale(.99); }
  20% { transform:scale(1.028); }
}

@keyframes homeECGGlow{
  0%, 11%, 22%, 100% { opacity:.42; transform:scaleX(.9); }
  14% { opacity:.76; transform:scaleX(1.08); }
  20% { opacity:.58; transform:scaleX(1); }
}

@keyframes homeECGFloat{
  0%,100% { transform:translate(10%,8%) rotate(-4deg); }
  50% { transform:translate(10%,1%) rotate(-2deg); }
}

@media (hover:hover){
  .premium-rework.home-page .premium-photo-frame:hover{
    filter:none !important;
    box-shadow:none !important;
  }
  .premium-rework.home-page .premium-photo-frame:hover::before{
    filter:
      drop-shadow(0 6px 14px rgba(5,10,35,.32))
      drop-shadow(0 0 12px rgba(246,184,26,.23)) !important;
  }
}

@media (max-width:640px){
  .premium-rework.home-page .premium-photo-frame{
    width:88px !important;
    height:60px !important;
    right:.8rem !important;
    bottom:1.65rem !important;
    transform:translate(4%,4%) rotate(-4deg) !important;
  }

  body.fx-motion-enabled.premium-rework.home-page .premium-photo-frame{
    animation:homeECGFloatMobile 5.4s ease-in-out infinite !important;
  }

  @keyframes homeECGFloatMobile{
    0%,100% { transform:translate(4%,4%) rotate(-4deg); }
    50% { transform:translate(4%,-1%) rotate(-2deg); }
  }
}

/* ================================================================
   RTL HERO MEDICAL MARK POSITION
   Keep the decorative ECG/heart opposite the hero text:
   right in English, left in Arabic.
   ================================================================ */
.premium-rework .premium-hero-mark{
  right:auto !important;
  left:auto !important;
  inset-inline-end:clamp(2rem,8vw,8rem) !important;
}

.premium-rework.home-page .premium-photo-frame{
  right:auto !important;
  left:auto !important;
  inset-inline-end:clamp(1.1rem,2.5vw,2.4rem) !important;
}

/* Mirror the homepage mark's small horizontal offset in RTL. */
[dir="rtl"] .premium-rework.home-page .premium-photo-frame{
  transform:translate(-10%,8%) rotate(4deg) !important;
}

@media (max-width:640px){
  .premium-rework .premium-hero-mark{
    right:auto !important;
    left:auto !important;
    inset-inline-end:1.4rem !important;
  }

  .premium-rework.home-page .premium-photo-frame{
    right:auto !important;
    left:auto !important;
    inset-inline-end:.8rem !important;
  }

  [dir="rtl"] .premium-rework.home-page .premium-photo-frame{
    transform:translate(-4%,4%) rotate(4deg) !important;
  }
}


/* ================================================================
   Home-care arrangement note refinement
   White premium card with warm accent, no light-blue treatment.
   ================================================================ */
.premium-rework.home-care-page .home-visit-arrangement-note{
  position:relative;
  overflow:hidden;
  max-width:620px;
  margin-top:1.5rem;
  padding:1.15rem 1.35rem 1.2rem 1.5rem;
  border:1px solid rgba(255,255,255,.82) !important;
  border-left:1px solid rgba(255,255,255,.82) !important;
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 16px 42px rgba(8,17,60,.18), 0 2px 8px rgba(8,17,60,.06);
}

.premium-rework.home-care-page .home-visit-arrangement-note::before{
  content:"";
  position:absolute;
  inset-block:12px;
  inset-inline-start:0;
  width:4px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#ffc928 0%,#f0a000 100%);
}

[dir="rtl"] .premium-rework.home-care-page .home-visit-arrangement-note::before{
  border-radius:4px 0 0 4px;
}

.premium-rework.home-care-page .home-visit-arrangement-note strong{
  display:block;
  margin-bottom:.35rem;
  color:#11183f !important;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:-.01em;
}

.premium-rework.home-care-page .home-visit-arrangement-note p{
  margin:0;
  color:rgba(17,24,63,.68) !important;
  font-size:.85rem;
  line-height:1.7;
}

@media (max-width:640px){
  .premium-rework.home-care-page .home-visit-arrangement-note{
    padding:1.05rem 1.15rem 1.1rem 1.3rem;
    border-radius:14px !important;
    box-shadow:0 12px 30px rgba(8,17,60,.16), 0 2px 6px rgba(8,17,60,.05);
  }
}

/* ================================================================
   HOME CARE CTA -> FOOTER SEAM
   Remove the light divider so the gradient CTA sits directly on the
   dark navy footer without a visible white line.
   ================================================================ */
.premium-rework.home-care-page .site-footer,
.premium-rework.home-care-page footer{
  border-top:0 !important;
  margin-top:0 !important;
}
.premium-rework.home-care-page .cta-banner{
  margin-bottom:0 !important;
  border-bottom:0 !important;
}

/* ================================================================
   HOME CARE CTA -> FOOTER HARD SEAM FIX
   The browser can expose a 1px cream/body line between adjacent
   sections at some viewport/device-scale combinations. Pull the
   footer upward slightly so the navy background physically overlaps
   the CTA edge instead of relying only on border removal.
   ================================================================ */
.premium-rework.home-care-page .cta-banner{
  position:relative !important;
  z-index:1 !important;
  margin-bottom:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
}

.premium-rework.home-care-page .cta-banner + .site-footer{
  position:relative !important;
  z-index:2 !important;
  margin-top:-3px !important;
  border-top:0 !important;
  outline:0 !important;
  box-shadow:0 -2px 0 #090d25 !important;
  background:#090d25 !important;
}


/* ================================================================
   HOME CARE CTA SINGLE-LINE HEADING
   Keep the desktop CTA sentence on one line while allowing normal
   wrapping again on smaller screens.
   ================================================================ */
@media (min-width:1100px){
  .premium-rework.home-care-page .cta-banner h2{
    max-width:none !important;
    white-space:nowrap !important;
    flex:1 1 auto !important;
    font-size:clamp(1.95rem,2.55vw,2.65rem) !important;
  }
  .premium-rework.home-care-page .cta-banner .btn-accent{
    flex:0 0 auto !important;
  }
}

/* ================================================================
   ARABIC HOMEPAGE HERO ALIGNMENT
   Mirror the English desktop gutters so the RTL hero photograph keeps
   the same distance from the outer viewport edge instead of touching it.
   ================================================================ */
@media (min-width:1101px){
  [dir="rtl"] .premium-rework.home-page .home-hero__copy{
    padding:
      clamp(5rem,9vw,8.5rem)
      clamp(2rem,7vw,7rem)
      clamp(5rem,8vw,7rem)
      3rem !important;
  }

  [dir="rtl"] .premium-rework.home-page .home-hero__media{
    padding:3.6rem 0 3.6rem clamp(2rem,5vw,5rem) !important;
  }
}

@media (min-width:641px) and (max-width:1100px){
  [dir="rtl"] .premium-rework.home-page .home-hero__copy{
    padding-right:3rem !important;
    padding-left:2rem !important;
  }

  [dir="rtl"] .premium-rework.home-page .home-hero__media{
    padding-right:0 !important;
    padding-left:2rem !important;
  }
}

/* Remove the decorative outline that protrudes beyond the RTL hero photo. */
[dir="rtl"] .premium-rework.home-page .home-hero__media::before{
  content:none !important;
  display:none !important;
}

/* ================================================================
   RTL EYEBROW ALIGNMENT FIX
   Arabic section labels align with the right edge of their content.
   The decorative rule stays on the right side of the Arabic label.
   ================================================================ */
[dir="rtl"] .premium-rework .eyebrow {
  direction: rtl !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

[dir="rtl"] .premium-rework .eyebrow::before {
  order: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto;
}


/* ===== Refined service mini-cards: Child Care, Adult Care, Home Care ===== */
body.premium-rework.service-page .service-mini-grid {
  gap: 1rem !important;
  align-items: stretch;
}
body.premium-rework.service-page .service-mini-card {
  position: relative;
  overflow: hidden;
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  min-height: 124px;
  padding: 1.15rem 1.2rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(17, 24, 63, 0.075) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98) 0%, #faf4ea 100%) !important;
  box-shadow: 0 10px 26px rgba(17,24,63,.055) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
body.premium-rework.service-page .service-mini-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--page-accent-2), var(--page-accent));
  opacity: .55;
}
body.premium-rework.service-page .service-mini-card::after {
  content: '';
  position: absolute;
  width: 92px;
  height: 92px;
  right: -38px;
  top: -40px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--page-accent-2) 16%, transparent) 0%, transparent 72%);
  pointer-events: none;
}
body.premium-rework.service-page .service-mini-card:hover {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--page-accent) 28%, rgba(17,24,63,.08)) !important;
  box-shadow: 0 18px 38px color-mix(in srgb, var(--page-accent) 13%, rgba(17,24,63,.055)) !important;
}
body.premium-rework.service-page .service-mini-card .svc-ico {
  position: relative;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  padding: 3px;
  border-radius: 20px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(17,24,63,.06);
  box-shadow: 0 9px 20px rgba(17,24,63,.10), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .22s ease, box-shadow .22s ease;
}
body.premium-rework.service-page .service-mini-card .svc-ico::after {
  content: '';
  position: absolute;
  inset: 4px 8px auto 8px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0));
  pointer-events: none;
}
body.premium-rework.service-page .service-mini-card .svc-ico svg {
  width: 56px !important;
  height: 56px !important;
  filter: drop-shadow(0 6px 10px rgba(17,24,63,.12));
}
body.premium-rework.service-page .service-mini-card:hover .svc-ico {
  transform: translateY(-2px) scale(1.035);
  box-shadow: 0 12px 24px rgba(17,24,63,.13), inset 0 1px 0 rgba(255,255,255,.9);
}
body.premium-rework.service-page .service-mini-copy {
  min-width: 0;
  padding-top: .18rem;
}
body.premium-rework.service-page .service-mini-title {
  display: block;
  margin: 0 0 .34rem;
  font-family: 'DM Sans', sans-serif;
  font-size: .94rem;
  font-weight: 650;
  line-height: 1.34;
  letter-spacing: -.012em;
  color: var(--signature-indigo);
}
body.premium-rework.service-page .service-mini-desc {
  margin: 0;
  max-width: 34ch;
  font-size: .76rem;
  font-weight: 400;
  line-height: 1.55;
  color: #737488;
}
[dir='rtl'] body.premium-rework.service-page .service-mini-card::before {
  left: auto;
  right: 0;
  border-radius: 3px 0 0 3px;
}
[dir='rtl'] body.premium-rework.service-page .service-mini-card::after {
  right: auto;
  left: -38px;
}
[dir='rtl'] body.premium-rework.service-page .service-mini-copy,
[dir='rtl'] body.premium-rework.service-page .service-mini-title,
[dir='rtl'] body.premium-rework.service-page .service-mini-desc {
  text-align: right;
}
[dir='rtl'] body.premium-rework.service-page .service-mini-title {
  font-family: 'Tajawal', sans-serif;
  line-height: 1.5;
}
[dir='rtl'] body.premium-rework.service-page .service-mini-desc {
  line-height: 1.65;
}
@media (max-width: 900px) {
  body.premium-rework.service-page .service-mini-card {
    min-height: 112px !important;
  }
}
@media (max-width: 640px) {
  body.premium-rework.service-page .service-mini-grid {
    gap: .75rem !important;
  }
  body.premium-rework.service-page .service-mini-card {
    min-height: 0 !important;
    padding: 1rem !important;
    border-radius: 16px !important;
    gap: .85rem !important;
  }
  body.premium-rework.service-page .service-mini-card .svc-ico {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }
  body.premium-rework.service-page .service-mini-card .svc-ico svg {
    width: 50px !important;
    height: 50px !important;
  }
  body.premium-rework.service-page .service-mini-title {
    font-size: .91rem;
  }
  body.premium-rework.service-page .service-mini-desc {
    font-size: .74rem;
    max-width: none;
  }
}

/* ================================================================
   OPENING HOURS OPTION 1: COMPACT PREMIUM ROWS
   Shorter schedule width, larger type, and individual soft rows.
   ================================================================ */
body.home-page.premium-rework .clinic-hours-block{
  max-width:1320px !important;
  margin:2.5rem auto 0 !important;
  padding:3.15rem 3.35rem !important;
  display:grid !important;
  grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr) !important;
  gap:4rem !important;
  align-items:start !important;
}
body.home-page.premium-rework .clinic-hours-heading{
  padding-top:.35rem;
}
body.home-page.premium-rework .clinic-hours-heading h3{
  font-size:2.65rem !important;
  line-height:1.08 !important;
  margin-bottom:.8rem !important;
}
body.home-page.premium-rework .clinic-hours-heading p{
  max-width:360px;
  font-size:1rem !important;
  line-height:1.75 !important;
}
body.home-page.premium-rework .clinic-hours-list{
  display:flex !important;
  flex-direction:column !important;
  gap:.62rem !important;
  max-width:690px !important;
  width:100% !important;
  justify-self:end !important;
}
body.home-page.premium-rework .clinic-hours-list>div{
  display:grid !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  align-items:center !important;
  gap:1.25rem !important;
  padding:.88rem 1.1rem !important;
  border:1px solid rgba(17,24,63,.075) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.68) !important;
  box-shadow:0 5px 14px rgba(17,24,63,.025) !important;
}
body.home-page.premium-rework .clinic-hours-list dt{
  font-size:.96rem !important;
  font-weight:700 !important;
}
body.home-page.premium-rework .clinic-hours-list dd{
  font-size:.96rem !important;
  line-height:1.45 !important;
}
@media(max-width:900px){
  body.home-page.premium-rework .clinic-hours-block{
    grid-template-columns:1fr !important;
    gap:2rem !important;
    padding:2.35rem !important;
  }
  body.home-page.premium-rework .clinic-hours-heading p{max-width:540px;}
  body.home-page.premium-rework .clinic-hours-list{max-width:none !important;justify-self:stretch !important;}
}
@media(max-width:560px){
  body.home-page.premium-rework .clinic-hours-block{padding:1.6rem !important;}
  body.home-page.premium-rework .clinic-hours-heading h3{font-size:2.2rem !important;}
  body.home-page.premium-rework .clinic-hours-list>div{
    grid-template-columns:1fr !important;
    gap:.28rem !important;
    padding:.9rem 1rem !important;
  }
}

/* ================================================================
   OPENING HOURS OPTION 1: RESPONSIVE COMPACT ROWS
   Preserve the desktop composition while keeping the schedule
   compact and readable on tablets, phones, and very narrow screens.
   ================================================================ */
@media (max-width: 900px) {
  body.home-page.premium-rework .clinic-hours-block {
    gap: 1.65rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list > div {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 1rem !important;
  }
}

@media (max-width: 640px) {
  body.home-page.premium-rework .clinic-hours-block {
    margin-top: 1.8rem !important;
    padding: 1.35rem !important;
    gap: 1.35rem !important;
  }

  body.home-page.premium-rework .clinic-hours-heading {
    padding-top: 0 !important;
  }

  body.home-page.premium-rework .clinic-hours-heading h3 {
    font-size: 2rem !important;
    line-height: 1.08 !important;
    margin-bottom: .6rem !important;
  }

  body.home-page.premium-rework .clinic-hours-heading p {
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }

  body.home-page.premium-rework .clinic-hours-list {
    gap: .5rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list > div {
    grid-template-columns: minmax(88px, .78fr) minmax(0, 1.55fr) !important;
    gap: .75rem !important;
    padding: .78rem .9rem !important;
    border-radius: 11px !important;
  }

  body.home-page.premium-rework .clinic-hours-list dt,
  body.home-page.premium-rework .clinic-hours-list dd {
    font-size: .9rem !important;
    line-height: 1.35 !important;
  }

  body.home-page.premium-rework .clinic-hours-list dd {
    min-width: 0;
    text-align: end;
  }
}

@media (max-width: 430px) {
  body.home-page.premium-rework .clinic-hours-block {
    padding: 1.05rem !important;
    border-radius: 18px !important;
  }

  body.home-page.premium-rework .clinic-hours-heading h3 {
    font-size: 1.82rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list > div {
    grid-template-columns: minmax(72px, .8fr) minmax(0, 1.45fr) !important;
    gap: .55rem !important;
    padding: .72rem .8rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list dt,
  body.home-page.premium-rework .clinic-hours-list dd {
    font-size: .86rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list dd {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: .08rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list dd > span {
    display: none !important;
  }

  [dir='rtl'] body.home-page.premium-rework .clinic-hours-list dd {
    align-items: flex-start !important;
  }
}

@media (max-width: 340px) {
  body.home-page.premium-rework .clinic-hours-block {
    padding: .82rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list > div {
    grid-template-columns: minmax(66px, .75fr) minmax(0, 1.4fr) !important;
    gap: .45rem !important;
    padding: .68rem .7rem !important;
  }

  body.home-page.premium-rework .clinic-hours-list dt,
  body.home-page.premium-rework .clinic-hours-list dd {
    font-size: .82rem !important;
  }
}


/* ===== FINAL MOBILE NAV + WHITE CTA FIX ===== */
/* Desktop remains unchanged. These rules only correct the phone navigation
   and the homepage secondary hero action at 640px and below. */
.mobile-nav-contact { display: none; }

@media (max-width: 640px) {
  /* Keep the premium navy header, but make the dropdown a compact panel
     instead of a full-height overlay. */
  body.premium-rework:has(#navchk:checked) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.premium-rework nav.site-nav,
  body.premium-rework .site-nav {
    height: 72px !important;
  }

  body.premium-rework .nav-toggle {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(4,8,28,.20), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(10px) saturate(115%);
  }

  body.premium-rework .nav-toggle span {
    background: rgba(255,255,255,.88) !important;
  }

  body.premium-rework #navchk:checked + .nav-toggle {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.20) !important;
  }

  body.premium-rework .nav-links {
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    gap: .22rem !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    background: rgba(17,24,63,.995) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 20px 38px rgba(4,8,28,.28) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    transition: max-height .24s ease, opacity .18s ease, padding .24s ease !important;
  }

  body.premium-rework #navchk:checked ~ .nav-links {
    max-height: min(520px, calc(100dvh - 84px)) !important;
    padding-top: .7rem !important;
    padding-bottom: .85rem !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow-y: auto !important;
  }

  body.premium-rework .nav-links li {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  body.premium-rework .nav-links a {
    min-height: 44px !important;
    padding: .65rem .8rem !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: rgba(255,255,255,.82) !important;
    background: transparent !important;
    font-size: .94rem !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
  }

  body.premium-rework .nav-links a:hover,
  body.premium-rework .nav-links a:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
  }

  /* The old mobile active state was white with white text, producing
     the empty white rectangle visible on iPhone. */
  body.premium-rework .nav-links a.active {
    color: #fff !important;
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.11) !important;
  }

  body.premium-rework .nav-links a.active::after {
    display: none !important;
  }

  /* Put Contact Us inside the dropdown. The separate nav CTA is hidden
     on phones so it cannot float over the menu. */
  body.premium-rework .mobile-nav-contact {
    display: block !important;
    margin-top: .38rem !important;
  }

  body.premium-rework .mobile-nav-contact a {
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
    color: var(--signature-indigo) !important;
    background: linear-gradient(135deg,var(--signature-saffron),#ffcf45) !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
  }

  body.premium-rework .nav-cta,
  body.premium-rework #navchk:checked ~ .nav-cta {
    display: none !important;
  }

  /* The homepage secondary action inherited white text from premium.css
     and a white background from styles.css. Keep it as a subtle dark-hero
     outline so the label is always visible. */
  body.home-page.premium-rework .home-hero .hero-actions > a:last-child {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body.home-page.premium-rework .home-hero .hero-actions > a:last-child:hover,
  body.home-page.premium-rework .home-hero .hero-actions > a:last-child:focus-visible {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.48) !important;
  }
}

@media (max-width: 360px) {
  body.premium-rework .nav-links {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
  body.premium-rework .nav-links a {
    min-height: 42px !important;
    padding: .58rem .7rem !important;
    font-size: .9rem !important;
  }
}

/* ===== MOBILE ACCEPTED-INSURANCE BOTTOM BAR ===== */
/* On phones, mirror the tablet/iPad treatment: a slim fixed insurance bar
   at the bottom of the viewport. Desktop remains unchanged. */
@media (max-width: 640px) {
  body.premium-rework {
    padding-top: 0 !important;
  }

  body.premium-rework .ins-badge {
    display: flex !important;
    position: fixed !important;
    z-index: 95 !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 7px max(14px, env(safe-area-inset-left)) max(7px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right)) !important;
    transform: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border: 0 !important;
    border-top: 1px solid rgba(17,24,63,.12) !important;
    border-radius: 0 !important;
    background: rgba(255,253,248,.98) !important;
    box-shadow: 0 -6px 22px rgba(17,24,63,.10) !important;
    backdrop-filter: blur(12px) saturate(120%);
  }

  body.premium-rework .ins-badge:hover {
    box-shadow: 0 -6px 22px rgba(17,24,63,.10) !important;
  }

  body.premium-rework .ins-badge .ins-label {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    color: var(--signature-indigo) !important;
    font-size: clamp(.54rem, 2.35vw, .62rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  body.premium-rework .ins-badge .ins-label::before {
    width: 5px !important;
    height: 5px !important;
    background: var(--signature-magenta) !important;
    box-shadow: none !important;
  }

  body.premium-rework .ins-badge .ins-mark {
    display: block !important;
    flex: 0 1 150px !important;
    width: clamp(112px, 36vw, 150px) !important;
    height: 32px !important;
    min-width: 0 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: none !important;
  }

  body.premium-rework footer {
    padding-bottom: calc(4.9rem + env(safe-area-inset-bottom)) !important;
  }

  [dir='rtl'] body.premium-rework .ins-badge,
  body.premium-rework[dir='rtl'] .ins-badge {
    flex-direction: row-reverse !important;
  }

  [dir='rtl'] body.premium-rework .ins-badge .ins-label,
  body.premium-rework[dir='rtl'] .ins-badge .ins-label {
    flex-direction: row-reverse !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: .68rem !important;
  }
}

@media (max-width: 350px) {
  body.premium-rework .ins-badge {
    gap: 8px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  body.premium-rework .ins-badge .ins-mark {
    width: 108px !important;
    flex-basis: 108px !important;
  }
  body.premium-rework .ins-badge .ins-label {
    font-size: .51rem !important;
    letter-spacing: .055em !important;
  }
}

/* ===== INTERMEDIATE DESKTOP/TABLET HAMBURGER PREMIUM FIX ===== */
/* styles.css intentionally switches to a hamburger from 641–1050px.
   Keep that dropdown visually consistent with the premium navy header. */
@media (min-width: 641px) and (max-width: 1050px) {
  body.premium-rework .nav-links {
    background: rgba(17,24,63,.995) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 20px 38px rgba(4,8,28,.26) !important;
  }

  body.premium-rework #navchk:checked ~ .nav-links {
    padding-top: .72rem !important;
    padding-bottom: .9rem !important;
  }

  body.premium-rework .nav-links li {
    border: 0 !important;
  }

  body.premium-rework .nav-links a {
    color: rgba(255,255,255,.82) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  body.premium-rework .nav-links a:hover,
  body.premium-rework .nav-links a:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
  }

  body.premium-rework .nav-links a.active {
    color: #fff !important;
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.11) !important;
  }

  body.premium-rework .nav-links a.active::after {
    display: none !important;
  }

  body.premium-rework .nav-toggle {
    border-radius: 13px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
  }

  body.premium-rework .nav-toggle span {
    background: rgba(255,255,255,.90) !important;
  }

  body.premium-rework #navchk:checked + .nav-toggle {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.17) !important;
  }

  body.premium-rework #navchk:checked + .nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  body.premium-rework #navchk:checked + .nav-toggle span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  body.premium-rework #navchk:checked + .nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
}