/** Shopify CDN: Minification failed

Line 113:0 Unexpected "}"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/

.custom-row{
  display:flex;
  flex-wrap:wrap;
}

.product-tab-block .list-product-tabs { justify-content:flex-start !important; }
.section-block-template--26910063821165__16409351508cd2f3e1 .list-product-tabs .tab-links.active {
    color: #ffffff;
    background: #9d2429 !important;
    font-weight: 600;
}
.section-block-template--26910063821165__16409351508cd2f3e1 .list-product-tabs .tab-links {
    line-height: 25px !important;
}

.header__heading {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    padding: 10px 0;
}

.product-card-layout-02 .product-item.disable_product_card_border .card-information {
    padding: 15px;
    background: #fff;
    margin: 8px;
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    height: 150px !important;
  display: flex;
  flex-direction: column;
}
.product-card-layout-02 .card-information .wrapper__card {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-card-layout-02 .product-item.disable_product_card_border .card-information__wrapper {
    margin-bottom: 0;
}
.product-card-layout-02 .card-action {
  margin-top: auto;
}
.product-card-layout-02 .product-item .wrapper-title-vendor.card-title-ellipsis:has(.card-title-ellipsis) {
    padding-right: 0;
    border-bottom: 1px solid #9c9c9c;
    margin-bottom: 15px;
}
.card-action .button {
    background: #9d2429;
    border-radius: 10px;
    border: none;
    color: #fff;
    padding: 4px;
    font-weight: 500;
}

.section-block-template--26910063821165__product_block_YndnWF .product-item {
    padding: 1px !important;
}

.section-block-template--26910063821165__product_block_YndnWF .product-countdown-block {
    color: #ffffff !important;
    margin-bottom: 15px;
    background: #9d2429;
}

.customImageBanner-inner .spotlight-button.custom-button-style { border-radius: 50px; padding: 5px 15px; font-weight: 500; }

.section-block-template--26910063821165__featured_blog_9FRpjY .article-card__footer a {
    color: #000000;
    text-transform: none;
    font-weight: 400;
    background: #fff;
    width: 100%;
    display: flex;
    border-radius: 50px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    border: #2f2f2f solid 1px;
}

.section-block-template--26910063821165__featured_blog_9FRpjY .article-card__title a {
    color: #232323;
    line-height: 25px;
    margin-bottom: 15px;
}

.page-header {
    padding: 37px 90px 30px;
    margin: 0;
    background-color: #efefef;
    font-weight:600;
}
}
/************************************/
div.globo-form-app {
    max-width: 76% !important;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
    padding: 60px 90px;
}
.globo-formbuilder .globo-form-control input, .globo-form-control textarea, .globo-form-control select {
    height: 50px;
    padding: 10px 25px;
    border-radius: 50px;
}
.globo-formbuilder .globo-form-control .gfb__dropzone {
    border-radius: 50px !important;
}
.globo-form-id-0 .globo-form-app .footer button, .globo-form-id-0 .globo-form-app .gfb__footer button {
    border-radius: 50px;
    padding: 16px 20px;
    font-size: 20px;
}

/******************about-Us******************/


 .neovolt-hero {
    background: #e7dcc8;
    position: relative;
    overflow: hidden;
    padding: 60px 0 0;
  }

  .neovolt-hero .hero-content {
    position: relative;
    z-index: 2;
  }

 .neovolt-hero .hero-title {
       font-size: 52px;
    font-weight: 900;
    color: #8f212b;
    line-height: 1;
    margin-bottom: 0;
  }

  .neovolt-hero .hero-subtitle {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
  }

  .neovolt-hero .bg-text {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    font-size: 260px;
    font-weight: 900;
    color: rgba(255,255,255,0.35);
    line-height: 1;
    z-index: 1;
    white-space: nowrap;
    user-select: none;
  }

  .neovolt-hero .hero-products {
    position: relative;
    z-index: 3;
    text-align: center;
  }

  .neovolt-hero .hero-products img {
       width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  /* Tablet */
  @media (max-width: 991px) {

    .neovolt-hero .hero-title {
      font-size: 58px;
    }

   .neovolt-hero .hero-subtitle {
      font-size: 30px;
    }

   .neovolt-hero .bg-text {
      font-size: 150px;
    }
  }

  /* Mobile */
  @media (max-width: 767px) {

    .neovolt-hero {
      padding-top: 40px;
    }

   .neovolt-hero .hero-title {
      font-size: 36px;
      line-height: 1.2;
    }

    .neovolt-hero .hero-subtitle {
      font-size: 22px;
      line-height: 1.4;
      margin-bottom: 25px;
    }

    .neovolt-hero .bg-text {
      font-size: 70px;
      top: 67%;
    }

    .neovolt-hero .hero-products img {
      max-width: 100%;
    }
  }

.neovolt-about {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    padding:50px 0px 80px;
  }

  /* Background Image */
  .neovolt-about::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('YOUR-BACKGROUND-IMAGE.jpg') center center/cover no-repeat;
    opacity: 0.15;
    z-index: 1;
  }

  .neovolt-content {
    position: relative;
    z-index: 2;
  }

  .brand-title {
    font-size: 110px;
    font-weight: 900;
    line-height: 0.9;
    color: #C99A32;
    margin-bottom: 10px;
  }

  .live-loud {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    margin-bottom: 10px;
    text-align:center;
  }

  .stay-charged {
    font-size: 15px;
    letter-spacing: 12px;
    font-weight: 300;
    color: #000;
  }

  .divider-box {
    position: relative;
    text-align: center;
    height: 100%;
  }

  .divider-line {
    width: 2px;
    height: 100%;
    background: #999;
    margin: auto;
    min-height: 320px;
    border-style: dashed;
  }

  .divider-arrow {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 28px solid #C99A32;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .about-text {
        font-size: 19px;
    line-height: 1.5;
    color: #393939;
    text-align: center;
    width: 60%;
    margin: 0 auto;
  }

  .about-text strong {
    font-weight: 900;
  }

  /* Responsive */

  @media (max-width: 1199px) {

    .brand-title {
      font-size: 80px;
    }

    .live-loud {
      font-size: 70px;
    }

    .stay-charged {
      font-size: 32px;
      letter-spacing: 8px;
    }

    .about-text {
      font-size: 22px;
    }
  }

  @media (max-width: 991px) {

    .divider-box {
      display: none;
    }

    .brand-title {
      font-size: 65px;
    }

    .live-loud {
      font-size: 58px;
    }

    .stay-charged {
      font-size: 26px;
      letter-spacing: 6px;
    }

    .about-text {
      font-size: 20px;
      margin-top: 40px;
      width:100%;
    }
  }

  @media (max-width: 767px) {

    .neovolt-about {
      padding: 10px 20px 35px;
    }

    .brand-title {
      font-size: 34px;
    }

    .live-loud {
      font-size: 42px;
    }

    .stay-charged {
      font-size: 18px;
      letter-spacing: 4px;
    }

    .about-text {
      font-size: 18px;
      line-height: 1.6;
    }
  }

.vision-mission-goal {
  padding:80px 40px;
  overflow:hidden;
}

/* COLUMN */
.vision-mission-goal .custom-col{
  width:33.33%;
  position:relative;
}

/* CENTER BORDER */
.vision-mission-goal .border-center{
  border-left:2px dashed #999;
  border-right:2px dashed #999;
}

/* BOX */
.vision-mission-goal .info-box{
  padding:20px 50px;
  height:100%;
}

/* ICON */
.vision-mission-goal .icon-circle{
  width:120px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(135deg,#c89b34,#eadfc7);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:55px;
  margin-bottom:20px;
}

/* TITLE */
.vision-mission-goal .main-title{
  font-size:35px;
  font-weight:600;
  line-height:1;
  color:#c89b34;
  margin-bottom:20px;
}

/* SUBTITLE */
.vision-mission-goal .sub-title{
  font-size:28px;
  font-weight:700;
  color:#333;
  margin-bottom:25px;
}

/* TEXT */
.vision-mission-goal .info-box p{
  font-size:20px;
  line-height:1.6;
  color:#222;
  margin-bottom:20px;
}

/* LAPTOP */
@media(max-width:1199px){

 .vision-mission-goal .main-title{
    font-size:54px;
  }

 .vision-mission-goal .sub-title{
    font-size:24px;
  }

 .vision-mission-goal .info-box p{
    font-size:18px;
  }

}

/* TABLET */
@media(max-width:991px){
    .vision-mission-goal {
        padding:20px
    }
    .vision-mission-goal .info-box {
       padding:0px
    }

 .vision-mission-goal .custom-col{
    width:100%;
  }

 .vision-mission-goal .border-center{
    border-left:none;
    border-right:none;
    border-top:2px dashed #999;
    border-bottom:2px dashed #999;
  }

 .vision-mission-goal .info-box{
    text-align:center;
  }

 .vision-mission-goal .icon-circle{
    margin:auto auto 25px;
  }

 .vision-mission-goal .main-title{
    font-size:48px;
  }

 .vision-mission-goal .sub-title{
    font-size:22px;
  }

}

/* MOBILE */
@media(max-width:767px){
    .vision-mission-goal {
        padding:20px;
    }

  .vision-mission-goal .main-title{
    font-size:38px;
    margin-top:10px;
  }

  .vision-mission-goal .sub-title{
    font-size:20px;
  }

 .vision-mission-goal .info-box p{
    font-size:16px;
    line-height:1.8;
  }

  .vision-mission-goal .icon-circle{
    width:90px;
    height:90px;
    font-size:40px;
  }

}

/* MAIN SECTION */
.brand-section{
  width:100%;
  overflow:hidden;
  background:#f5f5f5;
  position:relative;
}

/* ROW */
.brand-section .brand-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}

/* LEFT */
.brand-section .brand-left{
  width:50%;
  background:#f5f5f5;
  position:relative;
  padding:30px 60px;
  overflow:hidden;
}

/* CONTENT */
.brand-section .brand-content{
  position:relative;
  z-index:2;
  text-align:center;
}

/* SMALL TITLE */
.brand-section .small-heading{
  font-size:25px;
  font-weight:900;
  color:#000;
  line-height:1;
  margin-bottom:10px;
}

/* BRAND */
.brand-section .main-heading{
  font-size:80px;
  line-height:0.9;
  font-weight:900;
  color:#c89b34;
  margin-bottom:25px;
}

/* SUB */
.brand-section .sub-heading{
  font-size:32px;
  font-weight:700;
  color:#000;
  margin-bottom:25px;
}

/* SCRIPT */
.brand-section .script-heading{
  font-size:55px;
  font-style:italic;
  font-weight:700;
  color:#000;
  line-height:1.1;
  margin-bottom:40px;
}

/* TEXT */
.brand-section .brand-text{
  font-size:24px;
  line-height:1.4;
  color:#000;
  max-width:850px;
  margin:auto;
  font-weight:500;
}

/* RIGHT */
.brand-section .brand-right{
  width:50%;
  position:relative;
}

.brand-section .brand-right img{
  width:100%;
  display:block;
}

/* LOGO */
.brand-section .top-logo{
  position:absolute;
  top:20px;
  right:20px;
  width:130px;
}

.brand-section .top-logo img{
  width:100%;
}

/* LAPTOP */
@media(max-width:1400px){

.brand-section .small-heading{
  font-size:70px;
}

.brand-section .main-heading{
  font-size:140px;
}

.brand-section .script-heading{
  font-size:70px;
}

.brand-section .brand-text{
  font-size:26px;
}

}

/* TABLET */
@media(max-width:991px){

.brand-section .brand-left,
.brand-section .brand-right{
  width:100%;
}

.brand-section .brand-left{
  padding:60px 25px;
}

.brand-section .brand-content{
  text-align:center;
}

.brand-section .small-heading{
  font-size:50px;
}

.brand-section .main-heading{
  font-size:100px;
}

.brand-section .sub-heading{
  font-size:24px;
}

.brand-section .script-heading{
  font-size:52px;
}

.brand-section .brand-text{
  font-size:22px;
}

.brand-section .top-logo{
  width:90px;
}

}

/* MOBILE */
@media(max-width:767px){

.brand-section .brand-left{
  padding:0px 20px 40px;
}

.brand-section .small-heading{
  font-size:36px;
}

.brand-section .main-heading{
  font-size:70px;
}

.brand-section .sub-heading{
  font-size:18px;
  line-height:1.5;
}

.brand-section .script-heading{
  font-size:36px;
}

.brand-section .brand-text{
  font-size:18px;
  line-height:1.7;
}

}

.what-we-do-section{
    width:100%;
    min-height:100px;
    overflow:hidden;
    position:relative;
        margin:0;
    padding:0;
    box-sizing:border-box;
}

/* LEFT SIDE */
.what-we-do-section .left-content{
    width:48%;
    background:#cdae67;
    clip-path:polygon(0 0, 58% 0, 100% 100%, 0% 100%);
    padding:40px 80px;
    color:#000;
    position:relative;
}

.what-we-do-section .title{
    line-height:0.9;
    margin-bottom:40px;
    font-size:55px;
}

.what-we-do-section .title .black{
    font-weight:800;
    color:#2f2f2f;
    display:block;
}

.what-we-do-section .title .white{
    font-weight:800;
    color:#fff;
    display:block;
}

.what-we-do-section .sub-heading{
    font-size:28px;
    font-weight:600;
    margin-bottom:40px;
}

.what-we-do-section .feature-list{
    position:relative;
    padding-left:12px;
}

.what-we-do-section .feature-list::before{
    content:"";
    position:absolute;
    left:10px;
    top:15px;
    width:2px;
    height:82%;
    border-left:2px dashed #000;
}

.what-we-do-section .feature-item{
    position:relative;
    margin-bottom:38px;
    padding-left:35px;
}

.what-we-do-section .feature-item::before{
    content:"";
    position:absolute;
    left:-10px;
    top:10px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#000;
}

.what-we-do-section .feature-item.red::before{
    background:#a1232c;
}

.what-we-do-section .feature-item h3{
    font-size:24px;
    line-height:1.1;
    font-weight:700;
    margin-bottom:8px;
}

.what-we-do-section .feature-item p{
    font-size:18px;
    margin:0;
}

/* RIGHT SIDE */
.what-we-do-section .right-content{
    width:52%;
    position:relative;
    padding:60px 50px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.what-we-do-section .gray{
    background:#77787c;
}

.what-we-do-section .gold{
    background:#c89d39;
}

.what-we-do-section .logo{
    position:absolute;
    top:20px;
    right:30px;
}

.what-we-do-section .logo img{
    width:130px;
}

.what-we-do-section .bottom-dot{
    width:55px;
    height:55px;
    background:#757575;
    border-radius:50%;
    position:absolute;
    bottom:30px;
    right:35px;
}

/* RESPONSIVE */
@media(max-width:1400px){

    .what-we-do-section .feature-item h3{
        font-size:28px;
    }

    .what-we-do-section .feature-item p{
        font-size:23px;
    }
}

@media(max-width:1100px){

    .what-we-do-section .container{
        flex-direction:column;
    }

    .what-we-do-section .left-content{
        width:100%;
        clip-path:none;
        padding:50px 30px;
    }

    .what-we-do-section .right-content{
        width:100%;
        padding:20px 10px;
    }

}

@media(max-width:768px){

  

    .what-we-do-section .sub-heading{
        font-size:22px;
    }

    .what-we-do-section .feature-item h3{
        font-size:24px;
    }

    .what-we-do-section .feature-item p{
        font-size:18px;
    }
}
.what-we-do-section .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    width:100%;
}

.founders-section{
    padding:40px 40px;
    background:#f5f5f5;
}

.founders-section .founders-container{
    max-width:1090px;
    margin:auto;
    display:flex;
    gap:40px;
    align-items:flex-start;
    margin-top:50px;
}

.founders-section .founder-box{
    width:50%;
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s ease;
    min-height:670px;
}

.founders-section .founder-box:hover{
    transform:translateY(-8px);
}



.founders-section .founder-content{
    padding:35px;
}

.founders-section .founder-content h2{
    font-size:30px;
    font-weight:600;
    margin:0px;
    color:#111;
    margin-bottom:10px;
}
 .founders-section .founder-content span {
          color: #a22425;
    font-size: 20px;
    }


.founders-section .founder-content p{
    font-size:17px;
        line-height: 1.5;
    color: #555;
    margin-bottom:20px;
}

/* RESPONSIVE */
@media(max-width:991px){

    .founders-section {
        padding:10px 20px 60px;
    }

    .founders-section .founders-container{
        flex-direction:column;
    }

    .founders-section .founder-box{
        width:100%;
    }

}

@media(max-width:767px){

    .founders-section .founder-content{
        padding:25px;
    }

    .founders-section .founder-content h2{
        font-size:28px;
    }
   
    .founders-section .founder-content p{
        font-size:16px;
        line-height:1.7;
    }
}

.team-section .team-container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:35px;
    margin-top:50px;
}

.team-section .team-box{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s ease;
    margin:0px;
}

.team-section .team-box:hover{
    transform:translateY(-8px);
}

.team-section .team-image{
    width:100%;
    height:320px;
    overflow:hidden;
}

.team-section .team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.team-section .team-content{
    padding:30px;
}

.team-section .team-content h2{
    font-size:30px;
    font-weight:600;
    color:#111;
    margin-top:0px;
    margin-bottom:10px;
}
.team-section .team-content span {
    color: #a22425;
    font-size: 20px;
}

.team-section .team-content p{
    font-size:17px;
    line-height:1.5;
    color:#555;
    margin-bottom:15px;
}

/* TABLET */
@media(max-width:991px){

    .team-section .team-container{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */
@media(max-width:767px){

    .team-section .team-container{
        grid-template-columns:1fr;
        margin-top:0px;
        gap: 0;
    }

    .team-section .team-image{
        height:280px;
    }

    .team-section .team-content{
        padding:25px;
    }

    .team-section .team-content h2{
        font-size:24px;
    }

    .team-section .team-content p{
        font-size:15px;
        line-height:1.7;
    }
}

@media (min-width: 1025px) {
    .page-sidebar .halo-sidebar-wrapper {
        margin-top: 43px;
    }
}


.product-custom-banners {
  padding: 35px 0;
}

.product-custom-banners .container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.product-custom-banner-item {
  margin-bottom: 25px;
  border-radius: 18px;
  overflow: hidden;
}

.product-custom-banner-item img {
  width: 100%;
  display: block;
  border-radius: 18px;
  transition: all 0.4s ease;
}

.product-custom-banner-item:hover img {
  transform: scale(1.03);
}

/* Fix header navigation to stay on one line */
header nav ul,
.header__inline-menu .list-menu,
.header__menu-item,
nav .list-menu {
  white-space: nowrap;
  flex-wrap: nowrap !important;
}

header nav,
.header__inline-menu {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

.list-menu--inline {
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

.list-menu--inline .list-menu__item a {
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
  padding: 0 8px !important;
}

.spotlight-block img {
  border-radius:10px;
}

@media(max-width:1024px){
  .menu-lv-item { display: block !important; }
}

/* Warranty Registration - Dropdown Border Radius */
.globo-form-app {
    z-index: 9;
    position: relative;
    padding:10px !important;
    margin-bottom: 0px !important;
}
select {
  border-radius: 50px !important;
}

.globo-form-control input, .globo-form-control textarea, .globo-form-control select {
    height: 50px !important;
    padding: 10px 25px !important;
    color: #858181 !important;
        border: 1px solid #ccc !important;
}

/* Phone field wrapper fix */
.phone-wrapper input,
.intl-tel-input input,
.iti input[type="tel"] {
  padding-left: 80px !important;
}

/* Ensure flag dropdown doesn't overlap */
.iti__flag-container,
.intl-tel-input .flag-container {
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.globo-formbuilder-wizard .globo-form-control .gfb__dropzone {
      border-radius: 25px !important;
          border: 1px solid #ccc !important;
}

.globo-form-id-144165 .globo-form-app .footer button, .globo-form-id-144165 .globo-form-app .gfb__footer button {
    border: 1px solid rgb(203 162 69) !important;
    width: 100%;
    border-radius: 50px;
    color: #ffffff;
    background: #cba245;
    padding: 18px;
    font-size: 20px;
    margin-top: 20px;
}

@media screen and (min-width: 1025px) {
    .header-nav-utility .header-item--side {
        min-width: inherit !important;
    }
}

.card-information .link-underline .text {
 text-transform: none;
}
.halo-productView-right .productView-customText ul {
    padding-left: 15px;
     margin: 30px 0 50px;
}
.halo-productView-right .productView-customText ul li {
    font-weight: 500;
    line-height: 30px;
}
.halo-productView-right .product-customInformation .product__text title {
  font-size: 18px !important;
}

.custom-warranty { display:flex; font-weight:600; }
.custom-warranty img { margin-right:10px; }

.product-meta-list {
  list-style: disc;
  padding-left: 1.2em;
  line-height: 1.8;
}
.product-meta-list li {
  font-weight: 500;
}

.product-meta-list {
  margin: 20px 0 40px;
}

.menu-lv-item .text {
  text-transform: none;
}



.header__search--inline {
  display: flex;
  align-items: center;
  min-width: 220px;
  max-width: 320px;
  flex: 1 1 260px;
}

.header-search-inline,
.header-search-inline__form {
  width: 100%;
  position: relative;
}

.header-search-inline__field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 0 18px;
  background: #f3f3f3;
  border-radius: 999px;
  border: 0;
}

.header-search-inline__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #777;
  line-height: 0;
}

.header-search-inline__icon .icon,
.header-search-inline__icon svg {
  width: 18px;
  height: 18px;
}

.header-search-inline__input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.2;
  color: #333;
  padding: 10px 0;
}

.header-search-inline__input::placeholder {
  color: #8a8a8a;
}

.header-search-inline__input::-webkit-search-decoration,
.header-search-inline__input::-webkit-search-cancel-button,
.header-search-inline__input::-webkit-search-results-button,
.header-search-inline__input::-webkit-search-results-decoration {
  display: none;
}

/* Keep dropdown under the input */
.header-search-inline predictive-search,
.header-search-inline .predictive-search {
  position: relative;
}

@media (max-width: 1024px) {
  .header__search--inline {
    min-width: 180px;
    max-width: 220px;
  }
}


/* Keep header height stable */
.header__search--inline,
.header-search-inline,
.header-search-inline__form {
  position: relative;
  overflow: visible;
}

/* Prevent header row from growing with results */
.header-top,
.header__icons,
.header__iconItem.header__search,
.header-bottom,
.header-wrapper,
.header {
  overflow: visible !important;
}

/* Force predictive/quick search results into a dropdown */
.header-search-inline .predictive-search,
.header-search-inline #predictive-search-results,
.header-search-inline .predictive-search-results,
.header-search-inline .quickSearchResultsWrap,
.header-search-inline .quickSearchResults,
.header-search-inline [data-predictive-search],
.header-search-inline .search-modal__form .quickSearchResultsWrap {
  position: absolute !important;
  top: 0 !important;
  left: auto !important;
  right: 0 !important;
  width: min(420px, 90vw) !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  z-index: 9999 !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  margin: 0 !important;
}

/* Stop results block from pushing layout */
.header-search-inline .predictive-search[open],
.header-search-inline predictive-search[open],
.header-search-inline .is-open,
.header-search-inline .quickSearchResultsWrap {
  height: auto !important;
}

/* Optional: keep product cards tidy in dropdown */
.header-search-inline .predictive-search__results-list,
.header-search-inline .quickSearchProductGrid {
  display: block !important;
}

.header-search-inline .predictive-search__item,
.header-search-inline .quickSearchProductItem {
  width: 100% !important;
  max-width: 100% !important;
}

.header-search-inline__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(420px, 90vw);
  z-index: 9999;
}

.header-search-inline__dropdown:empty {
  display: none;
}

/* Parent must not clip the dropdown */
.header,
.header-wrapper,
.header-top,
.header-bottom,
.header__icons,
.header__iconItem,
.header__search--inline,
.header-search-inline,
.header-search-inline__form,
.header-search-inline__dropdown {
  overflow: visible !important;
}

.header-search-inline,
.header-search-inline__form,
.header-search-inline__dropdown {
  position: relative;
}

/* Main dropdown panel */
.header-search-inline__dropdown,
.header-search-inline .quickSearchResultsWrap,
.header-search-inline .quickSearchResults,
.header-search-inline .predictive-search,
.header-search-inline #predictive-search-results,
.header-search-inline .predictive-search-results,
.header-search-inline [data-predictive-search],
.header-search-inline .search-modal__form .quickSearchResultsWrap {
  position: absolute !important;
  /* top: calc(100% + 8px) !important; */
  right: 0 !important;
  left: auto !important;

  width: min(860px, 92vw) !important;
  height: auto !important;
  min-height: 480px !important;
  max-height: 70vh !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  z-index: 99999 !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14) !important;
  padding: 16px !important;
  margin: 0 !important;
}

/* Kill Ella modal height calculations on inline search */
.header-search-inline .quickSearchResultsWrap,
.header-search-inline .quickSearchResults,
.header-search-inline .predictive-search__results,
.header-search-inline .halo-search-popup,
.header-search-inline .search-modal__content {
  height: auto !important;
  max-height: none !important;
}

/* Inner list can scroll if needed */
.header-search-inline .quickSearchResultsList,
.header-search-inline .predictive-search-results,
.header-search-inline #predictive-search-results-list {
  max-height: calc(70vh - 40px) !important;
  overflow-y: auto !important;
  height: auto !important;
}

.header-search-inline .quickSearchResultsWrap {  top: calc(100% + 8px) !important; }