/* ==========================================================================
RITZ THE LABEL — Responsive Overrides
Breakpoints follow Bootstrap 5: sm 576 / md 768 / lg 992 / xl 1200 / xxl 1400
========================================================================== */

@media (max-width: 1199px) {
	.site-footer:after {font-size: 150px;line-height: 150px;}
	.header-logo img {height: 26px;}
	nav.header-menu ul.menu > li > a {padding: 30px 16px;font-size: 14px;}
	.story-split__content {padding: 40px 24px;}
	.customise-showcase__frame {margin-bottom: 0;}
	.faq-accordion {max-width: 90%;}
	.footer-top {padding-top: 80px;}
}

@media (max-width: 991px) {
	:root {
		--header-height: 64px;
		--bottom-nav-height: 60px;
	}
	body {padding-bottom: var(--bottom-nav-height);}
	html.menuopen body {overflow-y: hidden;}
	nav.header-menu {display: none;	}
	.menuopen .menu-toggle span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
	.menuopen .menu-toggle span:nth-child(2) {opacity: 0;}
	.menuopen .menu-toggle span:nth-child(3) {transform: translateY(-4px) rotate(-45deg);}
	.menuopen nav.header-menu {display: block;	position: absolute;background: var(--color-ivory);height: 100vh;width: 100%;top: 64px;left: 0;padding-top: 30px;}
	nav.header-menu ul.sub-menu {display: none;}
	nav.header-menu ul {flex-direction: column;padding: 0 16px;}
	nav.header-menu ul.menu > li > a {padding: 10px 8px;display: inline-block;width: 100%;border-bottom: 1px solid var(--color-grey-300);}
	nav.header-menu ul.menu > li > ul.sub-menu > li {width: 100%;}
	nav.header-menu ul.menu > li > ul.sub-menu {position: relative;background: #fff;width: 100%;top: 0;padding: 10px 14px 10px 4px;}
	nav.header-menu ul.menu > li > ul.sub-menu > li > a {font-size: 16px;width: 100%;display: inline-block;padding: 10px;}
	nav.header-menu ul.menu {overflow-y: scroll;max-height: 65vh;}
	.menu-item-has-children{position:relative;}
	.menu-item-has-children span.toggle {position: absolute;width: 42px;height: 46px;right: -10px;color: #000;z-index: 9999;top: -3px;display: flex;align-items: center;justify-content: center;}
	.menu-item-has-children span.toggle:before {content: "+";font-size: 32px;font-weight: 200;line-height: normal;transition: all 0.5s ease-in-out;}
	li.is-open > .toggle::before {transform: rotate(45deg);}
	nav.header-menu ul.sub-menu ul.sub-menu {border-bottom: 1px solid var(--color-grey-300);}
	nav.header-menu ul.sub-menu ul.sub-menu li{margin-bottom:8px;}
	nav.header-menu ul.sub-menu li:last-child ul.sub-menu{border-bottom:0;}
	.designermenu img, .suitsmenu img{display:none;}

	
	.site-header{height:64px;}
	.header-col--nav,
	.header-col--right {display: none !important;}
	.menu-toggle {display: flex;}
	.header-inner {justify-content: space-between;}
	.header-logo {order: 1;position: static;transform: none;}
	.header-col--left {order: 2;}
	.mobile-bottom-nav {display: flex;}
	.hero .carousel-item {height: calc(100vh - var(--announcement-height) - var(--header-height) - var(--bottom-nav-height));}
	.back-to-top {bottom: calc(var(--bottom-nav-height) + var(--space-sm));}
	.editorial-split, .video-showcase__grid, .instagram-newsletter__grid {grid-template-columns: 1fr;}
	.promo-steps {gap: var(--space-md);}
	.footer-top {text-align: left;padding-top:40px;}
	.site-footer:after{display:none;}
	.back-to-top{display:none !important;}
	.footer-links {width: 22%;}

}


@media (min-width: 991px) {
	nav.header-menu {flex: 1;justify-content: center;display: flex;align-items: center;}
	nav.header-menu ul {display: flex;}
	nav.header-menu .mega-menu-item:hover .sub-menu {display: flex;}
	nav.header-menu .mega-menu-item:hover .sub-menu .sub-menu {flex-direction: column;}
	nav.header-menu ul.menu > li > ul.sub-menu > li {width: 20%;}
	nav.header-menu ul.menu > li > ul.sub-menu {display: none;position: absolute;width: 100%;background: #fff;left: 0;top: 80px;gap: 20px;padding: 20px 10%;}
	nav.header-menu ul.sub-menu ul.sub-menu li {margin-bottom: 8px;}
	nav.header-menu ul.menu > li > ul.sub-menu > li > a {font-size: 18px;text-transform: uppercase;border-bottom: 1px solid var(--color-grey-300);width: 90%;display: inline-block;margin-bottom: 10px;padding-bottom: 10px;}
	nav.header-menu ul.menu > li.menu-item-has-children > a:after {content: "";display: inline-block;position:absolute;top:35px;width: 8px;height: 8px;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: rotate(45deg);margin-left: 12px;transition: transform var(--dur-fast) var(--ease);}
	nav.header-menu ul.menu > li.menu-item-has-children:hover > a:after {transform: rotate(225deg);	top: 39px;}
	.designermenu, .suitsmenu{background: #faf8f5;padding: 10px 20px;border: 1px solid var(--color-grey-300);}
	.designermenu a, .suitsmenu a{border-bottom: 0 !important;text-align: center;width: 100% !important;padding-bottom: 0 !important;}
	.designermenu:hover, .suitsmenu:hover {border-color: var(--color-accent);}

	
	.editorial-split, .story-split{grid-template-columns: 1fr 1fr;}
	.video-showcase__grid {grid-template-columns: 1fr 0.85fr;}
	.instagram-newsletter__grid {grid-template-columns: 3fr 2fr;}
	.product-track .product-card {width: calc(25% - (var(--space-md) * 3 / 4));}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-track .product-card {width: calc(33.333% - (var(--space-md) * 2 / 3));}
	.footer-contact-col{width:100%;}
	.product-grid-row .col-6 {width: 50%;}
}

@media (min-width: 576px) and (max-width: 767px) {
	.product-track .product-card {width: calc(50% - (var(--space-md) / 2));}
	.hero-caption h1,.hero-caption h2 {	max-width: 18ch;}
}

@media (max-width: 767px) {
	
	.search-panel {padding-block: var(--space-lg) var(--space-md);}
	.section-pad {padding-block: var(--space-lg);}

	.section-heading {font-size: clamp(1.6rem, 6vw, 2.1rem);}
	.hero .carousel-control-prev, .hero .carousel-control-next {opacity: 1;}
	.hero .carousel-control-prev{left:-15px;}
	.hero .carousel-control-next{right:-15px;}

	.value-prop {margin-bottom: var(--space-md);padding:0;}
	.value-prop h3 {font-size: 20px;margin: 12px 0;}
	.value-prop__icon img {	margin: 0 auto;	max-width: 50px;}
	.product-track .product-card {width: 82%;}
	.hero-caption {align-items: center;text-align: center;}
	.hero-caption * {margin-left: auto;margin-right: auto;}
	.hero-cta-group {justify-content: center;}
	.promo-step {max-width: 130px;}
	.section-head-row {flex-direction: column;align-items: flex-start;}
	.footer-bottom {flex-direction: column;padding: 15px 15px 20px;}
	.footer-bottom .container-xl {justify-content: center !important;flex-direction: column-reverse;}
	.testimonial-carousel {padding-inline: var(--space-lg);}

	.about-hero__content {padding: 20px;}
	.trust-bar {padding: 30px 0;}
	.trust-badge {padding: 12px 0;}
	.trust-bar .row{gap: 0px 8px;}
	.trust-bar .row > div {border: 1px solid var(--color-grey-100) !important;width: calc(50% - 4px);}
	.trust-badge span{display:none;}
	.trust-badge img {max-height: 80px;max-width: 150px;}

	.trust-bar .col-6.col-md:nth-child(2) {order: 3;}
	.trust-bar .col-6.col-md:nth-child(3) {order: 6;width: 100%;}
	.trust-bar .col-6.col-md:nth-child(4) {order: 5;}

	.category-card__body {padding: 0 0 16px 12px;}
	.category-card__media::after{background: linear-gradient(0deg, rgba(20, 18, 15, 0.9) 0%, rgba(20, 18, 15, 0) 60%);}

	.new-arrivals .reveal {opacity: 1;transform: none;flex-direction: row;margin-bottom: 20px;align-items: end;}
	.product-track{gap:15px;}
	.product-card__media{border:1px solid var(--color-ivory);}
	.product-grid-row {row-gap: var(--space-md);}

	.testimonial-carousel .carousel-control-prev,.testimonial-carousel .carousel-control-next {width: 36px;height: 36px;}
	.testimonial-carousel .carousel-control-prev {left: -6px;}
	.testimonial-carousel .carousel-control-next {right: -6px;}
	.announcement-track span {font-size: 0.65rem;padding-inline: var(--space-md);}

	.video-showcase__grid{ padding: 50px 0;}
	.instagram-newsletter__insta, .instagram-newsletter__newsletter.newsletter-section{ padding: 50px 16px;}
	.instagram-newsletter__insta .col-3.reveal {width: 50%;}
	.instagram-newsletter__insta .col-3:nth-child(n + 5) {display: none;}

	.editorial-split__content {padding: var(--space-md);}
	.footer-links {width: 50%;}

	.faq-category {padding: 0 0 50px 0 !important;}
	.faq-category .section-head {margin-bottom: 10px;}
	.faq-accordion {max-width: 100%;}
	.story-split__content {padding: 40px 20px;}
	.story-split .story-split__media {order: 2;min-height: 250px;}
	.faq-accordion .accordion-button{font-size:22px;}
	.payment-icons img {max-width: 44px;}

	.contact-info-card {padding: 30px;}
	.contact-form-field {margin-bottom: 0;}
	.contact-form-field label {font-size: 14px;}

}