@media (max-width: 767px) {
  
 .ctws-header-right {
    display: none !important;
  }
  .q_logo a {
  left: unset !important;
  min-height: 45px !important;
  }
  header.fixed, header.fixed_hiding {
  width: 100%;
  position: fixed !important;
  background: #fff;
  /*height: 120px;*/
  }
  header .container_inner .header_inner_left{
      /*top:58px !important;*/
  }
  .page_header .header_inner{
    /*min-height: 60px !important;*/
  }
  .ctws_topheader{
     /*min-height:60px !important; */
  }
  .ctws_topheader{
      position:unset !important;
      height:auto !important;
  }
  .header_bottom{
      padding-right:unset !important;
  }
  .container{
      padding-left:15px important;
      padding-right:15px important;
      width: auto;
  }
  .framer-text.framer-styles-preset-1kw1th3{
      max-width:unset !important;
  }
  #mega-menu-wrap-popup-navigation #mega-menu-popup-navigation > li.mega-menu-item > a.mega-menu-link:hover {
  color: #000 !important;
  }
  .header_inner_left{
    padding-top:10px !important;
    padding-bottom:10px !important; 
  }
  .swap-hide-topbar .widget.widget_block{
      display:none;
  }
  .swap-show-topbar .widget.widget_block{
      display:block;
  }
  .mega-toggle-animated-inner::after{
     background-color: #000 !important; 
  }
  .vc_column_container{
    padding-left:15px !important;
    padding-right:15px !important; 
  }
  #mega-menu-wrap-popup-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-popup-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-popup-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
  background-color: #121212 !important;
  }
  h2{
      font-size: 36px !important;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 43.22px !important;
      text-transform: capitalize;
  }
  h3{
      font-size: 32px !important;
      line-height:44.8px !important;
      text-transform: capitalize;
  }
  .ctws_great{
     padding: 80px 0px; 
  }
  .mega-toggle-animated-inner::before{
    background-color: #000 !important;   
  }
  #mega-menu-wrap-mobile-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-mobile-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-mobile-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
       background-color: #000 !important;  
  }
  .content_top_margin{
      padding-top: 40%;
  }
  #block-42{
     display:block !important; 
  }
  #block-44{
     display:block !important; 
  }
  .wc-block-cart__empty-cart__title.with-empty-cart-icon::before{
    height: 2em !important; 
    width: 2em !important;
    margin: 0 auto 1em !important;
    mask-size: 2em !important;
  }
}



 @media (max-width: 768px) {

  /* ===== TOP BAR ===== */
  .widget.widget_block {
      /*min-height: 44px;*/
      overflow: hidden;
      transition: height .35s ease, opacity .25s ease;
  }
  .header_inner{
      min-height: 40px;
  }

 /* body.header-scrolled:not(.mmm-open) .widget.widget_block {
      height: 0;
      opacity: 0;
  }*/

  /* ===== HEADER ===== */
  .page_header {
      position: fixed !important;
      top: 0;
      width: 100%;
      z-index: 10000;
      background: transparent;
  }

  body.mmm-open .page_header {
      background: #fff;
  }

  .ctws_topheader {
      position: relative;
      z-index: 10001;
  }

  .header_bottom {
      background: #fff;
      z-index: 10001;
      position: relative;
      padding-right:15px !important;
  }

  /* ===== OFF CANVAS PANEL ===== */
  .mega-menu-wrap {
      z-index: 9999;
  }

  .mega-menu-off-canvas {
      top: 100% !important;            /* below logo */
      height: calc(100vh - 44px);      /* full screen */
      overflow-y: auto;
      background: #fff;
      padding-top: 10px;
  }

  body.mmm-open {
      overflow: hidden;
  }

  /* ===== FORCE SUBMENU RESET ===== */
  #mega-menu-mobile-navigation .mega-sub-menu {
      display: none;
  }

  #mega-menu-mobile-navigation li.mega-toggle-on > .mega-sub-menu {
      display: block;
  }

  /* ===== PRODUCT ANIMATION ===== */
  .ctws-mega-item-mobile {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .4s ease, transform .4s ease;
  }

  li.mega-toggle-on .ctws-mega-item-mobile {
      opacity: 1;
      transform: translateY(0);
      text-align:center;
  }

  li.mega-toggle-on .ctws-mega-item-mobile:nth-child(1){transition-delay:.1s;}
  li.mega-toggle-on .ctws-mega-item-mobile:nth-child(2){transition-delay:.2s;}
  li.mega-toggle-on .ctws-mega-item-mobile:nth-child(3){transition-delay:.3s;}
  li.mega-toggle-on .ctws-mega-item-mobile:nth-child(4){transition-delay:.4s;}

  /* Active parent style */
  #mega-menu-wrap-mobile-navigation 
  #mega-menu-mobile-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
      color: #121212;
      background-color: #fff;
  }
  .ctws-mega-item-mobile .ctws-icon img.emoji {
  max-width: 20px !important;
  }
}
@media (max-width: 768px) {

  /* FORCE FULL WIDTH OFF CANVAS (override old 300px rules) */
  body.mmm-open 
  #mega-menu-wrap-mobile-navigation 
  .mega-menu-toggle + #mega-menu-mobile-navigation {
      width: 100vw !important;
      max-width: 100vw !important;
      left: 0 !important;
      right: 0 !important;
      transform: translateX(0) !important;
  }

  /* Ensure full height coverage */
  #mega-menu-wrap-mobile-navigation 
  .mega-menu-toggle + #mega-menu-mobile-navigation {
      height: 100vh !important;
      max-height: 100vh !important;
      background: #fff !important;
  }
}
@media (max-width: 768px) {

  .ctws-mob-logo > a {
      font-size: 0 !important; /* hide text */
      padding: 22px 20px 16px !important;
      display: flex;
      align-items: center;
  }

   .ctws-mob-logo > a::before {
    content: "";
    width: 140px !important;
    height: 34px !important;
    background: url("https://rentacycle.dlkhost.com/wp-content/themes/stockholm/img/logo_black.png") no-repeat left center !important;
    background-size: auto;
    background-size: contain !important;
    display: block !important;
  }
}
@media (max-width: 768px) {

  .mega-close {
      position: fixed !important;
      top: 26px !important;
      right: 20px !important;
      z-index: 1000000 !important;
  }
}

@media (max-width: 768px) {

  #mega-menu-mobile-navigation > li:not(.ctws-mob-logo) {
      padding: 14px 20px !important;
      font-size: 22px;
      font-weight: 600;
  }
}

@media (max-width: 768px) {

  .ctws-mega-products-mobile {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 24px 16px !important;
      padding: 20px !important;
      list-style: none;
  }

  .ctws-mega-item-mobile img {
      width: 100% !important;
      height: auto !important;
  }

  .ctws-mega-item-mobile .ctws-title {
      display: block;
      margin-top: 6px;
      text-align: center;
      font-weight: 600;
  }
}

@media (max-width: 768px) {

  #mega-menu-item-2235 > a {
      background: #f2f2f2 !important;
      border-radius: 8px;
      padding: 10px 14px !important;
      display: inline-flex !important;
      align-items: center;
      gap: 8px;
      font-size: 16px;
      font-weight: 500;
      margin: 20px !important;
      width: fit-content;
  }

  #mega-menu-item-2235 > a::after {
      content: "↗";
      font-size: 14px;
  }
  
}

@media (max-width: 768px) {

  #mega-menu-item-2236 a::before {
      content: "❓";
      margin-right: 10px;
  }

  #mega-menu-item-2237 a::before {
      content: "👤";
      margin-right: 10px;
  }
}


@media (max-width: 768px) {

  /* Treat real MMM class same as mmm-open */
  body.mega-menu-mobile-navigation-mobile-open {
      overflow: hidden;
  }

  body.mega-menu-mobile-navigation-mobile-open .page_header {
      background: #fff;
  }

  /* Prevent top bar collapsing when menu is open */
  body.header-scrolled.mega-menu-mobile-navigation-mobile-open 
  .widget.widget_block {
      /*height: 44px;*/
      opacity: 1;
  }
}

@media (max-width: 768px) {

  body.mega-menu-mobile-navigation-mobile-open
  #mega-menu-wrap-mobile-navigation
  .mega-menu-toggle + #mega-menu-mobile-navigation {
      width: 100vw !important;
      max-width: 100vw !important;
      left: 0 !important;
      right: 0 !important;
      transform: translateX(0) !important;
  }

}

@media (max-width: 768px) {

  body.mega-menu-mobile-navigation-mobile-open 
  .mega-menu-off-canvas,
  body.mega-menu-mobile-navigation-mobile-open 
  #mega-menu-mobile-navigation {
      top: 100% !important;
      height: calc(100vh - 44px) !important;
  }
}
@media (max-width: 768px) {

  /* HARD ISOLATE OFF CANVAS FROM PAGE */
  body.mega-menu-mobile-navigation-mobile-open
  #mega-menu-wrap-mobile-navigation
  .mega-menu-toggle + #mega-menu-mobile-navigation {

      position: fixed !important;
      inset: 0 !important; /* top:0 right:0 bottom:0 left:0 */
      width: 100vw !important;
      height: 100vh !important;

      background: #ffffff !important;
      opacity: 1 !important;

      z-index: 99999999 !important;
      overflow-y: auto !important;

      transform: translateX(0) !important;
  }
}
@media (max-width: 768px) {

  body.mega-menu-mobile-navigation-mobile-open .page_header {
      position: relative !important;
      z-index: 100000000 !important;
  }

}
@media (max-width: 768px) {

  body.mega-menu-mobile-navigation-mobile-open
  #mega-menu-mobile-navigation {
      padding-top: 0px !important; /* safe header offset */
  }

}

@media (max-width: 768px) {

  /* Force close button above menu */
  body.mega-menu-mobile-navigation-mobile-open .mega-close {
      position: fixed !important;
      top: 24px !important;
      right: 20px !important;
      width: 32px;
      height: 32px;
      z-index: 100000000 !important;
      background: transparent !important;
      border: none !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      cursor: pointer;
  }

}
@media (max-width: 768px) {
#mega-menu-wrap-mobile-navigation .mega-menu-toggle ~ button.mega-close::before{content:"" !important;}
  body.mega-menu-mobile-navigation-mobile-open .mega-close {
      position: fixed;
      top: 26px;
      right: 20px;

      width: 32px;
      height: 32px;

      background: transparent;
      border: none;
      padding: 0;

      z-index: 1000005;
      display: flex;
      align-items: center;
      justify-content: center;

      cursor: pointer;

      /* animation base */
      transform: rotate(0deg) scale(1);
      transition: transform .35s ease;
  }

  /* SVG icon */
  body.mega-menu-mobile-navigation-mobile-open .mega-close::before {
      content: "";
      width: 22px;
      height: 22px;

      background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<line x1='18' y1='6' x2='6' y2='18'/>\
<line x1='6' y1='6' x2='18' y2='18'/>\
</svg>") no-repeat center;

      background-size: 22px 22px;
      display: block;
  }
}
@media (max-width: 768px) {

  .ctws-mob-logo {
      position: sticky;
      top: 0;
      background: #fff;
      z-index: 1000;
      padding-top: 12px;
      padding-bottom: 12px;
  }

}

/****** responsive *****/



nav.main_menu > ul > li > a{
 font-family: 'MilkAndHoney' !important;   
}
body {
  font-family: "Inter", sans-serif;
}
.title {
background: transparent !important;

}
.title h1 {
  /*font-size: 55px !important;*/
  font-weight: 500 !important;
  color:#000 !important;
  width:100% !important;
  text-align:center;
}
.product-title{font-size: small !important;font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;}
  /* =========================================
   Swapfiets 1:1 Top Bar Animation (FINAL)
========================================= */

/* Swapfiets-style top bar (default visible) */
/* ===== FIX EMPTY SPACE ABOVE HEADER ===== */



/* Prevent header content from being pushed */
.page_header .header_inner {
    padding-top: 0 !important;
}

/* Optional: ensure body does not add offset */
:root {
    --topbar-height: 40px; /* adjust if needed */
}

.page_header {
    top: var(--topbar-height);
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* when top bar hidden → header goes to top */
body.swap-hide-topbar .page_header {
    top: 0;
}

/* when shown → header pushed down */
body.swap-show-topbar .page_header {
    top: var(--topbar-height);
}
.ctws_topheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;

    height: var(--topbar-height);
    line-height: var(--topbar-height);

    background: #4b2416;
    color: #fff;
    text-align: center;

    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* hide */
body.swap-hide-topbar .ctws_topheader {
    transform: translateY(-100%);
}

/* show */
body.swap-show-topbar .ctws_topheader {
    transform: translateY(0);
}
.ctws_topheader {
    /*background-color: #00a9e0 !important; */
    background-color:#2b714d !important;
    color: #ffffff;
}

.ctws_topheader p {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.3px;
}
/* ===== Footer base (Swapfiets style) ===== */
.qodef-page-footer {
    background-color: #f2f5f7;
    color: #121212;
}

.qodef-page-footer a {
    color: #121212;
    text-decoration: none;
}

.qodef-page-footer a:hover {
    opacity: 0.7;
}


/* Equal column spacing */
.footer_top .qode_column {
    padding-right: 40px;
}

/* Remove default min-height forcing */
.footer_top .qode_column {
    min-height: auto !important;
}

/* Footer logo */
.footer_top img {
    max-width: 180px;
    height: auto;
}

/* Footer headings */
.footer_top p strong,
.footer_top p:first-child {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
}

/* Footer text */
.footer_top p {
    font-size: 14px;
    line-height: 1.7;
    color: #d1d1d1;
}

/* Footer menu */
.footer_top .menu li {
    margin-bottom: 10px;
}

.footer_top .menu a {
    font-size: 14px;
    color: #ffffff;
}

/* Social icons row */
.wp-block-social-links {
    margin-top: 20px;
}

.wp-block-social-link {
    margin-right: 12px;
}

.wp-block-social-link a {
    color: #ffffff;
}

.wp-block-social-link a:hover {
    opacity: 0.6;
}

/* Footer bottom bar */
.footer_bottom_holder {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 40px;
}

.footer_bottom {
    padding: 20px 0;
    text-align: center;
}

.footer_bottom p {
    font-size: 13px;
    color: #aaaaaa;
    margin: 0;
}


.footer_top {
    padding: 82px 0 30px !important;
}


@media (max-width: 768px) {

    .footer_top {
        padding: 60px 20px;
    }

    .footer_top .qode_column {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .footer_top img {
        max-width: 160px;
    }
    h1 {
    font-size: 44px !important;
    line-height: 52px !important;
    }
    .title h1{
      font-size: 44px !important;
      line-height: 52px !important;
    }
   #ctws-id .ya-breadcrumb{
     padding-top: 20px !important;
   }
    
    
}



/****** home page css *****/
/* Swapfiets icon backdrop */
.vc_custom_icon_circle .vc_icon_element-inner {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #e9f5fb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

/* Icon size fix */
.vc_custom_icon_circle i {
    font-size: 28px;
}

/* ===== FIX VC ICON ALIGNMENT & VISIBILITY ===== */

/* force center alignment */
.vc_icon_element {
    text-align: center !important;
}

/* icon wrapper (circle) */
.vc_icon_element-inner {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;

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

    margin: 0 auto 20px !important;
    background-color: #e9f5fb !important;
}

/* actual icon */
.vc_icon_element-icon {
    font-size: 28px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    color: #000 !important;
}



/* ================================
   Swapfiets Card – FINAL FIX
================================ */

/* Row behaves like grid */
.vc_custom_bikes_cards {
    display: flex !important;
    gap: 24px;
    padding: 40px 20px;
}

/* Disable VC floats */
.vc_custom_bikes_cards > .wpb_column {
    float: none !important;
    display: flex;
}

/* Card */
.swapfiets-card .vc_column-inner {
    display: flex;
    flex-direction: column;

    background: #ffffff;
    border-radius: 28px;

    padding: 28px 24px 32px;
    width: 100%;
    min-height: 560px;

    box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* ===== IMAGE ZONE (MOST IMPORTANT) ===== */
.swapfiets-card .wpb_single_image {
    margin: 0 0 20px;
}

.swapfiets-card .vc_single_image-wrapper {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swapfiets-card img {
    max-height: 170px;
    width: auto;
    object-fit: contain;
}

/* ===== TEXT STACK ===== */
.swapfiets-card .model {
    font-size: 13px;
    color: #777;
    margin-bottom: 6px;
}

.swapfiets-card h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.swapfiets-card .desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* ===== PRICE ===== */
.swapfiets-card .price {
    font-size: 15px;
    font-weight: 600;
    margin-top: auto; /* forces button to bottom */
}

.swapfiets-card .price.old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 4px;
}

/* ===== BADGE ===== */
.swapfiets-card .badge {
    align-self: flex-start;
    background: #ffb155;
    color: #000;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 6px;
    margin-bottom: 12px;
}

/* ===== BUTTON ===== */
.swapfiets-card .vc_btn3-container {
    margin-top: 20px;
}
  .ctws-header-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Left column */
.ctws-header-logo {
    width: 180px;
}

/* Center column */
.ctws-header-center {
    flex: 1;
    text-align: center;
}

/* Right column */
.ctws-header-right {
    white-space: nowrap;
}

/* Menus reset */
.ctws-main-menu,
.ctws-right-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Menu items */
.ctws-main-menu .ctws-menu-item,
.ctws-right-menu .ctws-right-item {
    display: inline-block;
    margin: 0 10px;
}

/* Links */
.ctws-main-menu a,
.ctws-right-menu a {
    text-decoration: none;
    font-weight: 500;
}

.header_inner_left.ctws-menu {
  width: 100%;
}





/*mega menu change*/
@media only screen and (min-width: 768px) {
#mega-menu-popup-navigation,#mega-menu-popup-navigation > .mega-menu-item{position: unset !important;}
  #mega-menu-popup-navigation > li.mega-menu-item > .mega-menu-link + .mega-sub-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
  }
  /* remove positioning context */
.ctws-header-center {
    position: static !important;
    /*min-height: 60px;*/
}

/* keep header visible */
.ctws-header-wrap {
    position: relative;
}

/* FULL WIDTH MEGA MENU */
#mega-menu-popup-navigation > li.mega-menu-item > .mega-menu-link + .mega-sub-menu {
    position: fixed !important;     /* 🔥 KEY FIX */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    z-index: 9999;
}


/* Grid wrapper */
.ctws-mega-products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* Product card */
.ctws-mega-item a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #111;
    padding: 30px 20px;
    border-radius: 16px;
    transition: all 0.3s ease;
}

/* Hover + active */
.ctws-mega-item a:hover,
.ctws-mega-item.ctws-active a {
    background: #f5f6f7;
}

/* Image */
.ctws-mega-item img {
    max-width: 220px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/* Title row */
.ctws-title {
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height:19px !important;
}

/* Lightning icon */
.ctws-icon {
    color: #f5a623;
    font-size: 18px;
    margin-right: 4px;
}


/* ================================
   FORCE HEADER ALWAYS WHITE
================================ */

/* Main header */
.page_header.ctws2 {
    background: #ffffff !important;
}

/* Header inner wrappers */
.page_header.ctws2,
.page_header.ctws2 .header_inner,
.page_header.ctws2 .container,
.page_header.ctws2 .qodef-header-wrapper,
.page_header.ctws2 .qodef-header-inner {
    background-color: #ffffff !important;
}

/* Fixed + Scrolled state */
.page_header.ctws2.fixed,
.page_header.ctws2.scrolled,
.page_header.ctws2.scrolled_not_transparent {
    background-color: #ffffff !important;
    /*box-shadow: 0 2px 12px rgba(0,0,0,0.06);*/ /* optional */
}

/* Remove transparency completely */
.page_header.ctws2.transparent,
.page_header.ctws2.scrolled_not_transparent.transparent {
    background: #ffffff !important;
}

/* Logo area */
.page_header.ctws2 .logo_wrapper,
.page_header.ctws2 .logo_wrapper img {
    background-color: #ffffff !important;
}

/* Menu bar */
.page_header.ctws2 .menu_wrapper,
.page_header.ctws2 nav.main_menu,
.page_header.ctws2 .main_menu > ul {
    background-color: #ffffff !important;
}

/* Menu links */
.page_header.ctws2 .main_menu > ul > li > a {
    color: #111 !important;
}

/* Hover / active */
.page_header.ctws2 .main_menu > ul > li:hover > a,
.page_header.ctws2 .main_menu > ul > li.active > a {
    color: #000 !important;
}

/* Right side (Login / Sign up) */
.page_header.ctws2 .ctws-header-right {
    background-color: #ffffff !important;
}

/* Remove Stockholm overlay effect */
.page_header.ctws2::before,
.page_header.ctws2::after {
    display: none !important;
}
.page_header.ctws2.transparent.scrolled_not_transparent.fixed {
  height: 80px !important;
}
.page_header.ctws2.scrolled_not_transparent.fixed {
  height: 80px !important;
}
#mega-menu-popup-navigation > li.mega-menu-item.mega-toggle-on > .mega-sub-menu {
    display: block;
}
header.fixed.scrolled .header_bottom{
   background-color:transparent !important;
   color:#4F2115 !important;
    min-height:55px;
    }
    


  /* Mega menu panel */
.mega-sub-menu {
    display: block !important;
    overflow: hidden;
    transform-origin: top center;
    pointer-events: none;
}

/* Ensure enough space so animation doesn’t clip */
.mega-menu-item-has-children > .mega-sub-menu {
    min-height: 420px;
}

/* Remove Max Mega Menu animation interference */
.mega-sub-menu,
.mega-sub-menu * {
    transition: none !important;
}

.top-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: 'Inter', system-ui, sans-serif;
    position: relative;
}

/* Business button */
.business-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: #f2f3f5;
    color: #000;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: background 0.2s ease;
}

.business-btn:hover {
    background: #e6e7ea;
}

.external-icon {
    font-size: 14px;
    line-height: 1;
}

/* Icon group */
.icon-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.icon-btn:hover {
    background: #f5f5f5;
    border-color: #ccc;
}
.container_inner.default_template_holder.clearfix {
     max-width: 1200px; 
}
.product-total span bdi{
      font-size: 14px !important;
      line-height: 24px !important;
      color: #000 !important;
      font-weight: 400 !important;
    }
    .woocommerce-checkout table.shop_table td span.amount{
       color:#000 !important;
    }
    .woocommerce-Price-amount{
      font-size: 14px !important;
      line-height: 24px !important;
    }
    .woocommerce-customer-details address{
       font-size: 14px !important;
       line-height: 24px !important;
       font-style: normal !important;
    }
    .woocommerce-Price-currencySymbol{
       font-size: 14px !important;
       line-height: 24px !important;
    }
    tfoot tr td{
       font-size: 14px !important;
       line-height: 24px !important;
    }
    .woocommerce-checkout table.shop_table td span.amount{
       color:#303030  !important;
    }
    
.cwts-faq{
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
    border: none;
    padding:20px 0px;
    background-color:#fff !important;
}
.vc_tta-panels-container{
  width: 55%;
  text-align: center;
  margin: auto;  
}
.vc_tta-panel-body{
    background: #fff !important;
    border: 0px !important;
    text-align: center;
}
.vc_tta-panel{
    background: #fff !important;
    border: 0px !important;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 20px 0px;
}

.vc_tta-panel-heading{
    background: #fff !important;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 0px !important;
}


.cwts-faq .vc_tta-title-text {
    font-size: 20px;
    font-weight: 600;
    color: #111;
}


.cwts-faq .vc_tta-controls-icon {
    color: #00a6c7;
}


.cwts-faq .vc_active .vc_tta-panel-heading {
    background: #eaeaea;
}
h1 {
    font-size: 26px !important;
    line-height: 36px !important;
    text-transform: capitalize;
}

h2 {
    font-size: 20px !important;
    line-height: 30px !important;
    text-transform: capitalize;
}

h3 {
    font-size: 18px !important;
    line-height: 27px !important;
    text-transform: capitalize;
}

h4 {
    font-size: 16px !important;
    line-height: 24px !important;
    text-transform: capitalize;
}

h5 {
    font-size: 14px !important;
    line-height: 21px !important;
    text-transform: capitalize;
}

p {
    font-size: 14px !important;
    line-height: 22px !important;
}