/** Shopify CDN: Minification failed

Line 1968:12 Unexpected "{"
Line 1968:21 Expected ":"
Line 1969:16 Expected identifier but found whitespace
Line 1969:18 Unexpected "{"
Line 1969:27 Expected ":"
Line 1969:78 Expected ":"
Line 1970:19 Expected identifier but found whitespace
Line 1970:21 Unexpected "{"
Line 1970:30 Expected ":"
Line 1970:84 Expected ":"
... and 15 more hidden warnings

**/
.button--primary:hover, .Featured-collection-View-All-Button:hover, .split-showcase__button:hover, slideshow-component>.slideshow__controls:not(.slideshow__controls--top) .slider-button:hover, .line-arrow:hover rect{
  background-color: #633002 !important;
  fill: #C25B00 !important;
}

.button{
  border-radius:40px !important;
}


.button--primary:hover{
  background-color: #633002 !important;
}

.product-form .button:hover{
  background-color: #004f7cff !important;
}

slideshow-component>.slideshow__controls:not(.slideshow__controls--top) .slider-button:hover {
  background-color: #633002 !important;
}


.explore-italy .blog__button:hover{
   background-color: transparent !important;
    color: #337AB7 !important;
    border: 1px solid #337AB7 !important;
    text-decoration: none;
}


/*Added to remove padding from active/mega menu items in header menu*/
.header__inline-menu summary.header__menu-item{
  padding:0;
}



/*====================== Collection-List View All Button Css =====================*/

.collection-list-wrapper{
  padding-top:100px;
  padding-bottom:0;
}

.section-collection-list .title-wrapper-with-link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom:30px;
}


.section-collection-list .view-all-top {
  display:inline-flex;
  /* display:none; */
  align-items:center;
  justify-content:center;
  min-width: 112px;
  min-height:40px;
  padding-top: 5px;
  border: 1px solid #337AB7;
  /* border-radius: 40px; */
  text-decoration: none;
  color: #ffffff;
  white-space: nowrap;
  font-family: "Spartan Regular", sans-serif;
  font-size:20px;
  line-height: 1;
  letter-spacing:0px;
  overflow-y:hidden;
}



.Blog-View-All-Btn .view-all-top {
  min-width: 180px;
}

.view-all-top:hover {
  color: #fff;
  background: #337AB7;
}

.section-collection-list .card__media{
  --border-radius: 4px;
}

@media screen and (max-width: 749px) {
  .view-all-top {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 68px;
    font-size: 12px;
    padding-top: 0;
    line-height:1;
    border: 1px solid #337AB7;
    /* border-radius: 40px; */
    text-decoration: none;
    color: #ffffff;
    white-space: nowrap;
    font-family: "Spartan Regular", sans-serif;
    overflow-y:hidden;
    min-height: 27px;
    padding-top: 9px;
  }
  .Blog-View-All-Btn .view-all-top {
    min-width: 120px;
  }
  .section-collection-list .title-wrapper-with-link{
    display:flex;
    align-items:baseline;
    margin-bottom:20px;
  } 
  .collection-list-wrapper{
    padding-top:30px;
  }
  .collection-list-title{
    margin-top:0 !important;
  }
}

/*======================= End Collection-List View All Button Css ==================*/


/*=================== News Letter Section // Subscribe Button CSS ====================*/

.newsletter-subscribe-button{
  width:148px;
  font-family: "Spartan Regular", sans-serif !important;
  font-size:20px;
  font-weight:300;
  color: #337ab7;
  background-color: #f7f7f7;
  border: none;
  border-radius: 2px;
  overflow-y: hidden;
  min-height: 48px;
}
.newsletter-form__field-wrapper .field__input{
  color: #000000;
}

@media screen and (max-width: 749px){
  .newsletter-subscribe-button{
   min-width:130px;
    font-family: "Spartan Regular", sans-serif !important;
    font-size:13px;
    color: #337AB7;
    font-weight:300;
  }
  .newsletter-form__field-wrapper .field__label{
    font-size:12px !important;
    font-weight:300;
    font-family: "Spartan Regular", sans-serif;
    letter-spacing:0px;
    color: #737373  !important;
  }
}

@media screen and (max-width: 390px){
  .newsletter__wrapper{
    padding-right: calc(4rem / var(--font-body-scale));
    padding-left: calc(2.5rem / var(--font-body-scale));
  }
}

/*=================== End News Letter Section // Subscribe Button CSS =====================*/


/*=================== Luxuries-Banner CSS =========================*/

.luxuries-banner {
  position: relative;
  overflow: hidden;
  height: var(--section-height, 700px);
  min-height: 500px;
  background:black;
  margin-bottom:50px;
 
}

.luxuries-banner__bg {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  /* background:black; */
  opacity:60%;
}

/* Default: show desktop image */
.luxuries-banner__bg--mobile {
  display: none;
}

.luxuries-banner__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 0 50px;
  max-width: 1810px;
  margin: 0 auto;
}

.luxuries-banner__left {
  max-width: 40%;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  margin-left:0;
}

.luxuries-banner__heading {
  font-size: clamp(28px, 3.5vw, 40px);
  font-family: "Spartan Regular", sans-serif;
  margin: 0 0 1.2rem;
  line-height: 50px;
  font-weight: 400;
  /* max-width:366px; */
  max-width:605px;
  width:100%;
  color:white;
  text-shadow: none !important;
}

.luxuries-banner__subheading {
  font-family: "Spartan Regular", sans-serif;
  font-size: 18px;
  font-weight:300;
  line-height: 27px;
  margin: 0 0 2rem;
  opacity: 0.95;
  text-shadow: none !important;
}

.luxuries-banner__button {
  font-weight: 300 !important;
  font-family:"Spartan Regular";
  font-size:20px;
  padding:10px 23px;
  padding-top:13px;
  line-height:25px;
  letter-spacing:0px;
  text-decoration: none;
  transition: all 0.3s;
  background-color: #C25B00;
  border:1px solid #C25B00 !important;
}

.luxuries-banner__button.button.button--primary:hover {
  background-color: #633002 !important;
  border:1px solid #633002 !important;
}

/* .luxuries-banner__right {
  max-width: 50%;
}

.luxuries-banner__overlay-img {
  width: 100%;
  max-width:678px;
  height:85%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
} */

@media screen and (min-width: 750px) {
  .luxuries-banner__right {
    align-self: stretch;       
    display: flex;
    align-items: center;
    padding: 50px 0;           /* top & bottom = 50px (same as the 50px right gap from content padding) */
    box-sizing: border-box;
    max-width: 50%;
  }

  .luxuries-banner__overlay-img {
    width: 100%;
    height: 100%;              /* fill the padded box */
    /* object-fit: contain;       maintain aspect ratio, no crop */
    box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  }
}
/* Above 1810px — right gap grows due to auto margin, so top/bottom must match dynamically */
@media screen and (min-width: 1810px) {
  .luxuries-banner__right {
    padding-top: calc((100vw - 1810px) / 2 + 50px);
    padding-bottom: calc((100vw - 1810px) / 2 + 50px);
  }
}



/* Mobile adjustments */

@media screen and (min-width: 1680px) and (max-width: 1839px){
  .luxuries-banner__left{
    margin-left:41.5px;
  }
}

@media screen and (max-width: 749px) {
  .luxuries-banner__content {
    flex-direction: column;
    text-align: center;
    padding: 13px 13px;
  }

  .luxuries-banner__bg--desktop {
    display: none;
  }

  .luxuries-banner__bg--mobile {
    display: block;
  }

  .luxuries-banner{
    margin-bottom:15px;
  }
  .luxuries-banner__left{
    position:absolute;
    left:20px;
    top: 20px;
    margin-left: 0;
    /* width:100%; */
  }

  .luxuries-banner__left,
  .luxuries-banner__right {
    max-width: 100%;
    text-align:left;
  }
  /* .luxuries-banner__overlay-img{
     padding:0;
     width:265px;
     height:187px;
     position:absolute;
     top:290px;
     right:0;
  } */
  .luxuries-banner__overlay-img {
    position: absolute;
    bottom: 15px;
    right: 0px;   
    width: 220px;        /* control size from width only */
    height: auto;       
    object-fit: contain;
    max-width: 55%;     
    top: unset;         
    padding: 0;
  }

  .luxuries-banner__heading {
    font-size: 20px;
    line-height:28px;
    max-width:310px;
    text-shadow: none !important;
  }

  .luxuries-banner__subheading {
    font-size: 12px;
    line-height:18px;
    font-family: "Spartan Regular", sans-serif;
    font-weight:300;
    max-width:290px;
    text-shadow: none !important;
  }
  .luxuries-banner__button {
    font-weight: 300;
    font-size:12px !important;
    font-family: "Spartan Regular", sans-serif;
    line-height:25px;
    letter-spacing:0px;
    text-decoration: none;
    transition: all 0.3s;
    background-color: #C25B00;
    border:1px solid #C25B00 !important;
  }

  .luxuries-banner {
    height: 398px; /* Increase from default */
    width:100%;
  }
  
  .luxuries-banner__bg {
    background-size: cover !important;
    background-position: -80px top;
  }

}

/* ===================== End Luxuries-Banner CSS ======================= */


/*================== Announce-Bar CSS To Adjust in Mobile ===============*/

/* @media screen and (max-width: 749px){
  .utility-bar__grid.page-width {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
} */

/*================== End Announce-Bar CSS To Adjust in Mobile ==================*/



/*================= Blog Post Section CSS ================= */ 


 .blog .blog__title{
    font-family: "Spartan Regular", sans-serif;
    color: #000000;
    font-weight:400;
 }

.card__information {
  font-size: 18px;
  color: #222222;
  letter-spacing:0;
}

.blog .full-unstyled-link {
  font-family: "Spartan Regular", sans-serif;
  font-size:20px;
  line-height:27px;
  font-weight:400;
  color: #000000;
}

.blog .article-card__excerpt{
  font-family: "Spartan Regular", sans-serif;
  font-size:18px;
  font-weight:300;
}

.blog .rte{
  font-size:14.9px !important;
}

.article-template__content{
  font-family:"Spartan Regular";
  font-size:18px;
}

  @media screen and (min-width: 750px) {

    .blog-view-all-top{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size: 20px;
      font-weight:300;
      line-height:1.2;
      letter-spacing:0px;
      padding: 10px 23px;
      padding-top:14px;
      height:48px;
      border: 1px solid #337AB7;
      border-radius: 40px;
      text-decoration: none;
      color: #fff;
      background: #337AB7;
      white-space: nowrap;
      font-family: "Spartan Regular", sans-serif;
      overflow-y:hidden;
    }
    .blog-view-all-top:hover {
      color: #337AB7;
      background: #ffffff;
    }
  }

/*===== MOBILE BLOG LAYOUT FIX ===*/
/* == BLOG MOBILE = COLLECTION LIST STYLE ===*/
@media screen and (max-width: 749px) {


  /* ===== Heading + View All (same as collection list) ===== */
  .blog .title-wrapper-with-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
    margin-bottom:20px;
    padding-inline: 2rem;
  }

  .blog .blog__title {
    font-size: 20px;
    font-weight:400;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Spartan Regular", sans-serif;
  }

   .blog-view-all-top {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-family: "Spartan Regular", sans-serif;
    line-height:1;
    font-weight:300;
    padding: 10px 12px;
    border: 1px solid #337AB7;
    border-radius: 40px;
    text-decoration: none;
    color: #fff;
    background: #337AB7;
    /* min-height: calc(2.7rem + var(--buttons-border-width) * 2); */
    max-height:35px;
  }
   .blog__posts .card__information{
    padding-left:0 !important;
  }
  .blog__posts .full-unstyled-link{
    font-size:12px !important;
    line-height: 25.2px;
    letter-spacing:0px;
    line-height:18px;
    font-family: "Spartan Regular", sans-serif;
  }

  .article-card__excerpt {
    width: 100%;
    line-height: 15px;
    font-size: 10px !important;
    font-family: "Spartan Regular", sans-serif;
    color:#000000;
    letter-spacing: 0px;
    margin: 0px;
    font-weight: 300 !important;
  }


  .card__inner.gradient{
    border-radius: 4px;
  }

  /* ===== Force 2-column grid (same as collection list) ===== */
  .blog .blog__posts {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: auto;
    /* margin-right:15px; */
    padding-inline: 2rem;
  }

  .blog .grid--peek.slider .grid__item:first-of-type {
    margin-left: 0;
  }

  /* ===== Show only 2 blog cards ===== */
 .blog .blog__posts:nth-child(n+3) {
    display: none !important;
  }

  /* ===== Disable slider behavior completely ===== */
  .blog slider-component {
    overflow: visible;
  }

  .blog .slider {
    overflow: visible !important;
    transform: none !important;
  }

  .blog .slider__slide {
    width: 100% !important;
    flex: unset !important;
    transform: none !important;
  }

  /* ===== Hide slider controls ===== */
  .blog .slider-buttons,
  .blog .slider-counter {
    display: none !important;
  }
}




.custom-blog-page .card__heading{
  font-family:"Spartan Regular";
}

/*============== End Blog Post Section CSS ================ */


/* ======================= Slideshow DOT & ARROW styling ======================= */

/* Make slideshow and slideshow-component the positioning context */
.slideshow,
slideshow-component {
  position: relative !important;
  z-index: 1 !important; /* Below header */
}

/* Hide top controls if they exist */
.slideshow__controls--top {
  display: none !important;
}

/* Position the bottom controls container */
slideshow-component > .slideshow__controls:not(.slideshow__controls--top) {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  transform: none !important;
  display: block !important;
}

/* .svg-wrapper>svg{
  width:auto;
  height:auto;
} */

/* Position arrows to middle sides */
slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #C25B00 !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* Position previous button to left */
slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button--prev {
  left: 55px !important;
  z-index: 2 !important;
}

/* Position next button to right */
slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button--next {
  right: 55px !important;
  z-index: 2 !important;
}

/* Position dots at bottom center */
slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-counter {
  position: absolute !important;
  bottom: 5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* padding: 8px 15px !important; */
  border-radius: 25px !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: center !important;
}
.button:not([disabled]):hover:after {
  box-shadow: none;
}

.slider-counter__link{
  padding:0;
}

/* Style the dots */
slideshow-component .slider-counter__link--dots .dot {
  width: 12px !important;
  height: 12px !important;
  background-color: #ffffff;
  border-radius: 50% !important;
  display: block !important;
  transition: background-color 0.3s ease !important;
}

/* Center the control wrapper */
slideshow-component .slideshow__control-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap:15px;
  padding:15px;
}

/* Arrow styling */
.slider-button {
  color: white !important;
}

.slider-button:hover {
  background-color: #C25B00 !important;
  transform: translateY(-50%) scale(1.05) !important;
  transition: all 0.3s ease !important;
}


/* Specifically fix search modal if needed */
details[open] > .header__search,
.search-modal,
.predictive-search {
  z-index: 101 !important;
}

/* Mobile adjustments */
@media screen and (max-width: 749px) {
  slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button {
    width: 32px !important;
    height: 32px !important;
  }
  
  slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button--prev {
    left: 15px !important;
  }

  slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-button--next {
    right: 15px !important;
  }
  
  slideshow-component > .slideshow__controls:not(.slideshow__controls--top) .slider-counter {
    bottom: 16px !important;
    padding: 0px 0px !important;
  }
  
  slideshow-component .slider-counter__link--dots .dot {
    width: 10px !important;
    height: 10px !important;
  }
  slideshow-component .slideshow__control-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap:15px;
    padding:0;
  }
  .slideshow__controls .svg-wrapper>svg{
    width:5px;
    height:10px;
  }
}

/* ======================= End Slideshow styling ======================= */

/* =============== End Slideshow Side Arrow Positioning ======================== */

/* =============== Banner Image Fix ( Home Page )======================== */

.banner__box > :first-child {
  letter-spacing:0px;
}

.banner__buttons .button{
  letter-spacing:0px;
  max-height:calc(4rem + var(--buttons-border-width) * 2) !important;
  /* width:calc(12rem + var(--buttons-border-width) * 2); */
}

@media screen and (max-width: 749px) {
  .banner__buttons .button{
    letter-spacing:0px;
    min-height:calc(2.2rem + var(--buttons-border-width) * 2) !important;
    min-width:calc(12.3rem + var(--buttons-border-width) * 2);
  }
}

/* =============== End Banner Image Fix ( Home Page )======================== */

/* =============== Header Menu Fix ======================== */

.header__menu-item .icon-caret{
  display:none;
}

details[open]:hover>.header__menu-item{
  text-decoration-thickness:0rem;
  color: #5bbac7;
}

.header__menu-item a,
.header__inline-menu a,
.menu-drawer__menu-item a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  color: #262626 !important;
  padding:0;
}

.list-menu--inline{
  gap:30px;

  /*Custom added for fie the header menu to the middle */
  justify-content:center;
  align-items:center;
}

@media screen and (max-width: 1240px) {
  .list-menu--inline{
    gap: 15px;
  }
}

/* =============== End  Header Menu Fix  ======================== */



/* =============== HamBurger Icon and Close icon Fix in Mobile ======================== */

/* Hide close icon by default */
.header__icon--menu:not([open]) svg:last-child,
details[open] .header__icon--menu svg:first-child {
  display: none;
}

/* Show hamburger by default, close when open */
.header__icon--menu svg:first-child {
  display: block;
  margin-left:0px;
}

details[open] .header__icon--menu svg:last-child {
  display: block;
   margin-left:20px;
}

/* Alternative approach - if above doesn't work */
/* .menu-drawer-container summary span svg {
  position: absolute;
}

.menu-drawer-container summary span svg:last-child {
  opacity: 0;
  pointer-events: none;
}

.menu-drawer-container[open] summary span svg:first-child {
  opacity: 0;
  pointer-events: none;
}

.menu-drawer-container[open] summary span svg:last-child {
  opacity: 1;
  pointer-events: auto;
} */

/* =============== End HamBurger Icon Fix ======================== */



/* =============== Run Deep Image with text Section ( About Page) ======================== */

.run-deep{
  margin:0;
  padding:50px 0;
}
.run-deep .image-with-text .grid{
  padding:0;
  max-width:1280px;
  margin:0 auto;
}

.run-deep .image-with-text__media{
  padding-bottom:0 !important;
  height:auto;
  border-radius:16px;
  margin:0;
  margin-left:100px;
}

.run-deep .image-with-text__heading{
  font-family: "Spartan Regular", sans-serif;
  font-size: 40px;
  line-height:55px;
}
.run-deep .image-with-text__text p{
  max-width:589px;
  font-family: "Spartan Regular", sans-serif;
}
.run-deep .image-with-text__content{
  padding:0;
}

.run-deep .image-with-text__text--caption{
  font-family: "Spartan Regular", sans-serif;
}

@media screen and (max-width: 749px){  

  .run-deep{
    margin-top:0;
    margin-bottom:0;
    padding:50px 0px;
  }

  .run-deep .image-with-text .grid{
    display:flex;
    flex-direction:column-reverse;
    padding:0px;
  }

  .run-deep .image-with-text__heading{
    font-size:20px !important;
    color: #000000 !important;
    font-weight:400 !important;
    line-height:30px !important;
  }

  .run-deep .image-with-text__text p{
    font-size:12px !important;
    color: #000000 !important;
    font-weight:300 !important;
    line-height:23.25px !important;
    letter-spacing:0px;
  }


  .run-deep .image-with-text__media {
    max-width:350px !important;;
    height:192px !important;
    position:relative !important;
    top:0 !important;
    border-radius:16px;
    margin:0;
  }
}

/* =============== End Run Deep Image with text Section ( About Page)  ======================== */


/* =============== quote-section Image with text Section ( About Page)  ======================== */

  .quote-section{
    background-color: #E8F8FB;
    margin:0;
    padding:30px 0;
  }
  .quote-section .image-with-text__text p:nth-child(2) {
    background-color: #337AB70D;
    border-left: 4px solid #337AB7;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    margin: 0px 0;
    border-radius: 0 8px 8px 0
  } 
  .quote-section .image-with-text__text p{
    max-width:608px;
  }
  .quote-section .image-with-text__media{
    padding-bottom:0 !important;
    border-radius:16px;
    padding:0;
    margin:0;
  }
  .quote-section .image-with-text .grid{
    max-width:1280px;
    margin:0 auto;
  }

  @media screen and (min-width: 990px) {
    .quote-section .image-with-text__content{
      /* padding:40px 64px; */
      padding:0;
      margin-left:64px;
    }
  }

@media screen and (max-width: 749px){

  .quote-section{
    margin-top:0;
    margin-bottom:0;
    padding:30px 0px;
  }  

  .quote-section .image-with-text .grid{
    display:flex;
    flex-direction:column-reverse;
    padding:0px;
  }
  .quote-section .image-with-text__heading{
    font-size:20px !important;
    color: #000000 !important;
    font-weight:400 !important;
    line-height:30px !important;
  }

  .quote-section .image-with-text__text p{
    font-size:12px !important;
    color: #000000 !important;
    font-weight:300 !important;
    line-height:23.25px !important;
    letter-spacing:0px;
  }
  .quote-section .image-with-text__media{
    height:466px !important;
    /* width:350px !important; */
     border-radius:16px;
  }
}

/* This is for the set the Two images Side by Side*/

.quote-section .image-stack {
  display: flex;
  flex-direction: row;
  gap: 12px;
  height: 100%;
}

.quote-section .image-stack .image-box {
  flex: 1;
  overflow: hidden;
  border-radius: 2px;
}

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

@media screen and (max-width: 749px) {
  .quote-section .image-stack {
    gap: 8px;
  }
}

/* =============== End quote-section Image with text Section ( About Page)  ======================== */

/* =============== Image with text Section ( Home Page)  ======================== */

.about-gentil-uomo{
  padding-bottom:50px ;
}
.about-gentil-uomo .page-width {
  --page-width: 1806px;
}
.about-gentil-uomo .image-with-text__heading{
  font-family: "Spartan Regular", sans-serif;
  font-weight:400;
}

.about-gentil-uomo .button{
  font-family: "Spartan Regular", sans-serif;
   pointer-events: auto;
   cursor: pointer;
}
.about-gentil-uomo .image-with-text__text p{
  font-size:20px !important;
  font-weight:300;
  line-height:29px;
  letter-spacing:0px;
} 

.about-gentil-uomo .custom_text_border p{
  font-size:20px !important;
  font-weight:300;
  line-height:29px;
  letter-spacing:0px;
} 

@media screen and (max-width: 749px){
  .about-gentil-uomo .button{
    font-size:12px !important;
    font-family: "Spartan Regular", sans-serif;
    font-weight:300;
  }
  .about-gentil-uomo .image-with-text__text p{
    font-size:14px !important;
    line-height: 20px;
  } 

  .about-gentil-uomo .custom_text_border p{
    font-size:14px !important;
    line-height: 20px;
  }
  .about-gentil-uomo .image-with-text__text {
    margin-top: 0 !important;
  } 
}

/* =============== End Image with text Section ( Home Page)  ======================== */

/* =============== Home Page Slideshow Image // Mobile Button Fix ======================== */

@media screen and (max-width: 749px){
  #shopify-section-template--26939175633028__slideshow_Ex7AV8 .button{
    padding:0;
    height:auto;
    margin-bottom:30px;
  }
}
  .slideshow .button--primary{
    pointer-events:auto;
  }

/* ===============End Home Page Slideshow Image // Mobile Button Fix  ======================== */


/* =============== Home Page Image with text Section ( About Gentil Uomo )  ======================== */

/* @media screen and (min-width: 1680px){
  #shopify-section-template--26939175633028__image_with_text_jPF4HJ .image-with-text__content{
    margin-left:50px;
  }
} */
@media screen and (min-width: 750px){
.about-gentil-uomo .image-with-text__content{
  padding:0;
}

/* .about-gentil-uomo .image-with-text__grid{
  padding:35px 107px;
} */

.about-gentil-uomo .image-with-text__text{
  max-width:638px;
}

.about-gentil-uomo .image-with-text__media{
  margin-left:0;
}
.about-gentil-uomo .image-with-text__text-item{
  max-width:768px;
}
}

/* =============== Home Page Image with text Section ( About Gentil Uomo )  ======================== */


/* =============== Multicolumn section Fix ( Home Page ) ======================== */

.multicolumn .title.inline-richtext{
  font-family:"Spartan Regular", sans-serif !important;
}
.testimonial-homepage .page-width {
  --page-width: 1500px;
}
@media screen and (max-width: 749px){
  .testimonial .multicolumn-card__info{
    padding:40px 38px !important;
  }
  .testimonial-homepage .multicolumn-card__info {
    padding: 21px 54px;
  }
  .testimonial-homepage .multicolumn-card__info h3 {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
  }
  .testimonial-homepage .inline-richtext{
    max-width:241px;
  }
}


/* ===============End Multicolumn section Fix ( Home Page ) ======================== */




/*========================================== About Page CSS ===================================================*/
/*=============================================================================================================*/


/*========================================== Journey Section ( About Page ) ===================================================*/
  .journey-section {
    background: #fff;
    padding:30px 0px;
    margin:0;
  }

  .journey-section .page-width{
    max-width:1500px;
    padding: 0;
    margin: 0px auto;

  }

  .parent_journey-eyebrow{
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .journey-eyebrow {
    text-align: center;
    font-family: "Spartan Regular", sans-serif;
    font-size: 14px;
    font-weight:300;
    line-height:20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #337AB7;
    margin-bottom: 10px;
    border-bottom:1px solid #337AB74D;
    padding-bottom:8px;

  }

  .journey-heading {
    text-align: center;
    font-family: "Spartan Regular", sans-serif;
    color:#000000;
    font-size: 40px;
    letter-spacing:0px;
    font-weight: 400;
    margin: 20px;
    overflow-y:hidden;

  }

  .journey-subheading {
    text-align: center;
    color:#000000;
    font-family: "Spartan Regular", sans-serif;
    font-size: 18px;
    font-weight:300;
    letter-spacing:0px;
    line-height:26px;
    max-width: 600px;
    margin: 0 auto 50px;
  }

  .journey-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    /* max-width:1152px; */
    max-width: 1500px;
    /* height:550px; */
 min-height: 400px;
    margin: 0px 20px;
  }

  .journey-card {
    background: #fff;
    border-radius: 16px;
    /* padding: 32px 24px; */
    text-align: left;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    position: relative;
    padding-top: 33px;
    padding-left: 33px;
    padding-right: 41px;
    padding-bottom: 0px;
    border: 1px solid #DEDAD3;
    border-radius: 16px; /* optional, if in design */
  
    box-shadow:
      0px 4px 6px -4px rgba(0, 0, 0, 0.1),
      0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  }

  .journey-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #337AB71A;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .journey-icon img {
    width: 24px;
    height: 24px;
  }

  .icon-placeholder {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #337AB7;
  }

  .journey-label {
    font-family: "Spartan Regular", sans-serif;
    font-size: 14px;
    font-weight:300;
    line-height:20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #337AB7;
    margin-bottom: 8px;
  }

  .journey-title {
    font-family: "Spartan Regular", sans-serif;
    font-size: 20px;
    line-height:30px;
    letter-spacing:0px;
    font-weight: 300;
    margin-bottom: 12px;
  }

  .journey-text {
    font-family: "Spartan Regular", sans-serif;
    font-size: 14px;
    font-weight:300;
    letter-spacing:0px;
    color: #000000;
    line-height: 28px;
  }

  /* Mobile */
  @media screen and (max-width: 990px) {
    .journey-cards {
      grid-template-columns: 1fr;
    }

    .journey-heading {
      font-size: 32px;
    }
  }

  .journey-cards {
    position: relative;
  }

  /* Timeline line */
  .journey-cards::before {
    content: "";
    position: absolute;
    top: 52%; /* aligns with icon center */
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e5e5;
    z-index: 0;
  }



  /* Mobile */
@media screen and (max-width: 990px) {
  .journey-section{
    padding:30px 20px;
  }

  .journey-section .page-width {
    padding: 0 0px;
  }

  .journey-eyebrow {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.4px;
    margin-bottom: 8px;
  }

  .journey-heading {
    font-size: 20px;
    margin: 15px 0px;
    font-weight:400;
  }

  .journey-subheading {
    font-size: 12px;
    line-height: 22px;
    margin: 0 auto 30px;
    /* padding: 0 10px; */
  }

  .journey-cards {
    grid-template-columns: 1fr;
    max-width: 100%;
    height: auto;
    gap: 20px;
  }

  .journey-card {
    padding: 43px 33.5px;
    padding-bottom:27px;
  }

  .journey-icon {
    width: 48px;
    height: 48px;
  }

  .journey-icon img {
    width: 20px;
    height: 20px;
  }

  .icon-placeholder {
    width: 18px;
    height: 18px;
  }

  .journey-label {
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 1.2px;
    margin-bottom: 6px;
  }

  .journey-title {
    font-family: "Spartan Regular", sans-serif;
    font-weight:400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .journey-text {
    font-size: 12px;
    line-height: 22px;
    font-weight:300;
  }

  /* Hide timeline on mobile */
  .journey-cards::before {
    display: none;
  }
}

/*========================================== End Journey Section ( About Page ) ===================================================*/

/*========================================== Philosophy Section  ( About Page ) ===================================================*/

.philosophy-section .page-width{
  max-width:1500px;
  padding-left:0;
  padding-right:0;
}

.philosophy-section {
  padding:50px 0;
  margin:0;
  background: #fff;
}

.parent_philosophy-eyebrow{
  
  display:flex;
  justify-content:center;
  align-items:center;
}

.philosophy-eyebrow {
  text-align: center;
  font-family: "Spartan Regular", sans-serif;
  font-size: 14px;
  line-height:20px;
  font-weight:300;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #337AB7;
  border-bottom:1px solid #337AB74D;
  padding-bottom:8px;
  margin:0;
}

.philosophy-heading {
  text-align: center;
  font-family: "Spartan Regular", sans-serif;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top:35px;
  letter-spacing:0px;
  color: #000000;
}

.philosophy-subheading {
  text-align: center;
  font-family: "Spartan Regular", sans-serif;
  font-size: 20px;
  line-height:28px;
  letter-spacing:0px;
  font-weight:300;
  color: #000000;
  max-width: 620px;
  margin: 0 auto 50px;
}

.philosophy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.philosophy-card {
  display: flex;
  flex-direction:column;
  align-items:center;
  gap: 20px;
  padding: 48px 41px;
  background: #fffdf9;
  border-radius: 16px;
  border:1px solid #DEDAD3;
  box-shadow:
      0px 4px 6px -4px rgba(0, 0, 0, 0.10),
      0px 10px 15px -3px rgba(0, 0, 0, 0.10);
}
@media screen and (min-width: 990px){
  .philosophy-card{
    max-width:560px;
  }
}


.philosophy-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  background: #f6eae7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.philosophy-content {
  max-width:322px;
}
.philosophy-title{
  margin:0;
}

.philosophy-icon svg {
  width: 22px;
  height: 22px;
  stroke: #9c3a2f;
  fill: none;
}

.philosophy-title {
  font-family: "Spartan Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height:28px;
  letter-spacing:0%;
  margin-bottom: 6px;
}

.philosophy-text {
  font-family: "Spartan Regular", sans-serif;
  font-size: 18px;
  font-weight:300;
  line-height:29.25px;
  letter-spacing:0%;
  color: #666;
  line-height: 1.6;
}

.icon-placeholder {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #9c3a2f;
}


/* Mobile */


@media screen and (max-width: 768px) {
  .philosophy-section {
    padding: 50px 20px;
  }

  .philosophy-eyebrow {
    font-family: "Spartan Regular", sans-serif;
    font-size: 12px;
    font-weight:300;
    line-height:20px;
    letter-spacing: 1.4px;
    margin-bottom: 8px;
  }

  .philosophy-heading {
    font-family: "Spartan Regular", sans-serif;
    font-size: 20px;
    font-weight:400;
    letter-spacing: 0%;
    margin-bottom: 12px;
    margin-top:15px;
  }

  .philosophy-subheading {
    font-size: 20px;
    font-weight:300;
    line-height: 28px;
    letter-spacing:0px;
    /* padding: 0 20px; */
    margin-bottom: 32px;
  }

  .philosophy-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .philosophy-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 29px 36.5px;
    gap: 10px;

    border: 1px solid #DEDAD3;

    box-shadow:
      0px 4px 6px -4px rgba(0, 0, 0, 0.10),
      0px 10px 15px -3px rgba(0, 0, 0, 0.10);
  }
  

  .philosophy-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    background-color: #337AB71A;
  }

  .philosophy-icon svg {
    width: 24px;
    height: 24px;
  }

  .philosophy-title {
    font-size: 18px;
    font-weight:400;
    line-height: 28px;
    letter-spacing:0px;
    margin-bottom: 8px;
  }

  .philosophy-text {
    font-size: 12px;
    font-weight:300;
    line-height: 23.25px;
    letter-spacing:0px;
    color: #000000;
  }
}

/* ================= READ MORE FUNCTIONALITY ================= */

.philosophy-text-wrapper {
  width: 100%;
}

.full-text {
  display: none;
}

.read-more-btn {
  margin-top: 12px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;

  font-family: "Spartan Regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;

  color: #337AB7;
  text-decoration: underline;
}

/* When Active */

.philosophy-text-wrapper.active .short-text {
  display: none;
}

.philosophy-text-wrapper.active .full-text {
  display: block;
}

.philosophy-text-wrapper.active .read-more-btn::after {
  content: "Read Less";
}

.philosophy-text-wrapper.active .read-more-btn {
  font-size: 0;
}

.philosophy-text-wrapper.active .read-more-btn::after {
  font-size: 14px;
}


/*==========================================End Philosophy Section ( About Page ) ===================================================*/

/*==========================================End About Page CSS ===================================================*/
/*=============================================================================================================*/


/*====================== Filter and Sort Button in Mobile CSS==========================*/




/*====================== End Filter and Sort Button in Mobile CSS==========================*/



/* Footer css starts */
.page-width:has(.gu-footer) {
  --page-width: 1810px;
}
.gu-footer__container {
  padding-inline: 0 !important;
}




/*============= Mega Menu CSS =======================*/

.custom-header .mega-menu__link{
  color: black;
  display: block;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  text-decoration: none;
  transition: text-decoration var(--duration-short) ease;
  word-wrap: break-word;

  font-family: "Spartan Regular", sans-serif;
  font-weight: 300;
  font-size:14px;
  line-height:17px;
  letter-spacing:0px;
  /* margin-bottom:6px;

   width:max-content; */
}

.custom-header .mega-menu__link--level-2{
  font-weight: 400 !important;
  color: #5bbac7 !important;
  font-family: "Spartan Regular", sans-serif !important;
  border-bottom:1px solid #D8D8D8;
  font-size:20px !important;
  line-height:17px;
  letter-spacing:0px;
  margin-bottom:10px;
 
  width:max-content;
}

.mega-menu__list .page-width{
  margin:0;
}

/*============= End Mega Menu CSS =======================*/


/*======================= Explore Italy Page CSS ============================== */

.explore-italy .title-wrapper-with-link{
  display:none;
}

.explore-italy .page-width-desktop{
  margin-top:94px;
}

.explore-italy .card__content{
  padding: 2rem !important;
}

@media screen and (max-width: 749px){
  .explore-italy .page-width-desktop{
    margin-top:24px;
  }
}

.explore-italy .article-card{
  background-color: #ffffff;
  border:1px solid #D1D1D1;
  border-radius:4px;
}

.explore-italy .blog__button{
  background-color: #337AB7;
  color:#ffffff;
  font-family: "Spartan Regular", sans-serif;
  font-weight:300;
  font-size:15px;
  line-height:17.6px;
  letter-spacing:0px;
}

.explore-italy .card__information{
  padding-left:15px;
}

.explore-italy .article-card__tag{
  margin-top:8px;
  margin-bottom:10px;
  color: #337AB7;
  font-family: "Spartan Regular", sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:2.4px;
  line-height:16px;
}

.explore-italy .full-unstyled-link{
  font-family: "Spartan Regular", sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:0px;
  line-height:30px;
  color: #000000;
}

.explore-italy .article-card__excerpt{
  margin-top:6px;
  margin-bottom:20px;
  font-family: "Spartan Regular", sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:0px;
  line-height:22.75px;
  color: #000000;
}

.explore-italy .article-read-more{
  font-family: "Spartan Regular", sans-serif;
  font-size:14px;
  margin-left:-16px;
  font-weight:300;
  letter-spacing:0px;
  line-height:20px;
  color: #000000;
}

.explore-italy .blog__posts.articles-wrapper{

  --grid-desktop-horizontal-spacing:35px;
}

@media screen and (max-width: 749px){
  .explore-italy .page-width-desktop{
    margin-top:24px;
  }
  .explore-italy .full-unstyled-link{
    font-size:18px !important;
    letter-spacing:0px;
    line-height:32px;
    color: #000000;
  }
  .explore-italy .article-card__excerpt{
    font-size:12px;
    letter-spacing:0px;
    line-height:22.75px;   
  }
}


/* ============================= */
/* Explore Italy - Mobile Layout */
/* ============================= */

@media screen and (max-width: 749px) {

  /* Make grid single column */
  .explore-italy .blog__posts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px;
  }

  /* Each blog full width */
  .explore-italy .blog__post {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Disable slider behaviour on mobile */
  .explore-italy slider-component {
    display: block;
  }

  .explore-italy .slider {
    transform: none !important;
  }

  .explore-italy .slider__slide {
    min-width: 100% !important;
  }

  /* Hide slider arrows */
  .explore-italy .slider-buttons {
    display: none !important;
  }

  /* View All button spacing */
  .explore-italy .blog__button {
    margin-top: 0px;
    margin-bottom:30px;
    text-align: center;
  }

}
/* ================= Explore Italy Mobile Limit ================= */

@media screen and (max-width: 749px) {

/* Hide posts after 7 on mobile */
/* .explore-italy .blog__posts .blog__post:nth-child(n+8) {
  display: none !important;
} */

/* Show all posts when JS adds .show-all class */
.explore-italy.show-all .blog__posts .blog__post {
  display: block !important;
}

/* Fix: Ensure main blog page shows all posts on mobile */
@media screen and (max-width: 749px) {
  .main-blog .blog-articles .article {
    display: block !important;
  }
}

}


  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  @media screen and (max-width: 749px) {
    .section-{{ section.id }}-padding {
      padding-bottom: 0px;
    }

    /* Disable slider on mobile - show all posts stacked */
    #Slider-{{ section.id }} {
      display: block !important;
      overflow: visible !important;
      scroll-snap-type: none !important;
    }

    .explore-italy .slider__slide {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 0 20px 0 !important;
      scroll-snap-align: none !important;
    }

    /* Hide slider prev/next buttons on mobile */
    /* .slider-buttons {
      display: none !important;
    } */
  }


@media screen and (max-width: 749px) {
  .no-mobile-slider .slider-buttons {
    display: none !important;
  }

  .no-mobile-slider ul.slider {
    display: block !important;
    overflow: visible !important;
  }

  .no-mobile-slider ul.slider li.slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-bottom: 20px;
  }
}


/*======================= End Explore Italy Page CSS ============================== */


/*************** Added to Fix the Count of blogs shown in mobile ***************************/

@media screen and (max-width: 749px) {
  .explore-italy .blog__posts.slider {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    gap: 20px;
  }

  .explore-italy .blog__posts .slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    scroll-snap-align: unset !important;
    display: block !important;
  }

  /* Hide slider nav buttons on mobile for explore-italy */
  .explore-italy .slider-buttons {
    display: none !important;
  }
}

/***************  End Added to Fix the Count of blogs shown in mobile ***************************/




/*======================= Fixing Cart Drawer Quantity Selector ============================== */

cart-drawer .quantity{
  width: calc(9rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  min-height: calc((var(--inputs-border-width) * 2) + 3.5rem);
}

.quantity{
  border-radius:var(--inputs-radius);
  --inputs-radius:40px;
}

cart-drawer .quantity__button{
  width: calc(3.5rem / var(--font-body-scale));
  padding:0;
}


/*======================= End Fixing Cart Drawer Quantity Selector ============================== */


/*======================= This is for the carousel Slider side arrows in the Product pages's product image Thumbnails  ============================== */

.product--thumbnail_slider .slider-button{
  color: #000000 !important;
}
.product--thumbnail_slider .slider-button:hover{
  transform:none !important;
}

/*======================= End This is for the carousel Slider side arrows in the Product pages's product image Thumbnails  ============================== */


/*********************  For fixing the Apply Button in the Filter and Sort In the Mobile ******************************/

.mobile-facets__footer>.button{
  background-color: #337AB7;
}

/************************ End For fixing the Apply Button in the Filter and Sort In the Mobile *****************************/


/*=============================
About Page Images Caption Fix
===============================*/

.image-caption{
  margin-top:0px;
}



/*=======================================================================
This is to Fix the Search Bar Input in all pages 
( In Collection Page it was not showing the padding in Input Properly )
==========================================================================*/


.search-modal__content .field__input:focus,
.search-modal__content .field__input:not(:placeholder-shown) {
  padding: 2.2rem 1.5rem 0.8rem 2rem !important;
}


/*=======================================================================
This is to Fix the Input Field and Subscribe Button in Newsletter 
( Input Field and Subscribe Button is added using the Klaviyo so adjust it )
==========================================================================*/

.gu-newsletter-strip{
  margin-top:-25px;
  margin-bottom:-15px;
}


/*=======================================================================
This is for the Fixing and reduce the size of the Close Icon 
( Close Icon appear when Click on the Hamburger icon in Header ) 
==========================================================================*/

.header__icon .icon-close {
  width: 16px;
  height: 16px;
}

/* CHECKOUT 
Custom added  */

/*=======================================================================
This is for the Fixing and reduce the size of text in checkout page
==========================================================================*/

.caption-with-letter-spacing {
  font-size: 1.4rem !important;
}


/* ===================  Custom added  =====================*/ 

/* Subscribe button desktop left and right spacing */
button.klaviyo-form-button {
    padding: 0px 20px !important;
}



/* =============================================================================
   KLAVIYO FORM — CUSTOM CHANGES 
   ============================================================================= */


/* --- Desktop --- */

/* Subscribe button: horizontal padding */
button.klaviyo-form-button {
    padding: 0px 20px !important;
}


/* --- Mobile (max-width: 749px) --- */

@media screen and (max-width: 749px) {

  /* Email input & placeholder: font size */
  .klaviyo-emailinput input,
  .klaviyo-emailinput input::placeholder {
    font-size: 18px !important;
  }

  /* Subscribe button: font size */
  .klaviyo-form-button {
    font-size: 14px !important;
  }

  /* Subscribe button: horizontal padding */
  button.klaviyo-form-button {
    padding: 0px 15px !important;
  }

  /* Post-subscribe heading: font size */
  .klaviyo-form-richtext h1 span {
    font-size: 20px !important;
  }

}

/* ---  End: Mobile Overrides  --- */