/** Shopify CDN: Minification failed

Line 92:21 Unexpected "'.innerSec'"

**/
.homepageslide .slick-slide {outline: 0}
.homepageslide .slick-dots {display: block;text-align: center;margin-top: 3.5rem}
.homepageslide .slick-dots li {display: inline-block;width: auto;list-style: none;padding: 0 .5rem}
.homepageslide .slick-dots li button {font-size: 0;border: none;background: rgba(0, 0, 0, 0.5);width: 1.2rem;height: 1.2rem;border-radius: 50%;
-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;cursor: pointer;outline: 0;
position: relative}
.homepageslide .slick-dots li button {background: rgba(255, 255, 255, 0.5);}
.homepageslide .slick-dots li button:hover, .homepageslide .slick-dots li.slick-active button {background: rgba(255, 255, 255, 1);}
.homepageslide .slick-dots li{width: 25px;height: 4px;border-radius: 0;}
.homepageslide .slick-dots li a, .homepageslide .slick-dots li button{width: 25px;height: 4px;padding: 0;border-radius: 0;}
.homepageslide .slick-dots li a::before, .homepageslide .slick-dots li button::before{width: 25px;height: 4px;border-radius: 0;
    content: "";font-size: 0;line-height: 0;}

.productGallery .slick-slide {outline: 0}
.productGallery .slick-dots {display: block;text-align: center;margin-top: 0rem;bottom: 20px;}
.productGallery .slick-dots li {display: inline-block;width: auto;list-style: none;padding: 0 .5rem}
.productGallery .slick-dots li button {font-size: 0;border: none;background: rgba(0, 0, 0, 0.5);width: 22px;height: 2px;border-radius: 50%;
-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;cursor: pointer;outline: 0;
position: relative}
.productGallery .slick-dots li button {background: #ccc;}
.productGallery .slick-dots li button:hover, .productGallery .slick-dots li.slick-active button {background: rgba(0, 0, 0, 1);}
.productGallery .slick-dots li{width: 22px;height: 2px;border-radius: 0;}
.productGallery .slick-dots li a, .productGallery .slick-dots li button{width: 22px;height: 2px;padding: 0;border-radius: 0;}
.productGallery .slick-dots li a::before, .productGallery .slick-dots li button::before{width: 22px;height: 2px;border-radius: 0;
    content: "";font-size: 0;line-height: 0;}


.slideImg{position: relative;display: block;z-index: 2;}
.slideImg:before{position: absolute;content: ""; top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;z-index: 3;}
.homepageslide .slideshow__text-content {-ms-transform: translateY(-40px);-webkit-transform: translateY(-40px);
transform: translateY(-40px);opacity: 1;}
.homepageslide .slideItem{position: relative;}
.homepageslide .slideshow__text-wrap{position: static;}
.search-bar{background-color: #fff;}


 .input-group__btn .btn{background: #000;border-color: #000;color: #fff;}
 .input-group__btn .btn:hover{background: transparent;color: #000;border-color: #000;}
 .blogPage .blogimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;max-width: 100%;max-height: 100%;
    object-fit: cover;}
 .blognews .section-header .blogtitle{text-transform: capitalize;}
 .store-availability-list__location{font-weight: 600;}
 .store-availability-list__stock{position: relative;padding-left: 20px;}
 .store-availability-container .store-availability-list__stock .icon{position: absolute;left: 0;top: 5px;}

 .store-availabilities-modal__product-title{font-weight: 600;}
 .store-availabilities-modal__variant-title{display: none;}
 .store-availability-list__item::before{border-top: 2px solid #e2e2e2;}
 .homepageslide .slick-dots{bottom: 15px;}
 .store-availability-information__button{margin-bottom: 15px;}
 .prodacoCon .measuretab{padding-top: 20px;}

 .viewmore_boxes {display: none;}
.viewmore_boxes.viewbox_active {display: inline;}
.viewmoremain{text-align: center;position: relative;z-index: 2;margin-bottom: 10px;}
.viewmorebtn:after{position: absolute;content: "";width: 100%;height: 100px;background: linear-gradient(
0deg, #fff 0%, rgba(247, 251, 255, 0) 100%);left: 0;right: 0;bottom: 0;z-index: -1;opacity: 1;}
.viewmorebtn.active:after{opacity: 0;}
.viewmorebtn{font-size: 14px;font-weight: 500;color: #000;line-height: 1.4;display: block;text-align: center;
position: relative;padding-right: 0px;}
.viewmorebtn:before{position: absolute;content: "";width: 6px;height: 6px;border: none;border-bottom: 2px solid #000;
border-right: 2px solid #000;transform: rotate(45deg);right: 0;left: 95px; top: 5px;bottom: inherit; margin: auto;transition: border 0.4s ease-in-out;
padding-right: 0px;transition: all 0.4s ease-in-out;}
.viewmoremain .viewmorebtn.active:before{transform: rotate(225deg);}
.prodacoCon .accorbtn{padding: 10px 0px;font-size: 16px;font-weight: 600;padding-right: 30px;}
.prodacoCon .measuretab .card-body{padding: 10px 0px;padding-right: 30px;}
.prodacoCon .measuretab .accorbtn::before{    width: 14px;top: 0;right: 0;bottom: 0;margin: auto;height: 2px;}
.prodacoCon .measuretab .accorbtn::after{height: 14px;top: 0; bottom: 0; right: 4px; margin: auto;}
.prodacoCon .measuretab .accorbtn:not(.collapsed)::after{width: 14px;top: 20px;right: 0px;}
.prodacoCon .card-header{border-radius: 0;}
.prodacoCon .measuretab .card{border-radius: 0;border: none; border-bottom: 1px solid #e2e2e2;}
.prodacoCon{display: block;clear: both;padding-left: 40px;}
.shortDec{height: 70px;overflow: hidden;}
.shortDec.viewbox_active{height: auto;}

.modal.store-availabilities-modal{height: inherit;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 999;
border: none;width: 500px;}
/*.modal.store-availabilities-modal:before{position: absolute;width: 100%;height: 100%;content: "";background: #000;opacity: 0.7;
top: 0;left: 0;right: 0;bottom: 0;}*/
.modal-backdrop{display: none !important;z-index: 2;}
.store-availabilities-modal--active .modal-backdrop{display: block !important;}
/*.producderow{font-size: 0;}
.producdecol{width: 50%;display: inline-block;}*/

.store-availabilities-modal--active{transform: none;}
/* Common Section */
.shopify-section:not('.innerSec'){display: inline-block; vertical-align: top; width: 100%; padding: 3.75rem 0;}
.shopify-section .section-header{display: inline-block; vertical-align: top; width: 100%; margin-bottom: 2rem;}
.shopify-section .section-header .section-title{display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 300; color: #000000; margin-bottom: 0; line-height: 1.2; letter-spacing: 0.01em;}
.shopify-section .section-header p{display: block; width: 100%; font-size: 1rem; line-height: 1.4; color: #000000; margin: 0; }
.shopify-section.index-section--slideshow, #shopify-section-header, #shopify-section-footer{padding: 0} 

.productTabs .productsMain.grid{text-align: center;} 
.productTabs .productsMain.grid .productBox{text-align: left;}
#product-tab{justify-content: center;}
#product-tab li a{font-size: 14px; font-weight: normal; color: #999999;transition: all 0.4s ease-in-out;}
#product-tab li a.active{color: #000; font-weight: 600}
#product-tab li a:hover{color: #000;}

.productMain{width: 100%;}
.productsMain{display: block; margin: 0 -2px;}
.productBox{display: block; width: 100%; }
.productsMain.grid{width: auto; margin: 0 -7px; font-size: 0;} 
.productsMain.grid .grid__item{display: inline-block; vertical-align: top; width: 25%; padding: 0 7px;}
.productBox{display: block; width: 100%; position: relative;}
.productBox .productImg{display: block; width: 100%; padding-bottom: 123%; position: relative; background-color: #eaeaea; /*border: 1px solid #eaeaea;*/ margin-bottom: 1rem;}
.productBox .productImg img{width: 100% !important; height: 100% !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; object-fit: contain; object-position: center center;} 
.productBox .productTitle{display: block; font-size: 0.8125rem; font-weight: normal; line-height: 1.4; text-transform: uppercase; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px;}
.productBox .price--listing .price__badge.price__badge--sale{display: none;}
.productBox .price--listing  .price__sale .price-item.price-item--sale{font-size: 1.125rem; font-weight: 700; color: #000000;}
.productBox .price--listing  .price__sale .price__compare .price-item--regular{text-decoration: line-through; color: #bbb; font-weight: 400} 
.productBox .price{display: block; width: 100%; font-size: 1.125rem; font-weight: 700; color: #000000;}
.productActions{position: absolute; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; font-size: 1rem; display: flex; transition: all 0.4s ease-in-out}
.productActions .addtoCart{display: inline-block; width: 100%; text-align: center;}
.productActions .addtoCart .addcartBtn{display: inline-block; padding:18px 15px 12px; color: #fff; background: none; font-size: 14px; text-transform: uppercase; font-weight: 400;}
.productActions .addtoCart .addcartBtn i{font-size: 120%; vertical-align: middle; margin-right: 4px;}

.productActions .quick-view-button{display: inline-block; width: auto; background: none}
.productActions .quick-view-button .quick-view{display: inline-block; padding: 14px 20px; color: #fff; font-size: 17px; border-left: 1px solid #222222;}
.productActions .quick-view-button .quick-view .icon-eye:before{vertical-align: middle;}
.productBox:hover .productActions{opacity: 1;} 

.arrivalsSlider .slick-prev{left: -30px; margin-top: -40px;}
.arrivalsSlider .slick-next{right: -30px; margin-top: -40px;}
    
.collection-grid{display: block; min-width: 100%;}
.collection-grid .grid.grid--uniform{ margin: 0 0; padding: 0 5px;} 
.collection-grid .grid__item{float: left; width: 25%; padding: 7px; clear: none !important;overflow: hidden;}
.collection-grid .grid__item .collection-grid-item{margin: 0}
.collection-grid .grid__item .collection-grid-item .collection-grid-item__title{top: inherit;bottom: 0;transform: translate(0);text-align: left;text-transform: uppercase;text-shadow: none;font-weight: 700;font-size: 1.125rem;letter-spacing: 0;}
.collection-grid-item__title-wrapper::before{background-color: #000 !important; transition: all 0.4s ease-in-out;} 

/* QTY Field */
.quantityBox{display: inline-block;width: 80px;position: relative;vertical-align: middle;box-sizing: border-box;margin: 0;background: #fff;padding: 0;border: 1px solid #ddd;height: 46px;margin-bottom: 1rem;overflow: hidden; z-index: 1;}
.quantityBox #quantityField{border: none;margin: 0;width: 100%; height: 100%; padding: 0;text-align: center;margin-left: 5px;position: relative;display: inline-block;}
.quantityBox .qtyminus{display: inline-block;width: 28px;position: absolute;left: 0;top: 0;bottom: 0;height: 100%;z-index: 8;color: #000;font-size: 8px;background: #fff; cursor: pointer;}
.quantityBox .qtyminus:before{content: "";width: 1em;height: 1em;border-bottom: 1px solid currentColor;border-left: 1px solid currentColor;transform: rotate(45deg);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.quantityBox .qtyplus{display: inline-block;width: 28px;position: absolute;right: 0;top: 0;bottom: 0;height: 100%;z-index: 8;color: #000;font-size: 8px;background: #fff; cursor: pointer;}
.quantityBox .qtyplus:before{content: "";width: 1em;height: 1em;border-bottom: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(-45deg);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.newslehead .newsletitle{text-transform: capitalize;}
.footBox .footTitle{text-transform: capitalize;}
.disclosure__toggle, select{-webkit-appearance: auto;-moz-appearance: inherit;appearance: auto;}

/* Size Dropdown */
.option-selection-size{display: inline-block; border: 1px solid #ddd; }
.option-selection-size .option{display: inline-block;font-weight: 400; font-size: 14px; padding: 0 10px;}
.option-selection-size .option.size{display: inline-block;width: auto;border-radius:0;border: none;height: 36px;padding: 6px 28px;min-width: 100px;}

.imgConStyleSec{padding-bottom: 0 !important;}
.conImgSec{display: block; width: 100%; position: relative; max-width: 1130px; margin: auto; padding-top: 140px;}
.firstImg{width: 100%;position: relative;z-index: 12; text-align: right;}
.firstImg img{float: right; width: auto !important; }
.secImg{float: left;width: auto;position: relative;z-index: 12;margin-top: -160px;} 
.secImg img.feature-row__image{width: auto !important; float: right;}

.conImgSecCon{position: relative; display: inline-block; width:calc(100% - 550px); padding-left: 80px; padding-top: 40px;}
.imgconTitle{display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05;color: #fff; font-weight: 300; margin-bottom: 20px; padding-bottom: 10px; position: relative; letter-spacing: 0.01em;}
.imgconTitle:before{content: ""; width: 100px; height: 2px; background: currentColor; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}   
.conImgSecCon .cmsCon{padding-top: 0;  display:block; }
.conImgSecCon .cmsCon p{font-size: 1rem;}

/* Testimonials */ 
.testimonial-sec{/*float: right; width: 40%;*/ /*background: url(black-pattern.jpg) repeat left top;*/ padding: 40px 0;}
.testimonial-sec .section-header{display: block; width: 100%; margin-bottom: 50px;}
.testimonial-sec .section-header .section-title{display: block; width: 100%; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 300; color: #000; letter-spacing: 0.01em; line-height: 1.2;}
.testimonial-sec.page-width{max-width: 760px;padding: 0 0;}
.testimonial-sec .quotes__text{padding: 0}
.testimonial-sec .quotes-wrapper{position: relative;}
.testimonial-sec .quotes-wrapper:before{content: ""; width: 100px; height: 100px; background: url(quote.svg) no-repeat center center; position: absolute; left: 0; top: -30px; right: 0; margin: auto; opacity: 0.14;} 
.testimonial-sec .testimBox{text-align: center; width: 100%; /* min-height: 250px; */}
.testimonial-sec .testimBox p{display: block; width: 100%; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: clamp(1.3rem, 2.8vw, 2rem); font-weight: 300; line-height: 1.55; color: #343352; margin-bottom: 1rem; letter-spacing: 0.01em;}
.testimonial-sec .quotes__user{display: block; font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; font-size: 0.68rem; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; color: #000;}
.testimonial-sec blockquote cite::before{display: none;}

.testimonial-sec .slick-dots{/* display: none !important; */ margin-top: 15px;}
.testimonial-sec .slick-dots li{width: 16px;} 
.slideArrow{display: block; position: relative; margin-top: 3.125rem;}
.slideArrow .slick-arrow{position: static; display: inline-block; width: auto; height: 1.75rem; padding: 0 6px; transform: translate(0) !important;} 
.slideArrow .slick-arrow:before{content: "i"; display: inline-block; font-family: "vfmenswear" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.875rem; color: #fff;} 
.slideArrow .slick-arrow.slick-prev:before{-webkit-transform: scaleX(-1); transform: scaleX(-1);} 
.slideArrow .slick-arrow.slick-next{border-left: 1px solid #fff}

#shopify-section-list-collections-template .grid{display: flex; flex-wrap: wrap; margin: 0 -5px; }
#shopify-section-list-collections-template .grid .collection-grid-item{margin-bottom: 0; position: relative;}
#shopify-section-list-collections-template .grid li.grid__item{display: inline-block; padding: 5px;}
#shopify-section-list-collections-template .grid .collection-grid-item__title{top: inherit; bottom: 1rem; margin-bottom: 0; text-align: center;  text-transform: uppercase; text-shadow: none; font-weight: 700; font-size: 1.125rem; letter-spacing: 0;}

.widgetBox{display: block; width: 100%; background: #f8f8f8; padding: 30px; margin-bottom: 60px;} 
.widgetBox .widgetTitle{display: block; width: 100%; font-size: 1.250rem; font-weight: 700; color: #000; margin-bottom: 1rem;} 
.widgetBox .widgetCon{display: block; padding: 0;}
.widgetBox ul{list-style: none;}
.widgetBox ul li{display: block; font-size: 15px; font-weight: 400; color: #000; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; position: relative;}
.widgetBox ul li .arrow{position: absolute; left: 0; top: 0; right: 0; height: 30px; cursor: pointer; z-index: 12;}
.widgetBox ul li .arrow:before{content: ""; width: 10px; height: 10px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; transform: rotate(45deg);}
.widgetBox ul li .arrow.minus:before{transform: rotate(-135deg);}
.widgetBox ul li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;} 
.widgetBox ul li a{padding: 5px 15px; position: relative; color: #333; text-transform: capitalize;display: inline-block;}
.widgetBox ul li a:before{content: ""; width: 6px; height: 6px; border-bottom: 1px solid currentColor; border-right: 1px solid currentColor; position: absolute; left: 0; top: 12px; bottom: inherit; transform: rotate(-45deg); margin: auto; }
.widgetBox ul li a.active{font-weight: 700}
.widgetBox ul li .sub-menu{display: none; margin-left: 15px;  margin-top: 10px;}
.widgetBox ul li .sub-menu li{font-size: 14px;}
.widgetBox ul li .sub-menu li a{padding-top: 0; padding-bottom: 0;} 
.widgetBox ul li .sub-menu li a:before{top: 7px;}

.col-lg-9 .productActions .addtoCart .addcartBtn{padding: 10px 15px;}
.col-lg-9 .productActions .quick-view-button .quick-view{padding: 10px 15px;} 
.price__badge.price__badge--sold-out{border: none;}
.price__badge.price__badge--sold-out span{background: red; color: #fff; width: auto; min-width: inherit; padding: 6px; border-radius: 4px; position: absolute; left: 10px; top: 10px;}

.trackingform{}
.trackingform #order-lookup-by-hulkapps .find-order{max-width: 100%;box-shadow: none;}
.trackingform #order-lookup-by-hulkapps .find-order .heading{border-bottom: 0;}
.trackingform #order-lookup-by-hulkapps .find-order .order-track-form{padding: 0 0;}


#eapps-instagram-feed-1 .eapps-link{display: none !important;} 
.instagramFeed{opacity: 0}


/* Image with content Box */
.imgConSec{display: flex; align-items: flex-end; width: 100%; min-height: 800px; padding: 40px; background: url(suits-bg02.png) no-repeat center center / cover; margin-top: 100px;}
.imgConSec .page-width{width: 100%;}
.contentBox{display: block; max-width: 100%; text-align: center; margin-bottom: 15px;}
.contentBox p{display: block; font-size: 18px; line-height: 1.6; font-weight: 400; color: #fff; margin-bottom: 14px;}
.contentBox .btn.btn-outline{border-width: 3px; font-weight: 700;} 

/* Video Slider */
.videoSec .slick-slider.videoSlider{position: static;}
.videoSlider .slick-arrow{width: 34px; height: 34px; background: #fff; border-radius: 50%; box-shadow: -2px 0px 10px rgb(0 0 0 / 15%); position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.4s ease-in-out;}
.videoSec:hover .videoSlider .slick-arrow.slick-prev{left: 40px;}
.videoSec:hover .videoSlider .slick-arrow.slick-next{right: 40px;}
.videoSec:hover .videoSlider .slick-arrow{opacity: 1;}

/* Made to measure */
.lightHeader{position: absolute; left: 0; right: 0; top: 36px; background-color: transparent; width: 100%;}
.template-inner .breadcrumb, .template-Bespoke .breadcrumb,.template-measure .breadcrumb, .template-weddings .breadcrumb, .template-corporate .breadcrumb, .template-leather .breadcrumb{display: none;}   

.bespokeBanner{display: block; width: 100%; position: relative;z-index: 2;}
.bespokeBanner .bannerImg{display: block; width: 100%; position: relative; padding-bottom: calc(100vh - 28px);} 
.bespokeBanner .bannerImg img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;}
.bespokeBanner .bannerImg:after{content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.3; z-index: -1;} 
.bespokeBanner .bannerCon{background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); position: absolute; left: 0; right: 0; bottom: 0; z-index: 999; text-align: center; padding: 50px 20px;}   
.bespokeBanner .bannerCon .bannerTitle{font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(4.5rem, 7vw, 5.5rem); line-height: 1.08; font-weight: 300; color: #fff; margin-bottom: 30px; letter-spacing: 0.01em;} 

/*.bespokeCon .cmsCon p{font-size: 18px; line-height: 1.4; margin-bottom: 1.6rem;}*/

/*---made-to-measure---*/

.bespokeSutes{padding: 40px 1%; margin: auto; /*padding: 40px 0;*/}
.bespokeSutes .item{padding: 0 10px; text-align: center;}
.bespokeImg {position: relative;display: inline-block; max-width: 100%; width: auto; overflow: hidden;}
.bespokeImg img{transition: transform 0.4s ease-in-out;}
.bespokeImg img:hover{-webkit-transform: scale(1.04);transform: scale(1.04);}

.measuretab{padding-top: 70px;}
.measuretab .card-header{padding: 0;background: transparent;border: 0;}
.measuretab .card-body{padding: 10px 28px;padding-right: 50px;}
.accorbtn{padding: 17px 28px;display: inline-block;min-width: 100%;width: 100%;text-align: left;background: transparent;position: relative;
padding-right: 50px;font-size: 18px;font-weight: 500;color: #000;line-height: 1.4;}
.measuretab .card{border: 1px solid #ccc;}
.measuretab .accorbtn::after{background-image: none;position: absolute;content: '';display: block;right: 2.1rem;
top: 1.2rem;border-left: 2px solid #000;width: 0.2rem;height: 1.2rem;left: inherit;z-index: 3;} 
.measuretab .accorbtn::before{position: absolute;content: '';display: block;right: 1.6rem;top: 1.7rem;
left: inherit;border-top: 2px solid #000;width: 1.2rem;z-index: 3;}
.measuretab .accorbtn:not(.collapsed)::after{background-image: none;background-repeat: no-repeat;position: absolute;
content: '';display: block;top: 1.7rem;border:none;border-top: 2px solid #000;width: 1.2rem;bottom: inherit;
right: 1.6rem;left: inherit;transform: none;z-index: 3;}
.measuretab .accorbtn:not(.collapsed)::before{border: none;}


/*---made-to-measure---*/

/*---cmsCon---*/

.cmsCon ol{padding: 0 0;margin: 0; display: inline-block;counter-reset: cmscon-counter;list-style-type: none;}  
.cmsCon ol li{position: relative;font-weight: 400;line-height: 1.4; color:#000;list-style: none;}
.cmsCon ol li:before{counter-increment: cmscon-counter;content: "" counter(cmscon-counter) ".";line-height: 1.4;}

/*---cmsCon---*/

/*---header---*/

.navigationBar .mobile-nav>ul>li ul.mobile-nav__dropdown li:last-child{border-bottom: 0 !important;}

/*---header---*/


/* Appointment Popup */
.popupMain { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; overflow: auto; opacity: 0; visibility: hidden; transition: 300ms all; -webkit-transition: 300ms all; padding: 0; background: #fff;}
.popVisible {opacity: 1;visibility: visible;}
.popHead{display: block; width: 100%; background: #000; padding: 30px 40px; text-align: left;} 
.popHead .backBtn{display: inline-block; width: auto; font-size: 18px; font-weight: normal; color: #fff; cursor: pointer;}
.popHead .backBtn:before{content: ""; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(45deg); margin-right: 10px;}
.popHead .poptitle{display: block; width: 100%; font-size: 40px; font-weight: 700; color: #fff; margin-top: 20px;}
.closePopup {position: absolute;right: 15px;top: 15px;width: 42px;height: 42px;transition: all 0.4s ease-in-out;z-index: 2;}
.closePopup:before {position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 77%;height: 2px;background: #fff;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.closePopup:after {position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 77%;height: 2px;background: #fff;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.popupMain .popBody{display: flex; width: 100%;height: calc(100% - 161px);}
.popupMain .popBody .popLeft{flex: 0 0 auto; width: 50%;}
.popupMain .popBody .popRight{flex: 0 0 auto; width: 50%; background: #f5f5f5;}
.popImg{display: flex; width: 100%; justify-content: center; align-items: center; height: 100%;}

.appointmentPop .appointmentForm{height: 100%; display: flex; align-items: center;width: 100%; padding: 40px;}
.appointmentPop .appointmentForm .form-group{margin-bottom: 15px;}
.appointmentPop .appointmentForm .form-group label{margin-bottom: 15px; font-size: 16px;}

.imgBannerCon{padding: 30px 0; max-width: 900px; margin: auto;} 


/*---leather---*/

.bannerVideo{display: block;width: 100%;position: relative;padding-bottom: calc(100vh - 28px);z-index: 1;overflow: hidden;}
.bannerVideo:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;z-index: 1;opacity: 0.15;}
.bannerVideo .videos{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.bannerVideo .videos video{width:100%;display: block;vertical-align: top;height: auto;}



.bespokeSlider .slick-arrow{background: #fff;border-radius: 50%;width: 3rem;height: 3rem;box-shadow: 0 0 1rem rgb(0 0 0 / 15%);z-index: 2;}

/*---leather---*/

.shopify-section.innerPageSec{padding: 0;} 

/* product-details-gift-card-template */
.gift-card-details{margin-bottom: 20px;}

  /* Pagination  */
ul.pagination, .qodef-blog-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  justify-content: center;
  align-items: center;
}

ul.pagination li, .qodef-blog-pagination ul li {
  display: inline-block;
  margin: 0 3px;
}

ul.pagination li a,
ul.pagination li.active,
.qodef-blog-pagination ul li a,
.qodef-blog-pagination ul li.qodef-pag-active{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  background-color: #f2f2f2;
}

ul.pagination li.active,.qodef-blog-pagination ul li.qodef-pag-active {
  background-color: #000; 
  color: #fff;       
  pointer-events: none;
}

ul.pagination li a:hover, .qodef-blog-pagination ul li a:hover {
  background-color: #e0e0e0;
}

ul.pagination .btn--narrow,
ul.pagination .btn--narrow,
.qodef-blog-pagination ul .qodef-pag-prev,
.qodef-blog-pagination ul .qodef-pag-next{
  background-color: #f2f2f2;
  border-radius: 50%;
  padding: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  margin: 0 !important;
}

ul.pagination .btn--narrow:hover,
ul.pagination .btn--narrow:hover,
.qodef-blog-pagination ul .qodef-pag-prev:hover,
.qodef-blog-pagination ul .qodef-pag-next:hover{
  background-color: #e0e0e0;
}
.pagination .btn--narrow .icon__fallback-text:before,.pagination .btn--narrow .icon__fallback-text:before,.qodef-blog-pagination ul .qodef-pag-prev .arrow_carrot-right:before,.qodef-blog-pagination ul .qodef-pag-next .arrow_carrot-right:before{right: 0;
    left: 0;
    top: 0 !important;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 19px;}
.pagination .icon__fallback-text, .qodef-blog-pagination ul .qodef-pag-arrow-label{font-size: 0 !important;margin: 0 !important;}
.qodef-blog-pagination ul li.qodef-pag-next a span.arrow_carrot-right{position: unset !important;}

.qodef-blog-pagination ul li.qodef-pag-prev .arrow_carrot-right{width: 1em;}
.qodef-blog-pagination ul .qodef-pag-prev .arrow_carrot-right:before,.qodef-blog-pagination ul .qodef-pag-next .arrow_carrot-right:before{height: 12px;}
.qodef-blog-pagination ul .qodef-pag-prev a .arrow_carrot-right:before,.qodef-blog-pagination ul .qodef-pag-next a .arrow_carrot-right:before{height: 18px;}


@media(max-width:1450px){
  .headerMain{
    padding: 6px 15px;
  }
  .menuMain .site-nav li .site-nav__link--button,
  .menuMain .site-nav li a{
    padding: 18px 12px;
  }
  .menuMain .site-nav li .site-nav__link--button:after{
    right: 0;
  }
  .site-logo{
    width: 180px;
  }
}

@media(max-width:767px){
  .pagination .btn--narrow .icon__fallback-text:before,.pagination .btn--narrow .icon__fallback-text:before,.qodef-blog-pagination ul .qodef-pag-prev .arrow_carrot-right:before,.qodef-blog-pagination ul .qodef-pag-next .arrow_carrot-right:before{height: 14px;font-size: 12px;}
  ul.pagination{margin-bottom: 15px;}
  ul.pagination li{margin: 0;}
  .blogboxmain{margin-right: 0;}
}

@media screen and (max-width: 749px) {
  .productGallery .slick-dots { display: none !important; }
  .homepageslide .slick-dots { display: block !important; }
}

/* ── VF APPOINTMENTS PAGE — SCOPED STYLES ── */
/* Only applies to pages with class .page-appointments */

/* ── CSS VARIABLES (global — required) ── */
:root {
  --black:     #0a0a0a;
  --off-black: #111111;
  --charcoal:  #1c1c1c;
  --rule:      #2a2a2a;
  --cream:     #f5f2ed;
  --white:     #ffffff;
  --gold:      #b8935a;
  --gold-lt:   #d4ac72;
  --gold-dk:   #8c6e3f;
  --serif:     'Cormorant Garamond', Georgia, serif;
  --sans:      'Jost', 'Helvetica Neue', Arial, sans-serif;
  --max:       1200px;
  --pad-x:     clamp(1.5rem, 5vw, 5rem);
}

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes scrollPulse {
  0%, 100% { transform: scaleY(1); opacity: 0.35; }
  50%       { transform: scaleY(0.5); opacity: 0.1; }
}

/* ── SCOPED STYLES ── */
.page-appointments .hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: clamp(4rem, 8vh, 7rem);
  overflow: hidden;
  background: var(--off-black);
}
.page-appointments .hero__bg {
  position: absolute;
  inset: 0;
  background-image: url('https://www.vfmenswear.com.au/cdn/shop/files/Anemotion-55_8aa3d6c8-e5fb-4c69-8b92-87e8e574c013.jpg?v=1777538769');
  background-size: cover;
  background-position: center 20%;
  opacity: 0.38;
  transform: scale(1.03);
  transition: transform 8s ease;
}
.page-appointments .hero__bg.loaded { transform: scale(1); }
.page-appointments .hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(10,10,10,0.15) 0%, rgba(10,10,10,0.45) 55%, rgba(10,10,10,0.88) 100%);
}
.page-appointments .hero__logo {
  position: absolute;
  top: clamp(1.5rem, 4vh, 2.5rem);
  left: 50%;
  transform: translateX(-50%);
  width: clamp(80px, 10vw, 110px);
  opacity: 0.92;
}
.page-appointments .hero__content {
  position: relative;
  text-align: center;
  padding: 0 var(--pad-x);
  max-width: 820px;
  animation: fadeUp 1.1s ease both;
  animation-delay: 0.2s;
}
.page-appointments .hero__title {
  font-family: var(--serif);
  font-size: clamp(3rem, 7vw, 5.5rem);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: 0.01em;
  color: var(--white);
  margin-bottom: 1.6rem;
}
.page-appointments .hero__title em {
  font-style: italic;
  color: var(--gold-lt);
}
.page-appointments .hero__rule {
  width: 40px;
  height: 1px;
  background: var(--gold);
  margin: 0 auto 1.6rem;
  opacity: 0.7;
}
.page-appointments .hero__sub {
  font-family: var(--sans);
  font-size: clamp(0.78rem, 1.4vw, 0.88rem);
  font-weight: 300;
  letter-spacing: 0.12em;
  line-height: 1.9;
  color: rgba(255,255,255,0.62);
  max-width: 480px;
  margin: 0 auto;
}
.page-appointments .intro {
  background: var(--charcoal);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: clamp(2.5rem, 5vh, 3.5rem) var(--pad-x);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(2rem, 5vw, 5rem);
  flex-wrap: wrap;
}
.page-appointments .intro__item {
  display: flex;
  align-items: start;
  gap: 1rem;
  flex-shrink: 0;
}
.page-appointments .intro__icon {
  width: 28px;
  height: 28px;
  opacity: 0.55;
  flex-shrink: 0;
}
.page-appointments .intro__text-label {
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 3px;
}
.page-appointments .intro__text-value {
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255,255,255,0.82);
  letter-spacing: 0.02em;
}

.footer_map iframe{
      filter: invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.page-appointments .intro__divider {
  width: 1px;
  height: 36px;
  background: var(--rule);
  flex-shrink: 0;
}
.page-appointments .section {
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(4rem, 8vh, 7rem) var(--pad-x);
}
.page-appointments .section__header {
  text-align: center;
  margin-bottom: clamp(3rem, 6vh, 5rem);
  animation: fadeUp 0.9s ease both;
}
.page-appointments .section__eyebrow {
  font-size: 0.62rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.2rem;
}
.page-appointments .section__title {
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 300;
  line-height: 1.2;
  color: var(--white);
  margin-bottom: 1.2rem;
}
.page-appointments .section__body {
  font-size: 0.83rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 2;
  color: rgba(255,255,255,0.5);
  max-width: 520px;
  margin: 0 auto;
}
.page-appointments .appt-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  margin-bottom: 1px;
}
.page-appointments .appt-card {
  background: var(--off-black);
  padding: clamp(1.8rem, 3.5vw, 2.5rem);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease;
  display: flex;
  flex-direction: column;
}
.page-appointments .appt-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 2px;
  background: var(--gold);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.35s ease;
}
.page-appointments .appt-card:hover { background: #161616; }
.page-appointments .appt-card:hover::before { transform: scaleY(1); }
.page-appointments .appt-card.active { background: #161616; }
.page-appointments .appt-card.active::before { transform: scaleY(1); }
.page-appointments .appt-card__tag {
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1rem;
}
.page-appointments .appt-card__name {
  font-family: var(--serif);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 300;
  line-height: 1.3;
  color: var(--white);
  margin-bottom: 0.9rem;
}
.page-appointments .appt-card__desc {
  font-size: 0.76rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1.85;
  color: rgba(255,255,255,0.42);
  flex: 1;
  margin-bottom: 1.5rem;
}
.page-appointments .appt-card__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1.2rem;
  border-top: 1px solid var(--rule);
}
.page-appointments .appt-card__duration {
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.38);
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-appointments .appt-card__duration svg { width: 13px; height: 13px; opacity: 0.5; }
.page-appointments .appt-card__cta {
  margin-left: auto;
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  display: flex;
  align-items: center;
  gap: 5px;
  transition: gap 0.2s ease;
}
.page-appointments .appt-card:hover .appt-card__cta { gap: 9px; }
.page-appointments .appt-card__badge {
  position: absolute;
  top: 1.5rem; right: 1.5rem;
  font-size: 0.56rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid rgba(184,147,90,0.4);
  padding: 4px 10px;
}
.page-appointments .appt-card--featured {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
  background: #0d0d0d;
}
.page-appointments .appt-card--featured .appt-card__body { flex: 1; }
.page-appointments .appt-card--featured .appt-card__aside {
  flex-shrink: 0;
  width: clamp(180px, 22vw, 260px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 2rem;
}
.page-appointments .appt-card--featured .appt-card__name { font-size: clamp(1.4rem, 2.8vw, 1.9rem); }
.page-appointments .appt-card--featured .appt-card__desc { max-width: 560px; }
.page-appointments .featured-stat { text-align: right; }
.page-appointments .featured-stat__value {
  font-family: var(--serif);
  font-size: 2.2rem;
  font-weight: 300;
  color: var(--gold);
  line-height: 1;
  display: block;
}
.page-appointments .featured-stat__label {
  font-size: 0.58rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  display: block;
  margin-top: 6px;
}
.page-appointments .featured-book-btn {
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  background: transparent;
  border: 1px solid rgba(184,147,90,0.5);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.page-appointments .featured-book-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--black);
}
.page-appointments .booking-panel {
  background: var(--charcoal);
  border: 1px solid var(--rule);
  padding: clamp(2.5rem, 5vw, 4rem);
  margin-top: -1px;
  display: none;
  animation: fadeDown 0.4s ease both;
}
.page-appointments .booking-panel.open { display: block; }
.page-appointments .booking-panel__inner { max-width: 860px; margin: 0 auto; }
.page-appointments .booking-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--rule);
}
.page-appointments .booking-panel__title {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-weight: 300;
  color: var(--white);
}
.page-appointments .booking-panel__close {
  background: none;
  border: 1px solid var(--rule);
  color: rgba(255,255,255,0.4);
  font-family: var(--sans);
  font-size: 0.6rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 10px 18px;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.page-appointments .booking-panel__close:hover {
  border-color: rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.7);
}
.page-appointments .calendly-inline-widget { min-height: 700px; border: none; }
.page-appointments .trust {
  border-top: 1px solid var(--rule);
  padding: clamp(3rem, 6vh, 5rem) var(--pad-x);
  max-width: var(--max);
  margin: 0 auto;
}
.page-appointments .trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--rule);
}
.page-appointments .trust__item {
  background: var(--black);
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}
.page-appointments .trust__number {
  font-family: var(--serif);
  font-size: clamp(2.5rem, 5vw, 3.8rem);
  font-weight: 300;
  color: var(--gold);
  line-height: 1;
  display: block;
  margin-bottom: 0.6rem;
}
.page-appointments .trust__label {
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  line-height: 1.7;
  max-width: 200px;
  margin: 0 auto;
}
.page-appointments .testimonial {
  background: var(--charcoal);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: clamp(4rem, 8vh, 6rem) var(--pad-x);
  text-align: center;
}
.page-appointments .testimonial__quote {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 2.8vw, 2rem);
  font-weight: 300;
  font-style: italic;
  line-height: 1.55;
  color: rgba(255,255,255,0.78);
  max-width: 720px;
  margin: 0 auto 2rem;
}
.page-appointments .testimonial__author {
  font-size: 0.65rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
}
.page-appointments .location {
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(4rem, 8vh, 6rem) var(--pad-x);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.page-appointments .location__eyebrow {
  font-size: 0.62rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.2rem;
}
.page-appointments .location__title {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 300;
  line-height: 1.25;
  color: var(--white);
  margin-bottom: 2rem;
}
.page-appointments .location__detail {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.4rem;
}
.page-appointments .location__detail-icon {
  width: 14px; height: 14px;
  flex-shrink: 0;
  margin-top: 3px;
  opacity: 0.5;
}
.page-appointments .location__detail-label {
  font-size: 0.6rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 5px;
}
.page-appointments .location__detail-value {
  font-size: 0.82rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.9;
  color: rgba(255,255,255,0.55);
}
.page-appointments .location__map {
  aspect-ratio: 4/3;
  background: var(--charcoal);
  border: 1px solid var(--rule);
  overflow: hidden;
  position: relative;
}
.page-appointments .location__map iframe {
  width: 100%; height: 100%;
  border: none;
  filter: grayscale(60%) invert(92%) contrast(85%);
  opacity: 0.85;
}
.page-appointments .footer-cta {
  background: var(--charcoal);
  border-top: 1px solid var(--rule);
  padding: clamp(4rem, 8vh, 6rem) var(--pad-x);
  text-align: center;
}
.page-appointments .footer-cta__title {
  font-family: var(--serif);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 300;
  color: var(--white);
  margin-bottom: 1rem;
}
.page-appointments .footer-cta__sub {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  font-weight: 300;
  color: rgba(255,255,255,0.4);
  margin-bottom: 2.5rem;
}
.page-appointments .cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 1.1rem 3rem;
  background: transparent;
  border: 1px solid rgba(184,147,90,0.55);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.65rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease;
}
.page-appointments .cta-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--black);
}
.page-appointments .cta-btn svg { width: 14px; height: 14px; transition: transform 0.2s; }
.page-appointments .cta-btn:hover svg { transform: translateX(3px); }
.page-appointments .reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.page-appointments .reveal.visible {
  opacity: 1;
  transform: none;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .page-appointments .appt-card--featured { flex-direction: column; }
  .page-appointments .appt-card--featured .appt-card__aside { width: 100%; flex-direction: row; align-items: center; }
  .page-appointments .featured-stat { text-align: left; }
  .page-appointments .trust__grid { grid-template-columns: repeat(2, 1fr); }
  .page-appointments .location { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .page-appointments .intro { flex-direction: row; flex-wrap: wrap; gap: 1.5rem; padding: 1.5rem 1.2rem; justify-content: center;align-items: start;}
  .page-appointments .intro__icon {width: 22px;height: 22px;}
  .page-appointments .intro__item { width: calc(50% - 0.75rem); align-items: flex-start; flex-shrink: 0;gap:10px; }
  .page-appointments .intro__icon { margin-top: 2px; flex-shrink: 0; }
  .page-appointments .intro__divider { display: none; }
  .page-appointments .intro__text-value { display: block; font-size: 0.78rem; }
  .page-appointments .intro__text-label { font-size: 0.52rem; }
  .page-appointments .appt-grid { grid-template-columns: repeat(2, 1fr); }
  .page-appointments .appt-card--featured .appt-card__aside { display: none; }
  .page-appointments .hero__bg { background-position: 85% 40%; }
}

/* ── APPOINTMENTS PAGE — HIDE DEFAULT TITLE & WHITE BG ── */
.page-appointments .page-header,
.page-appointments .page-header__title,
.page-appointments h1.page-header__title { 
  display: none !important; 
}
.page-appointments .innerPage {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.page-appointments,
body.page-appointments .wrapper,
body.page-appointments #PageContainer,
body.page-appointments .page-container,
body.page-appointments .drawer-page-content,
body.page-appointments .main-content,
body.page-appointments .shopify-section,
body.page-appointments .page-width {
  background: #0a0a0a !important;
  color: #ffffff !important;
}

body.page-appointments .shopify-section:not(.index-section--slideshow) {
  padding: 0 !important;
}

body.page-appointments .page-header,
body.page-appointments .page-header__title,
body.page-appointments h1.page-header__title,
body.page-appointments .breadcrumb {
  display: none !important;
}
body.page-appointments .innerPage {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* ── APPOINTMENTS PAGE — HIDE FOOTER, NEWSLETTER, BREADCRUMB & HERO LOGO ── */
body.page-appointments .site-footer,
body.page-appointments .newsletterSec,
body.page-appointments .footer_map,
body.page-appointments #shopify-section-newsletter,
body.page-appointments .newslehead,
body.page-appointments .newsletter-section,
body.page-appointments [id*="newsletter"],
body.page-appointments .breadcrumb,
body.page-appointments nav.breadcrumb {
  display: none !important;
}
body.page-appointments .hero__logo {
  display: none !important;
}
/* ── CALENDLY WIDGET HEIGHT FIX ── */

body.page-appointments .calendly-inline-widget iframe,
body.page-appointments .simplebar-content-wrapper,
body.page-appointments .simplebar-content {
  min-height: 900px !important;
  height: 900px !important;
  max-height: none !important;
  overflow: visible !important;
}

/* ── SEARCH BAR — DARK LUXURY STYLE ── */
.search-bar,
.site-header__search-container,
[aria-label="Search"],
.site-header .search-bar {
  background: rgba(10,10,10,0.85) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #b8935a !important;
}

.search-bar input,
.site-header__search-input,
.search-bar .input-group__field {
  background: transparent !important;
  color: #ffffff !important;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
}

.search-bar input::placeholder,
.site-header__search-input::placeholder {
  color: rgba(255,255,255,0.3) !important;
  letter-spacing: 0.1em !important;
}

.search-bar .icon,
.search-bar .input-group__btn .icon {
  color: #b8935a !important;
  fill: #b8935a !important;
}

.search-bar .icon-close,
.search-bar button,
.search-bar .input-group__btn,
.search-bar .input-group__btn .btn {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.5) !important;
  fill: rgba(255,255,255,0.5) !important;
}

.search-bar .input-group__btn .btn:hover {
  background: transparent !important;
  color: #d4ac72 !important;
}

/* ── MOBILE NAV — FONT OVERRIDE ── */
.mobile-nav,
.mobile-nav__link,
.mobile-nav__dropdown,
.mobile-nav__dropdown li a,
.mobile-nav > ul > li > a,
.mobile-nav > ul > li > span,
.mobile-nav__dropdown-link,
.mobile-nav__tier-2-link,
.mobile-nav__tier-3-link,
.site-mobile-nav,
.site-mobile-nav a,
.site-mobile-nav span,
.disclosure__toggle,
.mobile-nav button,
.mobile-nav__toggle,
.mobile-nav li button,
.mobile-nav .mobile-nav__link--top-level,
.mobile-nav .icon-chevron-down,
.mobile-nav [class*="has-dropdown"],
.mobile-nav [class*="dropdown-trigger"] {
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
  letter-spacing: 0.12em !important;
  font-weight: 300 !important;
  font-size: 0.75rem !important;
}