/** Shopify CDN: Minification failed

Line 352:17 Expected identifier but found whitespace
Line 352:18 Unexpected "8px"

**/
.template-index .header__column{display:none;}

.template-index .shopify-section-header .header-wrapper {padding-top:3%;}

.template-index details.menu-drawer-container { display: none;}

 @media (min-width: 1200px) {
.template-index h2.split-video__title {font-size: 55px; margin: 5px;}
 }

.template-index h2.split-video__title { margin: 0px 0px 5px 0px;}
.template-index p.split-video__text{margin:0px;}

/* 🧊 Disable Shopify theme header hover color overlay or transition */

.template-index .shopify-section-header,
.header,
.template-index .header-wrapper,
sticky-header {
  background: transparent !important;
  background-color: transparent !important;
  transition: none !important;
}

/* Prevent color scheme switching on hover */
.template-index .shopify-section-header:hover,
.template-index .header:hover,
.template-index .header-wrapper:hover,
sticky-header:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* Disable color overlay variables */
.template-index .shopify-section-header,
.template-index .header,
.template-index .header-wrapper,
sticky-header {
  --color-background: transparent !important;
  --color-background-1: transparent !important;
  --color-background-2: transparent !important;
  --gradient-background: transparent !important;
  --color-foreground: inherit !important;
}

/* Kill transition effects added by theme JS on hover/scroll */
.template-index sticky-header.is-hover,
.template-index sticky-header.is-scrolled,
.template-index .header.is-hover,
.template-index .header.is-scrolled,
.template-index .shopify-section-header.is-hover,
.template-index .shopify-section-header.is-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Make sure no pseudo-elements are layering over */
.template-index .shopify-section-header::before,
.template-index .shopify-section-header::after,
.template-index .header::before,
.template-index .header::after,
.template-index .header-wrapper::before,
.template-index .header-wrapper::after {
  background: none !important;
  opacity: 0 !important;
  content: none !important;
}









/* custom fonts */

/* === CERA PRO FONT FAMILY === */

/*

@font-face {
  font-family: 'Cera Pro';
  src: url('/cdn/shop/files/Cera_Pro_Thin.woff?v=1761672670') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('/cdn/shop/files/Cera_Pro_Light.woff?v=1761672670') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('/cdn/shop/files/Cera_Pro.woff?v=1761672671') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('/cdn/shop/files/Cera_Pro_Medium.woff?v=1761672671') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('/cdn/shop/files/Cera_Pro_Bold.woff?v=1761672671') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
  */

/* Default body font */

/*
body {
  font-family: 'Cera Pro', sans-serif;
}
h1, h2, h3, p, a {
  font-family: 'Cera Pro', sans-serif;
}
  */
  
h1,h2 {
  font-weight: 300; 
}



/* theacademyhotelspecific css */

.template-page-theacademyhotel .header-wrapper{display:none !important;}
.template-index .image-banner .banner--center .image-banner__wrapper{max-width:90%;}
.template-index .breadcrumbs-wrapper{display:none;}
@media screen and (max-width: 767px) {
   .template-index .slideshow__info .h1,.template-index .stowed-image-banner .image-banner__heading,.template-index h2.image-banner__heading {
       /* font-family: Cera Pro, sans-serif; */
        font-weight: 300;
        font-size: 35px;
    }
}

.template-index .slideshow__info .h1,.template-index .stowed-image-banner .image-banner__heading,.template-index h2.image-banner__heading {
    /* font-family: 'Cera Pro', sans-serif; */
    font-weight: 300;
}

@media screen and (min-width: 1200px) {
    .template-index .slideshow__info .h1,.template-index .stowed-image-banner .image-banner__heading {
        /* font-size: calc(var(--font-heading-h2-scale) * 3rem);  */
        font-weight: 300;
    }
}




/* 2026 June new css for new pages */

  .template-index .header-wrapper .header--center-logo .menu_left_block{visibility: hidden;} 
 .template-index .header__icons{visibility:hidden;}

 .template-index .footer{display:none;}
 .header__icons .toggle-scheme-button{display:none;}
 .header ul li span{text-transform:uppercase;}
 .card-information .card__title a,.product__title{text-transform:lowercase;}

 /* Hide "Powered by Shopify" from the footer */
.footer__copyright .copyright__content a[href*="shopify.com"] {
  display: none !important;
}

.header__inline-menu .header__menu-item{font-size: calc(var(--font-header-menu-scale) * 1.2rem);}

.list-menu--megamenu .mega-menu__toggle{font-size: calc(var(--font-header-menu-scale) * 1.2rem);}

 .header__icons{font-size:calc(var(--font-header-menu-scale) * 1.2rem);} 

p.product-carousel__description{font-size: calc(var(--font-body-scale) * 1.2rem);}



.product-slider .card__title{font-size: calc(var(--font-heading-card-scale) * 1.6rem);}
span.badge.badge--sale {
  /*  display: none; */
}

.template-page-faq .collapsible-content__info--wrapper{min-width:75%;}

/* Increase cart icon size and align with text */
.header__icon--cart svg,
.header__icon--cart .icon-cart {
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle;
  position: relative;
  top: -1px; /* Micro-adjustment to level it with 'Account' */
}
.header__icon--cart{font-size: calc(var(--font-header-menu-scale) * 1.2rem);}
.footer-block__details-content a.list-menu__item--link{font-size: calc(var(--font-footer-menu-scale) * 1.2rem);}
.footer .contacts .footer-block__details-content p{font-size: calc(var(--font-footer-menu-scale) * 1.2rem); font-weight:normal;}


.product-carousel h2{font-size: calc(var(--font-heading-h2-scale) * 0.7rem); text-transform:uppercase;}
.product-slider p.product-slider_info{font-size: calc(var(--font-heading-h2-scale) * 1rem); text-transform:uppercase;}

.product-slider .card__title a{font-weight:normal;}
.footer-block__details-content a.list-menu__item--link{font-weight:normal;}

.product__description{margin-bottom:0px !important;}





.template-page-about-the-drop .collapsible-content__toggle{padding: 2.6rem 0;}



/* Desktop styles: applies 80% width starting from standard laptop screens */
@media (min-width: 1024px) {

  .template-page-content-page #MainContent{max-width:80%;margin:0 auto;margin-top:50px;}
  .template-page-care-and-maintenance #MainContent{max-width:80%;margin:0 auto;margin-top:50px;}
  .template-page-about-the-drop .collapsible-content__info--wrapper {
    width: 100%;
    max-width: 80%;
}

}

@media (min-width: 1024px) { 
    .products-grid[data-productis-in-row=small] .collection-product-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


.template-page-shipping-and-return .rich-text__text{margin-top: 50px;}
.template-page-shipping-and-return .rich-text__blocks {
  padding-bottom: 50px;
  border-bottom: 1px solid #0003;
}

p.product-carousel__description { font-size: calc(var(--font-body-scale) * 0.8rem);}

@media (max-width: 1024px) { 
summary.menu-drawer__menu-item.link--text.list-menu__item.focus-inset{font-size:calc(var(--font-heading-h3-scale) * 1.4rem);}

}


@media (min-width: 1024px) { 
  /* add some space around because only 2 images are shown on collection pages */
.collection-product-list{gap: 3.6rem 20rem !important;}
.products-grid {width: 85% !important;}
}


.product-media-modal__item img {
    width: 100% !important;
    max-width: 800px !important; /* Limits the maximum width so it doesn't get massive on desktop */
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto;
}

/* Ensures the modal container allows scrolling if the image is tall */
.product-media-modal__item {
    overflow-y: auto !important;
    display: block !important;
}




/* 1. Reset structure safely without collapsing the height */
/* 2. Force the container to match your 1600x600 (2.66:1) ratio exactly */
/* 3. Lock the image into the aspect-ratio container */
/* 4. Allow it to maintain auto-height on desktop based entirely on the aspect ratio */
/* Perfect math: (600 / 1600) * 100 = 37.5% height , but changed to reduce 25% more height*/
  /* Keep the aspect ratio scaling fluid instead of locking to 500px */

/*
.collection-hero,
.collection-hero__inner,
.collection-hero__wrapper {
    height: auto !important;
}


.collection-hero__image-container.media {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 28.5% !important; 
    overflow: hidden !important;
}


.collection-hero__image-container.media > img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}


@media screen and (min-width: 990px) {
    .collection-hero__image-container.media {
      
        padding-bottom: 28.5% !important; 
        height: 0 !important; 
    }
    .collection-hero__image-container.media > img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
    }
}

/*


.price__compare .price-item--regular {
    text-decoration: line-through !important;
    color: #8c8c8c; /* Optional: Dims the old price so the sale price stands out */
    margin-right: 8px; /* Optional: Adds space between old and new price */
}



/* Sets the default state to a solid dark charcoal */
.card-wrapper .product-button-group svg {
    color: #333333 !important;
    fill: #333333 !important;
    stroke: #333333 !important;
    opacity: 0.75 !important; /* Makes it clearly visible, but leaves room for the hover to feel active */
}

/* Keeps your crisp black color when the user hovers */
.card-wrapper .product-button-group:hover svg {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
    opacity: 1 !important;
}




@media screen and (min-width: 1025px) {
  /* 1. Force the parent container into a rigid 2-column grid layout context */
  .product__media-wrapper .product__media-list {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 2.4rem !important; /* Forces your theme's native layout gaps */
  }

  /* 2. Lock every single child image item to take up exactly 1 column span maximum */
  .product__media-wrapper .product__media-list .product__media-item {
      grid-column: span 1 !important;
      max-width: 100% !important;
      width: 100% !important;
  }

/* 3. TARGET SINGLE IMAGE ONLY: Span 2 columns, lock width to 50%, and center */
  .product__media-wrapper .product__media-list .product__media-item:first-child:last-child {
      grid-column: span 2 !important;
      max-width: calc(50% - 1.2rem) !important; /* Matches exactly half the layout width */
      margin: 0 auto !important; /* Centers it perfectly */
  }

}


/* Force the summary tag to completely drop heading typography variables and inherit body/link variables */
.menu-drawer__menu summary.menu-drawer__menu-item {
    font-family: var(--font-body-family) !important; /* Forces it to use the exact same font type as the links */
    font-style: var(--font-body-style) !important;
    font-weight: 400 !important;
    font-size: calc(var(--font-heading-h3-scale) * 1.4rem) !important;
    color: rgb(var(--color-foreground)) !important;
    letter-spacing: calc(var(--font-heading-letter-spacing) * .1) !important; /* Resets any aggressive heading letter-spacing */
    text-transform: none !important;
}

/* Enforce the exact same font inheritance when clicked or open */
.menu-drawer__menu details[open] > summary.menu-drawer__menu-item,
.menu-drawer__menu summary.menu-drawer__menu-item:hover,
.menu-drawer__menu summary.menu-drawer__menu-item.focus-inset {
    font-family: var(--font-body-family) !important;
    font-weight: 400 !important;
    color: rgb(var(--color-foreground)) !important;
}



.collection-wrapper .per-row__wrapper{display:none !important;}


.card__inner .subtitle .card__badge{display:none;}


/* Make Shopify installment text smaller */
.installment-wrapper .installment,
.installment-wrapper form[id^="product-form-installment"] {
    font-size: 10px !important;
}



/* 12 july onwards shifting css from reef store */

.skip-to-content-link{display:none;} /* weird button in header */


.rich-text__blocks ul {
    display: inline-block;
    text-align: left;
    list-style-position: outside;
    padding-left: 25px; /* Ensures space for the bullets */
    margin: 0 auto;
}


/* GLOBAL FIX: Independent Scrollbar for Product Details on product page*/
@media screen and (min-width: 990px) {
  
  /* Lock the maximum height of the product info side to match the viewport */
  .product__info-container {
    max-height: 85vh !important; /* Prevents it from extending past the screen */
    overflow-y: auto !important;  /* Adds a smooth scrollbar only when content is too long */
    position: sticky !important;  /* Holds it in place while scrolling */
    top: 40px !important;
    padding-right: 10px !important; /* Adds space so the scrollbar doesn't overlap text */
  }

  /* Optional: Makes the inner scrollbar look clean and minimalist */
  .product__info-container::-webkit-scrollbar {
    width: 6px;
  }
  .product__info-container::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 3px;
  }
}

/* overrite line number 98 in same file to give more gaps between products and to minimize container becasue only 2 items in 1 row*/

@media (min-width: 1024px) { 
  /* add some space around because only 2 images are shown on collection pages */
.collection-product-list{gap: 3.6rem 20rem !important;}
.products-grid {width: 80% !important;}
.template-page-sofas .multicolumn-section{width:80%; margin:0 auto;}

}

/* 1. Apply the exact same gap to the multi-column grid list */
.multicolumn-list__wrapper--static.multicolumn-list__wrapper--2 {
    gap: 3.6rem 20rem !important;
}

/* 2. Prevent the images/cards from collapsing under the massive gap weight */
@media screen and (min-width: 750px) {
    .multicolumn-list__wrapper--static.multicolumn-list__wrapper--2 .multicolumn-list__item {
        max-width: 100% !important;
        width: 100% !important;
    }
}




/* collection banners size */
@media (min-width: 768px) { 
/*
.collection-hero__image-container{min-height:650px !important;}
.collection-hero__image-container img{object-fit:fill !important;}
*/
/* below code display full image and maintain aspect ratio */

.template-collection .collection-hero__image-container img{
        object-fit: contain;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
}

}


.price__compare .price-item--regular {
    text-decoration: line-through !important;
    color: #8c8c8c;
    margin-right: 8px;
}

.search__promo-block{display:none !important;} /* it is in search popup */

.quick-add-modal__content-wrapper .extra-accordion{display:none;}

@media screen and (min-width: 1100px) {
    .contact-form--right .contact-form__inner {
        justify-content: center !important;
    }
}





@media screen and (max-width: 749px) {
  /* 1. Smash the main outer Shopify section wrapper */
  .slideshow.slideshow--full {
    height: 500px !important;
    max-height: 500px !important;
    min-height: 0 !important;
  }

  /* 2. Override Swiper's internal structural containers */
  .slideshow__contents-wrapper.swiper,
  .slideshow__contents-wrapper .swiper-wrapper,
  .slideshow__content.swiper-slide {
    height: 500px !important;
    max-height: 500px !important;
    min-height: 0 !important;
  }

  /* 3. Force the absolute-positioned wrappers down */
  .slideshow__image-wrapper {
    height: 500px !important;
    max-height: 500px !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
  }

  /* 4. Crop the huge 1672px tall mobile images nicely into the 500px frame */
  .slideshow__image.mobile_image {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* Crops the image evenly without stretching it */
    object-position: center !important; 
  }
}




/* copied from reef */

/* Change min-width from 1024px to 1200px so portrait tablets skip it */
@media screen and (min-width: 1200px) {
  .slideshow {
    height: 90vh !important;
    min-height: 90vh !important;
  }
}

/* Targets screens between 750px and 1100px width (typical tablet range) */
@media screen and (min-width: 750px) and (max-width: 1100px) {
  div.slideshow,
  .slideshow.slideshow--full,
  .slideshow__contents-wrapper,
  .slideshow__content.swiper-slide {
    height: 600px !important;
    max-height: 600px !important;
    min-height: 0 !important;
  }
  
  .slideshow__image-wrapper {
    height: 100% !important;
  }
  
  .slideshow__image-wrapper img {
    height: 100% !important;
    object-fit: cover !important;
  }
}