/*// =============================================================================
// 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.
//
// =============================================================================*/

/* Product Block 2 */

.khaas .abs{
  position:absolute;
  top:30%;
  width:50%;
  left:4%;
}

/* .products-flex::-webkit-scrollbar-track-piece:end {
  margin-right: 50px; 
}

.products-flex::-webkit-scrollbar-track-piece:start {
  margin-left: 50px;
} */


.khaas .products-flex::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 10px;
  margin-right: 350px; 
  margin-left: 350px; 
  transform:translateY(100px) !important;
}
.khaas .products-flex {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.khaas .products-flex::-webkit-scrollbar {
  display: none;
}
.khaas .card-title{
  font-size:75px;
  font-weight:700;
  color:#364156;
  text-decoration:none !important;
  line-height:1;
}
.khaas .card-summary{
  font-size:20px;
  font-weight:400;
  color:#364156;
 line-height:26px;
  display:block !important; 
}
.khaas .card-action{
  max-width:150px;
}
.khaas .card-action .button{
  background:#364156;
  color:#FFFA61;
  text-transform:Normal !important;
  border-radius:10px;
  border:none;
}
.khaas .products-flex .product:nth-of-type(2) .card-title,
.khaas .products-flex .product:nth-of-type(2) .card-summary,
.khaas .products-flex .product:nth-of-type(3) .card-title,
.khaas .products-flex .product:nth-of-type(3) .card-summary

{
  color:#fff !important;
}



.khaas .custom-scrollbar {
  position: absolute;
  top: 80%; /* Moves scrollbar up */
  left: 50%; /* Centers horizontally */
  transform: translate(-50%, -50%); /* Ensures proper centering */
  width: 60%; /* Adjust width as needed */
  height: 6px; /* Scrollbar thickness */
  background: #fff;
  border-radius: 10px;
  z-index:99;
}

/* Scroll Thumb (Draggable Part) */
.khaas .custom-scrollbar .scroll-thumb {
  width: 20%;
  height: 100%;
  background: #364156;
  border-radius: 10px;
  cursor: pointer;
  display:block;
}




.fx-rw{
  display:flex;
  align-items:center;
  justify-content:center;
}
.halo-cart-sidebar .dynamic-checkout__content{
  display:none;
}
.halo-cart-sidebar .previewCartInfo {
  padding-bottom:20px;
}

#shopify-section-template--22320280404245__hover_box_4FV9QG {
  background-color: #364156;
}
.product-form__submit{
  text-transform:none !important;
}



/* --- Dropdown Container --- */
.custom-dropdown-container {
  position: relative;
  width: 100%;
  max-width: 484px;
  margin-bottom: 10px;
}

/* --- Label Styling --- */
.custom-dropdown-label {
  font-family: "Blauer Nue", sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  color: #364156;
  margin-bottom: 5px;
  display: block;
}

/* --- Dropdown Button --- */
.custom-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #D9D9D9;
  padding: 10px 9px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
  width: 100%;
  transition: all 0.3s ease;
}

/* --- Selected Value Text --- */
.selected-value {
  font-family: "Blauer Nue", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #364156;
}

/* --- Dropdown Icon (Arrow) --- */
.dropdown-icon {
  transition: transform 0.3s ease;
}

/* --- Dropdown Open (Rotate Icon) --- */
.custom-dropdown.open .dropdown-icon {
  transform: rotate(180deg);
}

/* --- Dropdown List --- */
.dropdown-list {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 10;
  list-style: none;
  padding: 0;
  margin-top: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.dropdown-list.show {
  display: block;
}

/* --- Dropdown Items --- */
.dropdown-item {
  padding: 10px;
  cursor: pointer;
  font-family: "Blauer Nue", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #364156;
  transition: background 0.2s ease-in-out;
}

.dropdown-item:hover {
  background: #f5f5f5;
}

/* --- Hide Shopify's default select --- */
.hidden-select {
  display: none;
}

/* --- Conditional Classes --- */
.Color-Hide {
  display: none !important;
}

.Size-Hide {
  display: none !important;
}




.color-options {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.color-swatch {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.2s ease-in-out;
}

.color-swatch img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.color-swatch:hover,
.color-swatch.active {
    border: 2px solid #364156; /* Highlight active selection */
}


.w-full{
  width:100% !important;
}
.jkh{
  display:flex;
  justify-content:space-between;
  
}
.jkh span{
  color:#364156 !important;
  font-size:17px !important;
}
.product-details{
  background:#FFFFFF !important;
}

#block-image_GmVpmX .spotlight-item .content h3{
  font-size:120px !important;
}
#block-image_GmVpmX .spotlight-item .content{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  height:100%;
}
#block-image_GmVpmX .spotlight-item{
  height:100%;
}
  
/* Homepage's New Layout only with content */


/* Product Page */




/* Product Page End */

@media (max-width:1100px){
  

  #block-image_GmVpmX .spotlight-item .content h3{
  font-size:90px !important;
}

  .khaas .card-title{
  font-size:60px;
  
}
.khaas .card-summary{
  font-size:20px;
}
  
}



@media (min-width:767px) and (max-width:1024px){
  .section-block-template--22320280404245__163221535239da03ba .title,.section-block-template--22320280404245__spotlight_block_pFcxAM .title{
    line-height:1 !important;
    font-size:65px !important;
  }
}

@media (min-width:767px) and (max-width:990px){
  .khaas .abs{
    top:10%;
    width:50%;
  }
}



@media (max-width: 1024px) {
 
    .khaas .halo-product-block .products-flex .product {
        flex-basis: auto !important;
        width: 100% !important;
    }
 
   
}
@media(max-width:767px){


  /* New Layout  */
  /* New Layout end */

  
 .khaas .abs{
  /* position:relative; */
}


  /* Homepage slider */
  .slide-block-16321237356a896dad-0 .slide-content .slide-button {
    min-width:145px !important;
    font-size:15px !important;
  }
  

  /* Homepage Slider  */
  
  
.khaas .card-media{
  height:1040px;
  padding:0 !important;
}
  .khaas .mb-op{
    opacity:1 !Important;
    height:1040px !important;
    object-position: 0 100% !important;
   
  }
  .khaas .abs{
    top:60%;
    width:92%;
    left:4%;
  }
  .khaas .custom-scrollbar {
    top:90%;
  }
  .khaas .card-title{
  font-size:48px;
  }

  .pvGroup-row{
    width:65% !important;
    
  }
  .productView-groupBottom{
    width:65% !important;
  }


  /* Spotlight block in our page Why wala*/



  #spotlight-template--22348842565909__spotlight_block_FkciA4 .container-1570{
  padding:0;
  }

  #block-image_GmVpmX .spotlight-item .content,#block-image_aRYCFy .spotlight-item .content{
    display:none !important;
  }

  #block-image_GmVpmX  .halo-item{
    padding:0 !important;
  }
  .mb-0{
    margin-bottom:0 !important;
  }
  .section-block-template--22348842565909__spotlight_block_QkMaqq,.section-block-template--22348842565909__spotlight_block_NKb3BH{
    background:#FFFFFF !important;
    padding-top:10px !Important;
  }
  #spotlight-template--22348842565909__spotlight_block_fkf9Lb{
    padding-top:15px !important;
    padding-bottom:0px !important;
  }
  .section-block-template--22348842565909__spotlight_block_NKb3BH .des,.section-block-template--22348842565909__spotlight_block_NKb3BH .content{
    padding-bottom:0 !Important;
  }
  #spotlight-template--22348842565909__spotlight_block_ygBKaW .des{
    margin-top:0;
  }
}
@media(max-width:650px){
  .khaas .card-media{
  /* height:850px; */
}
  .khaas .custom-scrollbar {
    /* top:97%; */
  }

}
@media(max-width:550px){
 .khaas .abs{
    top:55%;
  }

  /* New Layout  */

  /* End New Layout  */
}

@media(max-width:369px){
  .khaas .card-media{
  height:1040px;
}
  .khaas .abs{
    top:50%;
  }
}

@media (min-width:550px) and (max-width:767px){
  .khaas .mb-op{
   object-fit:cover !Important;
    /* object-position:75% 0 !important; */
   
  }


  .slide-block-16321237356a896dad-0 .adaptive_height{
    padding-top:50% !important;
  }

 

  
  
  
}
#shopify-section-template--22320280404245__three_pdp_block_KBTeMH{
  background:#F7F7F7;
}

.productView-images-wrapper {
  display: block; /* stacked */
}
.f-14{
  color:#364156 !important;
}
.f-b{
  font-family:'Blauer Nue Bold' !important;
}


@media (min-width: 990px) {
.khaas .variants-popup .product-card__button2{
  background:transparent !important;
}

  
.khaas .variants-popup{
    width:700px ;
  padding:10px;
  background:#F7F7F7;
  }

  .section-block-template--22320280404245__spotlight_block_pFcxAM .adaptive_height{
    padding-top:27% !important;
  }

  
}



#MainContent{
  padding-bottom:0 !important;
  overflow-x:hidden;
}

.productView-stickyCart.style-1 .sticky-image:before {
  content: unset !important;
}
.productView-stickyCart.style-1 .sticky-image{
  width:80px !important;
  height:80px;
  background:#e8e8e8;
}
.productView-stickyCart.style-1 .sticky-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.color-label{
  font-size:25px;
  color:#364156;
}
.section-block-template--22320280404245__rich_text_fPdBMY .rich-text__text p {
   font-family:'Blauer Nue Bold' !important ;
    } 

/* cart bubble */
.cart-count-bubble{
  background:#FFFA61 !important;
  color:#364156 !important;
}
/* cart bubble end */



.jdgm-form .jdgm-form__fieldset{
  margin:0 !important;
}
.jdgm-form {

  background-color: #364156 !important;
  color: #fff !important;
}

.jdgm-form div:nth-of-type(10),.jdgm-cancel-rev,.jdgm-form div:nth-of-type(6),.jdgm-rev-widg__title {
  display:none !important;
}
.jdgm-form-wrapper{
  padding-top:0 !important;
}
.jdgm-form {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-gap: 16px !important;
  max-width:100% !Important;
}

/* Row 1: 1st child */
.jdgm-form__title {
  display:none !important;
}

/* Row 2: 2nd child */
.jdgm-form div:nth-of-type(2) {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

/* Row 3: 8th left, 9th right */
.jdgm-form div:nth-of-type(8) {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
}

.jdgm-form div:nth-of-type(9) {
  grid-column: 2 / 3 !important;
  grid-row: 2 !important;
}

/* Row 4+: 3rd to 7th, 10th onward */
.jdgm-form div:nth-of-type(3) {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
}

.jdgm-form div:nth-of-type(4) {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
}

.jdgm-form div:nth-of-type(5) {
  grid-column: 1 / 2 !important;
  grid-row: 5 !important;
  background:#D9D9D9 !important;
  position: relative !important;
  border-radius: 4px !important;
}

.jdgm-form div:nth-of-type(5)::after {
  content: "Add Photo" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1b1f30 !important;
  pointer-events: none !important;
  border-radius: 6px !important;
  width:80% !important;
}

.jdgm-form div:nth-of-type(6) {
  grid-column: 1 / -1 !important;
  grid-row: 6 !important;
}

.jdgm-form div:nth-of-type(7) {
  display:none;
}

.jdgm-form div:nth-of-type(10) {
  grid-column: 1 / -1 !important;
  grid-row: 8 !important;
}

.jdgm-form div:nth-of-type(11) {
  grid-column: 2 / 3 !important;
  grid-row: 5 !important;
}

.jdgm-form div:nth-of-type(12) {
  grid-column: 1 / -1 !important;
  grid-row: 10 !important;
}

.jdgm-form input,
.jdgm-form textarea {
  background-color: #D9D9D9 !important;
  border:none !important;
  border-radius:6px !important;
}
.jdgm-form input{
  height:40px;
}
.jdgm-picture-fieldset__box{
  margin:0 !important;
}
.jdgm-widget .jdgm-picture-fieldset__box{
  width:100% !important;
  max-height:40px !important;
}
.jdgm-widget .jdgm-btn.jdgm-btn{
  width:100% !important;
  height:100% ;
}
#judgeme_product_reviews {
  max-width: 100% !important;
  background: #364156;
}
.jdgm-widget-actions-wrapper {
  width: 100% !important;
  border:none !important; 
  border-bottom:1px solid #FFFA61 !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items: flex-start !important;
}
.jdgm-write-rev-link{
  max-width: max-content !important;
  font-size:20px !important;
  text-align:left !important;
  color:#FFFA61 !important; 
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  
  --jdgm-write-review-bg-color:transparent !important;
  
}
.jdgm-form__fieldset[aria-label="Rating"] {display: flex !important;flex-direction: column !important;align-items:flex-start !important;}
.jdgm-form textarea {
  height:200px !Important;
}
.jdgm-form-wrapper{
  border: none !important;
}
.jdgm-form input::placeholder,
.jdgm-form textarea::placeholder {
  color: #364156 !important;
   font-weight: 600 !important;
}
.jdgm-picture-fieldset__box-wrapper{
  border-radius:6px !important;
}
.jdgm-picture-fieldset__delete::before{
  content:"x" !important;
  color:#364156 !important;
}
.jdgm-picture-fieldset__box--preview{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}
.jdgm-form__fieldset[aria-label="Rating"] > label {
  font-weight:700 !important;
  margin-bottom:0 !important;
}
.jdgm-form__title{
  text-transform:capitalize !important;
}
.jdgm-write-rev-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 240px !important;
  text-transform:capitalize !important;
}

.jdgm-write-rev-link::after {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 13px !important;
  margin-left: 10px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13' viewBox='0 0 20 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.92844 12.9999L9.92852 13L13 9.92852L12.9999 9.92844L19.8569 3.07148L16.7854 0L9.92844 6.85697L3.07148 0L0 3.07148L6.85697 9.92844L6.85689 9.92852L9.92837 13L9.92844 12.9999Z' fill='%23FFFA61'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transition: transform 0.3s ease-in-out !important;
}
.jdgm-write-rev-link.arrow-up::after {
  transform: rotate(180deg) !important;
}
.jdgm-picture-fieldset__spinner-wrapper{
  width:30px !important;
  height:30px !important;
}
.jdgm-prev-badge__text{
  padding: 0 10px;
}


@media(max-width:767px){
.jdgm-write-rev-link {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
    justify-content: space-between !important;
  
}

 .jdgm-form div:nth-of-type(8) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.jdgm-form div:nth-of-type(9) {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
} 
  
}
@media(max-width:704px){
  .jdgm-form div:nth-of-type(5) {
  grid-column: 1 / -1 !important;
  grid-row:5 !important;  
  }
  .jdgm-form div:nth-of-type(11) {
  grid-column: 1 / -1 !important;
  grid-row:6 !important;  
  }
}
@media(max-width:550px){
  .jdgm-form{
    padding:0 !Important;
  }
}
.form-message{
  display:block !important;
}
#add-all-to-cart{
  width:50% !important;
  margin-bottom:10px !important;
}

/* Heading tag font sizes */

.recovery{
  font-size: 90px!important;
  line-height: 1.2em !important;
}
.complete {
  font-size: 50px!important;
  line-height: 1.2em !important;
}
.adv-rev-text{
  font-size:16px !important;
}
.adv-rev-name{
      font-size: 18px !important;
    font-weight: bold;
    letter-spacing: 1px;
}