body,html{width:100%;padding:0px;margin:0px;overflow-x:hidden;}
*{box-sizing: border-box;}
 .search_popup {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transform: translateY(-100%);
   transition: transform 280ms ease, opacity 220ms ease, visibility 0s 280ms;
 }

 .search_popup.search_popup_active {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transform: translateY(0);
   transition: transform 280ms ease, opacity 220ms ease;
 }

 .inquiry_popup {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 220ms ease, visibility 0s 220ms;
 }

 .inquiry_popup .inquiry_popup_panel {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0.98);
   transition: transform 220ms ease;
 }

 .inquiry_popup.inquiry_popup_active {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transition: opacity 220ms ease;
 }

 .inquiry_popup.inquiry_popup_active .inquiry_popup_panel {
   transform: translate(-50%, -50%) scale(1);
 }

 @media (min-width: 768px) {
   .inquiry_popup {
     inset: auto;
     left: auto;
     top: auto;
     right: auto;
     bottom: auto;
   }

   .inquiry_popup .inquiry_popup_backdrop {
     display: none;
   }

   .inquiry_popup .inquiry_popup_panel {
     position: fixed;
     left: auto;
     top: auto;
     right: 32px;
     bottom: 112px;
     transform: translate(0, 10px);
   }

   .inquiry_popup.inquiry_popup_active .inquiry_popup_panel {
     transform: translate(0, 0);
   }
 }

 @media (hover: hover) and (pointer: fine) {
   .inquiry-entry a[aria-label="Leave a message"] {
     will-change: transform, box-shadow;
   }

   .inquiry-entry a[aria-label="Leave a message"]:hover {
     transform: translateY(-4px) scale(1.02);
     box-shadow: 0 18px 34px rgba(220, 38, 38, 0.22);
   }

   .inquiry_popup .inquiry_popup_panel {
     will-change: transform, box-shadow;
   }

   .inquiry_popup .inquiry_popup_panel:hover {
     box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
   }

   .inquiry_popup .inquiry_popup_close svg {
     transition: transform 180ms ease;
   }

   .inquiry_popup .inquiry_popup_close:hover svg {
     transform: rotate(90deg);
   }

   .inquiry_popup input:hover,
   .inquiry_popup textarea:hover {
     border-color: #dc2626;
     box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
   }

   .inquiry_popup button[type="submit"] {
     will-change: transform, box-shadow;
   }

   .inquiry_popup button[type="submit"]:hover {
     transform: translateY(-1px);
     box-shadow: 0 14px 30px rgba(220, 38, 38, 0.22);
   }
 }


 .language-switcher .language-dropdown {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transform: translateX(-50%) translateY(6px);
   transition: transform 160ms ease, opacity 140ms ease, visibility 0s 160ms;
 }

 .language-switcher:hover .language-dropdown {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transform: translateX(-50%) translateY(0);
   transition: transform 160ms ease, opacity 140ms ease;
 }

 .language-dropdown::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: -14px;
   height: 14px;
   background: transparent;
 }

 .language-dropdown-arrow {
   position: absolute;
   top: -8px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-bottom: 8px solid #ffffff;
 }

 .language-dropdown-arrow::before {
   content: '';
   position: absolute;
   top: -1px;
   left: -9px;
   z-index: -1;
   width: 0;
   height: 0;
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
   border-bottom: 9px solid rgba(0, 0, 0, 0.1);
 }

 .header-nav.is-sticky {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 50;
   background: #ffffff;
   padding-top: 10px;
   padding-bottom: 10px;
   box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
 }

 .header-nav.is-sticky nav,
 .header-nav.is-sticky nav a,
 .header-nav.is-sticky .language-switcher,
 .header-nav.is-sticky .language-switcher span,
 .header-nav.is-sticky button,
 .header-nav.is-sticky svg {
   color: #0b1220 !important;
 }

 .header-nav.is-sticky nav a:hover {
   color: #0b1220 !important;
 }

 .header-nav.is-sticky svg {
   color: #0b1220 !important;
 }

 details.footer-accordion > summary {
   list-style: none;
 }

 details.footer-accordion > summary::-webkit-details-marker {
   display: none;
 }

 @media (min-width: 1081px) {
   details.footer-accordion > summary {
     cursor: default;
   }

   details.footer-accordion > summary svg {
     display: none;
   }
 }

 @media (min-width: 1081px) and (max-width: 1199px) {
   .footer-menu-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     column-gap: 32px;
     row-gap: 40px;
   }

   .footer-logo-block {
     grid-column: 1 / -1;
     justify-self: center;
   }
 }

 .footer-menu-grid details.footer-accordion > summary > div > div:first-child {
   font-family: Poppins, sans-serif;
   /* font-size: 18px; */
   font-weight: 500;
 }

 .footer-menu-grid details.footer-accordion ul a {
   font-family: Poppins, sans-serif;
   font-size: 14px;
   font-weight: 400;
 }

 .footer-logo-block p {
   font-family: Poppins, sans-serif;
   font-size: 14px;
   font-weight: 400;
 }

 .about-us-bg {
   position: relative;
 }

 .about-us-bg::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: -150px;
   background-image: url('/front/imgs/bg001.png');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: contain;
   pointer-events: none;
   z-index: 0;
 }

 .about-us-bg > * {
   position: relative;
   z-index: 1;
 }

 @media (max-width: 1350px) {
   .about-us-bg::after {
     right: -100px;
   }
 }

 @media (max-width: 1200px) {
   .about-us-bg::after {
     right: -60px;
   }
 }

 @media (max-width: 1080px) {
   .about-us-bg::after {
     right: -30px;
   }
 }

 @media (max-width: 992px) {
   .about-us-bg::after {
     right: 0;
   }
 }

 .cs-line-clamp-2 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
 }

  /* Navigation menu styles */
  nav .group:hover > div {
    opacity: 1;
    pointer-events: auto;
  }
  
  /* Submenu third level styles */
  .submenu-parent:hover .submenu-third {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  
/* Ensure proper stacking */
.submenu-third {
  z-index: 60;
} 
@media (min-width: 992px) {
    .inquiry_popup .inquiry_popup_panel {
      position: fixed;
      left: auto;
      top: auto;
      right: 205px;
      bottom: 170px;
      transform: translate(0, 10px);
    }
    .inquiry_popup.inquiry_popup_active .inquiry_popup_panel {
      transform: translate(0, 0);
    }
    .inquiry_popup .inquiry_popup_backdrop {
      display: none;
    }
  }

  /* Wishlist popup */
  .wishlist_popup {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 220ms ease, visibility 0s 220ms;
  }
  .wishlist_popup.wishlist_popup_active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 220ms ease;
  }
  .wishlist_popup .wishlist_popup_panel {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.98);
    transition: transform 220ms ease;
  }
  .wishlist_popup.wishlist_popup_active .wishlist_popup_panel {
    transform: translate(-50%, -50%) scale(1);
  }
  @media (min-width: 992px) {
    .wishlist_popup { inset: auto; }
    .wishlist_popup .wishlist_popup_backdrop { display: none; }
    .wishlist_popup .wishlist_popup_panel {
      position: fixed;
      left: auto; top: auto;
      right: 155px;
      bottom: 231px;
      transform: translate(0, 10px);
    }
    .wishlist_popup.wishlist_popup_active .wishlist_popup_panel {
      transform: translate(0, 0);
    }
  }

  /* Contact row: collapsed 50x50, expand on hover */
  .contact-row {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    transition: all 0.3s ease;
  }
  .group\/contact:hover .contact-row {
    height: auto;
    max-height: 200px;
    min-height: 50px;
    overflow: visible;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: flex-start;
  }

/* Navigation menu styles */
nav .group:hover > div {
  opacity: 1;
  pointer-events: auto;
}

/* Submenu third level styles */
.submenu-parent:hover .submenu-third {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Ensure proper stacking */
.submenu-third {
  z-index: 60;
}

/* Custom select arrow */
.ask_us select {
  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 d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}

/* Text stroke effect */
.text-stroke-white {
  color: transparent;
  -webkit-text-stroke: 1.5px #fff;
  text-stroke: 1.5px #fff;
}

.full_cus .flex {
  transition: transform 0.3s ease, background-color 0.3s ease;
}


.odm_oem_cus .flex-1 {
  cursor: pointer;
}

.odm_oem_cus .flex-1:hover .aspect-\[16\/9\] img {
  transform: scale(1.1);
}

.odm_oem_cus .flex-1 .aspect-\[16\/9\] {
  overflow: hidden;
}

.odm_oem_cus .flex-1 .aspect-\[16\/9\] img {
  transition: transform 0.3s ease;
}

.odm_oem_cus .flex-1:hover .text-f20 {
  color: #D92B28;
}