/* =========================================================
   FineTest home page clone - style.css
   Palette and metrics sampled from www.fn-test.com (Tailwind-based theme)
   ========================================================= */

:root{
  /* brand */
  --sky-500:#0ea5e9;
  --sky-600:#0284c7;   /* reference uses this for active states */
  --sky-100:#e0f2fe;
  --blue-500:#3b82f6;
  --amber-500:#f59e0b;
  --amber-icon:#ff8e12;

  /* neutrals (tailwind gray scale used by the original theme) */
  --gray-900:#111827;
  --gray-800:#1f2937;
  --gray-700:#374151;
  --gray-600:#4b5563;
  --gray-500:#6b7280;
  --gray-300:#d1d5db;
  --gray-200:#e5e7eb;
  --gray-100:#f3f4f6;
  --gray-50:#f9fafb;
  --white:#fff;

  --container:1280px;
  --font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.5;
  color:#000;
  background:var(--white);
}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:400;font-size:1rem;}
p{margin:0 0 1rem;}
address{font-style:normal;}
button{font:inherit;cursor:pointer;}

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:1rem;
}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{width:100%;background:var(--white);}

/* thin blue rule that sits above the top bar */
.header-accent{
  border-top:1px solid var(--blue-500);
  border-bottom:2px solid var(--blue-500);
  height:2px;
}

/* ---------- top bar ---------- */
.site-header-top{
  border-bottom:1px solid var(--gray-200);
  color:var(--gray-700);
  font-size:.875rem;
}
.top-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding-block:.5rem;
  min-height:40px;
}
.top-contact{display:flex;gap:1.25rem;flex-wrap:wrap;}
.top-contact a{
  color:var(--gray-900);
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  transition:color .2s;
}
.top-contact a:hover{color:var(--sky-500);}
.top-right{display:flex;align-items:center;gap:1rem;}

.social-brand{display:flex;align-items:center;color:var(--gray-600);}
.social-brand a{margin-inline:.5rem;transition:.4s;}
.social-brand .social-twitter:hover{color:#3aa2f2;}
.social-brand .social-facebook:hover{color:#4267b2;}
.social-brand .social-qq:hover{color:#3895d3;}
.social-brand .social-linkedin:hover{color:#0966c2;}
.social-brand .social-whatsapp:hover{color:#25d366;}

/* language switcher - flag images, like the original */
.lang-switch{
  display:flex;
  align-items:center;
  padding-left:.5rem;
  font-size:.75rem;
}
.lang-switch > li + li{margin-left:.5rem;}
.lang-label{
  display:none;
  margin-block:.25rem;
  text-transform:uppercase;
  color:var(--gray-600);
}
.lang-switch img{height:1.5rem;width:auto;transition:opacity .2s;}
.lang-switch a:hover img{opacity:.75;}

/* screen-reader-only headings the original keeps in the markup */
.visually-hidden{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* ---------- nav row ---------- */
.site-header-nav{
  position:relative;
  z-index:50;
  width:100%;
  background:var(--white);
}
.nav-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding-block:.5rem;
  position:relative;
}
.navbar-brand img{width:154px;height:64px;object-fit:contain;}

.menu-toggle{
  display:none;
  background:none;
  border:1px solid var(--gray-200);
  border-radius:6px;
  padding:.4rem .7rem;
  color:var(--gray-700);
  font-size:1.125rem;
}

/* ---------- main menu ---------- */
.main-navigation{display:flex;align-items:center;}
.main-navigation .menu{display:flex;align-items:center;}
.main-navigation .menu > li.menu-item{position:static;}
.main-navigation .menu > li.menu-item > a{
  display:flex;
  align-items:center;
  gap:.25rem;
  padding:.5rem;
  font-size:.875rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--gray-700);
  white-space:nowrap;
  transition:.15s;
}
.main-navigation .menu > li.menu-item > a:hover,
.main-navigation .menu > li.current-menu-item > a{color:var(--sky-500);}
.mob-caret{display:none;font-size:.75rem;}

/* shared link style inside every dropdown */
.main-navigation .sub-menu li > div > a{
  display:block;
  padding:.5rem;
  font-size:.875rem;
  color:var(--gray-700);
  transition:.1s;
  white-space:nowrap;
}
.main-navigation .sub-menu li > div > a:hover{
  background:var(--blue-500);
  color:#fff;
}

/* "NEW" flag on selected items */
.menu-new-icon > div > a::after{
  content:"NEW";
  margin-left:.4rem;
  padding:0 4px;
  border-radius:3px;
  background:#ef4444;
  color:#fff;
  font-size:.5625rem;
  font-weight:700;
  vertical-align:top;
}

/* ---------- mega menus (PRODUCTS / RESEARCH AREA) ---------- */
.main-navigation .menu > li.megamenu-0 > ul.sub-menu,
.main-navigation .menu > li.megamenu-1 > ul.sub-menu{
  position:absolute;
  top:100%;
  left:1rem;
  right:1rem;
  display:none;
  flex-direction:row;
  background:var(--white);
  border:1px solid var(--gray-200);
  box-shadow:var(--shadow-lg);
  padding:1rem 0;
  z-index:60;
}
.main-navigation .menu > li.megamenu-1 > ul.sub-menu{right:auto;min-width:820px;}

.main-navigation .menu > li.megamenu-0:hover > ul.sub-menu,
.main-navigation .menu > li.megamenu-1:hover > ul.sub-menu,
.main-navigation .menu > li.megamenu-0.is-open > ul.sub-menu,
.main-navigation .menu > li.megamenu-1.is-open > ul.sub-menu{display:flex;}

/* first-level column */
.main-navigation .mega-cols > li.menu-item{
  flex:1 1 0%;
  display:block;
  padding-inline:1rem;
  border-left:1px solid var(--gray-200);
}
.main-navigation .mega-cols > li.menu-item:first-child{border-left:0;}
.main-navigation .mega-cols > li.menu-item > div > a{
  display:block;
  padding:.5rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:700;
  color:var(--gray-900);
}
.main-navigation .mega-cols > li.menu-item > div > a:hover{
  background:var(--white);
  color:#000;
}
/* second level */
.main-navigation .mega-cols > li > ul.sub-menu > li > div > a{font-weight:500;}
/* third level gets an arrow marker, like the original */
.main-navigation .mega-cols > li > ul > li > ul > li > div > a::before{
  content:"\f105";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  margin:0 6px 0 4px;
  color:var(--gray-500);
}
.main-navigation .mega-cols > li > ul > li > ul > li > div > a:hover::before{color:#fff;}

/* ---------- simple dropdowns ---------- */
.main-navigation .menu > li.megamenu-2{position:relative;}
.main-navigation .menu > li.megamenu-2 > .dropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:50;
  display:none;
  white-space:nowrap;
  background:var(--white);
  border:1px solid var(--gray-200);
  padding:1rem;
  box-shadow:var(--shadow-sm);
}
.main-navigation .menu > li.megamenu-2:hover > .dropdown,
.main-navigation .menu > li.megamenu-2.is-open > .dropdown{display:flex;}
.main-navigation .menu > li.megamenu-2 > .dropdown > ul.sub-menu{
  display:flex;
  flex-direction:column;
  padding-inline:1rem;
}

/* ---------- search ---------- */
.search-wrapper{flex:1 1 auto;max-width:504px;padding-block:.5rem;}
.search-form{width:100%;}
.search-box{
  display:flex;
  align-items:stretch;
  padding:.25rem;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:4px;
}
.select-wrap{position:relative;display:flex;align-items:center;}
.select-wrap select{
  appearance:none;
  -webkit-appearance:none;
  max-width:150px;
  padding:.25rem 2rem .25rem .5rem;
  font-size:.875rem;
  font-weight:500;
  color:var(--gray-600);
  background:var(--gray-50);
  border:0;
  outline:none;
}
.select-wrap select:focus{color:var(--gray-800);}
.select-caret{
  position:absolute;
  right:0;top:0;bottom:0;
  display:flex;align-items:center;
  padding-inline:.5rem;
  color:var(--gray-600);
  pointer-events:none;
}
.search-keywords{
  flex:1 1 auto;
  min-width:0;
  padding-inline:.5rem;
  font-size:.875rem;
  color:var(--gray-700);
  background:var(--gray-50);
  border:0;
  border-left:1px solid var(--gray-200);
  outline:none;
}
.search-submit{
  flex:0 0 auto;
  padding-inline:.5rem;
  background:none;
  border:0;
  color:var(--gray-600);
  transition:color .2s;
}
.search-submit:hover{color:var(--sky-500);}

/* sticky compact header */
body.fixed-header .site-header-nav{
  position:fixed;
  top:0;left:0;right:0;
  box-shadow:var(--shadow-md);
}
body.fixed-header .site-header-nav .nav-inner{padding-block:0;}
body.fixed-header .navbar-brand img{width:120px;height:48px;}

/* =========================================================
   CONTENT
   ========================================================= */
.site-content{background:var(--gray-100);}
.home-2023{width:100%;}

/* ---------- hero carousel ---------- */
.carousel{
  position:relative;
  width:100%;
  overflow:hidden;
  background:var(--white);
}
/* the original ships two carousels and swaps them at the lg breakpoint */
.carousel-desktop{display:none;}
.carousel-mobile{display:block;}
@media (min-width:1024px){
  .carousel-desktop{display:block;}
  .carousel-mobile{display:none;}
}
.homeSwiper-dot{position:relative;overflow:hidden;}
.swiper-track{
  display:flex;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
  will-change:transform;
}
.swiper-slide{display:block;flex:0 0 100%;width:100%;}
.swiper-slide img{width:100%;height:auto;object-fit:cover;}

.swiper-button-prev,
.swiper-button-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:50%;
  background:rgba(0,0,0,.25);
  color:#fff;font-size:1.125rem;
  opacity:0;
  transition:opacity .3s,background .3s;
}
.carousel:hover .swiper-button-prev,
.carousel:hover .swiper-button-next{opacity:1;}
.swiper-button-prev:hover,
.swiper-button-next:hover{background:var(--sky-500);}
.swiper-button-prev{left:1rem;}
.swiper-button-next{right:1rem;}

.swiper-pagination{
  position:absolute;
  left:0;right:0;bottom:.75rem;
  z-index:10;
  display:flex;
  justify-content:center;
  gap:.5rem;
}
.swiper-pagination-bullet{
  width:.5rem;height:.5rem;
  padding:0;border:0;
  border-radius:.25rem;
  background:#fff;
  opacity:.5;
  transition:.3s ease-in-out;
  cursor:pointer;
}
.swiper-pagination-bullet-active{width:1.5rem;opacity:1;}

/* ---------- product cards ---------- */
.home-2023-card{padding:2rem 1rem;}
.home-2023-card .card-wrapper{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:2rem;
}
.home-2023-card .card{
  grid-column:span 6;
  display:flex;
  flex-direction:column;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:.75rem;
  transition:box-shadow .3s,transform .3s;
}
.home-2023-card .card:hover{
  box-shadow:var(--shadow-lg);
  transform:translateY(-2px);
}
.home-2023-card .card h3{font-size:1.125rem;line-height:1.75rem;}
.home-2023-card .card .card-title{
  display:block;
  padding:1rem;
  font-weight:600;
  color:var(--sky-500);
}
.home-2023-card .card .block{display:block;overflow:hidden;}
.home-2023-card .card .block img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  transition:transform .4s ease;
}
.home-2023-card .card:hover .block img{transform:scale(1.03);}
.home-2023-card .card-content{
  flex:1 1 0%;
  padding:1rem;
  font-size:.875rem;
  line-height:1.5rem;
}
.home-2023-card .card-content ul{
  list-style-type:square;
  list-style-position:inside;
  line-height:2;
}
.home-2023-card .card-footer{padding:1rem;font-size:.875rem;}
.card-button{
  display:inline-block;
  padding:.5rem 1rem;
  border:1px solid var(--sky-500);
  border-radius:.375rem;
  background:var(--white);
  color:var(--sky-500);
  transition:.25s;
}
.card-button:hover{background:var(--sky-500);color:#fff;}

/* ---------- features ---------- */
.home-2023-feature{padding:0 1rem 2.5rem;}
.home-2023-feature .card-wrapper{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
}
.section-title,
.about-title{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding-bottom:1rem;
  font-size:1.5rem;
  line-height:2rem;
  color:var(--amber-500);
}
.section-title i{font-size:1.25rem;}
.about-title .icon{flex:0 0 auto;}
.about-title span{color:var(--amber-500);}

.feature-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.home-2023-feature .card{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:.5rem;
  background:var(--white);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .3s,transform .3s;
}
.home-2023-feature .card:hover{
  box-shadow:var(--shadow-lg);
  transform:translateY(-2px);
}
.home-2023-feature .card > a{display:block;width:100%;height:100%;}
.home-2023-feature .card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-2023-feature .card-title{
  position:absolute;
  left:0;right:0;bottom:0;
  display:block;
  padding:.5rem;
  text-align:center;
  font-size:.875rem;
  line-height:1.25rem;
  color:var(--gray-900);
  background:rgba(255,255,255,.85);
}

/* ---------- about ---------- */
.home-2023-about{padding:0 1rem 2.5rem;}
.home-2023-about .card-wrapper{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
}
.about-card{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1.5rem;
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:1rem;
}
.about-media{flex:0 0 auto;}
.about-media img{
  width:100%;
  max-width:394px;
  border-radius:.5rem;
  object-fit:cover;
}
.about-body h3{
  font-size:1.25rem;
  font-weight:600;
  color:var(--gray-900);
  margin-bottom:1rem;
}
.about-body p{color:var(--gray-700);line-height:1.75;}
.about-more a{color:var(--sky-500);}
.about-more a:hover{text-decoration:underline;}

/* =========================================================
   NEWSLETTER + FOOTER
   ========================================================= */
.newsletter-footer{
  padding:2.5rem 1rem;
  background:var(--white);
  font-size:.875rem;
  color:var(--gray-800);
}
.newsletter-box{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:2rem;
  background:var(--sky-100);
  border:1px solid var(--gray-200);
  border-radius:1rem;
}
.newsletter-description{
  width:100%;
  font-size:1.5rem;
  line-height:2rem;
}
.newsletter-wrapper{width:100%;text-align:center;}
#emailForm{display:flex;gap:.5rem;justify-content:center;}
#emailForm input{
  width:70%;
  padding:.5rem 1rem;
  border:1px solid var(--gray-300);
  border-radius:2px;
  outline:none;
}
#emailForm input:focus{border-color:var(--sky-500);}
#emailForm button{
  display:inline-block;
  padding:.5rem 1rem;
  background:var(--sky-500);
  border:1px solid var(--sky-500);
  color:#fff;
  border-radius:2px;
  transition:.25s;
}
#emailForm button:hover{background:#fff;color:var(--sky-500);}
.newsletter-note{margin:.75rem 0 0;color:var(--gray-700);}

.footer-main{
  display:none;              /* original: hidden ... md:block */
  padding-block:3rem;
  background:var(--gray-200);
  border-top:1px solid var(--gray-300);
  font-size:.875rem;
  color:var(--gray-800);
}
.footer-menu{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.footer-menu-block h4{
  margin-bottom:1rem;
  font-size:.9375rem;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--gray-900);
}
.footer-menu-block li{margin-bottom:.5rem;}
.footer-menu-block a{color:var(--gray-700);transition:color .2s;}
.footer-menu-block a:hover{color:var(--sky-500);}
.footer-contact address{margin-bottom:.75rem;line-height:1.75;}
.footer-contact p{margin:0 0 .35rem;}
.footer-badges{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:1rem;
  flex-wrap:wrap;
}
.footer-badges img{height:56px;width:auto;object-fit:contain;}

.site-footer-copyright{
  background:var(--gray-200);
  font-size:.875rem;
  color:var(--gray-700);
}
.site-footer-copyright .container{
  padding:1rem;
  border-top:1px solid var(--gray-500);
}

/* =========================================================
   PRODUCT COMPARISON LAYER
   Slides up from the bottom once products are added to it.
   ========================================================= */
.compare-layer{
  position:fixed;
  left:0;bottom:0;
  z-index:50;
  width:100%;
  color:#fff;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
  border-top:1px solid #374151;
  transform:translateY(100%);
  transition:transform .3s;
}
.compare-layer.is-open{transform:translateY(0);}
.compare-inner{max-width:72rem;margin-inline:auto;padding:1rem;}
.compare-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1rem;
}
.compare-head h3{font-size:1.25rem;font-weight:600;color:#fff;}
.compare-actions button{
  padding:.25rem .75rem;
  border:0;border-radius:.375rem;
  background:#f87171;
  color:#fff;
  transition:.2s;
}
.compare-actions button:hover{background:#fff;color:#ef4444;}
.compare-groups{padding-bottom:.5rem;overflow-x:auto;}

/* =========================================================
   COOKIE BANNER / BACK TO TOP
   ========================================================= */
#cookie-banner{
  position:fixed;
  left:0;bottom:0;
  z-index:50;
  width:100%;
  display:flex;
  background:#000;
  border-top:1px solid var(--gray-200);
  color:#fff;
}
#cookie-banner.is-hidden{display:none;}
.cookie-inner{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:1rem;
  margin-inline:auto;
}
.cookie-text{
  width:75%;
  padding-block:1rem;
  font-size:1rem;
  line-height:1.5;
}
.cookie-text a{text-decoration:underline;}
.cookie-action{
  display:flex;
  align-items:center;
  justify-content:center;
  width:25%;
}
#cookieAgree{
  padding:.5rem 1.75rem;
  background:var(--sky-500);
  border:1px solid var(--sky-500);
  border-radius:.375rem;
  color:#fff;
  font-size:1rem;
  transition:.25s;
}
#cookieAgree:hover{background:#fff;color:var(--sky-500);}

.back-to-top{
  position:fixed;
  right:1.25rem;
  bottom:6rem;
  z-index:60;
  width:42px;height:42px;
  display:none;
  align-items:center;
  justify-content:center;
  background:var(--sky-500);
  color:#fff;
  border-radius:.375rem;
  box-shadow:var(--shadow-md);
}
.back-to-top.is-visible{display:flex;}
.back-to-top:hover{background:#0284c7;}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/* --- tablet and up --- */
@media (min-width:768px){
  .footer-main{display:block;}                        /* original: md:block */
  .lang-label{display:block;}
  .home-2023-card .card{grid-column:span 3;}          /* 2 per row */
  .feature-grid{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:250px;
  }
  .feature-big{grid-row:span 2;}
  .newsletter-box{flex-direction:row;align-items:center;}
  .newsletter-description{width:50%;}
  .newsletter-wrapper{width:50%;text-align:right;}
  #emailForm{justify-content:flex-end;}
  .about-card{flex-direction:row;align-items:stretch;}
  .about-media{width:394px;}
  .about-media img{height:100%;}
  .footer-menu{grid-template-columns:repeat(2,1fr);}
}

/* --- desktop --- */
@media (min-width:1024px){
  .footer-menu{grid-template-columns:repeat(4,1fr);}
  .feature-grid{
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:251px;
  }
}

/* --- large desktop: 3 product cards per row, like the original --- */
@media (min-width:1280px){
  .home-2023-card .card{grid-column:span 2;}
}

/* --- below 1024px: burger navigation --- */
@media (max-width:1023px){
  .menu-toggle{display:block;order:3;}
  .navbar-brand{order:1;}
  .search-wrapper{order:4;width:100%;max-width:none;flex:1 0 100%;}

  .main-navigation{
    order:5;
    display:none;
    width:100%;
    flex:1 0 100%;
    border-top:1px solid var(--gray-200);
    max-height:70vh;
    overflow-y:auto;
  }
  .main-navigation.is-open{display:block;}
  .main-navigation .menu{flex-direction:column;align-items:stretch;}
  .main-navigation .menu > li.menu-item{border-bottom:1px solid var(--gray-100);}
  .main-navigation .menu > li.menu-item > a{
    justify-content:space-between;
    padding:.85rem .5rem;
  }
  .mob-caret{display:inline-block;transition:transform .2s;}
  .main-navigation .menu > li.is-open > a .mob-caret{transform:rotate(180deg);}

  /* dropdowns become inline accordions */
  .main-navigation .menu > li.megamenu-0 > ul.sub-menu,
  .main-navigation .menu > li.megamenu-1 > ul.sub-menu,
  .main-navigation .menu > li.megamenu-2 > .dropdown{
    position:static;
    display:none;
    flex-direction:column;
    min-width:0;
    left:auto;right:auto;
    border:0;
    box-shadow:none;
    padding:0 0 .5rem;
    white-space:normal;
  }
  .main-navigation .menu > li.megamenu-0:hover > ul.sub-menu,
  .main-navigation .menu > li.megamenu-1:hover > ul.sub-menu,
  .main-navigation .menu > li.megamenu-2:hover > .dropdown{display:none;}
  .main-navigation .menu > li.is-open > ul.sub-menu,
  .main-navigation .menu > li.is-open > .dropdown{display:flex;}

  .main-navigation .mega-cols > li.menu-item{
    border-left:0;
    padding-inline:.75rem;
  }
  .main-navigation .mega-cols > li.menu-item > div > a{font-size:1rem;}
  .main-navigation .sub-menu li > div > a{white-space:normal;}
  .main-navigation .menu > li.megamenu-2 > .dropdown > ul.sub-menu{padding-inline:.75rem;}
}

/* --- phones --- */
@media (max-width:767px){
  .top-inner{flex-direction:column;align-items:flex-start;gap:.35rem;}
  .top-contact{font-size:.8125rem;gap:.75rem;}
  .home-2023-card{padding:1.25rem .75rem;}
  .home-2023-card .card-wrapper{gap:1.25rem;}
  .home-2023-card .card-content,
  .home-2023-card .card-footer{display:none;}   /* matches the original mobile card */
  .newsletter-description{font-size:1.25rem;}
  #emailForm{flex-direction:column;}
  #emailForm input{width:100%;}
  .feature-grid{grid-auto-rows:180px;}
  .cookie-inner{flex-direction:column;gap:.5rem;}
  .cookie-text{width:100%;font-size:.875rem;padding-block:.75rem;}
  .cookie-action{width:100%;padding-bottom:.75rem;}
  .swiper-button-prev,.swiper-button-next{display:none;}
  .back-to-top{bottom:8rem;}
}