.error-hero {
    position: relative;
    padding: 140px 20px 160px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.84) 100%);
    color: #fff;
    overflow: hidden;
}

.error-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/news-bg.png') center/cover no-repeat;
    opacity: 0.35;
    z-index: 0;
}

.error-hero__inner {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
    z-index: 1;
}

.error-hero__title {
    font-size: clamp(36px, 5vw, 54px);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 22px;
    font-weight: 700;
}

.error-hero__subtitle {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.85);
}

.error-hero__actions {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-hero__btn {
    min-width: 200px;
    height: 48px;
    border-radius: 0;
    border: 1px solid rgba(88, 183, 179, 0.92);
    background: rgba(88, 183, 179, 0.92);
    color: #01202c;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.error-hero__btn:hover,
.error-hero__btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
    background: rgba(255, 255, 255, 0.94);
    color: #58B7B3;
}

.error-hero__btn--ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.65);
}

.error-hero__btn--ghost:hover,
.error-hero__btn--ghost:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 575px) {
    .error-hero {
        padding: 120px 16px 140px;
    }

    .error-hero__actions {
        flex-direction: column;
    }

    .error-hero__btn {
        width: 100%;
    }
}
/*
Theme Name: Inmode
Theme URI: https://inmode.com
Description: Parent theme for Inmode multi-market sites.
Author: InMode
Text Domain: inmode
Version: 1.0.0
*/

/* Place UK-specific overrides below. Parent styles are enqueued via functions.php */

/*!
Theme Name: Inmode WP Theme
Version: 2025.1.30.v3 - Debug and Cache Bust
*/
body{color:#fff;}
.color_bg{background:#fff;}
*{box-sizing:border-box}
:root{--bs-white:#ffffff;--bs-black:#000000;--bs-lightblue:#59B7B3;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
img{max-width:100%;height:auto}
body{width:100%;overflow-x:hidden;font-family:Heebo;background:var(--bs-black)}

/* ================================================
   UNIFIED CTA BUTTON DESIGN (Single Source of Truth)
   Standard design for all call-to-action buttons across the site.
   Applies to: News, Events, Clinical Studies, etc.
   Memory ID: 11442037
   ================================================ */

/* Base CTA button styles */
.news-card .news-card__btn,
.legacy-event-card .link-btn,
.legacy-study-card .link-btn,
body.single-workstation .work-slider .link-btn,
.clinical-study-item .link-btn,
.studies_list .link-btn,
.studies_list .link_discover,
.home-clinical-slide .link-btn,
.home-clinical-slide .link_discover,
.studies_description a.link-btn,
.studies_description a.link_discover,
.studies_description a.open_download,
a.link-btn.link_discover.open_download {
    display: inline-block;
    padding: 10px 10px !important;
    border: 2px solid #58B7B3 !important;
    border-radius: 0 !important; /* Sharp corners */
    background: transparent !important;
    color: #58B7B3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover and focus states */
.news-card .news-card__btn:hover,
.news-card .news-card__btn:focus,
.legacy-event-card .link-btn:hover,
.legacy-event-card .link-btn:focus,
.legacy-study-card .link-btn:hover,
.legacy-study-card .link-btn:focus,
body.single-workstation .work-slider .link-btn:hover,
body.single-workstation .work-slider .link-btn:focus,
.clinical-study-item .link-btn:hover,
.clinical-study-item .link-btn:focus,
.studies_list .link-btn:hover,
.studies_list .link-btn:focus,
.studies_list .link_discover:hover,
.studies_list .link_discover:focus,
.home-clinical-slide .link-btn:hover,
.home-clinical-slide .link-btn:focus,
.home-clinical-slide .link_discover:hover,
.home-clinical-slide .link_discover:focus,
.studies_description a.link-btn:hover,
.studies_description a.link-btn:focus,
.studies_description a.link_discover:hover,
.studies_description a.link_discover:focus,
.studies_description a.open_download:hover,
.studies_description a.open_download:focus,
a.link-btn.link_discover.open_download:hover,
a.link-btn.link_discover.open_download:focus {
    border-color: #ffffff !important;
    color: #ffffff !important;
    background: transparent !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .news-card .news-card__btn,
    .legacy-event-card .link-btn,
    .legacy-study-card .link-btn,
    body.single-workstation .work-slider .link-btn,
    .clinical-study-item .link-btn,
    .studies_list .link-btn,
    .home-clinical-slide .link-btn,
    .studies_description a.link-btn,
    .studies_description a.open_download {
        padding: 8px 40px;
        font-size: 14px;
    }
}

/* END UNIFIED CTA BUTTON DESIGN */

body.page-template-about-page-template{background-color:transparent!important}
a{color:var(--bs-white);text-decoration:none;outline:0}
dl,ol,ul{margin:0}
ul#social li{list-style:none;gap:10px;padding:5px 10px;font-size:14px}
ul#social >li{padding:5px 0px;}
ul#social li a{color:var(--bs-white);text-decoration:none}
#social i.fa.fa-globe{font-size:22px;margin-right:6px}
ul#top-menu{justify-content:right;gap:10px;list-style:none;font-size:14px;font-family:Heebo;margin-right:20px}
.col-sm-6.d-flex.justify-content-end{align-items:center;justify-content:flex-end!important;display:flex!important}
.row.pt-3.mob-hide .col-sm-6:last-child{text-align:right;justify-content:flex-end}
.row.pt-3.mob-hide .col-sm-6:last-child .d-flex{justify-content:flex-end!important;margin-left:auto}
.row.pt-3.mob-hide .col-sm-6:last-child{display:flex!important;justify-content:flex-end!important;align-items:center}
/* Force the top menu container to be fully right-aligned */
.row.pt-3.mob-hide .col-sm-6:last-child{width:50%;margin-left:50%;padding-left:0!important;padding-right:48px!important}
a.custom-logo-link img{max-width:100%;height:auto;width:100%; -webkit-transition: all .5s; }
ul#primary-menu,ul#provider-menu{justify-content:center;align-items:center;list-style:none;gap:10px;font-size:17px;margin:0;padding:0}
.active .nav-bg>div{background:#000000CC}
/* Fix provider/patient menu full-width black background */
.nav_provider.active,
.nav_patient.active {
    background: #000000CC;
}

/* Fix provider/patient menu responsive layout for mid-size screens */
@media (min-width: 1025px) and (max-width: 1399px) {
    .nav_provider .col-sm-2,
    .nav_patient .col-sm-2 {
        flex: 0 0 auto;
        width: auto;
        min-width: 140px;
    }
    .nav_provider .col-sm-8,
    .nav_patient .col-sm-8 {
        flex: 1;
        width: auto;
    }
    .btn.btn-provider {
        font-size: 16px;
        width: auto;
        min-width: 120px;
        padding: 0 10px;
    }
    .btn.btn-provider.btn1 {
        width: auto;
        min-width: 150px;
    }
}
header{background:transparent;}
.banner{
    background-color:transparent;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    padding-top:100px;
    margin-top:-250px;
    min-height:100vh;
    height:auto;
    background-position:center center;
}
@media only screen and (max-width:767px){
.banner{
    background-color:transparent;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center center!important;
    padding-top:80px;
    margin-top:-62px;
    min-height:100vh;
    height:auto!important;
}
.home section.banner > .container,
.home section.banner > .container > .row.signature-section,
.home section.banner > .container > .row.signature-section > [class*="col-"]{
    margin:0!important;
    padding:0!important;
}
  img.w-100.signture{padding:0!important}
  section.about_inmode{padding:50px 0}
  .col-md-6.sign{height:440px}
  .desktop-hide{display:block}
  .mob-hide{display:none}
}
/* ============================================
   MOBILE MENU BREAKPOINT - Single Source of Truth
   Desktop menu (.mob-hide) hidden ≤1024px
   Mobile hamburger shown ≤1024px in TOP LEFT, sticky
   ============================================ */
.mob-hide{display:none}
@media (min-width: 1025px) {
  .mob-hide{display:block}
  /* Desktop: Show navbar but hide mobile-only elements, show logo */
  nav.navbar.navbar-expand-lg{display:flex !important; justify-content:center; background:transparent;}
  nav.navbar.navbar-expand-lg .navbar-toggler,
  nav.navbar.navbar-expand-lg .mobile-menu-btn,
  nav.navbar.navbar-expand-lg #navbarSupportedContent{display:none !important}
  /* Desktop navbar brand centering */
  .navbar-brand{margin:0 auto; text-align:center;}
  .navbar-brand img.custom-logo{max-height:60px; width:auto;}
}

/* ============================================
   TABLET & MOBILE MENU (≤1024px)
   ============================================ */
@media (max-width: 1024px) {
  /* Show mobile navbar, hide desktop */
  nav.navbar.navbar-expand-lg{display:block !important;background:#000}
  .mob-hide{display:none !important}
  
  /* Override Bootstrap's navbar-expand-lg which expands at ≥992px */
  .navbar-expand-lg .navbar-collapse{display:none !important}
  .navbar-expand-lg .navbar-toggler{display:block !important}
  
  /* Sticky header */
  .site-header,
  header#masthead{
    position:sticky;
    top:0;
    z-index:9999;
    background:#000;
  }
  
  /* Header wrapper - flexbox for hamburger LEFT, logo CENTER */
  .mobile-header-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    padding:10px 20px;
  }
  
  /* Hamburger button - LEFT side, always visible */
  .mobile-menu-btn{
    display:block !important;
    order:1;
    background:transparent;
    border:0;
    color:#fff;
    font-size:24px;
    padding:8px 12px;
    cursor:pointer;
    flex-shrink:0;
  }
  .mobile-menu-btn:focus{
    outline:none;
    box-shadow:none;
  }
  /* Toggle icon visibility */
  .mobile-menu-btn i.fa-bars{display:inline-block}
  .mobile-menu-btn i.fa-times{display:none}
  .mobile-menu-btn[aria-expanded="true"] i.fa-bars{display:none}
  .mobile-menu-btn[aria-expanded="true"] i.fa-times{display:inline-block}
  
  /* Logo - CENTER */
  .mobile-header-wrap .navbar-brand{
    order:2;
    margin:0 auto;
    flex-grow:1;
    text-align:center;
  }
  .mobile-header-wrap .navbar-brand img{
    max-height:40px;
    width:auto;
  }
  
  /* Collapse - HIDDEN by default, full width below header */
  #navbarSupportedContent{
    display:none !important;
    order:3;
    width:100%;
    flex-basis:100%;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:rgba(0,0,0,0.95);
    z-index:9999;
    padding:20px 30px;
  }
  /* Collapse visible when Bootstrap adds .show */
  #navbarSupportedContent.show{
    display:block !important;
  }
  
  /* Menu items */
  #mobile-menu{
    list-style:none;
    padding:0;
    margin:0;
  }
  #mobile-menu li{
    border-bottom:1px solid rgba(255,255,255,0.1);
  }
  #mobile-menu li a{
    display:block;
    padding:15px 0;
    color:#fff;
    font-size:18px;
  }
  
  /* Social icons - below menu */
  .mobile-social{
    display:flex;
    gap:20px;
    list-style:none;
    padding:20px 0 0;
    margin:20px 0 0;
    border-top:1px solid rgba(255,255,255,0.2);
  }
  .mobile-social li a{
    color:#fff;
    font-size:22px;
  }
  
  /* Submenu styling */
  .menu-item-has-children .sub-menu{
    position:relative;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.3);
    padding:10px 0 10px 20px;
    margin-top:5px;
    display:none;
  }
  .menu-item-has-children.active > .sub-menu{
    display:block;
  }
  .sub-menu li a{
    padding:8px 0;
    font-size:16px;
  }
  
  /* Navbar positioning */
  nav.navbar.navbar-expand-lg{
    position:relative;
  }
}
.counter-box.colored{color:var(--bs-lightblue)}
.counter-box.colored .counter-wrap{display:flex;align-items:flex-end;justify-content:center;gap:4px;line-height:1}
.counter-box.colored .counter{font-size:64px;line-height:1;display:block}
.counter-box.colored .counter-suffix{font-size:64px;line-height:1;display:block}
.counter-box.colored p{color:var(--bs-white);font-size:24px;line-height:28px;max-width:145px;text-align:center;margin:0 auto 20px}
.counter-row{border-width:2px 0 2px 0;border-color:var(--bs-white);border-style:solid;background:transparent}
section.home-counters { background: transparent; }
section.home-counters .container { max-width: 1550px; }
ul#primary-menu li a,ul#provider-menu li a,ul#patients-menu li a{padding:7px 15px;display:block;font-size:20px; z-index:999;}
ul#primary-menu li a .submenu{font-weight:300 !important;}
ul#top-menu li a{padding:0 10px;display:block}
footer{background:var(--bs-black);color:var(--bs-white)}
.footer_top{padding-top:80px;padding-bottom:50px;text-align:center}
.footer_bottom{margin-bottom:10px}
.footer_top h3{font-size:48px;padding:10px 0 0;margin:0;color:var(--bs-lightblue)}
.footer_top h5{font-size:30px;font-weight:400!important;padding:0;margin:0;letter-spacing:-.3px;color:var(--bs-lightblue)}
ul.socail.links{display:flex;gap:20px;margin-top:10px;list-style:none;justify-content:center;font-size:22px;margin-left:20px}
.site-header ul.socail.links{gap:14px;margin-top:0}
.row.footer_bottom nav #footer-menu{list-style:none;font-size:16px;font-weight:400!important;width:100%;gap:10px;padding-left:0;margin:0}
.row.footer_bottom nav #footer-menu li{list-style:none}
/* Footer Bottom - Menu LEFT, Address RIGHT */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

/* Footer links - LEFT side, remove bullets */
.footer-bottom .footer-link,
.footer-bottom .footer-link li,
.footer-bottom .footer-links,
.footer-bottom .footer-links li,
footer .footer-link,
footer .footer-link li,
footer .footer-links,
footer .footer-links li,
footer#colophon .footer-bottom li,
footer#colophon li.menu-item,
#colophon .menu-item {
    list-style: none !important;
    list-style-type: none !important;
    margin-left: 0 !important;
}
.footer-bottom .footer-link,
.footer-bottom .footer-links {
    padding-left: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 30px;
}

/* Footer Address - RIGHT side, aligned at bottom */
.footer-bottom .footer-address {
    font-size: 16px;
    line-height: 1.6;
    color: #FFFFFF;
    text-align: left;
    max-width: 400px;
}

/* Footer Credit - Centered */
.footer-bottom .footer-credit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.footer-address p{margin-bottom:0}
.footer-address{display:flex;font-size:16px;font-weight:400!important;justify-content:end;align-items:center;padding-right:20px}
.footer-address .footer-contact-block{max-width:360px;margin-left:auto;text-align:right;display:inline-block}
.footer-address .footer-contact-block p{margin:0;text-align:right}
.footer-address .footer-contact-block a{color:#ffffff;text-decoration:none}
.footer-address .footer-contact-block a:hover{text-decoration:underline}
@@
-@media(max-width:992px){.footer-address{justify-content:center;padding-right:0;text-align:center}.footer-address .footer-contact-block{margin-left:0;text-align:center}}
/* Dec 2025: Reduced padding for about section - less space above/below */
section.about_inmode{text-align:center;padding:50px 0 40px;background:#fff}
section.our_workstation{padding:80px 0;text-align:center;background:url('/wp-content/uploads/2025/02/Group-21.png');background-size:cover;background-position:bottom center;background-color:var(--bs-black)}
.our_workstation img{margin:0 auto;max-width:100%}
.our_workstation p{color:var(--bs-white);line-height:25px;font-size:20px;max-width:90%;margin:12px auto 0;font-weight:700;}
.our_workstation a.link_discover,.studies_list a.link_discover{display:block;color:var(--bs-lightblue);padding-top:10px;font-weight:700;line-height:25px}
/* Note: font-size for CTAs is set in unified CTA block (16px) - DO NOT override here */
section.clinical_studies h2,section.our_workstation h2{color:var(--bs-white);font-size:36px!important;font-weight:400!important}
section.clinical_studies{background:var(--bs-black);margin-top:-20px;text-align:center;color:var(--bs-white)}
hr{opacity:1!important;border:2px solid var(--bs-white)!important}
section.clinical_studies .studies_description h2{font-size:20px!important;line-height:27px!important}
a.btn.btn-primary.btn-studies{background:0 0;border:0;font-weight:700;color:var(--bs-lightblue);font-size:20px;line-height:25px;border:2px solid transparent}
/* Base hexagon background for clinical studies - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.studies_thumb{
    background:url('/wp-content/uploads/2025/02/Layer_1.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50% auto; /* Hexagon is SMALLER - reduced from 65% */
    padding:10px;
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible; /* Allow book to overflow hexagon */
}

/* Clinical studies spacing & image sizing */
body.page-template-clinical-studies .form-filters {
    margin-bottom: 80px !important;
}

body.page-template-clinical-studies .studies_thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Clinical studies page CTA - inherits from unified CTA block above */
/* REMOVED: Conflicting .page-template-clinical-studies .studies_description a.open_download rules */
/* All clinical studies CTAs now use the unified CTA block (lines 128-202) */

/* Shared clinical study card styles - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.legacy-study-card .studies_thumb {
    background: url('/wp-content/uploads/2025/02/Layer_1.png') no-repeat center center;
    background-size: 50% auto; /* Hexagon is SMALLER - reduced from 65% */
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 280px;
    overflow: visible; /* Book overflows hexagon */
}

.legacy-study-card .studies_thumb a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent !important;
    overflow: visible;
}

.legacy-study-card .studies_thumb img {
    width: 380px; /* Book is LARGE, overflows hexagon */
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* Legacy study card CTA - inherits from unified CTA block above */
/* REMOVED: Conflicting .legacy-study-card .studies_description a.open_download rules */
/* All clinical studies CTAs now use the unified CTA block (lines 128-202) */

/* Clinical Studies Cards - Equal Height & Center Aligned */
.row.studies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.studies_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
/* Fixed height image container for consistent card alignment - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.studies_list .studies_thumb {
    flex-shrink: 0;
    margin-bottom: 20px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important; /* Book overflows hexagon */
    padding: 10px;
    background-size: 50% auto !important; /* Small hexagon - reduced from 65% */
}
.studies_list .studies_thumb a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.studies_list .studies_thumb img {
    max-height: none;
    max-width: none;
    width: 380px; /* Book is LARGE, overflows hexagon */
    height: auto;
    object-fit: contain;
}
.studies_list .studies_description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    text-align: center;
    padding: 8px 15px;
}
/* Fixed height for title/text area */
.studies_list .studies_description h3,
.studies_list .studies_description .clinical-Studies_heading {
    min-height: 32px;
    margin-bottom: 8px;
}
.studies_list .studies_description p.study_date {
    margin-bottom: 5px !important;
}
.studies_list .studies_description p.study_publication {
    min-height: 50px;
    margin-bottom: 15px;
}
/* CTA pushed to bottom */
.studies_list .studies_description .link_discover,
.studies_list .studies_description a.open_download {
    margin-top: auto;
    align-self: center;
    flex-shrink: 0;
}

/* Clinical Studies Carousel Container */
section.clinical_studies .row.studies {
    position: relative;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}
section.clinical_studies .container-fluid.fixed_width{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}
section.clinical_studies .slick-prev,
section.clinical_studies .slick-next {
    z-index: 10;
}
section.clients.says{padding:80px 0;text-align:center;background:transparent}
.testimonial_thumb img{margin:0 auto}
.testimonial_description{text-align:center}
.testimonial_description p{font-size:18px !important;line-height:28px;color:var(--bs-black);font-style:italic;font-weight:300}
.testimonial_description{padding:10px 0px; margin:0 auto; max-width:400px;}
.testimonial_description h5{font-size:20px;color:var(--bs-black);font-weight:700}
section.clinical_studies{padding-bottom:80px}
.testimonial_description a{color:var(--bs-lightblue);font-size:20px;text-align:center;display:block;margin-top:30px}
/* Dec 2025: Reduced margin under about title */
.about_inmode h1,section.clients.says h2{font-size:36px!important;color:var(--bs-lightblue);margin-bottom:20px!important;font-weight:400;text-transform:uppercase}
.about_inmode p{font-size:24px;line-height:37px;font-weight:400; color:#000;}
section.techonology h2{font-size:62px;font-weight:400!important;color:var(--bs-lightblue);white-space: pre-line;line-height:1.1;margin-bottom:30px;}
section.techonology a.btn.btn-primary.btn-contact{border:1px solid var(--bs-lightblue);background:var(--bs-lightblue);color:var(--bs-white);font-size:23px;max-width:500px;width:90%;border-radius:0!important}
section.techonology .row{padding-top:80px}
section.techonology{background:transparent}
.desktop-hide{display:none}
.workstation_desc img{padding-bottom:10px}
.workstation_desc h3{font-size:20px;color:var(--bs-lightblue)}
.work_list{color:var(--bs-white);font-size:14px;line-height:24px}
section.work_stations{padding:80px 50px;background:url('/wp-content/uploads/2025/02/Group-21.png');background-repeat:repeat;background-position:top center}
/* ============================================================
   UNIFIED PAGE TITLE - All inner pages use 40px (Dec 2025)
   Covers ALL page templates and single pages
   ============================================================ */
h2.page-title,
h2.page_title,
h1.page-title,
h1.page_title,
h2.color2.heading_post,
.single.single-treatments h2.color2.heading_post,
.single.single-post h2.color2.heading_post,
section.work_stations h2.page-title,
section.events.upcoming-events h2.page-title,
h2.page_title.text-center.after_before_gallery,
.page-template-clinical-studies h2.page_title,
.page-template-treament_template h2.page_title,
.page-template-about-page-template h2.page_title,
.page-template-after-before-template h2.page_title,
.page-template-news_template h2.page_title,
.page-template-blog-template h2.page_title,
.heading_inner h1,
.heading_inner h2 {
    color: var(--bs-lightblue);
    font-size: 40px !important;
    font-weight: 400 !important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.2 !important;
}

/* MOBILE PAGE TITLE - 19px on all pages (Dec 2025 Figma) */
@media (max-width: 767px) {
    h2.page-title,
    h2.page_title,
    h1.page-title,
    h1.page_title,
    h2.color2.heading_post,
    .single.single-treatments h2.color2.heading_post,
    .single.single-post h2.color2.heading_post,
    section.work_stations h2.page-title,
    section.events.upcoming-events h2.page-title,
    h2.page_title.text-center.after_before_gallery,
    .page-template-clinical-studies h2.page_title,
    .page-template-treament_template h2.page_title,
    .page-template-about-page-template h2.page_title,
    .page-template-after-before-template h2.page_title,
    .page-template-news_template h2.page_title,
    .page-template-blog-template h2.page_title,
    .heading_inner h1,
    .heading_inner h2 {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
}
ul{margin:0;padding:0}
ul#provider-menu{padding:0;list-style:none}
ul.sub-menu{padding:0;list-style:none;position:absolute;padding-top:20px}
.btn.btn-provider{height:35px; line-height:33px; text-transform:uppercase;padding:0px 5px;border:1px solid var(--bs-white);display:block;width:155px;font-size:20px;text-align:center;color:var(--bs-white);border-radius:0;margin:13px 5px}
.btn.btn-provider.btn1{width:190px;}
a.btn.btn-provider:hover{background:var(--bs-white)!important;color:var(--bs-black)!important}
.hero-slider.slick-initialized.slick-slider{margin-bottom:0}
ul#primary-menu li, ul#provider-menu li{position:relative}
ul#primary-menu li .menu-item-has-children .sub-menu, ul#provider-menu li .menu-item-has-children .sub-menu{display:none;position:absolute;background-color:transparent;padding:10px;z-index:9999;left:18px;margin-top:8px}
.overlay-menu:after{content:"";width:100vw;height:100vw;position:absolute;left:0px;background:#00000070; z-index:9; top:-60px; }
.row.footer_bottom nav.navbar.navbar-expand.justify-content-left{justify-content:left!important}
.overlay-menu{position:relative}
button.slick-prev.slick-arrow{left:20px!important;z-index:99}
button.slick-next.slick-arrow{right:20px!important}
.our_workstation a.link_discover:hover,.studies_list a.link_discover:hover{color:var(--bs-white)}
.testimonial_description a:hover{color:var(--bs-black)}
section.techonology a.btn.btn-primary.btn-contact:hover{color:var(--bs-lightblue);background:var(--bs-white);border:1px solid;font-size:23px!important;font-weight:500!important}
.studies_thumb img{margin:0 auto}
#contactModal .modal-content{border:0;padding:0;background:var(--bs-white)}
#contactModal .modal-content .modal-body{padding:0}
#contactModal .tab-container{margin:40px 0 0 auto;padding:0 15px}
#contactModal button.btn-close{top:5px;left:calc(100% - 37px)}
.bg-white.contact_bg.bg-pop{color:var(--bs-black)!important;min-height:80vh}
p.study_date{margin-bottom:0!important;font-size:20px}
p.study_publication{font-size:20px}
section.clinical_studies .container>h2{padding:50px 0}
section.clients.says .conatiner-fluid{padding-left:50px;padding-right:50px}
.page-template-workstation section.work_stations{background:var(--bs-black) url('/wp-content/uploads/2025/02/bg-pattren-workstation.png')!important;background-position:center center!important;background-size:contain!important;background-repeat:no-repeat!important}
.row.workstation-bottom.my-3{max-width:90%;margin:0 auto;border-bottom:1px solid var(--bs-lightblue)}
.workstation-link{text-align:right}
.workstation-link a{color:var(--bs-lightblue)!important;font-size:16px;font-weight:700}
.workstation-bottom .workstation_desc{color:var(--bs-white);font-size:14px;font-weight:400;line-height:20px}
.workstation-bottom .workstation_desc h3{font-size:14px;font-weight:400;line-height:20px}
.workstation-bottom img.wrokstation_logo{max-width:221px;margin:0 auto;display:block}
.post_header h3{color:var(--bs-lightblue);font-size:32px;font-weight:400;letter-spacing:5px;margin:30px;line-height:30px}

/* Workstation sliders - shared layout */
body.single-workstation section#work_event .container-fluid,
body.single-workstation section#work_news .container-fluid,
body.single-workstation section#work_studies .container-fluid{
    max-width:1260px;
    margin:0 auto;
    padding:0 24px;
}

body.single-workstation section#work_event,
body.single-workstation section#work_news,
body.single-workstation section#work_studies{overflow-x:hidden;}

/* Workstation sliders use global defaults */

/* Workstation event cards use global styling */

/* Workstation news cards use global styling */

/* Workstation studies cards use shared styling */

/* Workstation CTAs reuse global button styles */

section.main_part img.mx-auto{padding-bottom:15px; height:175px; width:auto; margin-top:0; position:relative; z-index:1;}
ul.workstation_nav{list-style:none}
ul.workstation_nav li{border-right:1px solid var(--bs-white)}
ul.workstation_nav li:last-child{border:0}
ul.workstation_nav li a{display:block;padding:0 15px;font-size:17px;font-weight:300;line-height:20px}
section.main_part .row.content_work h2{font-size:33px;font-weight:400;line-height:28px;padding:20px 0}
.row.content_work img{margin:0 auto;width:fit-content;display:block;  }
div#work_banifit ul{padding-left:20px;margin:0;font-size:23px;color:var(--bs-white);list-style:outside;line-height:40px;font-weight:400}
.row.content_work{padding-top:80px}
section.main_part .post_desc{font-size:23px;line-height:30px;color:var(--bs-white);font-weight:400}
div#work_banifit>ul>li{padding:10px 0}
div#work_banifit>ul>li::marker, .fundamentals ul>li::marker{color:var(--bs-lightblue)}
div#work_banifit a.request-list{text-align:right;width:fit-content;display:block;margin-left:auto;font-size:25px;line-height:28px;font-weight:500;padding-bottom:20px}
body.single.single-workstation{background-image:url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/Group-20-3.png');background-position:top 78vh center;background-repeat:no-repeat}
section#work_studies{padding-bottom:40px!important}
hr.border-single-work{max-width:98%;margin:60px auto 0;border:2px solid var(--bs-lightblue)!important}
section#work_studies hr.border-single-work{margin-bottom:40px}
section.main_part{padding-bottom:80px}
section#work_tech h2.inner_heading{font-size:33px;line-height:28px;font-weight:400}
section#work_event{margin:30px 0}
section#work_event h2,section#work_news h2{font-size:36px;font-weight:400;line-height:40px;padding:40px 0;text-align:center;color:var(--bs-white)!important;text-transform:uppercase}
body.single-workstation section#work_event h2,
body.single-workstation section#work_news h2{
    font-size:20px;
    line-height:25px;
    padding:40px 0;
    text-align:center;
    color:var(--bs-white)!important;
    text-transform:uppercase;
}
section#work_news{padding-bottom:80px}
section#work_tech h3{font-size:33px;line-height:28px;font-weight:400}
section#work_tech p{color:var(--bs-white);font-size:20px!important;text-align:center;line-height:28px;font-weight:400;padding:20px 10px}
section#work_tech .after-before.mt-auto span{color:var(--bs-white);font-size:18px;line-height:28px;font-weight:400;padding-top:10px!important;display:block}

/* ============================================
   TECHNOLOGY CARDS - SINGLE SOURCE OF TRUTH
   Self-contained component with fixed heights
   Moved from child theme Dec 2025
   ============================================ */

/* 1. Grid Container - 3 columns, equal height cards */
#work_tech .tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* 2. Card Structure - Flexbox column */
#work_tech .tech-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 30px;
    overflow: hidden; /* CRITICAL: Contains all content */
    box-shadow: 0 20px 36px rgba(0,0,0,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#work_tech .tech-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 44px rgba(0,0,0,0.35);
}

/* 3. Hexagon Section - Fixed 200px */
#work_tech .tech-card__hexagon {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

#work_tech .tech-card__hexagon-img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 4. Logo Section - Fixed 80px */
#work_tech .tech-card__logo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

#work_tech .tech-card__logo-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 5. Content Area - Fixed height (11 rows × 24px = 264px + 30px readmore) */
#work_tech .tech-card__content {
    height: 294px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

/* 6. Text Section - 11 rows (264px) with overflow hidden */
#work_tech .tech-card__text {
    height: 264px; /* 11 rows × 24px line-height */
    overflow: hidden;
    text-align: center;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    color: var(--bs-white);
    font-size: 16px;
    line-height: 24px;
    transition: height 0.3s ease;
    position: relative;
}

/* Gradient fade at bottom when text overflows */
#work_tech .tech-card.has-overflow .tech-card__text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px; /* 2 rows fade */
    background: linear-gradient(to bottom, transparent, rgba(15, 15, 26, 0.9), rgba(15, 15, 26, 1));
    pointer-events: none;
}

#work_tech .tech-card__text.expanded::after {
    display: none;
}

#work_tech .tech-card__text p {
    margin: 0;
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px;
}

#work_tech .tech-card__text.expanded {
    height: auto;
}

/* 7. Read More - Simple text link */
#work_tech .tech-card__readmore {
    height: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: -10px; /* Pull up slightly into fade */
    position: relative;
    z-index: 2;
}

#work_tech .tech-card__readmore-btn {
    background: transparent;
    border: none;
    color: var(--bs-lightblue);
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.3s ease;
    display: none; /* Hidden by default */
}

#work_tech .tech-card.has-overflow .tech-card__readmore-btn {
    display: inline;
}

#work_tech .tech-card__readmore-btn:hover {
    color: #fff;
    text-decoration: underline;
}

/* 8. Slider Section - Pushed to bottom */
#work_tech .tech-card__slider {
    margin-top: auto;
    width: 100%;
}

#work_tech .tech-card__slider .ba-Slider {
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,0.4);
}

#work_tech .tech-card__slider .ba-Slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#work_tech .tech-card__slider .ba-Slider .slider2 {
    top: 0;
    bottom: auto;
    height: 100%;
}

#work_tech .tech-card__slider-placeholder {
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 12px;
    background: rgba(255,255,255,0.02);
    border: 1px dashed rgba(255,255,255,0.1);
}

/* TECHNOLOGY CARDS - RESPONSIVE BREAKPOINTS */

/* Tablet: 2 columns */
@media (max-width: 991px) {
    #work_tech .tech-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 0 30px;
    }
    #work_tech .tech-card__hexagon {
        height: 160px;
    }
    #work_tech .tech-card__content {
        height: 254px; /* 9 rows × 24px + 38px */
    }
    #work_tech .tech-card__text {
        height: 216px; /* 9 rows × 24px */
    }
}

/* Mobile: 1 column - show full text, no read more */
@media (max-width: 575px) {
    #work_tech .tech-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px;
    }
    #work_tech .tech-card {
        padding: 24px 20px;
    }
    #work_tech .tech-card__hexagon {
        height: 140px;
    }
    #work_tech .tech-card__content {
        height: auto;
    }
    /* Show full text on mobile - no truncation */
    #work_tech .tech-card__text {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    /* Remove gradient fade on mobile */
    #work_tech .tech-card.has-overflow .tech-card__text::after {
        display: none !important;
    }
    /* Hide read more button on mobile */
    #work_tech .tech-card__readmore {
        display: none !important;
    }
    /* Hide empty before/after placeholder on mobile */
    #work_tech .tech-card__slider-placeholder {
        display: none !important;
    }
    /* If no slider content, hide the slider section */
    #work_tech .tech-card__slider:empty {
        display: none !important;
    }
}

/* ============================================
   END TECHNOLOGY CARDS
   ============================================ */

section#work_studies h3{font-size:36px;line-height:45px;font-weight:400;padding-bottom:40px}
.tech_list a.link-btn{border:2px solid;padding:5px 50px;display:block;width:fit-content;margin:20px auto;font-size:20px;font-weight:400}
section#work_studies h2{padding:0 0 50px;margin-top:50px}
section.clinical_studies .btn-primary:hover{background-color:transparent;color:var(--bs-lightblue)!important;border:2px solid var(--bs-lightblue)}
section.clinical_studies a.btn.btn-primary.btn-studies{border:2px solid transparent; color:#fff;}
section.clinical_studies a.btn.btn-primary.btn-studies:hover{background:0 0;border:2px solid var(--bs-lightblue);color:var(--bs-lightblue)}
.page-template-treament_template{background-image:url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'),url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png');background-size:100% 80vh,auto auto;background-repeat:no-repeat;background-position:top center,center center}
/* Font size now controlled by unified page title rule - keep only text-transform */
h2.page_title{text-transform:uppercase}
/* Treatment lobby grid - NO row-reverse, preserves ACF order */
ul.treament-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
ul.treament-list li{list-style:none;width:33%}
.treatments-grid{display:flex;flex-wrap:wrap;justify-content:center}
.treatments-grid .treatment_list{display:flex;justify-content:center;margin-bottom:20px}
h3.treatment_heading{max-width:240px;position:absolute;top:60%;left:50%;transform:translate(-50%,-60%);text-align:center;font-size:20px}
.treament-thumb{width:260px;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}
.team-list.col-md-4.text-right .treament-thumb{margin-left:auto}
.team-list a.color2.link-btn { display: block; margin: 20px auto;  width: 220px;text-align: center;border: 2px solid; padding:5px 10px;}
.overlay{height:100%;width:100%;background:#00000070;position:absolute;top:0;opacity:0; z-index:99;}
.treament-thumb a:hover .overlay{opacity:1}
.results-section{padding:80px 15px}
.image{position:relative;width:40em;max-width:100%;height:20em;margin:auto}
span.caption_title{position:absolute;bottom:0;color:var(--bs-white);width:100%;text-align:right;display:block;padding:10px}
img.title_logo{display:block;margin:10px auto}
a.link{text-align:center;display:block;margin-bottom:50px}
.comparison{width:100%;padding-bottom:100%;overflow:hidden;position:relative}
figure{position:absolute;background-size:cover!important;font-size:0;width:100%;height:100%;margin:0}
.divisor{background-size:cover!important;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,.3);bottom:0;height:100%}
.handle{position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:1;background:var(--bs-lightblue);border-radius:50%;border-color:var(--bs-lightblue)}
input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:0 0;border:4px solid #fff;box-shadow:0 0 8px 1px rgba(0,0,0,.3)}
input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:0}
.news-desc{padding:15px 35px;text-align:center;background:var(--bs-lightblue)}
.news-desc h4{font-size:16px;text-align:left;border-bottom:2px solid var(--bs-white);width:fit-content;font-weight:700;color:var(--bs-white)}
.news-desc p{font-size:20px;margin-bottom:0;margin-top:10px;line-height:26px;font-weight:700;min-height:80px;overflow:hidden; color:#000;}
.news-desc h2 { font-size: 20px;line-height: 26px;  font-weight: 700;  color: #000;  min-height: 80px;}
/* Font size now controlled by unified page title rule at top */
.single.single-treatments h2.color2.heading_post{margin:0;text-align:center}
.single.single-treatments h3{font-size:32px;line-height:48px;text-align:center;letter-spacing:0;text-transform:uppercase;word-spacing:5px;color:var(--bs-white)}
.single.single-treatments .single-post_desc h3{font-size:32px;text-align:left;color:var(--bs-lightblue);text-transform:capitalize;word-spacing:5px}
.single.single-treatments .single-post_desc p{color:var(--bs-white);font-size:23px;line-height:28px;margin-bottom:25px}
.result_list1.col-md-4>div{max-width:450px;margin:0 auto;text-align:center}
.after-before-content p{color:var(--bs-white);font-size:23px;line-height:28px;font-weight:400;margin:30px auto}
/* Font size now controlled by unified page title rule */
.page-template-clinical-studies h2.page_title{}
.page-template-clinical-studies .main_part p{font-size:24px;line-height:37px;font-weight:400}
.page-template-clinical-studies h3.clinical-Studies_heading{font-size:26px;line-height:32px;font-weight:400}
.page-template-clinical-studies .studies-meta p{font-size:20px;line-height:24px;font-weight:400;text-align:center}
.page-template-clinical-studies .studies-meta{padding:20px 0}
/* Clinical studies page CTA - use unified style */
.page-template-clinical-studies a.color2.link-btn{font-size:16px !important;border:2px solid var(--bs-lightblue);padding:10px 10px !important;display:block;max-width:max-content;margin:20px auto}
.modal-header{border-bottom:none}
.modal-content{height:auto;border-radius:0;background:0 0;box-shadow:none}
.modal-body form{margin:0 auto}
.modal-content .close{opacity:1;font-size:30px}
div#exampleModal{background:rgba(0,0,0,.8)}
input.search-field{background:0 0;color:var(--bs-white);border:1px solid var(--bs-white);box-shadow:none;padding:13px 20px;width:300px}
input.search-submit{background:var(--bs-white);border:1px solid var(--bs-white);padding:13px 20px;font-size:16px;font-weight:400}
.modal-content{color:var(--bs-white);border-color:var(--bs-white)}
button.btn-close{padding:0;margin:0;color:var(--bs-white);opacity:1;top:-10px;position:relative;font-size:24px;outline:0!important}
.modal-header .btn-close:hover{color:var(--bs-white)}
button.btn.btn-search{background:0 0;border:0;padding:0;font-size:16px;line-height:20px;top:-2px;position:relative;color:var(--bs-white)}
.trapezoid-1{height:50px;width:200px;background:var(--bs-lightblue);text-align:center;line-height:50px;position:fixed;top:calc(50% + 100px);right:-75px;transform:rotate(90deg) translateX(-50%);clip-path:polygon(0% 0%,100% 0%,75% 100%,25% 100%)}
.trapezoid-1 a{display:block}
/* Mobile floating contact tab - hidden on desktop */
.mobile-contact-tab{display:none}
.tab-container form input,.tab-container form select,.tab-container form textarea{width:80%!important;height:35px;border:1px solid var(--bs-black);padding:0 10px}
.tab-container form textarea{height:87px}
.tab-container form label{display:block;width:100%;padding:14px 0; color:#000;}
.tab-container form input.wpcf7-submit{max-width:258px;margin:0 auto;display:block;height:49px;background:var(--bs-lightblue);color:var(--bs-white);border:0;text-transform:uppercase;font-size:25px; font-weight: 400;}
.nav-tabs{border-bottom:1px solid var(--bs-black)}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{background:var(--bs-black);color:var(--bs-white);border-color:var(--bs-black);border-radius:0}
/* Contact page - fixed size image (vh units prevent resizing when errors appear) */
.bg-white.contact_bg{background-color:var(--bs-white)!important;background-image:url('/wp-content/uploads/2025/02/Pro-Capture-One-2229-Contact-1.png'),url('/wp-content/uploads/2025/02/Group-20-1.png');background-repeat:no-repeat,no-repeat;background-position:left bottom,center center;background-size:auto 70vh,contain}
/* Contact popup modal - larger image */
.bg-white.contact_bg.bg-pop{background-size:auto 80vh,contain}
.nav-tabs,.nav-tabs .nav-link{background:0 0;color:var(--bs-black);border-color:var(--bs-black);border-radius:0}
body.single.single-treatments{background-image:url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'),url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png');background-size:100% 80vh,auto auto;background-repeat:no-repeat;background-position:top center,center center}
body.single.single-treatments section.main_part{padding-bottom:0}
.workstation_desc h3{text-transform:uppercase}
.workstation_desc li{list-style:inside}
.workstation_desc p{margin-bottom:20px}
.workstation-link a:hover{color:var(--bs-white)!important}
section.logo_list{background:rgba(89,183,179,.64)}
.logo_list img{max-width:180px;width:100%}
.page-desc p{font-size:22px;text-align:center;color:var(--bs-white);line-height:1.8}
.studies_description{padding:8px 20px}
h3.clinical-Studies_heading.color2{font-size:26px;line-height:32px}
.studies-meta p{text-align:left;color:var(--bs-white);font-size:17px;line-height:24px;margin:0}
.studies-meta{padding:0 20px}
/* Workstation styling - single source of truth in parent theme */
.workstation_img.col-md-5.col-sm-12 {  overflow: visible !important;}
.workstation_img img{height:auto !important;object-fit:contain !important;max-height:700px !important;width:auto !important;display:block !important;margin:0 auto !important;}

/* Workstation single page sections */
.section-content {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 30px;
}
.section-content p {
    margin-bottom: 15px;
    color: #fff;
}
.section-content ul, .section-content ol {
    margin-bottom: 15px;
    padding-left: 20px;
    color: #fff;
}
.section-content li {
    margin-bottom: 5px;
    color: #fff;
}
.section-content h1, .section-content h2, .section-content h3,
.section-content h4, .section-content h5, .section-content h6 {
    color: #59B7B3;
}
.section-content a {
    color: #59B7B3;
}
.section-content a:hover {
    color: #fff;
}
.btn-check:focus+.btn,.btn:focus{box-shadow:none}
.color2{color:var(--bs-lightblue) !important;}
a:hover{color:var(--bs-white)}
.menu-item-has-children .sub-menu{display:none;position:absolute;background-color:#00000070;padding:10px;z-index:9999;left:0}
.sub-menu li a:hover{color:var(--bs-lightblue)}
.menu-item-has-children>a{position:relative}
.menu-item-has-children>a:after{content:"\f107";font-size:12px;margin-left:5px;cursor:pointer;font-family:FontAwesome}
.collapse.show .menu-item-has-children .sub-menu{position:relative;left:0;background:0 0}

/* Submenu styling is handled in the mobile menu breakpoint section above */
.row.content_work.align-items-end.px-5{max-width:1550px;margin:0 auto}
section#work_tech h2{max-width:1550px;margin:0 auto}
.slick-prev:before{content:"\f104"!important;font-family:FontAwesome!important;font-size:40px;color:var(--bs-lightblue)}
.slick-next:before{content:"\f105"!important;font-family:FontAwesome!important;font-size:40px;color:var(--bs-lightblue)}
.testimonial_slider .slick-next:before,.testimonial_slider .slick-prev:before{color:var(--bs-lightblue)!important}
/* Homepage Clinical Studies Slider - Pre-slick and post-slick states */
/* Dec 2025: Arrows OUTSIDE cards - container with extra padding for arrow space */
section.clinical_studies{overflow:visible!important;}
section.clinical_studies .container-fluid.fixed_width{max-width:1400px;margin:0 auto;padding:0 80px!important;}
section.clinical_studies .row.studies.home-clinical-slider{margin:0 auto!important;max-width:1200px;width:100%!important;padding:0!important;box-sizing:border-box;overflow:visible;position:relative;}
/* Before Slick initializes - hide items beyond 3 and show grid */
.home-clinical-slider:not(.slick-initialized){display:grid;grid-template-columns:repeat(3,1fr);gap:40px;justify-items:center;}
.home-clinical-slider:not(.slick-initialized) > .home-clinical-slide:nth-child(n+4){display:none!important;}
/* Reset row flex behavior for slider container */
.row.studies.home-clinical-slider{flex-wrap:nowrap;}
.home-clinical-slider .slick-list{padding:0;overflow:hidden;margin:0 auto;}
.home-clinical-slider .slick-slide{display:flex!important;justify-content:center;align-items:stretch;padding:0!important;}
.home-clinical-slider .home-clinical-slide{width:100%;max-width:360px;margin:0 auto;display:flex;}
.home-clinical-slider .home-clinical-slide .legacy-study-card{width:100%;}
/* Dec 2025: Arrows positioned OUTSIDE cards */
.home-clinical-slider .slick-prev,.home-clinical-slider .slick-next{top:50%;transform:translateY(-50%);z-index:100;}
.home-clinical-slider button.slick-prev.slick-arrow{left:-50px!important;}
.home-clinical-slider button.slick-next.slick-arrow{right:-50px!important;}
.home-clinical-slider .slick-prev:before,.home-clinical-slider .slick-next:before{content:"\f104"!important;font-family:FontAwesome!important;color:var(--bs-lightblue)!important;font-size:40px;}
.home-clinical-slider .slick-next:before{content:"\f105"!important;}
@media (min-width: 768px) {
    section.clinical_studies .row.studies {
        justify-content: center;
    }
    .home-clinical-slider .slick-track{
        display:flex!important;
        align-items:stretch!important;
        justify-content:center;
        gap:30px;
        margin:0 auto!important;
    }
    .home-clinical-slider .slick-slide{
        width:auto!important;
    }
    .home-clinical-slider .slick-list{
        overflow:hidden;
        padding:0;
    }
}
@media(max-width:767px){
    /* Mobile: Full width container with small padding for arrows */
    section.clinical_studies .container-fluid.fixed_width{padding:0 10px!important;}
    section.clinical_studies .row.studies.home-clinical-slider {
        width: 100% !important;
        padding: 0 !important;
    }
    /* Mobile arrows: inside the container edges */
    .home-clinical-slider button.slick-prev.slick-arrow{left:5px!important;}
    .home-clinical-slider button.slick-next.slick-arrow{right:5px!important;}
    /* Pre-slick state - show only 1 item on mobile */
    .home-clinical-slider:not(.slick-initialized){grid-template-columns:1fr;}
    .home-clinical-slider:not(.slick-initialized) > .home-clinical-slide:nth-child(n+2){display:none!important;}
    /* Container padding for arrows - use box-sizing to ensure proper width calculation */
    .home-clinical-slider .slick-list{
        padding:0 24px!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
        width:100%!important;
        max-width:100%!important;
    }
    /* Ensure slide width matches the .slick-list content width (excluding padding) */
    .home-clinical-slider .slick-slide{
        box-sizing:border-box!important;
    }
    /* Hide cloned slides completely */
    .home-clinical-slider .slick-slide.slick-cloned {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* Ensure arrows are visible and outside cards on mobile */
    .home-clinical-slider .slick-prev,
    .home-clinical-slider .slick-next {
        display: block !important;
        visibility: visible !important;
        z-index: 10 !important;
        opacity: 1 !important;
    }
    .home-clinical-slider .slick-prev {
        left: 5px !important;
    }
    .home-clinical-slider .slick-next {
        right: 5px !important;
    }
    /* JavaScript will set the exact width, but ensure it can override Slick's inline styles */
    .home-clinical-slider .slick-track .slick-slide {
        /* Width set by JavaScript to match .slick-list content width */
    }
    /* Style disabled arrows */
    .home-clinical-slider .slick-arrow.slick-disabled {
        opacity: 0.3 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
    /* Remove Bootstrap column width constraints - let content flow naturally */
    .home-clinical-slider .slick-slide .col-lg-4,
    .home-clinical-slider .slick-slide .col-md-6,
    .home-clinical-slider .slick-slide .col-12{
        width:auto!important;
        max-width:none!important;
        flex:none!important;
    }
    /* Constrain the actual card content to 320px and center it */
    .home-clinical-slider .slick-slide .home-clinical-slide{
        width:320px!important;
        max-width:320px!important;
        margin:0 auto!important;
    }
}
/* Slick controls .slick-track display - DO NOT override with flex (Dec 2025 fix) */
.single-workstation .work-slider .slick-track{align-items:stretch;}
.single-workstation .work-slider .slick-slide{display:flex!important;align-items:stretch;padding:0 12px!important;height:auto;box-sizing:border-box;}
.single-workstation .work-slider .slick-slide > *{margin:0 auto;display:flex!important;flex-direction:column;height:100%;}
.slick-prev{left:0}
.slick-next{right:0}
/* MOBILE MENU RULES - Moved to mobile breakpoint section (line ~273) */
section#work_studies{margin-top:0}
.news-desc p.date{font-size:16px!important;margin-top:0;color:var(--bs-white)}
.navbar-expand{justify-content:center!important}
.btn.btn-provider:hover{background:var(--bs-white)!important;color:var(--bs-black)}
.active button.btn.btn-provider{background:var(--bs-white);color:var(--bs-black)}
ul#social{position:relative}
ul#social .menu-item-has-children .sub-menu li a{color:var(--bs-white);font-size:14px!important}
ul#primary-menu>.menu-item-has-children>ul.sub-menu, ul#provider-menu>.menu-item-has-children>ul.sub-menu{width:max-content!important}
ul#primary-menu>.menu-item-has-children>ul.sub-menu li>ul.sub-menu, ul#provider-menu>.menu-item-has-children>ul.sub-menu li>ul.sub-menu{left:100%;top:0;margin-top:0;padding-top:0;width:max-content}
ul#primary-menu li>ul.sub-menu li>ul.sub-menu li a, ul#provider-menu li>ul.sub-menu li>ul.sub-menu li a{padding:9px 10px 0; font-weight:300 !important;}
ul#primary-menu>li>a, ul#provider-menu>li>a{border-bottom:1px solid transparent}
ul#primary-menu>li>a:active,ul#primary-menu>li>a:hover, ul#provider-menu>li>a:active,ul#provider-menu>li>a:hover{border-color:var(--bs-lightblue);color:var(--bs-lightblue)}
.tab-container{margin:0 auto;width:950px;padding:80px 15px;max-width:100%}
.menu-item-has-children>.sub-menu>.menu-item-has-children>a:after{content:"\f105";width:10px;font-size:20px;margin-left:15px}
.menu-item-has-children>.sub-menu>li>a{font-size:24px!important;font-weight:300;line-height:36px!important;}
ul#primary-menu li>ul.sub-menu li>ul.sub-menu li a, ul#provider-menu li>ul.sub-menu li>ul.sub-menu li a{padding:3px 10px 0;font-size:24px!important; font-weight:300;}
section#work_event .row.tech_list.px-5{padding:0 50px}
.row.justify-content-center.align-items-center.single_details p { font-size: 16px; color: #fff;}
body.page-template-clinical-studies .main_part .container-fluid { max-width: 1550px;}
body.page-template-clinical-studies { background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'),url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png'); background-size: 100% 80vh,100% auto; background-repeat: no-repeat;  background-position: top center,center center;}
ul.sub-menu { z-index: 9999999 !important;}
img.custom-logo:hover{transform:scale(1.1);}
.site-title{display:none;}
.fixed_width.container-fluid {  max-width: 1550px;  margin: 0 auto;}
/* About page background - applied to entire page */
body.page-template-about-page-template {
    background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/10/aboutus_background-scaled.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
}

/* Ensure header remains visible on about page - solid black like other inner pages */
body.page-template-about-page-template .site-header {
    background: #000 !important; /* Solid black - matches other inner pages */
    position: relative !important;
    z-index: 1000 !important;
}

section.body_content_about {
    color: #000 !important;
    padding: 35px 0;
    background: transparent !important;
    position: relative;
    z-index: 1;
}
section.body_content_about p {   color: #000;}
section.body_content_about .page-desc p {  font-size: 24px;  line-height: 37px;}
section.body_content_about hr.single_border { border: 2px solid #59b7b3 !important; margin-top: 50px; margin: 50px auto;width: 90%;}
section.body_content_about h2{font-weight:400; text-transform: uppercase;}
section.body_content_about h3.heading_sub_inner { font-size: 33px;line-height: 37px; font-weight: 400;}
.vision_mission { font-size: 23px;line-height: 37px;}
.fundamentals ul li {font-size: 23px;line-height: 37px;}
.fundamentals ul {  padding-left: 30px;}
.fixed_width.team_group{
    padding-top:80px;
    margin-bottom: 40px;
}

/* About Page Team Section - Figma Design Dec 2025 */
/* Team Group Title - Figma: 33px, 400 weight, uppercase, teal */
.fixed_width.team_group h2.heading_inner,
.fixed_width.team_group h2.color2.heading_inner {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 33px;
    line-height: 37px;
    text-transform: uppercase;
    color: #59B7B3;
    text-align: center;
    margin-bottom: 40px;
}

/* Team Member Name + Designation Container - Figma styling */
.team_description h3.color2,
.team_list_div .team_description h3 {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    line-height: 27px;
    text-transform: uppercase;
    color: #59B7B3;
    margin: 0;
    text-align: left;
}

/* Team Member Name - Figma: 21px, 600 weight */
.team_description h3 .team-name {
    font-weight: 600;
    font-size: 21px;
}

/* Team Member Designation - Figma: 18px, 200 weight */
.team_description h3 .team-designation {
    font-weight: 200;
    font-size: 18px;
    display: block;
    margin-top: 2px;
    margin-bottom: 8px;
}
.team_thumb img { clip-path: polygon(7% 28%, 49% 7%, 92% 28%, 92% 71%, 49% 92%, 7% 70%); height: 163px; padding: 0; width: 337px;  object-fit: cover; object-position: top center;}
.team_thumb {background: url("https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/box-container.png");background-size: contain; background-repeat: no-repeat; overflow: hidden;}
div#teamModal .modal-dialog .modal-content {background: #fff; color: #000; border:1px solid;}
.team-list.row img {width: 180px;}
/* Override Bootstrap padding for team member spacing */
.team-list.row .col-md-4.pb-5 {
    padding-bottom: 5rem !important; /* Increased from 3rem to 5rem */
}

.team-list.row .col-md-4.pb-sm-3 {
    padding-bottom: 3rem !important; /* Increased from 1rem to 3rem on small screens */
}
.team_description h4, .team_description p { font-size: 16px !important; line-height: 23px !important; margin:5px 10px 10px; color: var(--bs-lightblue) !important; text-align:left; text-transform:uppercase;}
.team-list.row p { font-size: 20px;line-height: 33px; color: #000 !important;}
div#teamModal{background-color:rgba(255,255,255,0.8);}
div#teamModal button.btn-close {position: absolute; right: 15px;top: 15px;}
img#modalImage {max-height: 190px; margin-right: 20px;}
.team-list.row p {font-size: 20px;  line-height: 33px; text-align:left; color: #000 !important;}
.team_list_div:after { content: ""; position: absolute;width: calc(100% - 130px); height: 2px;background: var(--bs-lightblue);right: 0;bottom: 12px;}
.team_list_div{position:relative;}
.team_pop_content h5 { font-size: 21px;line-height: 27px;text-transform: uppercase; text-align: left;}
div#teamModal .d-flex.align-items-end { border-bottom: 2px solid #59b7b3; width: fit-content;}
p#modalContent {text-align: left; margin-top: 10px; font-size: 20px;line-height: 33px;}
.team_pop_content { margin-bottom: 20px;}
.team_description.p-2 { width: calc(100% );}
.img-thumb {width: 180px;}
button.btn-close {top: 0; font-size: 20px;}
section.our_workstation h2{margin-bottom:50px;}
.our_workstation .slick-dots li button:before{color:#fff !important;}
.slick-dots li button:before{opacity:1 !important}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:0.25 !important;}
p.branding {margin-bottom: 0;font-size: 10px;  margin-top: 0px;}
input.search-submit:hover { background: var(--bs-lightblue);border-color: var(--bs-lightblue);  color: #fff; border:1px solid var(--bs-lightblue);}
.meta_content>p {min-height: unset;}
.news-desc h3 { color: #000;font-size: 20px;margin-top: 10px; font-weight:500;}
/* Font size now controlled by unified page title rule */
section.work_stations h2.page-title { color: var(--bs-lightblue);}
.frame-container {position: relative; display: inline-block;width: 300px; height: 310px;}
.frame-container img {display:block; width:100%;height:100%;-webkit-mask-image: url('#hex-mask');mask-image: url('#hex-mask'); -webkit-mask-size: 100% 100%;mask-size: 100% 100%;background-color: white;}
.hexagon-frame {position: absolute;top: 0; left: 0;width: 100%;height: 100%;pointer-events: none; }
.bg_work img{max-height:650px; opacity:0;}

.news-thumb img{width:100%;}
.slick-initialized .slick-slide.team-list.blog-list { display: block; margin-left: 50px;  margin-right: 50px;}
body.single.single-workstation section.main_part {  postion:relative;}
.sticky {position: fixed;top: 0; width: 100%;left: 0;padding: 20px; background: rgba(0,0,0,0.8);}
/* Original ba-Slider rule - force height constraint for desktop */
.ba-Slider{  position:relative;  display:block; width:max-content; margin:0 auto; overflow:hidden;-moz-user-select: none; -webkit-user-select: none;  -ms-user-select:none; user-select:none; max-width:100%;}

/* CLEANED UP - Removed duplicate conflicting CSS */

/* Before/After true split fix */
.ba-Slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 270px;
  max-height: 270px;
  min-height: 270px;
  overflow: hidden;
  background: #000;
}
.ba-Slider #after {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 100%;
  height: 270px;
  z-index: 1;
  overflow: hidden;
}
.ba-Slider #before {
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 50%; /* Controlled by JS */
  height: 270px;
  z-index: 2;
  overflow: hidden;
  transition: width 0.2s;
}
.ba-Slider #before img,
.ba-Slider #after img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  display: block;
}
/* Figma-style bar and handle - Updated to match Figma specs */
.ba-Slider .slider2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5px; /* Figma: 5px solid #59B7B3 */
  height: 100%;
  background: #59B7B3; /* InMode teal */
  z-index: 3;
  cursor: ew-resize;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px rgba(89, 183, 179, 0.5);
}
/* Hexagonal handle - Figma specs: 36x42px */
.ba-Slider .slider2::after {
  content: '';
  display: block;
  width: 36px;
  height: 42px;
  background: #59B7B3; /* InMode teal */
  /* Hexagon shape from Figma */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  border-radius: 0;
}
/* Arrow icons inside handle - using CSS triangles */
.ba-Slider .slider2::before {
  content: '◀ ▶';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 8px;
  letter-spacing: 2px;
  z-index: 1;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .ba-Slider .slider2::after {
    width: 30px;
    height: 36px;
  }
  .ba-Slider .slider2::before {
    font-size: 6px;
  }
  .ba-Slider {
    aspect-ratio: 1/1;
  }
}

@media (max-width: 767px) {
    .ba-Slider {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* REMOVED CONFLICTING CSS - keeping only the fixed version at line 1172 */
body.page-template-news_template:not(.single-workstation),
.page-template-blog-template,
.news-template-default,
.post-template-default,
.page-template-past-events,
.page-template-upcoming-events  {background: #000 url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/news-bg.png'); background-size: 100% auto; background-repeat: no-repeat;}
/* Filter Dropdown Buttons - arrow on right side */
.form-filters button.btn.btn_border_white.dropdown-toggle, 
.form-filters button.btn_border_white { 
    border: 1px solid #fff; 
    color: #fff; 
    width: 230px !important; 
    font-size: 20px; 
    font-weight: 400;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
.form-filters .dropdown-toggle::after {
    margin-left: auto;
    flex-shrink: 0;
}
.filter_list { gap: 15px;}
/* Filter Dropdown Menu Items - proper spacing and no overflow */
.form-filters ul.dropdown-menu.show li label { 
    color: #fff !important; 
    white-space: normal !important; 
    font-size: 16px !important; 
    background: transparent; 
    font-weight: 400;
    line-height: 1.4;
    padding: 8px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.form-filters ul.dropdown-menu.show li label input[type="checkbox"] {
    flex-shrink: 0;
    margin-top: 3px;
}
.form-filters ul.dropdown-menu {
    width: 280px;
    max-width: 320px;
    background: rgba(0,0,0,0.92);
    padding: 10px 0;
    max-height: 400px;
    overflow-y: auto;
}
.form-filters ul.dropdown-menu li {
    padding: 0;
    margin: 0;
}
.form-filters button#all-button { background: #fff; color: #000;}
#after img {width: 100%;max-width: 100%;}
.footer_top img.custom-logo { max-width: 281px;}
.multip, .multip1 { position: absolute; border: 1px solid #000; width: 800px; right: 60px;padding: 20px; color:#000; background:#fff; z-index:9999;}
.tab-container form input[type="checkbox"] {width: 20px !important; height: 20px;}
.tab-container form input[type="checkbox"] span.wpcf7-form-control.wpcf7-checkbox {display: flex;flex-wrap: wrap; width: 100%;  gap: 20px;}
.tab-container form .wpcf7-list-item { margin: 0;width: 50%;}
.tab-container form .wpcf7-list-item label {padding: 10px; display: flex; gap: 10px;align-items: start;}
a.multi.btn, a.multi1.btn {  width: 80%; text-align: left; padding: 0 10px;height: 35px;border: 1px solid;border-radius: 0;line-height: 33px; color: #000;}
div#videoModal {background: rgba(255,255,255,0.8);}
div#videoModal button.btn-close {position: absolute; top: 15px; right: 15px;}
div#videoModal .modal-content { border: 1px solid #000; background:#fff;}
.page-template-about-page-template section.main_part { padding-bottom: 0;}
.tech_logo {min-height: 100px; width:100%; text-align:center;}
.tech_logo img {margin: 20px auto;}
.event-top-part { background: #59B7B3; padding: 20px; text-align: center;}
.event-top-part p {    margin-bottom: 0; border-bottom: 1px solid #fff; font-size:16px !important;}
.event-top-part h4 a{color: #000;font-size: 20px;line-height: 26px;  margin-bottom: 0;  padding: 15px 0 0; display:block; font-weight:700; min-height:60px;}
.event-top-part span{font-size:16px; font-weight:700;}
.event-top-part sapn i { font-size: 25px;}
a.btn.btn-event {
    background: var(--bs-lightblue);
    color: #fff;
    display: block;
    margin: 20px;
    max-width: 100%;
    width: 230px !important;
    height: 35px;
    padding: 0;
    line-height: 35px;
    border: 1px solid var(--bs-lightblue);
    border-radius:0px;
}
a.btn.btn-event:hover {
    background: #fff;
    color: var(--bs-lightblue);
    border: 1px solid #fff;
}
    .event-thumb {
  position: relative;
  width: 100%;}

.event-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay-thumb {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.75);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.event-thumb:hover .overlay-thumb {
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.event-thumb iframe {
    max-width: 100%;
    height: auto;
    min-height: 280px;
} 
/* Font size now controlled by unified page title rule */
section.events.upcoming-events h2.page-title {
    color: var(--bs-lightblue);
    text-transform:uppercase;
}
section.events.upcoming-events p {
    font-size: 24px;
    line-height: 37px;
    font-weight: normal;
    text-align: center;
}



.page-template-contact-page-template label {
    font-size: 20px !important;
    font-weight: 400;
}
.page-template-after-before-template .page-desc p {
    font-size: 24px;
    margin-bottom: 50px;
}
.page-template-about-page-template a.uk_marketing.btn.btn_link {
    font-size: 33px;
    font-weight: 400;
    color: #59B7B3;
    text-transform: uppercase;
}
.entry-content1 {
    max-width: 880px;
    margin: 0 auto;
}

.entry-content1 p {
    font-size: 20px;
    line-height: 27px;
}
h1.entry-title {
    font-size: 52px;
    text-transform: uppercase;
}

.top_bar_model {background: var(--bs-lightblue);padding: 15px  50px !important; }
.row.p-5.bg_dark { background: #000;color: #fff;}
.serach.result.row.row_list h2 a {color: var(--bs-lightblue);   text-transform: uppercase;font-size: 35px;    display: block;   margin-bottom: 10px;}
.serach.result.row.row_list p {font-size: 20px;line-height: 31px;}
.serach.result.row.row a.color2.link-btn { display: block;font-size: 16px !important; margin-top: 0 !important; max-width: fit-content; border: 1px solid;  padding: 5px 30px; margin-bottom: 30px;}
ul#primary-menu li .color2 a{color:var(--bs-lightblue) !important;}

button.slick-next.slick-arrow{right:0px}
button.slick-prev.slick-arrow{left:0px;}
a.btn.btn-treatment_back.color2 { font-size: 20px;  font-weight: 700;  padding: 50px 0;}
/* Font size now controlled by unified page title rule */
h2.color2.heading_post {}
a.d-block.color2.link_btn.link_box.p-2 {font-weight: 700; font-size: 20px;}
.post_header p {  font-size: 20px;  line-height: 24px;}
h2.text-center.color2.single_post_title {
    font-size: 52px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.post_header p.date {
    font-size: 19px; font-weight:700; 
}
.event-top-part p {
    font-weight: 700 !important;
}
a.text-center.color2.pre_event_link {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom:30px;
}
/* Font size now controlled by unified page title rule */
h2.page_title.text-center.after_before_gallery {
}
.result_list1 a.color2.link-btn.d-block {
    font-size: 20px;
    font-weight: 700;
}
.tab-container form textarea {
    height: 87px;
    width: 100% !important;
}
.tab-container form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label {
    font-size: 14px;
}
.tab-container form .d-flex >p { display: flex; width: 100%;  margin-bottom: 0; justify-content:space-between;}
.tab-container form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {width: 100%;}
.tab-container form span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { width: 100%;}
.tab-container div#nav-tab {
    gap: 20px;
}
.sign-height {
    min-height: calc(80vh - 170px);
}
#wpcf7-f1430-o1 label {
    display: block;
    width: 100% !important;  font-size: 20px;
    margin-top: 15px;
}
#wpcf7-f1430-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, #wpcf7-f1430-o1 select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required, #wpcf7-f1430-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    height: 35px; padding:7px 15px;     color: #ffff !important;
} 
#wpcf7-f1430-o1 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    max-width: 348px;
    width: 100%;
    margin: 0 auto;
    background: var(--bs-lightblue);
    color: #fff;
    height: 47px;
    font-size: 20px;
    display: block;
}
#wpcf7-f1430-o1 span.wpcf7-form-control.wpcf7-acceptance label {
    font-size: 14px !important;
}
#StudiesModal .modal-content{border:0px;}

/* Clinical Studies Download Modal Styling */
#StudiesModal .modal-content {
    border: 0;
    border-radius: 0;
    background: var(--bs-white);
}
/* Clinical Studies modal form readability (white background, dark text) */
#StudiesModal .modal-body, #StudiesModal .bg_dark { background:#fff !important; color:#000 !important; }
#StudiesModal .top_bar_model { background: var(--bs-lightblue) !important; color:#fff !important; }
#StudiesModal .wpcf7 label { color:#000 !important; font-size:16px !important; display:block; }
#StudiesModal .wpcf7 input:not([type="submit"]):not([type="checkbox"]),
#StudiesModal .wpcf7 select,
#StudiesModal .wpcf7 textarea { width:100% !important; background:#fff !important; color:#000 !important; border:1px solid #000 !important; height:35px; padding:7px 10px; box-sizing:border-box; }
#StudiesModal .wpcf7 textarea { height:120px; }
#StudiesModal .wpcf7 input.wpcf7-submit { background: var(--bs-lightblue); color:#fff; border:0; height:47px; text-transform:uppercase; border-radius:0; }

#StudiesModal .close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1050;
    font-size: 30px;
    color: #000;
    border: none;
    background: transparent;
    opacity: 0.8;
}

#StudiesModal .close:hover {
    opacity: 1;
    color: #000;
}

#StudiesModal .modal-content textarea {
    height: 180px !important;
    min-height: 180px !important;
}

/* Clinical Studies Modal Form Dropdown Fixes */
#StudiesModal select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
}

#StudiesModal select option {
    background-color: #fff !important;
    color: #000 !important;
    padding: 8px 12px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

#StudiesModal select:focus {
    outline: 2px solid var(--bs-lightblue) !important;
    background-color: #fff !important;
}

#StudiesModal select:hover {
    border-color: var(--bs-lightblue) !important;
}

/* Ensure dropdown options are always visible - multiple selectors for compatibility */
#StudiesModal .wpcf7-form-control.wpcf7-select,
#StudiesModal .wpcf7-select,
#StudiesModal select[name="pays"] {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
}

#StudiesModal .wpcf7-form-control.wpcf7-select option,
#StudiesModal .wpcf7-select option,
#StudiesModal select[name="pays"] option {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: normal !important;
}

/* Force override any inherited white text color */
#StudiesModal form select,
#StudiesModal form select *,
#StudiesModal select,
#StudiesModal .modal-body select,
#StudiesModal .modal-content select {
    color: #000 !important;
    background-color: #fff !important;
}

/* Additional force overrides for all possible select variations */
#StudiesModal * select {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

#StudiesModal * select option {
    color: #000 !important;
    background-color: #fff !important;
    font-weight: normal !important;
}

/* Clinical Studies Modal - Essential Dropdown Fix Only */
#StudiesModal select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
}

#StudiesModal select option {
    background-color: #fff !important;
    color: #000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media only screen and (max-width:1920px){
#contactModal .modal-xl{max-width:100%!important;width:1400px!important}

}
@media only screen and (min-width:1200px){
.signauture-section img.w-100.signture { margin-left: 110px; width:100%;}



}
/* StudiesModal Form Field Styling - Essential CSS from German site */
#StudiesModal form input:not([type="submit"]):not([type="checkbox"]),
#StudiesModal form select,
#StudiesModal form textarea {
    width: 80% !important;
    height: 35px !important;
    border: 1px solid var(--bs-black) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

#StudiesModal form textarea {
    height: 87px !important;
    min-height: 87px !important;
}

#StudiesModal form label {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 !important;
    color: #000 !important;
    font-size: 16px !important;
}

#StudiesModal form input.wpcf7-submit {
    max-width: 258px !important;
    margin: 0 auto !important;
    display: block !important;
    height: 49px !important;
    background: var(--bs-lightblue) !important;
    color: var(--bs-white) !important;
    border: 0 !important;
    text-transform: uppercase !important;
    font-size: 25px !important;
    font-weight: 400 !important;
}

#StudiesModal form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
}

#StudiesModal form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
}

/* Clean StudiesModal CSS - matches German site exactly */

/* Mobile: Clinical Studies Modal Header Fix - Dec 2025 */
@media only screen and (max-width:767px){
    #StudiesModal .modal-dialog {
        margin: 0 !important;
        max-height: 100vh !important;
        height: 100% !important;
    }
    #StudiesModal .modal-content {
        height: 100% !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        border-radius: 0 !important;
    }
    #StudiesModal .modal-body {
        padding-top: 0 !important;
        overflow-y: auto !important;
    }
    /* Ensure header/title bar is visible and not cut off */
    #StudiesModal .top_bar_model,
    #StudiesModal .bg_dark h4,
    #StudiesModal .modal-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
        background: var(--bs-lightblue) !important;
        padding: 15px !important;
        margin: 0 !important;
    }
    #StudiesModal .bg_dark {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /* Form container padding */
    #StudiesModal .container,
    #StudiesModal .container-fluid {
        padding-top: 10px !important;
    }
    /* Close button visible on mobile */
    #StudiesModal .close,
    #StudiesModal .btn-close {
        position: fixed !important;
        top: 10px !important;
        right: 15px !important;
        z-index: 1060 !important;
        background: #fff !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
    }
}

@media only screen and (max-width:767px){
img.w-100.signture{padding:0!important}
/* Dec 2025: Reduced mobile about section padding */
section.about_inmode{padding:25px 15px 20px!important}
.col-md-6.sign{height:440px}
.desktop-hide{display:block}
.mob-hide{display:none}
.counter-box.colored .counter,
.counter-box.colored .counter-suffix{font-size:40px}
.counter-box.colored p{font-size:17px;max-width:180px;color:var(--bs-black)}
.mob-menu.desktop-hide{width:30%;text-align:right;padding-right:20px;padding-top:0;color:var(--bs-white);font-size:20px}
.logo_wrap{width:70%;padding-left:20px}
.banner{background-color:transparent!important;background-repeat:no-repeat!important;padding-top:0;margin-top:0;background-size:cover!important;background-position:center center!important;min-height:auto;height:auto!important}
.about_inmode h1,section.about_inmode,section.clients.says h2,section.clinical_studies h2,section.our_workstation,section.our_workstation h2{font-size:19px!important;margin-bottom:10px!important}
.about_inmode p{font-size:16px;line-height:24px;margin-bottom:15px!important}
.banner_slider.multiple-banners.slick-initialized.slick-slider{margin-bottom:0!important}
.our_workstation a.link_discover,.our_workstation p,.studies_description a.link_discover{font-size:14px!important;font-weight:500}
.col-sm-6.sign{height:440px}
section.clients.says,section.our_workstation{padding:40px 0}
section.clinical_studies .container>h2{padding:25px 0}
.testimonial_description h5,.testimonial_description p{font-size:18px;line-height:24px}
section.clients.says .conatiner-fluid{padding-left:15px;padding-right:15px}
.testimonial_description a{font-size:14px}
section.techonology{background:url('/wp-content/uploads/2025/02/Pro-Capture-One-2061-1.png');background-repeat:no-repeat;background-size:50%;background-position:left -40% bottom;padding:0}
section.techonology h2{font-size:24px!important;white-space: pre-line;line-height:1.2;margin-bottom:20px;}
section.techonology a.btn.btn-primary.btn-contact{font-size:17px}
.footer_top h3{font-size:35px}
.footer_top h5{font-size:22px}
.footer-address{font-size:10px}
.row.footer_bottom nav #footer-menu{font-size:11px}
.footer_top{padding-top:40px;padding-bottom:20px;border-bottom:2px solid var(--bs-lightblue)}
section.techonology .row{padding-bottom:80px}
h2.page-title{margin-bottom:0;font-size:19px}
section.work_stations{padding:40px 15px;}
.d-flex.flex-column.h-100.flex-height{min-height:320px}
.row.workstation-bottom.my-3{max-width:100%;border-bottom:0}
.workstation-link{text-align:center}
.workstation-link a{font-size:12px;border:1px solid var(--bs-lightblue);max-width:110px;display:block;margin:0 auto;background:transparent;color:var(--bs-lightblue);padding:8px 15px;height:35px;line-height:19px;border-radius:4px}
.workstation_desc p{margin-bottom:15px;font-size:12px}
.workstation-bottom .workstation_desc,.workstation-bottom .workstation_desc h3{font-size:12px}
.workstation-bottom .workstation_desc ul li{font-size:12px}
}

/* Mobile-only workstation styles */
@media only screen and (max-width: 767px) {
    /* Reset the layout to stack vertically */
    .row.workstation-bottom.my-3{
        min-height: 500px;
        align-items: stretch;
        flex-direction: column;
    }
    
    .workstation_img, .workstation-content{
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
    
    .workstation-content{
        display: block !important;
        height: auto;
    }
    
    /* Override the flex classes on mobile */
    .workstation-content .d-flex,
    .workstation-content .flex-column,
    .workstation-content .h-100,
    .workstation-content .flex-height{
        display: block !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    /* 1. Logo at top */
    .workstation-bottom img.wrokstation_logo{
        max-width: 100px;
        max-height: 50px;
        margin: 0 auto 15px;
        display: block;
    }
    
    /* 2. Machine image */
    .workstation_img{
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 15px 0;
        order: -1; /* Put machine before content */
    }
    .workstation_img img{
        height: 180px !important;
        width: auto !important;
        object-fit: contain !important;
    }
    
    /* 3. Text content */
    .workstation_desc{
        margin-bottom: 10px;
    }
    
    /* Limit description text to 3 lines */
    .workstation_desc p{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        max-height: calc(1.4em * 3);
        margin-bottom: 8px;
    }
    
    /* Limit treatment list to 3 lines */
    .workstation_desc ul{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
        max-height: calc(1.3em * 3);
        margin-bottom: 5px;
        padding-left: 15px;
    }
    
    /* Reduce space on content section */
    .workstation_desc{
        margin-bottom: 5px;
    }
    
    /* 4. Discover more with reduced space */
    .workstation-link{
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 10px;
    }
    
    .workstation-link a{
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        height: auto !important;
        line-height: normal !important;
        border-radius: 0 !important;
        max-width: none !important;
        font-size: 12px;
        color: var(--bs-lightblue);
        text-decoration: none;
        white-space: nowrap;
        margin: 0;
    }
}
/* Mobile counters spacing and alignment */
@media (max-width: 767px) {
  section.banner > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section.banner .row.signature-section {
    margin: 0 !important;
    background: #fff;
    padding: 24px 0;
  }
  .counter-row {
    padding: 0 20px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .counter-row .col-6 { padding: 16px 0; }
  .counter-box.colored { display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .counter-box.colored span { line-height: 1; }
  .counter-box.colored p { margin: 8px auto 0; }
}

@media (min-width: 992px) {
}
/* Remove any accidental gap between hero and counters on small screens */
@media (max-width: 767px){
  section.banner + section.home-counters { margin-top: 0 !important; }
}
/* WORKSTATION MOBILE FIXES - Dec 2025 */
@media (max-width: 767px) {
    .post_header h3{font-size:15px;letter-spacing:2px;margin:30px 10px;line-height:22px; font-weight:500;}
    .p2i button.navbar-toggler{font-size:15px}
    .p2i .navbar-toggler:focus{box-shadow:none!important}
    .p2i_list li a{padding:5px 30px 5px;font-size:13px;display:block}
    
    /* 1. Logo - prevent stretching, maintain aspect ratio */
    body.single-workstation section.main_part img.mx-auto {
        height: auto !important;
        max-height: 150px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* 2. What is text: 14px/20px instead of 23px/30px */
    section.main_part .post_desc{font-size:14px !important;line-height:20px !important}
    section.main_part .row.content_work h2{font-size:16px;line-height:20px;padding:10px 0}
    .row.content_work{padding-top:40px}
    
    /* 3. Key Benefits: 14px instead of 23px */
    div#work_banifit ul{font-size:14px !important;line-height:24px !important}
    div#work_banifit>ul>li{padding:5px 0}
}
/* HIDE REQUEST INFORMATION BUTTON COMPLETELY */
div#work_banifit a.request-list, 
a.request-list, 
.request-list, 
a.color2.request-list, 
.color2.request-list,
#work_banifit a.color2.request-list,
div#work_banifit a.color2.request-list,
section div#work_banifit a.color2.request-list {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
/* Teal line under KEY BENEFITS - show on desktop, hide on mobile */
/* .row.content_work hr.border-single-work - controlled by hr.border-single-work rule at line ~550 */

/* MOBILE STYLES - Dec 2025 FIX: Wrapped in media query to prevent overriding desktop styles */
@media only screen and (max-width:767px) {
    section.main_part{padding-bottom:40px}
    section#work_tech h2.inner_heading{font-size:16px;line-height:20px}
    /* Technologies text: 14px instead of 12px */
    section#work_tech p{font-size:14px!important;line-height:20px;padding:10px 0}
    section#work_tech .after-before.mt-auto span{font-size:10px}
    section#work_event h2,section#work_news h2{font-size:18px;line-height:24px;padding:20px 0}
    body.single-workstation section#work_event h2,
    body.single-workstation section#work_news h2{
        font-size:18px;
        line-height:24px;
        padding:20px 0;
        text-align:center;
    }
    .tech_list a.link-btn{margin-bottom:0}
    section#work_studies h2{padding:40px 0}
    p.study_date,p.study_publication,section.clinical_studies a.btn.btn-primary.btn-studies{font-size:12px}
    hr.border-single-work{margin:40px auto}
    section#work_news{padding-bottom:0}
    .team-list.col-md-4 .treament-thumb{margin:20px auto;margin-right:auto}
    h2.page_title{font-size:20px}
    h3.treatment_heading{font-size:14px}
    .result_list1 a.link.color2{font-size:12px}

    /* Workstation single - mobile hero alignment */
    body.single-workstation section.main_part{
        padding-top: 0;
    }
    body.single-workstation .post_header{
        text-align:center;
        padding:24px 12px 12px;
    }
    body.single-workstation .post_header img.mx-auto{
        max-height:220px !important;
        width:auto !important;
        height:auto !important;
        margin-bottom:12px;
    }
    body.single-workstation .post_header h3{
        font-size:15px;
        line-height:20px;
        font-weight:500;
        letter-spacing:0.05em;
        color:#59B7B3;
        margin:8px 0 12px;
    }
    body.single-workstation .post_desc{
        padding:0 16px 16px;
    }
    body.single-workstation .w_desc{
        padding:0 0 12px;
    }
    /* Mobile hero row */
    .mobile-hero{
        padding:20px 12px 10px;
    }
    .mobile-hero-img img{
        max-height:220px;
        width:auto;
        height:auto;
        display:block;
    }
    .mobile-hero-text{
        text-align:left;
        padding-left:12px;
    }
    .mobile-hero-logo{
        max-height:120px;
        width:auto;
        height:auto;
        display:block;
        margin-bottom:10px;
    }
    .mobile-hero-sub{
        font-size:15px;
        line-height:20px;
        font-weight:500;
        letter-spacing:0.05em;
        color:#59B7B3;
        margin:0;
        text-align:left;
    }
    .single.single-treatments h2.color2.heading_post{font-size:19px;line-height:35px}
    .single.single-treatments h3{font-size:16px;line-height:34px;letter-spacing:0}
    .single.single-treatments .single-post_desc p{font-size:12px;line-height:15px}
    .single.single-treatments .single-post_desc h3{font-size:16px}
    .after-before-content p{font-size:12px;line-height:18px}
    .result-slide1.row.p-5{padding-top:1rem !important padding-bottom:1rem}
    .page-template-clinical-studies h2.page_title{font-size:19px}
    .page-template-clinical-studies p{font-size:15px;line-height:20px;}
    .page-template-clinical-studies .main_part p{font-size:15px;line-height:20px !important;}
    /* Override for page description - better line spacing */
    .page-template-clinical-studies .page-desc p,
    .page-template-after-before-template .page-desc p,
    .page-template-news_template .page-desc p,
    .page-template-upcoming-events .page-desc p,
    .page-template-past-events .page-desc p,
    .page-template-blog-template .page-desc p {
        line-height: 1.8 !important;
    }
    .page-template-clinical-studies h3.clinical-Studies_heading{font-size:15px;line-height:18px;font-weight:400}
    .page-template-clinical-studies .studies-meta p{font-size:12px;line-height:15px}
    .page-template-clinical-studies a.color2.link-btn{font-size:15px;margin:9px auto!important;}
    .page-desc p{font-size:14px;line-height:20px}
}
.bg-white {
    background-repeat: no-repeat;
    background-position: bottom left, center center;
    background-size: 340px, cover;
}
.menu-item-has-children > .sub-menu >li> a {font-size: 13px !important; padding: 10px 10px !important;}
img.w-100.signture { padding: 0px !important;}
.col-md-6.sign {height: 440px;}
.row.footer_bottom nav #footer-menu { justify-content: space-evenly;  padding: 0 15px; flex-wrap:wrap;}
.row.footer_bottom nav #footer-menu li { padding: 10px; list-style: none; }
.row.footer_bottom nav #footer-menu { list-style: none; padding-left: 0; margin: 0; }
/* Footer address: left-aligned on mobile for better readability */
.col-md-6.text-right.footer-address { text-align: left !important; padding: 0 10px; justify-content: flex-start;}
.footer-address .footer-contact-block { text-align: left !important; margin-left: 0; }
.footer-address .footer-contact-block p { text-align: left !important; }
.footer-address p { text-align: left !important; }

/* HOME PAGE MOBILE FIXES - Dec 2025 */
@media only screen and (max-width:767px) {
    /* 1. About us text - 16px on mobile */
    .about_inmode p { font-size: 16px !important; line-height: 20px !important; }

    /* 2. Clinical studies card - ensure full card visible with CTA */
    section.clinical_studies .study-card,
    .home-clinical-slider .study-card { 
        height: auto !important; 
        min-height: unset !important;
        overflow: visible !important;
    }
    section.clinical_studies .study-card__content,
    .home-clinical-slider .study-card__content {
        padding-bottom: 20px !important;
    }

    /* 3. Testimonials - hide arrows on mobile (dots are enough) */
    section.clients.says .slick-prev,
    section.clients.says .slick-next,
    .testimonial_slider .slick-prev,
    .testimonial_slider .slick-next {
        display: none !important;
    }
}

section.clinical_studies .row{padding-bottom:0px !important;}
.menu-item-has-children > a:after {content: "\f107"; }
a.custom-logo-link img{max-width:398px; margin-top:0!important; height:auto!important;}
nav button.navbar-toggler{border:0 !important; margin-top: 6px;}
nav button.navbar-toggler[aria-expanded="false"] i.fa-times {display: none !important;}
nav button.navbar-toggler[aria-expanded="true"] i.fa-times {display: block !important;}
nav button.navbar-toggler[aria-expanded="true"] i.fa-bars { display: none !important;}
.counter-row { background: transparent;}
section.techonology { background-color: #fff; background-size: 78%;background-position: left -160% bottom;}
section.clients.says { padding-bottom: 3px;}

/* Home media slider (video/image with right overlay) */
.homepage_videobanner { background-color:#000; position:relative; overflow:hidden; }
.homepage_videobanner-container { position:relative; max-width:100%; margin:0 auto; height:100%; }
/* Ensure desktop media covers the banner area */
.homepage_videobanner-video { position:absolute; inset:0; overflow:hidden; z-index:1; }
.homepage_videobanner-video video,
.homepage_videobanner-video img { width:100%; height:100%; object-fit:cover; display:block; }
/* Right overlay content aligned to the right middle */
.homepage_videobanner-content { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:20px; padding:0 40px; z-index:2; }
.homepage_videobanner-content-image { display:flex; align-items:center; justify-content:flex-end; }
.homepage_videobanner-content-image img { max-width:460px; width:100%; height:auto; }
.homepage_videobanner-content-button a {
    display:inline-block;
    padding:12px 28px;
    border:2px solid #fff;
    color:#fff;
    border-radius:9999px;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.homepage_videobanner-content-button a:hover { background:#fff; color:#000; }
@media (max-width: 1199px) {
  .homepage_videobanner-content { padding:0 24px; }
  .homepage_videobanner-content-image img { max-width:320px; }
}
@media (max-width: 767px){
  /* Mobile uses the mobile image slider; hide desktop overlay stack */
  .homepage_videobanner-content{ display:none; }
}
/* Enforce USA desktop banner height (approx 1905x340) */
@media (min-width: 1200px){
  .banner_slider .banner_slide .homepage_videobanner{ height:370px; }
  .banner_slider, .banner_slider .slick-list, .banner_slider .slick-track, .banner_slider .banner_slide { height:370px; }
  .banner_slider .banner_slide .homepage_videobanner-container{ height:100%; }
  .banner_slider .banner_slide .homepage_videobanner-video{ inset:0; }
  .banner_slider .banner_slide .homepage_videobanner-video video,
  .banner_slider .banner_slide .homepage_videobanner-video img{ height:100%; width:100%; object-fit:cover; }
  /* If single banner (no slick), ensure min height still applies */
  .banner_slider.single-banner .homepage_videobanner{ height:370px; }
}
footer#colophon {padding-bottom: 20px;}	
section.clients.says.slick-dots{display:none !important;}

/* MOBILE STYLES - About/Team/Treatment pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {
    .tab-container form label{font-size:13px !important;}  
    section.work_stations h2.page-title {font-size:19px;}
    .page-template-about-page-template h2.page_title , section.body_content_about h2 { font-size: 19px;}
    section.body_content_about .page-desc p {font-size: 12px; line-height: 20px;}
    section.body_content_about hr.single_border{display:none;}
    .col-md-4.col-12.modal_video { text-align: center;  margin: 20px auto;}
    .fundamentals ul li, .vision_mission  { font-size: 12px;line-height: 20px;}
    .vision_mission { margin-bottom: 20px;}
    section.body_content_about h3.heading_sub_inner, h3.color2.heading_inner {font-size: 16px; line-height:28px;font-weight: 400;}
    .team_description h4{font-size:17px !important; font-weight:600; line-height:20px;}
    .team_description p{margin-bottom:20px;}
    .team-list.row p {  font-size: 15px;line-height: 23px;  text-align: left;}
    p#modalContent {font-size: 13px;line-height: 16px;}
    .team_pop_content h5 {font-size: 17px;line-height: 21px;}
    .treatment_list img {width: 280px  !important;  max-width: 100%;}
    body.treatments-template-default .post_header h3 {
        margin: 10px;
        font-size: 15px;
        line-height: 18px;
    }
    .after-before-content p { margin: 10px 0;}
    a.btn.btn-treatment_back.color2 { font-size: 16px;  padding: 0px 0 20px;}
    #before img, #after img{max-height:270px;}
}

/* UK Marketing link - applies to all screen sizes */
.page-template-about-page-template a.uk_marketing.btn.btn_link {
    font-size: 33px;
    font-weight: 400;
    color: #59B7B3;
    text-transform: uppercase;
}
/* Transparent top utilities row and navbar - ONLY for About Us page */
body.page-template-about-page-template .site-header .container-fluid > .row { background: transparent !important; }
body.page-template-about-page-template .site-header nav.navbar { background: transparent !important; }
/* Hide textual site title/description when a logo exists - ONLY for About Us page */
body.page-template-about-page-template .custom-logo + .site-title, body.page-template-about-page-template .custom-logo + .site-title + .site-description { display: none !important; }

/* ============================================
   FILTER STYLES - CONSOLIDATED Dec 2025
   ============================================ */

/* Mobile filter toggle button spacing */
h4.filter_title { font-size: 14px; font-weight: 400; margin-bottom: 0; text-transform: uppercase; }
a#reset-button { color: var(--bs-lightblue); font-size: 13px; float: right; padding: 0; }
.row.d-md-none.align-items-center.mx-3 { border-bottom: 1px solid var(--bs-lightblue); }

/* DESKTOP: Show filters by default */
@media (min-width: 768px) {
    .form-filters {
        display: flex !important;
        background: transparent;
        color: #fff;
        justify-content: center;
    }
    .form-filters button#all-button {
        display: inline-block;
    }
    .filter_list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        max-width: 1224px;
        margin: 0 auto;
        padding: 0 15px;
    }
    /* Override Bootstrap justify-content-center with higher specificity */
    .d-flex.justify-content-center.filter_list,
    .filter_list.justify-content-center {
        justify-content: flex-start !important;
    }
    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        border: 1px solid #fff;
        color: #fff;
        min-width: 140px;
        width: auto;
        font-size: 16px;
        font-weight: 400;
        background: transparent;
        padding: 12px 20px;
    }
    .form-filters .clear-all-filters-btn {
        display: inline-flex;
    }
    .form-filters ul.dropdown-menu {
        position: absolute;
        display: none;
        width: 230px;
        background: rgba(0,0,0,0.75);
    }
    .form-filters ul.dropdown-menu.show {
        display: block;
    }
    .form-filters ul.dropdown-menu.show li label {
        color: #fff !important;
        font-size: 16px !important;
    }
}

/* LARGE DESKTOP: Bigger buttons */
@media (min-width: 1200px) {
    .filter_list {
        gap: 15px;
        padding: 0;
    }
    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        min-width: 180px;
        font-size: 18px;
        padding: 12px 25px;
    }
}

/* MOBILE: Hide filters by default, show via toggle */
@media (max-width: 767px) {
    .form-filters {
        display: none;
        background: #fff;
        color: #000;
        padding: 10px;
    }
    .form-filters.active {
        display: block;
        z-index: 999;
    }
    .filter_list {
        gap: 0px;
        flex-direction: column;
    }
    .form-filters button#all-button {
        display: none;
    }
    .form-filters .clear-all-filters-btn {
        display: none;
    }
    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        border: 0;
        color: #000;
        width: 100% !important;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        margin-top: 10px;
    }
    .form-filters .dropdown-toggle::after {
        display: none !important;
    }
    .form-filters .dropdown {
        border-bottom: 1px solid var(--bs-lightblue);
    }
    .form-filters ul.dropdown-menu {
        position: relative;
        display: block;
        width: 100%;
        background: transparent;
        border: 0px;
        font-size: 14px;
    }
    .form-filters ul.dropdown-menu.show {
        position: relative !important;
        transition: none !important;
        inset: unset !important;
        display: block !important;
    }
    .form-filters ul.dropdown-menu li {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 5px;
    }
    .form-filters ul.dropdown-menu li label,
    .form-filters ul.dropdown-menu.show li label {
        color: #000 !important;
        white-space: normal !important;
        word-wrap: break-word;
        display: block;
        padding: 8px 0;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    /* Spacing between filter button and first card */
    .filter-btn_slide {
        margin-bottom: 30px !important;
    }
    /* Contact page & modal: hide background images on mobile for better readability */
    .bg-white.contact_bg,
    .page-template-contact-page-template .bg-white,
    #contactModal .bg-white {
        background-image: none !important;
        background-color: #fff !important;
    }
}

/* ============================================
   SELECTED FILTERS DISPLAY - Dec 2025
   Shows active filter selections below filter bar
   ============================================ */
.selected-filters-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    min-height: 30px;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .selected-filters-container {
        padding: 10px 0;
    }
}

/* Align with filter bar - inside fixed_width container */
.container-fluid.fixed_width .selected-filters-container {
    padding-left: 0;
    padding-right: 0;
}

/* Unified "No results" message styling - left aligned with filter bar */
.no-results-message {
    text-align: left !important;
    color: #fff;
    font-size: 16px;
    padding: 20px 15px;
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
}

.selected-filters-container:empty {
    display: none;
}

.filter-tag-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 1;
}

.filter-tag-group .tag-category {
    color: var(--bs-lightblue);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.filter-tag-group .tag-values {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.filter-tag-group .tag-value-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #fff;
}

.filter-tag-group .remove-filter-tag {
    cursor: pointer;
    color: var(--bs-lightblue);
    font-size: 12px;
    margin-left: 4px;
    transition: color 0.2s;
}

.filter-tag-group .remove-filter-tag:hover {
    color: #ff6b6b;
}

.filter-tag-group .value-sep {
    color: var(--bs-lightblue);
    margin: 0 8px;
    opacity: 0.8;
}

.category-separator {
    color: rgba(255,255,255,0.3);
    font-size: 14px;
    line-height: 1;
}

/* Clear All button in filter bar - same design as other filter buttons */
.clear-all-filters-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.clear-all-filters-btn:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

/* Mobile: Selected filters */
@media (max-width: 767px) {
    .selected-filters-container {
        padding: 10px 15px;
        gap: 10px;
        background: rgba(88, 183, 179, 0.1);
        border-radius: 8px;
        margin: 15px auto;
        max-width: 100%;
    }
    
    .filter-tag-group {
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        font-size: 12px;
    }
    
    .filter-tag-group:last-of-type {
        border-bottom: none;
    }
    
    .filter-tag-group .tag-category {
        font-size: 10px;
    }
    
    .filter-tag-group .tag-value-item {
        font-size: 12px;
    }
    
    .category-separator {
        display: none;
    }
    
    .clear-all-filters-btn {
        padding: 10px 20px;
        font-size: 14px;
        min-width: unset;
    }
}

/* MOBILE STYLES - News/Blog/Single Post pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {
    .page-template-news_template h2.page_title, .page-template-blog-template h2{font-size:19px;}
    .team-list a.color2.link-btn {  margin: 0 auto 15px;font-size: 15px;}
    .news-desc h4{font-size:10px;}
    .news-desc h2 {font-size: 12px; line-height: 14px; min-height: unset;}
    .blog-list .news-desc h4, .news-desc p.date { font-size: 12px;}
    .blog-list .news-desc h3 { font-size: 19px;font-weight: 700;}
    h2.text-center.color2.single_post_title { font-size: 19px; margin-bottom: 30px;}
    .mob_show { display:block !important;}
    .single.single-post h2.color2.heading_post.mb-2 { font-size: 20px;}
    .single.single-post p.date {font-size: 12px;font-weight: 700;}
    .post_header p {font-size: 12px;line-height: 15px;}
    .single.single-post section.main_part .container {max-width: 100%; padding:0 15px; }
    h2.page_title.text-center.after_before_gallery{ font-size: 19px;font-weight: 700; padding:10px !important;}
    .page-template-after-before-template .page-desc p{font-size:15px;line-height:20px}
    .result_list1 a.color2.link-btn.d-block { font-size: 15px; font-weight: 700;}
    .tech_logo{min-height:unset !important}
    .page-template-after-before-template #before img, .page-template-after-before-template #after img { max-height: 270px;}
}

/* Desktop before/after slider fix for after-before template page - FIXED HEIGHT */
@media (min-width: 768px) {
    .page-template-after-before-template .ba-Slider {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 270px !important;
        max-height: 270px !important;
        min-height: 270px !important;
        overflow: hidden !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    .page-template-after-before-template .ba-Slider #before, 
    .page-template-after-before-template .ba-Slider #after {
        position: absolute !important;
        top: 0 !important;
        height: 270px !important;
        max-height: 270px !important;
        min-height: 270px !important;
        overflow: hidden !important;
    }
    
    .page-template-after-before-template .ba-Slider #after {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1 !important;
    }
    
    .page-template-after-before-template .ba-Slider #before {
        left: 0 !important;
        width: 50% !important;
        z-index: 2 !important;
    }
    
    .page-template-after-before-template .ba-Slider #before img,
    .page-template-after-before-template .ba-Slider #after img {
        width: 100% !important;
        height: 270px !important;
        max-height: 270px !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    .page-template-after-before-template .ba-Slider .slider2 {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 5px !important; /* Figma: 5px solid */
        height: 270px !important;
        max-height: 270px !important;
        background: #59B7B3 !important; /* InMode teal */
        z-index: 3 !important;
        cursor: ew-resize !important;
        transform: translateX(-50%) !important;
        box-shadow: 0 0 6px rgba(89, 183, 179, 0.5) !important;
        background-image: none !important;
        background-size: auto !important;
    }
    
    /* Hexagonal handle from Figma - 36x42px */
    .page-template-after-before-template .ba-Slider .slider2::after {
        content: '' !important;
        display: block !important;
        width: 36px !important;
        height: 42px !important;
        background: #59B7B3 !important; /* InMode teal */
        border-radius: 0 !important;
        border: none !important;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    
    /* Arrow icons inside handle */
    .page-template-after-before-template .ba-Slider .slider2::before {
        content: '◀ ▶' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        color: white !important;
        font-size: 8px !important;
        letter-spacing: 2px !important;
        z-index: 1 !important;
        white-space: nowrap !important;
    }
}
/* MOBILE STYLES - Events pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {
    section.events.upcoming-events h2.page-title{font-size:19px;}
    section.events.upcoming-events p { font-size: 15px; line-height: 20px;}
    .event-top-part p, .event-top-part span{font-size:12px !important;}
    .event-top-part h4 a{font-size:19px;padding-top: 10px; min-height:unset;}
    .location span {font-size: 15px !important; font-weight:400; }
    a.btn.btn-event{width:125px; font-size:13px;}
    a.text-center.color2.pre_event_link{font-size:15px;}
}

/* Event styles that apply to all screen sizes */
.event-thumb:hover .overlay-thumb .text {  display: flex;}
.event-thumb iframe {
    max-width: 100%;
    height: auto;
    min-height: 300px;
    WIDTH: 100%;
}

/* StudiesModal CSS Reset and Form Fixes */
/* StudiesModal CSS - Clean version matching German site exactly */

/* Custom CSS moved from Theme Customizer - SAFE RULES ONLY */
/* Removed conflicting form-related CSS that was breaking StudiesModal */

a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    #before img, #after img {
        height: 270px;
        max-height: 270px;
        object-fit: cover;
    }
}

/* Contact (shared: contact page and popup modal) */
#contactModal .modal-dialog,
#contactModal .modal-dialog.modal-full{width:100% !important;max-width:1600px !important;margin:0 auto !important;transform:none !important}
#contactModal .modal-content{width:100% !important;max-width:none !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
#contactModal .modal-body{padding:0 !important}
#contactModal .container{width:100% !important;max-width:1600px !important;padding-left:0 !important;padding-right:0 !important}
.bg-white.contact_bg.bg-pop{color:#000 !important;min-height:80vh}
.contact_bg label{display:block;width:100%;font-size:20px !important;font-weight:400}
.contact_bg .wpcf7 input:not([type="submit"]):not([type="checkbox"]),
.contact_bg .wpcf7 select,
.contact_bg .wpcf7 textarea{width:100% !important;background:#fff !important;border:1px solid #000 !important;height:35px;padding:7px 15px;color:#000 !important}
.contact_bg .wpcf7 textarea{height:87px}
.contact_bg input.wpcf7-submit{max-width:348px;width:100%;margin:0 auto;display:block;height:47px;background:#59B7B3;color:#fff;border:0;text-transform:uppercase;font-size:20px;cursor:pointer;transition:all 0.3s ease}
.contact_bg input.wpcf7-submit:hover{background:#4a9e9a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(89,183,179,0.4)}
.contact_bg input.wpcf7-submit:active{transform:translateY(0);box-shadow:0 2px 6px rgba(89,183,179,0.3)}
.contact_bg .nav-tabs,.contact_bg .nav-tabs .nav-link{background:transparent;color:#000;border-color:#000;border-radius:0}

/* CF7 Validation - Ensure error messages are visible */
.contact_bg .wpcf7-not-valid-tip{color:#dc3545;font-size:14px;display:block;margin-top:5px}
.contact_bg .wpcf7-response-output{margin:20px 0;padding:15px;border:2px solid #dc3545;background:#fff5f5;color:#dc3545;text-align:center}
.contact_bg .wpcf7-response-output.wpcf7-validation-errors{border-color:#dc3545}
.contact_bg .wpcf7-response-output.wpcf7-mail-sent-ok{border-color:#28a745;background:#f0fff4;color:#28a745}
.contact_bg .wpcf7 .wpcf7-not-valid{border-color:#dc3545 !important;background-color:#fff5f5 !important}

.banner_slider:not(.slick-initialized) .banner_slide {display:none;}
.banner_slider:not(.slick-initialized) .banner_slide:first-child {display:block;}
.banner_slider.pre-slick {opacity:0; visibility:hidden;}
.banner_slider.slick-initialized {opacity:1; visibility:visible;}

.hero-slider {opacity:0; visibility:hidden;}
.hero-slider.slick-initialized {opacity:1; visibility:visible;}
.hero-slider:not(.slick-initialized) .banner_slide {display:none;}
.hero-slider:not(.slick-initialized) .banner_slide:first-child {display:block;}

/* OLD Workstation Technologies Section - DEPRECATED Dec 2025
   Replaced by TECHNOLOGY CARDS - SINGLE SOURCE OF TRUTH above (lines ~594-800)
   Keeping commented for reference only - uses different HTML structure (.tech_list vs .tech-grid)
*/
/*
@media (min-width: 1200px) {
    section.work_technologies .tech_list { ... }
}
... old rules removed - see #work_tech .tech-grid section above ...
*/

/* Events CPT layout (Upcoming/Past Events pages) */
/* Container styling - full width with max-width */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .events.upcoming-events,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .events.past-events,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .container-fluid.fixed_width {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Grid for event cards - 3 columns on desktop */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) #posts-container,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .future-list,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .past-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
    padding-bottom: 40px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* Event card column - let grid control width, not Bootstrap */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .event-column {
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: none;
    flex: none;
    margin: 0;
    padding: 0;
}

/* =====================================================
   OLD EVENT CARD CSS REMOVED (Dec 2025)
   - Conflicting pill-style type/date labels removed
   - New consolidated event card CSS is at the bottom 
     of this file (Event Card Consolidation Dec 2025)
   - Prototype: UK/prototypes/event-card-prototype.html
   ===================================================== */

/* Shared card grid layout for non-event templates */
body.page-template-clinical-studies #posts-container,
body.page-template-clinical-studies-php #posts-container,
body[class*="page-template-news"] #posts-container,
body[class*="page-template-blog"] #posts-container,
body.post-type-archive-news #posts-container,
body.blog #posts-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px 32px !important;
    padding: 0 24px 40px !important;
    margin: 0 auto !important;
    max-width: 1260px !important;
    box-sizing: border-box !important;
}

body.page-template-clinical-studies #posts-container > *,
body.page-template-clinical-studies-php #posts-container > *,
body[class*="page-template-news"] #posts-container > *,
body[class*="page-template-blog"] #posts-container > *,
body.post-type-archive-news #posts-container > *,
body.blog #posts-container > * {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 calc(33.333% - 32px) !important;
    max-width: calc(33.333% - 32px) !important;
}

@media (max-width: 991px) {
    body.page-template-clinical-studies #posts-container > *,
    body.page-template-clinical-studies-php #posts-container > *,
    body[class*="page-template-news"] #posts-container > *,
    body[class*="page-template-blog"] #posts-container > *,
    body.post-type-archive-news #posts-container > *,
    body.blog #posts-container > * {
        flex: 0 0 calc(50% - 24px) !important;
        max-width: calc(50% - 24px) !important;
    }
}

@media (max-width: 575px) {
    body.page-template-clinical-studies #posts-container > *,
    body.page-template-clinical-studies-php #posts-container > *,
    body[class*="page-template-news"] #posts-container > *,
    body[class*="page-template-blog"] #posts-container > *,
    body.post-type-archive-news #posts-container > *,
    body.blog #posts-container > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* OLD: event-card button hover/tags rules removed - now in consolidated block */

/* Restore news card styling (news template reuses .event-card markup) */
body.page-template-news_template:not(.single-workstation) .event-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #042030 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__meta,
body.page-template-news_template:not(.single-workstation) .event-card__location,
body.page-template-news_template:not(.single-workstation) .event-card__date,
body.page-template-news_template:not(.single-workstation) .event-card__type {
    display: none !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__top {
    background: rgba(88, 183, 179, 0.92) !important;
    padding: 28px 32px !important;
    min-height: 170px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__title {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #042030 !important;
    text-transform: none !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__media {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__media img,
body.page-template-news_template:not(.single-workstation) .event-card__media video,
body.page-template-news_template:not(.single-workstation) .event-card__image {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__overlay {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__cta-group {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__btn {
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(88, 183, 179, 0.92) !important;
    background: transparent !important;
    color: rgba(88, 183, 179, 0.92) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__btn:hover,
body.page-template-news_template:not(.single-workstation) .event-card__btn:focus {
    background: rgba(88, 183, 179, 0.92) !important;
    color: #042030 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 28px rgba(8, 38, 45, 0.24) !important;
}

/* ============================================================
   EVENT MODAL - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Matches event card design - teal header, dark body
   ============================================================ */
div#eventModal .modal-dialog{max-width:960px}
div#eventModal .modal-content.event-modal{position:relative;border:1px solid rgba(8,38,45,0.18);border-radius:0;background:#042030;color:#fff;box-shadow:0 30px 60px rgba(8,38,45,0.32);overflow:hidden;padding:0}

/* Close Button - X centered in white circle */
div#eventModal .close.btn.close-event{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.92);color:#042030;border:0;opacity:1;padding:0;transition:background .2s ease;z-index:10;font-family:Arial,sans-serif;font-size:28px;font-weight:300;line-height:44px;text-align:center}
div#eventModal .close.btn.close-event:hover{background:#ffffff}
div#eventModal .close.btn.close-event span{display:block;width:44px;height:44px;line-height:42px;text-align:center;font-size:28px;font-weight:300;color:#042030;margin:0;padding:0}

/* Header - Teal gradient matching event cards */
div#eventModal .event-modal__header{background:linear-gradient(135deg,#47cec4 0%,#35a6bd 100%);padding:40px 48px 44px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;position:relative}

/* Type Label - White text with underline (matches card design, NO pill) */
div#eventModal .event-modal__chip{background:transparent;color:#fff;font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:0;border-radius:0;display:inline-block;margin-bottom:8px}
div#eventModal .event-modal__chip::after{content:'';display:block;width:78px;height:2px;background:#fff;margin-top:6px}

/* Date - With calendar icon */
div#eventModal .event-modal__date{margin:0;font-size:0.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:14px}
div#eventModal .event-modal__date img{width:46px;height:40px;object-fit:contain}

/* Divider */
div#eventModal .event-modal__divider{border:none;border-top:1px solid rgba(255,255,255,0.7);margin:0;width:100%}

/* Title - 30px as per prototype */
div#eventModal .event-modal__title{margin:6px 0 0;font-size:30px;font-weight:700;line-height:1.2;color:#042030;max-width:640px}

/* Body - Dark background */
div#eventModal .event-modal__body{display:flex;gap:48px;padding:52px 58px 60px;background:#000;color:#fff}

/* Media - 400px width, 280px min-height */
div#eventModal .event-modal__media{flex:0 0 400px;max-width:400px;min-height:280px;display:flex;justify-content:center;align-items:flex-start}
div#eventModal .event-modal__media-inner{width:100%;display:flex;flex-direction:column;gap:16px}
div#eventModal .event-modal__image{width:100%;height:auto;object-fit:cover;display:block;min-height:280px}
div#eventModal .event-modal__video{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000}
div#eventModal .event-modal__video iframe,
div#eventModal .event-modal__video video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Content */
div#eventModal .event-modal__content{flex:1 1 auto;display:flex;flex-direction:column;gap:24px;color:#ffffff}
div#eventModal .eventDescription{margin:0;font-size:18px;line-height:1.6}
div#eventModal .event-modal__location{margin:0;font-size:18px;line-height:1.6;color:#58B7B3;display:flex;align-items:flex-start;gap:10px}
div#eventModal .event-modal__location i{margin-top:4px;color:#58B7B3}

/* CTA Group - Matches event card button design */
div#eventModal .event-modal__cta-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin-top:auto}
div#eventModal .event-modal__cta,
div#eventModal .event-card__btn.event-modal__cta{display:inline-block;padding:10px 20px;border:2px solid #58B7B3;background:transparent;color:#58B7B3;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s ease;min-width:140px;text-align:center;border-radius:0}
div#eventModal .event-modal__cta:hover,
div#eventModal .event-card__btn.event-modal__cta:hover{border-color:#fff;color:#fff;background:transparent}

/* No media variant */
div#eventModal .event-modal--no-media .event-modal__body{gap:0;justify-content:flex-start}
div#eventModal .event-modal--no-media .event-modal__media{display:none}
div#eventModal .event-modal--no-media .event-modal__content{max-width:none;width:100%;text-align:left;align-items:flex-start}

/* Responsive */
@media (max-width: 1199px){
    div#eventModal .event-modal__body{gap:36px;padding:48px 48px 56px}
    div#eventModal .event-modal__media{flex:0 0 320px;max-width:320px;min-height:220px}
}
@media (max-width: 991px){
    div#eventModal .event-modal__header{padding:36px 32px 40px}
    div#eventModal .event-modal__body{flex-direction:column;align-items:center;gap:32px;padding:40px 36px 48px}
    div#eventModal .event-modal__media{width:100%;max-width:420px;flex:none}
    div#eventModal .event-modal__cta{width:auto;min-width:160px}
}
@media (max-width: 575px){
    /* Push modal below sticky header - Dec 2025 */
    div#eventModal .modal-dialog {
        margin-top: 70px !important; /* Space for sticky header */
    }
    div#eventModal .close.btn.close-event{top:10px;right:10px;width:38px;height:38px}
    div#eventModal .close.btn.close-event span{width:38px;height:38px;line-height:36px;font-size:24px}
    div#eventModal .event-modal__header{padding:32px 24px 28px}
    div#eventModal .event-modal__chip{margin-bottom:6px}
    div#eventModal .event-modal__date{font-size:0.85rem}
    div#eventModal .event-modal__title{font-size:24px}
    div#eventModal .event-modal__body{padding:32px 24px 40px;gap:28px}
    div#eventModal .event-modal__location{flex-direction:column;align-items:flex-start;gap:6px}
    div#eventModal .event-modal__cta{width:100%;max-width:none}
}

section.clinical_studies .studies_thumb__placeholder{width:100%;padding-top:120%;background:rgba(89,183,179,0.15);border:1px dashed rgba(89,183,179,0.4);position:relative;border-radius:12px}
section.clinical_studies .studies_thumb__placeholder:after{content:"";position:absolute;inset:30%;border:1px solid rgba(89,183,179,0.35);border-radius:8px}

/* REMOVED: Legacy news card styling - now using unified .news-card (Dec 2025)
   See NEWS CARD - SINGLE SOURCE OF TRUTH section at end of file */

/* OLD: Workstation event card CTA teal-filled buttons REMOVED
   Now uses unified event card design from prototype (transparent + teal border) */

/* Workstation sliders use global defaults */
body.single-workstation .work-slider{position:relative;margin:0 -12px;}

/* Hide 4th card peek - prevent partial slides from showing */
body.single-workstation section#work_event{overflow:hidden;}
body.single-workstation section#work_event .container-fluid{overflow:hidden;}

/* FOUC FIX: Hide event slider until Slick is ready, then fade in (Dec 2025)
   This pattern is proven to work - same as hero-slider */
body.single-workstation .event_list_slider{
    opacity:0;
    visibility:hidden;
    transition:opacity 0.3s ease, visibility 0.3s ease;
}
body.single-workstation .event_list_slider.slick-initialized{
    opacity:1;
    visibility:visible;
}

body.single-workstation .work-slider .slick-list{overflow:hidden;}

/* Slick controls .slick-track display - DO NOT override with flex (Dec 2025 fix) */
body.single-workstation .work-slider .slick-track{align-items:stretch;}

body.single-workstation .work-slider .slick-slide{display:flex!important;align-items:stretch;padding:0 12px!important;height:auto;box-sizing:border-box;}

body.single-workstation .work-slider .slick-slide > *{width:100%;display:flex!important;flex-direction:column;height:100%;}

body.single-workstation .work-slider .slick-arrow{top:50%;transform:translateY(-50%);}

body.single-workstation .work-slider .slick-list{
    padding:0 24px;
}

body.single-workstation .work-slider[data-slider="events"] .event-card,
body.single-workstation .work-slider[data-slider="news"] .news-card,
body.single-workstation .work-slider[data-slider="studies"] .legacy-study-card{
    margin:0 12px;
}

/* Safeguard overrides to neutralise legacy child rules */
body.single-workstation #work_event .work-slider[data-slider="events"] .slick-slide,
body.single-workstation #work_news .work-slider[data-slider="news"] .slick-slide{
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
}

body.single-workstation #work_event .work-slider[data-slider="events"] .slick-slide > *,
body.single-workstation #work_news .work-slider[data-slider="news"] .slick-slide > *{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
}

/* OLD: Workstation event card media ::after teal bar and overlay rules REMOVED
   Now uses unified event card design from prototype */

body.single-workstation #work_news .work-slider[data-slider="news"] .news-card{
    margin:0 auto!important;
    min-height:100%!important;
}

@media (max-width: 767px){
    body.single-workstation .work-slider .slick-track{
        display:block!important;
        gap:0!important;
    }

    body.single-workstation .work-slider .slick-list{
        padding:0 24px!important;
        overflow:hidden!important;
    }

    body.single-workstation .work-slider .slick-slide{
        /* Slick uses float:left - DO NOT set float:none (breaks horizontal layout) */
        /* REMOVED: width:auto!important - was overriding Slick's inline width calculation */
        margin:0!important;
        display:flex!important;
        justify-content:center;
        padding:0!important;
    }

    body.single-workstation .work-slider .slick-slide > *{
        width:calc(100vw - 96px);
        max-width:320px;
        margin:0 auto;
    }

    body.single-workstation #work_news .work-slider .slick-track{
        gap:0!important;
    }

    body.single-workstation #work_news .work-slider .slick-list{
        padding:0 16px!important;
    }

    body.single-workstation #work_news .work-slider .slick-arrow{
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
    }

    /* Mobile news card adjustments */
    body.single-workstation .work-slider[data-slider="news"] .news-card__title{
        min-height:auto!important;
    }

    body.single-workstation #work_event .work-slider .slick-track,
    body.single-workstation #work_studies .work-slider .slick-track{
        gap:0!important;
    }

    body.single-workstation #work_event .work-slider .slick-list,
    body.single-workstation #work_studies .work-slider .slick-list{
        padding:0 16px!important;
    }

    body.single-workstation #work_event .work-slider .slick-arrow,
    body.single-workstation #work_studies .work-slider .slick-arrow{
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card__media{
        margin:0!important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card__image{
        width:100%!important;
        height:auto!important;
        object-fit:cover!important;
        display:block!important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card,
    body.single-workstation .work-slider[data-slider="news"] .news-card,
    body.single-workstation .work-slider[data-slider="studies"] .study-card{
        margin:0 auto!important;
        width:100%!important;
        max-width:100%!important;
    }
}

/* ============================================================
   EVENT CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Used on: Workstation, Upcoming Events, Past Events
   Higher specificity selectors to override any conflicting styles
   ============================================================ */

/* Card container */
.event-card,
body.single-workstation .event-card,
body.page-template-upcoming-events .event-card,
body.page-template-past-events .event-card,
body.post-type-archive-events .event-card {
    background: rgba(88,183,179,0.94);
    border: 1px solid rgba(8,38,45,0.18);
    box-shadow: 0 24px 50px rgba(8,38,45,0.24);
    border-radius: 0;
    color: #042030;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Top section */
.event-card__top,
body.single-workstation .event-card__top,
body.page-template-upcoming-events .event-card__top,
body.page-template-past-events .event-card__top {
    padding: 22px 24px 12px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Meta wrapper */
.event-card__meta,
body .event-card .event-card__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin: 6px 0 18px;
}

/* Type label - White text with underline (NO pill) */
.event-card__type,
body .event-card .event-card__type {
    order: -1;
    margin-bottom: 8px;
    color: #fff;
    font-size: 16px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
}
.event-card__type::after,
body .event-card .event-card__type::after {
    content: '';
    display: block;
    width: 78px;
    height: 2px;
    background: #fff;
    margin-top: 6px;
}

/* Date - Calendar icon + white text (NO pill) */
.event-card__date,
body .event-card .event-card__date {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
}
.event-card__date img,
body .event-card .event-card__date img {
    width: 46px;
    height: 40px;
    object-fit: contain;
    display: block;
}
.event-card__date i,
body .event-card .event-card__date i {
    font-size: 20px;
    color: #fff;
}

/* Divider */
.event-card__divider,
body .event-card .event-card__divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,.7);
    margin: 0;
}

/* Title - Fixed height for card alignment (2 lines space) */
.event-card__title,
body .event-card .event-card__title {
    margin: 6px 0 12px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    color: #042030;
    min-height: 62px; /* Fixed height for 2 lines at 1.1rem */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Location bar - Fixed height for card alignment (2 lines max) */
.event-card__location,
body .event-card .event-card__location {
    margin: 0;
    padding: 18px 24px;
    background: rgba(8,38,45,.82);
    color: #fff;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
    height: 84px; /* Fixed height - not min-height */
    align-items: center;
    overflow: hidden;
}
.event-card__location i,
body .event-card .event-card__location i {
    color: #58B7B3;
    font-size: 16px;
    align-self: start;
    margin-top: 3px;
}
.event-card__location-lines,
body .event-card .event-card__location-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Max 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    max-height: 42px; /* 2 lines at 1.5 line-height */
}

/* Empty location placeholder - maintains card alignment */
.event-card__location--empty,
body .event-card .event-card__location--empty {
    background: rgba(8,38,45,.55);
    display: block;
    height: 84px;
}

/* Media section */
.event-card__media,
body .event-card .event-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}
.event-card__image,
body .event-card .event-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.event-card__image--placeholder {
    background: linear-gradient(135deg,#1a3a40,#0a2025);
    display: flex;
    align-items: center;
    justify-content: center;
}
.event-card__image--placeholder::after {
    content: 'Event Image';
    color: rgba(255,255,255,.3);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* CTA overlay */
.event-card__overlay,
body .event-card .event-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 20px 20px;
    background: linear-gradient(180deg,rgba(8,38,45,0) 0%,rgba(8,38,45,.92) 100%);
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s ease;
}
.event-card:hover .event-card__overlay,
body .event-card:hover .event-card__overlay {
    opacity: 1;
}
.event-card__cta-group,
body .event-card .event-card__cta-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* CTA Buttons */
.event-card__btn,
body .event-card .event-card__btn,
body .event-card__overlay .event-card__btn {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #58B7B3;
    background: transparent;
    color: #58B7B3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    min-width: 140px;
    text-align: center;
    border-radius: 0;
}
.event-card__btn:hover,
body .event-card .event-card__btn:hover,
body .event-card__overlay .event-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* Grid alignment - ensure all cards stretch to equal height */
body:is(.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) #posts-container,
body:is(.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .future-list,
body:is(.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .past-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}
body:is(.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .event-card {
    height: 100%;
}

/* Responsive: Tablet - 2 columns */
@media (max-width:991px) {
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) #posts-container,
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .future-list,
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .past-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width:575px) {
    /* STICKY HEADER - Now managed at 1024px breakpoint (Dec 2025) */
    
    /* EVENT PAGE CONTAINER - Remove side padding for full-width cards */
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .container-fluid.fixed_width {
        padding: 0 !important;
    }
    
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) #posts-container,
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .future-list,
    body:not(.single-workstation):is(.events-plugin-active,.page-template-upcoming-events,.page-template-past-events,.post-type-archive-events) .past-list {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 !important;
    }
    
    /* Mobile: Show overlay buttons always, relax title/location min-heights */
    .event-card__overlay {
        opacity: 1;
    }
    .event-card {
        max-width: 100%;
    }
    
    /* EVENT CARD TITLE - 1rem instead of 1.1rem on mobile */
    .event-card__title {
        min-height: auto;
        font-size: 1rem !important;
        -webkit-line-clamp: 3; /* Allow 3 lines on mobile */
    }
    .event-card__location {
        min-height: auto;
    }
    
    /* EVENT MODAL - Mobile font size adjustments */
    div#eventModal .event-modal__title {
        font-size: 20px !important; /* Instead of 24px */
    }
    div#eventModal .eventDescription,
    div#eventModal .event-modal__description {
        font-size: 14px !important; /* Instead of 18px */
        line-height: 1.5;
    }
    div#eventModal .event-modal__location {
        font-size: 14px !important; /* Instead of 18px */
        line-height: 1.5;
    }
}

/* ============================================================
   NEWS CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Same design for Workstation (slider) and News Page (grid)
   ============================================================ */

/* Card container */
.news-card,
body .news-card {
    background: rgba(88, 183, 179, 0.94);
    border: 1px solid rgba(8, 38, 45, 0.18);
    box-shadow: 0 24px 50px rgba(8, 38, 45, 0.24);
    border-radius: 0;
    color: #042030;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Top section - Type + Title */
.news-card__top,
body .news-card .news-card__top {
    padding: 22px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Type/Category label - White text with underline */
.news-card__type,
body .news-card .news-card__type {
    color: #fff;
    font-size: 14px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    padding: 0;
    width: fit-content;
}
.news-card__type::after,
body .news-card .news-card__type::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 6px;
}

/* Divider line */
.news-card__divider,
body .news-card .news-card__divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.5);
    margin: 8px 0;
}

/* Title - Fixed height for 3 rows */
.news-card__title,
body .news-card .news-card__title {
    margin: 4px 0 8px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    color: #042030;
    min-height: 93px; /* Space for 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card__title a,
body .news-card .news-card__title a {
    color: inherit;
    text-decoration: none;
}
.news-card__title a:hover {
    text-decoration: underline;
}

/* Image section */
.news-card__media,
body .news-card .news-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #042030;
}
.news-card__image,
body .news-card .news-card__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* CTA section - BELOW image on dark background (always visible) */
.news-card__cta,
body .news-card .news-card__cta {
    padding: 20px 24px;
    display: flex;
    justify-content: center;
    background: rgba(8, 38, 45, 0.92);
}

/* CTA Button - APPROVED INMODE DESIGN */
.news-card__btn,
body .news-card .news-card__btn {
    display: inline-block;
    padding: 10px 50px;
    border: 2px solid #58B7B3;
    background: transparent;
    color: #58B7B3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 0;
}
.news-card__btn:hover,
body .news-card .news-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* News Page Grid Layout */
body.page-template-news_template #posts-container,
body.page-template-news_template .news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* Workstation News Slider - Ensure proper gap between cards */
body.single-workstation .work_news .slick-track,
body.single-workstation section#work_news .slick-track {
    gap: 24px !important;
    display: flex !important;
}

/* Mobile: News slider - hide overflow to prevent next card peeking */
@media (max-width: 767px) {
    body.single-workstation section#work_news {
        overflow: hidden !important;
    }
    body.single-workstation section#work_news .container-fluid {
        overflow: hidden !important;
    }
    body.single-workstation section#work_news .work-slider {
        overflow: hidden !important;
    }
    body.single-workstation section#work_news .slick-list {
        overflow: hidden !important;
    }
    body.single-workstation section#work_news .slick-track {
        gap: 0 !important;
    }
    body.single-workstation section#work_news .slick-slide {
        padding: 0 16px !important;
    }
    body.single-workstation section#work_news .news-card {
        max-width: 100% !important;
        margin: 0 auto !important;
    }
}

/* Tablet: News slider - also hide overflow at tablet widths */
@media (max-width: 991px) {
    body.single-workstation section#work_news,
    body.single-workstation section#work_news .container-fluid,
    body.single-workstation section#work_news .work-slider,
    body.single-workstation section#work_news .slick-list {
        overflow: hidden !important;
    }
    body.single-workstation section#work_news .slick-track {
        gap: 0 !important;
    }
    body.single-workstation section#work_news .slick-slide {
        padding: 0 12px !important;
    }
    body.single-workstation section#work_news .news-card {
        max-width: calc(100% - 16px) !important;
        margin: 0 auto !important;
    }
}

/* Responsive: Tablet - 2 columns */
@media (max-width: 991px) {
    body.page-template-news_template #posts-container,
    body.page-template-news_template .news-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width: 575px) {
    body.page-template-news_template #posts-container,
    body.page-template-news_template .news-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .news-card {
        max-width: 100%;
    }
    .news-card__title {
        min-height: auto;
    }
}

/* ============================================================================
   CLINICAL STUDY CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   ============================================================================
   Design:
   - Transparent background (dark page bg shows through)
   - Tilted book/journal image (REQUIRED - Featured Image)
   - Teal label (Workstation/Technology name)
   - White date & publication text
   - Standard InMode CTA button (teal border → white on hover)
   ============================================================================ */

.study-card {
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    max-width: 400px;
    margin: 0 auto;
    height: 100%; /* Full height for alignment */
}

/* Image section - Hexagon is SMALL, book images OVERFLOW - Dec 2025 Fix */
.study-card__media {
    position: relative;
    width: 100%;
    max-width: 420px;
    min-height: 320px;
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Hexagon background - SMALL, book overflows */
    background: url('/wp-content/uploads/2025/02/Layer_1.png') no-repeat center center;
    background-size: 50% auto; /* Reduced from 65% */
    overflow: visible;
}
.study-card__media a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: visible;
}
.study-card__image {
    width: 380px; /* Book is LARGE, overflows hexagon */
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Content section - flexible height, push CTA to bottom */
.study-card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-grow: 1; /* Take remaining space */
    justify-content: flex-start;
}

/* Workstation/Technology label - Teal uppercase */
.study-card__label {
    color: #59B7B3;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Published Date - White */
.study-card__date {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/* Publication name - White, 2 lines max */
.study-card__publication {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CTA section - always at bottom */
.study-card__cta {
    margin-top: auto;
    padding-top: 15px;
    flex-shrink: 0;
}

/* CTA Button - APPROVED INMODE DESIGN */
.study-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 35px;
    border: 2px solid #59B7B3;
    background: transparent;
    color: #59B7B3;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 0;
    white-space: nowrap;
}
.study-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* ============================================================================
   CLINICAL STUDY CARD - FIGMA DESIGN (Dec 2025)
   Layout: Hexagon/Book → Title (teal 18px) → Meta Info (16px) → Download
   ============================================================================ */

.study-card-figma {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* max-width removed - was causing cards to be too narrow/close */
    margin: 0 auto 40px; /* Increased bottom margin for spacing */
    padding: 0 20px; /* Increased side padding */
}

/* Title - Teal, 18px, Figma design */
.study-card-figma .study-card__title,
.study-card__title {
    width: 100%;
    max-width: 519px;
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #59B7B3;
    margin: 0 0 10px 0;
}

/* Meta Info Container - Figma design: 16px, regular weight, centered */
.study-card-figma .study-card__meta,
.study-card__meta {
    width: 100%;
    max-width: 519px;
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px;
}

/* Override clinical studies page rule for study card meta - ALL PAGES */
.page-template-clinical-studies .study-card__meta p,
.page-template-clinical-studies .study-card-figma .study-card__meta p,
.home-clinical-slider .study-card__meta p,
.home-clinical-slider .study-card-figma .study-card__meta p,
body.single-workstation .study-card__meta p,
body.single-workstation .study-card-figma .study-card__meta p,
section.clinical_studies .study-card__meta p,
.study-card__meta p {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 400;
    margin: 3px 0;
}

/* Title 18px - ALL PAGES */
.home-clinical-slider .study-card__title,
body.single-workstation .study-card__title,
section.clinical_studies .study-card__title {
    font-size: 18px !important;
    line-height: 24px !important;
    color: #59B7B3;
    margin: 0 0 10px 0;
}

/* Meta container - ALL PAGES */
.home-clinical-slider .study-card__meta,
body.single-workstation .study-card__meta,
section.clinical_studies .study-card__meta {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
}

/* CTA reduced spacing - ALL PAGES */
.home-clinical-slider .study-card__cta,
body.single-workstation .study-card__cta,
section.clinical_studies .study-card__cta {
    margin-top: 5px !important;
}

/* Labels (Author:, Technology:, etc) - Bold */
.study-card__meta strong {
    font-weight: 700;
}

/* CTA Container - Reduced top spacing */
.study-card-figma .study-card__cta,
.study-card__cta {
    margin-top: 5px;
}

/* Mobile Responsive - Figma design */
@media (max-width: 767px) {
    .study-card__title {
        font-size: 16px;
        line-height: 20px;
    }
    
    .study-card__meta {
        font-size: 14px;
        line-height: 18px;
    }
    
    .study-card__btn {
        width: 180px;
        height: 32px;
        font-size: 16px;
    }
}

/* Clinical Studies Page Grid Layout */
body.page-template-clinical-studies #posts-container,
body.page-template-clinical-studies .studies-grid-manual {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; /* Increased for more spacing between cards */
    align-items: stretch; /* Equal height cards */
}

/* Workstation Studies Slider */
body.single-workstation .studies_slider .work-slider__slide {
    padding: 0 12px;
}
body.single-workstation .studies_slider .study-card {
    height: 100%;
}

/* Pre-slick state for workstation studies - shows first 3 cards as grid before Slick initializes */
body.single-workstation .studies_slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; /* Increased for more spacing */
    justify-items: center;
}
body.single-workstation .studies_slider:not(.slick-initialized) > .work-slider__slide:nth-child(n+4) {
    display: none;
}
/* Mobile: show only first slide before Slick initializes */
@media (max-width: 767px) {
    body.single-workstation .studies_slider:not(.slick-initialized) {
        display: block;
    }
    body.single-workstation .studies_slider:not(.slick-initialized) > .work-slider__slide {
        display: none;
    }
    body.single-workstation .studies_slider:not(.slick-initialized) > .work-slider__slide:first-child {
        display: block;
    }
    /* Post-slick rules handled by general workstation slider rules at lines 2403-2481 */
}

/* Responsive: Tablet - 2 columns */
@media (max-width: 991px) {
    body.page-template-clinical-studies #posts-container,
    body.page-template-clinical-studies .studies-grid-manual {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width: 575px) {
    body.page-template-clinical-studies #posts-container,
    body.page-template-clinical-studies .studies-grid-manual {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .study-card {
        max-width: 100%;
    }
}

/* =====================================================
   NEWSLETTER POPUP & NEW FOOTER STYLES
   December 2025 - Figma Design Implementation
   ===================================================== */

/* ----- Newsletter Popup Overlay ----- */
.newsletter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}
.newsletter-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ----- Newsletter Popup Modal ----- */
.newsletter-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 947px;
    max-width: calc(100% - 40px);
    background: rgba(89, 183, 179, 0.70);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, height 0.4s ease;
    overflow: hidden;
}
.newsletter-popup.active {
    opacity: 1;
    visibility: visible;
}
/* Auto height for CF7 form content */
.newsletter-popup {
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
}

/* ----- Popup Close Button ----- */
.newsletter-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s ease;
}
.newsletter-close:hover {
    transform: rotate(90deg);
}

/* ----- Popup Content ----- */
.newsletter-content {
    padding: 75px 60px 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.newsletter-title {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.newsletter-subtitle {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    max-width: 704px;
    margin-bottom: 30px;
}

/* ----- Popup Form ----- */
.newsletter-form {
    width: 100%;
    max-width: 486px;
}
.newsletter-input {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}
.newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.newsletter-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.newsletter-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.newsletter-row .newsletter-input {
    flex: 1;
    margin-bottom: 0;
}
/* CF7 form handles visibility - no step transitions needed */
.newsletter-select {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 16px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}
.newsletter-select:focus {
    outline: none;
}
.newsletter-select option {
    background: #59B7B3;
    color: #FFFFFF;
}
.newsletter-terms {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 16px;
    text-align: left;
}
.newsletter-terms input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #FFFFFF;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}
.newsletter-terms input[type="checkbox"]:checked {
    background: #FFFFFF;
}
.newsletter-terms input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #59B7B3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.newsletter-terms input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
.newsletter-terms label {
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
.newsletter-terms a {
    color: #FFFFFF;
    text-decoration: underline;
}
.newsletter-terms a:hover {
    opacity: 0.8;
}
.newsletter-submit {
    width: 100%;
    height: 49px;
    background: #FFFFFF;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #59B7B3;
    cursor: pointer;
    transition: all 0.3s ease;
}
.newsletter-submit:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

/* Popup open body state */
body.newsletter-popup-open {
    overflow: hidden;
}

/* =====================================================
   CF7 FORM STYLING FOR NEWSLETTER
   ===================================================== */

/* ----- Popup CF7 Form ----- */
.popup-cf7-form .wpcf7-form {
    width: 100%;
    max-width: 486px;
}
.popup-cf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 16px;
}
/* Email and select get full width */
.popup-cf7-form .wpcf7-form-control-wrap[data-name="your-email"],
.popup-cf7-form .wpcf7-form-control-wrap[data-name="country"] {
    width: 100%;
}
.popup-cf7-form input[type="email"],
.popup-cf7-form input[type="text"] {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    box-sizing: border-box;
}
.popup-cf7-form input[type="email"]::placeholder,
.popup-cf7-form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.popup-cf7-form input[type="email"]:focus,
.popup-cf7-form input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.popup-cf7-form select {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* When select has a value - light background like autofill */
.popup-cf7-form select.has-value {
    background-color: rgb(232, 240, 254);
    color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}
.popup-cf7-form select option {
    background: #59B7B3;
    color: #FFFFFF;
}
/* Input fields - light background when filled */
.popup-cf7-form input[type="email"]:not(:placeholder-shown),
.popup-cf7-form input[type="text"]:not(:placeholder-shown) {
    background-color: rgb(232, 240, 254);
    color: #333333;
}
.popup-cf7-form .wpcf7-list-item {
    margin: 0;
}
.popup-cf7-form .wpcf7-acceptance {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 16px;
    text-align: left;
}
.popup-cf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #FFFFFF;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}
.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked {
    background: #FFFFFF;
}
.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #59B7B3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
.popup-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
.popup-cf7-form .wpcf7-acceptance a {
    color: #FFFFFF;
    text-decoration: underline;
}
.popup-cf7-form .wpcf7-acceptance a:hover {
    opacity: 0.8;
}
.popup-cf7-form input[type="submit"] {
    width: 100%;
    height: 49px;
    background: #FFFFFF;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #59B7B3;
    cursor: pointer;
    transition: all 0.3s ease;
}
.popup-cf7-form input[type="submit"]:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}
.popup-cf7-form .wpcf7-response-output {
    color: #FFFFFF;
    border-color: #FFFFFF;
    margin: 16px 0 0;
    padding: 10px;
    text-align: center;
}
.popup-cf7-form .wpcf7-spinner {
    display: none;
}

/* Success State - Popup */
.popup-success-message {
    display: none;
    text-align: center;
    padding: 40px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 100;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.newsletter-popup.show-success .popup-success-message {
    display: flex;
    animation: fadeInUp 0.4s ease;
}
/* Hide form content when success is shown */
.newsletter-popup.show-success .newsletter-content {
    visibility: hidden;
}
.success-icon {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    animation: scaleIn 0.4s ease;
}
@keyframes scaleIn {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.success-icon svg {
    width: 40px;
    height: 40px;
}
.success-title {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}
.success-text {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    max-width: 500px;
    margin: 0 auto;
}

/* CF7 row layout for first/last name */
.newsletter-cf7-row {
    display: flex;
    gap: 16px;
    margin-bottom: 0;
}
/* Hide BR tags that CF7 auto-adds */
.newsletter-cf7-row br {
    display: none;
}
/* Remove P tags from flex layout (WordPress wpautop adds them) */
.newsletter-cf7-row p {
    display: contents;
    margin: 0;
}
/* Override popup form's width:100% for row items */
.popup-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
.footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
.newsletter-cf7-row .wpcf7-form-control-wrap {
    flex: 1;
    width: auto;
    margin-bottom: 16px;
}

/* ----- Footer CF7 Form ----- */
.footer-cf7-form .wpcf7-form {
    width: 100%;
}
.footer-cf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

/* Footer form 2-step: Hide everything except email by default */
.footer-cf7-form .wpcf7-form-control-wrap:not([data-name="your-email"]),
.footer-cf7-form .newsletter-cf7-row,
.footer-cf7-form select,
.footer-cf7-form input[type="submit"],
.footer-cf7-form .wpcf7-acceptance {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    transition: all 0.4s ease;
}

/* When form is expanded, show all fields */
.footer-cf7-form.form-expanded .wpcf7-form-control-wrap:not([data-name="your-email"]),
.footer-cf7-form.form-expanded .newsletter-cf7-row,
.footer-cf7-form.form-expanded select,
.footer-cf7-form.form-expanded input[type="submit"],
.footer-cf7-form.form-expanded .wpcf7-acceptance {
    max-height: 100px;
    overflow: visible;
    opacity: 1;
    margin-bottom: 10px;
}
.footer-cf7-form input[type="email"],
.footer-cf7-form input[type="text"] {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    box-sizing: border-box;
}
.footer-cf7-form input[type="email"]::placeholder,
.footer-cf7-form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.footer-cf7-form input[type="email"]:focus,
.footer-cf7-form input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(89, 183, 179, 0.5);
}
.footer-cf7-form select {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* When select has a value - light background like autofill */
.footer-cf7-form select.has-value {
    background-color: rgb(232, 240, 254);
    color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23333333' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.footer-cf7-form select option {
    background: #000;
    color: #fff;
}
/* Input fields - light background when filled */
.footer-cf7-form input[type="email"]:not(:placeholder-shown),
.footer-cf7-form input[type="text"]:not(:placeholder-shown) {
    background-color: rgb(232, 240, 254);
    color: #333333;
}
.footer-cf7-form .wpcf7-list-item {
    margin: 0;
}
.footer-cf7-form .wpcf7-acceptance {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
}
.footer-cf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 2px solid #59B7B3;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}
.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked {
    background: #59B7B3;
}
.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:hover {
    border-color: #4a9e9a;
}
.footer-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #59B7B3;
    cursor: pointer;
}
.footer-cf7-form .wpcf7-acceptance a {
    color: #59B7B3;
    text-decoration: underline;
}
.footer-cf7-form .wpcf7-acceptance a:hover {
    opacity: 0.8;
}
.footer-cf7-form input[type="submit"] {
    width: 100%;
    height: 31px;
    background: #59B7B3;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s;
}
.footer-cf7-form input[type="submit"]:hover {
    background: #4a9e9a;
}
.footer-cf7-form .wpcf7-response-output {
    color: #FFFFFF;
    border-color: rgba(255,255,255,0.3);
    margin: 10px 0 0;
    padding: 8px;
    font-size: 14px;
}
.footer-cf7-form .wpcf7-spinner {
    display: none;
}

/* Success State - Footer */
.footer-cf7-form.form-success .wpcf7-form {
    display: none;
}
.footer-cf7-form .footer-success-message {
    display: none;
    padding: 20px 0;
    text-align: center;
}
.footer-cf7-form.form-success .footer-success-message {
    display: block;
    animation: fadeInUp 0.4s ease;
}
.footer-success-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.footer-success-icon {
    width: 40px;
    height: 40px;
    background: #59B7B3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: scaleIn 0.4s ease;
    flex-shrink: 0;
}
.footer-success-icon svg {
    width: 20px;
    height: 20px;
}
.footer-success-text {
    font-family: 'Heebo', sans-serif;
    font-size: 18px;
    color: #59B7B3;
    font-weight: 500;
}

/* Footer CF7 row layout - specific widths for footer */
.footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap {
    width: 203px;
    flex: none;
    margin-bottom: 10px;
}

/* Mobile adjustments for CF7 */
@media (max-width: 768px) {
    .popup-cf7-form input[type="email"],
    .popup-cf7-form input[type="text"],
    .popup-cf7-form select {
        height: 37px;
        font-size: 14px;
        padding: 0 15px;
    }
    .popup-cf7-form input[type="submit"] {
        height: 42px;
        font-size: 16px;
    }
    /* Keep first/last name side-by-side on mobile with smaller gap */
    .popup-cf7-form .newsletter-cf7-row,
    .newsletter-popup .newsletter-cf7-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .popup-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
    .newsletter-popup .newsletter-cf7-row .wpcf7-form-control-wrap {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 50% !important;
    }
    .popup-cf7-form .newsletter-cf7-row input[type="text"],
    .newsletter-popup .newsletter-cf7-row input[type="text"] {
        width: 100% !important;
    }
    .popup-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 575px) {
    .footer-cf7-form .newsletter-cf7-row {
        flex-direction: column;
        gap: 0;
    }
    .footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap {
        width: 100%;
    }
}

/* ----- Popup Mobile Responsive ----- */
@media (max-width: 768px) {
    .newsletter-popup {
        width: 330px;
        max-width: calc(100% - 30px);
        height: auto;
        max-height: 85vh;
    }
    .newsletter-content {
        padding: 30px 25px;
    }
    .newsletter-title {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 15px;
    }
    .newsletter-subtitle {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    .newsletter-input,
    .newsletter-select {
        height: 37px;
        font-size: 14px;
        padding: 0 15px;
        margin-bottom: 10px;
    }
    .newsletter-row {
        flex-direction: column;
        gap: 0;
    }
    .newsletter-row .newsletter-input {
        margin-bottom: 10px;
    }
    .newsletter-submit {
        height: 42px;
        font-size: 16px;
    }
    .newsletter-terms label {
        font-size: 10px;
        line-height: 12px;
    }
    .newsletter-close {
        top: 15px;
        right: 15px;
        width: 18px;
        height: 18px;
    }
}

/* =====================================================
   NEW FOOTER DESIGN - December 2025
   ===================================================== */

.site-footer.site-footer-new {
    background: #000000;
    padding: 0;
    margin: 0;
}
.site-footer-new .footer-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 84px;
    position: relative;
}

/* Logo & Stay Updated */
.site-footer-new .footer-header {
    text-align: center;
    padding-top: 70px;
    margin-bottom: 20px;
}
.site-footer-new .footer-logo {
    margin-bottom: 5px;
}
.site-footer-new .footer-logo img,
.site-footer-new .footer-logo .custom-logo {
    max-width: 281px;
    height: auto;
}
.site-footer-new .footer-stay-updated {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #59B7B3;
    margin-top: 5px;
}

/* Main Content Layout */
.site-footer-new .footer-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Footer layout when newsletter is hidden */
.site-footer-new .footer-main--no-newsletter {
    justify-content: center;
}
.site-footer-new .footer-main--no-newsletter .footer-social {
    max-width: 100%;
    text-align: center;
}
.site-footer-new .footer-main--no-newsletter .footer-social-links {
    justify-content: center;
}

/* Newsletter Section */
.site-footer-new .footer-newsletter {
    width: 422px;
}
.site-footer-new .footer-newsletter h3 {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.07em;
    color: #59B7B3;
    margin-bottom: 15px;
    white-space: nowrap;
}
.site-footer-new .footer-form {
    transition: all 0.4s ease;
}
.site-footer-new .footer-input {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.site-footer-new .footer-input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.site-footer-new .footer-input:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(89, 183, 179, 0.5);
}
.site-footer-new .footer-row {
    display: flex;
    gap: 16px;
    margin-bottom: 10px;
}
.site-footer-new .footer-row .footer-input {
    width: 203px;
    flex: none;
    margin-bottom: 0;
}
.site-footer-new .footer-select {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 10px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.site-footer-new .footer-select option {
    background: #000;
    color: #fff;
}
.site-footer-new .footer-submit {
    width: 100%;
    height: 31px;
    background: #59B7B3;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s;
}
.site-footer-new .footer-submit:hover {
    background: #4a9e9a;
}
.site-footer-new .footer-step2 {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}
.site-footer-new .footer-step2.expanded {
    max-height: 150px;
    opacity: 1;
}

/* Social Section */
.site-footer-new .footer-social {
    text-align: center;
}
.site-footer-new .footer-social h3 {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #59B7B3;
    margin-bottom: 15px;
}
.site-footer-new .footer-social-icons {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}
.site-footer-new .footer-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: transform 0.3s, color 0.3s;
}
.site-footer-new .footer-social-icons a:hover {
    transform: translateY(-3px);
    color: #59B7B3;
}
.site-footer-new .footer-social-icons svg {
    height: 32px;
    width: auto;
}
.site-footer-new .footer-contact {
    text-align: center;
    margin-top: 15px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFF;
}
.site-footer-new .footer-contact a {
    color: #FFFFFF;
    text-decoration: none;
}
.site-footer-new .footer-contact a:hover {
    text-decoration: underline;
}

/* Footer Bottom */
.site-footer-new .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 25px;
    margin-top: 20px;
    position: relative;
}
.site-footer-new .footer-links {
    display: flex;
    gap: 30px;
}
.site-footer-new .footer-links a,
.site-footer-new .footer-links .menu-item a {
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFF !important;
    text-decoration: none;
    transition: color 0.3s;
}
.site-footer-new .footer-links a:hover,
.site-footer-new .footer-links .menu-item a:hover {
    color: #59B7B3 !important;
}
.site-footer-new .footer-credit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Heebo', sans-serif;
    font-size: 10px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.7);
}

/* ----- Footer Tablet Responsive ----- */
@media (max-width: 1200px) {
    .site-footer-new .footer-container {
        padding: 0 40px;
    }
    .site-footer-new .footer-newsletter {
        width: 350px;
    }
    .site-footer-new .footer-row .footer-input {
        width: calc(50% - 8px);
    }
}

/* ----- Footer Mobile Responsive ----- */
@media (max-width: 991px) {
    .site-footer-new .footer-main {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .site-footer-new .footer-newsletter {
        width: 100%;
        max-width: 422px;
        text-align: center;
    }
    .site-footer-new .footer-newsletter h3 {
        text-align: center;
        white-space: normal;
    }
    .site-footer-new .footer-row .footer-input {
        width: calc(50% - 8px);
    }
    .site-footer-new .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    .site-footer-new .footer-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .site-footer-new .footer-credit {
        position: static;
        transform: none;
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .site-footer-new .footer-container {
        padding: 0 20px;
    }
    .site-footer-new .footer-header {
        padding-top: 40px;
    }
    .site-footer-new .footer-stay-updated {
        font-size: 32px;
        line-height: 40px;
    }
    .site-footer-new .footer-newsletter h3,
    .site-footer-new .footer-social h3 {
        font-size: 22px;
    }
    .site-footer-new .footer-row {
        flex-direction: column;
        gap: 0;
    }
    .site-footer-new .footer-row .footer-input {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* =====================================================
   BLOG SINGLE PAGE STYLES (Dec 2025)
   Dark theme with teal accents
   ===================================================== */

/* Blog single main section */
section.main_part.blog-single {
    background: var(--bs-black) !important;
    padding: 60px 20px 80px !important;
}

section.main_part.blog-single > .container {
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Blog title */
section.blog-single .single_post_title {
    text-align: center !important;
    color: var(--bs-lightblue) !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 20px !important;
}

/* Date */
section.blog-single .date {
    text-align: right !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

/* Blog post title */
section.blog-single .heading_post {
    color: var(--bs-lightblue) !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin-bottom: 40px !important;
}

/* Blog subtitle */
section.blog-single .blog-subtitle {
    font-size: 20px !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: left !important;
    margin-bottom: 40px !important;
    padding: 20px !important;
    border-left: 4px solid var(--bs-lightblue) !important;
    background: #1a1a1a !important;
}

/* Blog content area */
section.blog-single .blog_content {
    font-size: 17px !important;
    line-height: 1.9 !important;
    color: var(--bs-white) !important;
    overflow: hidden !important;
}

/* Clearfix for blog content */
section.blog-single .blog_content::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

section.blog-single .blog_content p {
    margin-bottom: 24px !important;
    max-width: 100% !important;
}

section.blog-single .blog_content h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: var(--bs-lightblue) !important;
    margin: 40px 0 20px !important;
}

section.blog-single .blog_content h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--bs-lightblue) !important;
    margin: 30px 0 15px !important;
}

section.blog-single .blog_content ul,
section.blog-single .blog_content ol {
    margin: 20px 0 24px 30px !important;
    color: var(--bs-white) !important;
}

section.blog-single .blog_content li {
    margin-bottom: 10px !important;
}

section.blog-single .blog_content a {
    color: var(--bs-lightblue) !important;
}

section.blog-single .blog_content a:hover {
    text-decoration: underline !important;
}

/* Blog content blocks */
section.blog-single .blog-block {
    margin-bottom: 40px !important;
    clear: both !important;
    display: block !important;
    overflow: hidden !important;
}

/* Clear floats before and after blocks */
section.blog-single .blog-block::before,
section.blog-single .blog-block::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Image block */
section.blog-single .blog-block--image {
    margin: 40px 0 !important;
    padding: 20px 0 !important;
    clear: both !important;
    display: block !important;
    overflow: hidden !important;
}

section.blog-single .blog-block--image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    display: block !important;
    margin: 0 auto !important;
}

section.blog-single .blog-block--image.blog-image--medium {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.blog-single .blog-block--image figcaption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
    display: block !important;
    clear: both !important;
}

/* Video block */
section.blog-single .blog-block--video {
    margin: 40px 0 !important;
}

section.blog-single .blog-video-wrapper {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    background: #1a1a1a !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

section.blog-single .blog-video-wrapper iframe,
section.blog-single .blog-video-wrapper video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

section.blog-single .blog-video-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* Quote block */
section.blog-single .blog-block--quote {
    background: #1a1a1a !important;
    border-left: 4px solid var(--bs-lightblue) !important;
    padding: 30px !important;
    margin: 40px 0 !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

section.blog-single .blog-block--quote p {
    margin-bottom: 10px !important;
}

section.blog-single .blog-block--quote cite {
    display: block !important;
    font-size: 14px !important;
    color: var(--bs-lightblue) !important;
    font-style: normal !important;
    margin-top: 15px !important;
}

/* Blog tags */
section.blog-single .blog-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 40px 0 !important;
}

section.blog-single .blog-tag {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #1a1a1a !important;
    color: var(--bs-white) !important;
    font-size: 13px !important;
    border: 1px solid #333 !important;
    transition: all 0.3s !important;
}

section.blog-single .blog-tag:hover {
    background: var(--bs-lightblue) !important;
    border-color: var(--bs-lightblue) !important;
}

/* Blog navigation */
section.blog-single .blog-navigation {
    border-top: 1px solid #333 !important;
    margin-top: 40px !important;
}

section.blog-single .blog-navigation .link_btn,
section.blog-single .blog-navigation .link_box {
    color: var(--bs-lightblue) !important;
    transition: color 0.3s !important;
}

section.blog-single .blog-navigation .link_btn:hover,
section.blog-single .blog-navigation .link_box:hover {
    color: var(--bs-white) !important;
}

/* Blog content images - proper sizing and centering */
section.blog-single .blog_content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 40px auto !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
}

/* Reset all WordPress alignment classes */
section.blog-single .blog_content img.alignleft,
section.blog-single .blog_content img.alignright,
section.blog-single .blog_content img.aligncenter,
section.blog-single .blog_content img.alignnone,
section.blog-single .blog_content .wp-caption,
section.blog-single .blog_content .wp-caption img {
    float: none !important;
    display: block !important;
    margin: 40px auto !important;
    max-width: 100% !important;
    clear: both !important;
    position: relative !important;
}

/* WordPress caption styling */
section.blog-single .blog_content .wp-caption {
    width: auto !important;
    max-width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    clear: both !important;
    display: block !important;
}

section.blog-single .blog_content .wp-caption-text {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* WordPress gallery and figure support */
section.blog-single .blog_content figure {
    margin: 40px auto !important;
    max-width: 100% !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    float: none !important;
}

section.blog-single .blog_content figure img {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}

section.blog-single .blog_content figcaption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* Blog responsive */
@media (max-width: 768px) {
    section.blog-single .heading_post {
        font-size: 26px !important;
    }
    
    section.blog-single .blog_content {
        font-size: 16px !important;
    }
    
    section.blog-single .blog-navigation {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    section.blog-single .blog-navigation .col-md-4 {
        text-align: center !important;
    }
}

/* =====================================================
   SEARCH MODAL - FULLSCREEN OVERLAY (Dec 2025)
   Option A - Approved design
   ===================================================== */

/* Search modal overlay */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Close button */
.search-overlay__close {
    position: absolute;
    top: 40px;
    right: 40px;
    background: none;
    border: none;
    color: var(--bs-white);
    font-size: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.search-overlay__close:hover {
    color: var(--bs-lightblue);
    transform: rotate(90deg);
}

/* Content */
.search-overlay__content {
    width: 100%;
    max-width: 800px;
    padding: 0 40px;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease 0.1s;
}

.search-overlay.active .search-overlay__content {
    transform: translateY(0);
    opacity: 1;
}

/* Label */
.search-overlay__label {
    color: var(--bs-lightblue);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    display: block;
}

/* Input wrapper */
.search-overlay__input-wrap {
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    transition: border-color 0.3s;
}

.search-overlay__input-wrap:focus-within {
    border-color: var(--bs-lightblue);
}

/* Input field */
.search-overlay__input {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--bs-white);
    font-size: 48px;
    font-weight: 300;
    padding: 20px 60px 20px 0;
    outline: none;
    font-family: 'Heebo', sans-serif;
}

.search-overlay__input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* Submit button */
.search-overlay__submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--bs-lightblue);
    font-size: 30px;
    cursor: pointer;
    transition: transform 0.3s;
    padding: 10px;
}

.search-overlay__submit:hover {
    transform: translateY(-50%) translateX(5px);
}

/* Suggestions */
.search-overlay__suggestions {
    margin-top: 40px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.3s;
}

.search-overlay.active .search-overlay__suggestions {
    opacity: 1;
    transform: translateY(0);
}

.search-overlay__suggestions-title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.search-overlay__suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-overlay__suggestion {
    background: rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.search-overlay__suggestion:hover {
    background: var(--bs-lightblue);
    border-color: var(--bs-lightblue);
    color: var(--bs-white);
}

/* Search overlay responsive */
@media (max-width: 768px) {
    .search-overlay__input {
        font-size: 28px;
    }
    
    .search-overlay__close {
        top: 20px;
        right: 20px;
        font-size: 30px;
    }
    
    .search-overlay__content {
        padding: 0 20px;
    }
}

/* =====================================================
   SEARCH RESULTS PAGE STYLES (Dec 2025)
   Results grouped by content type - Clean card design
   ===================================================== */

/* Search results page main section */
.search-results-page {
    background: var(--bs-black);
    padding-bottom: 80px;
}

/* Container */
.search-results-container {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Search Header */
.search-results-header {
    text-align: center;
    padding: 60px 20px 50px;
}

.search-results-eyebrow {
    color: var(--bs-lightblue);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.search-results-title {
    color: var(--bs-lightblue);
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}

.search-results-count {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.search-results-count span {
    color: var(--bs-lightblue);
    font-weight: 600;
}

/* Category Section */
.search-category-section {
    margin-bottom: 50px;
}

.search-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bs-lightblue);
}

.search-category-title {
    color: var(--bs-lightblue);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.search-category-view-all {
    color: var(--bs-lightblue);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.search-category-view-all:hover {
    color: var(--bs-white);
}

/* Results Grid */
.search-results-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Search Card - Clean text-only design */
.search-card {
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 25px;
    transition: border-color 0.3s;
}

.search-card:hover {
    border-color: var(--bs-lightblue);
}

.search-card__date {
    color: var(--bs-lightblue);
    font-size: 13px;
    margin-bottom: 10px;
}

.search-card__title {
    color: var(--bs-white);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 12px 0;
}

.search-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}

.search-card__title a:hover {
    color: var(--bs-lightblue);
}

.search-card__excerpt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.search-card__link {
    color: var(--bs-lightblue);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
}

.search-card__link:hover {
    color: var(--bs-white);
    text-decoration: underline;
}

/* No Results */
.search-no-results {
    text-align: center;
    padding: 40px 20px 80px;
}

.search-no-results__title {
    color: var(--bs-white);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.search-no-results__text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto 40px;
}

.search-no-results__actions {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Official InMode CTA Button Design */
.search-no-results .cta-button {
    display: inline-block;
    padding: 10px 50px;
    border: 2px solid var(--bs-lightblue);
    border-radius: 0;
    background: transparent;
    color: var(--bs-lightblue);
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-no-results .cta-button:hover {
    border-color: var(--bs-white);
    color: var(--bs-white);
    background: transparent;
}

/* Popular searches */
.search-no-results__suggestions {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.search-no-results__suggestions-title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.search-no-results__suggestions-list {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.search-no-results__suggestion {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}

.search-no-results__suggestion:hover {
    border-color: var(--bs-lightblue);
    color: var(--bs-lightblue);
}

/* Search Results Responsive */
@media (max-width: 992px) {
    .search-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .search-results-grid {
        grid-template-columns: 1fr;
    }
    
    .search-results-title {
        font-size: 28px;
    }
    
    .search-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .search-no-results__title {
        font-size: 24px;
    }
    
    .search-no-results__actions {
        flex-direction: column;
        align-items: center;
    }
    
    .search-no-results .cta-button {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}