/* Header */
.header-toggle-box{display:none;}
.header-toggle-label{display:none;}
.header-menu-catman-box{display:none;}
.menu-item-box{display:none;}
.header-search-box{display:none;}
.header-search-label{display:none;font:30px/30px "MaterialIcons";color:var(--primary-color);}


@media (max-width:1300px) {

	html{padding-top:114px;}
	.header-wrap{align-items: center}
	.header-left-div{margin-top: unset}
	.header-right-div{width: 87%; margin-right: 30px;}
	.header-right-div > .header-down-div{height: unset}
	.header-right-div > .header-up-div > .header-menu-top{width: 100%}
	.header-right-div > .header-up-div > .header-wrap-search-bar{width: 100%}
	.header-right-div > .header-up-div{border-bottom: none}
	.header-toggle-label{display:block;padding:5px;margin-right:auto;}
	.header-toggle-label span{display:block;width:24px;height:4px;background:var(--primary-color);transition:0.2s;}
	.header-toggle-label span + span{margin-top:5px;}
	.header-toggle-label span:last-child{width:16px;}

	.header{position:fixed;top:0;background:white;width:100%;z-index:100;}
	.header-wrap{display:flex;height:60px;padding:0 15px;}
	.header-wrap-logo{margin-left:35px;padding:0 10px;}
	.header-logo img{display:block;width:auto;height:25px;}
	.header-logo .logoJuly{display:block;width:auto;height:50px;}
	.header-menu-top{padding:0;border:0;height:auto;margin-left:auto;}
	.header-item{margin-left:10px;/*margin:0 5px 0 0;*/}
	.header-item-user{margin-left:10px;}
	.header-item-user span, .header-item-cart span{display:none;}
	.header-item-phone{display:none;margin:0;position:fixed;left:0;right:0;bottom:0;padding:20px 30px;background:white;align-items:center;animation:menuCatmanAppear 0.2s;}
	.header-item-phone > img{width:25px;height:25px;margin-right:15px;}
	.header-item-phone > span{font:300 14px/16px var(--font-text);}
	.header-item-phone > .header-info-focusable{display:none;}
	.header-item-language{display:none;}
	.header-item-currency{display:none;}
	.header-menu-bottom{display:none;}
	.header-menu-bottom-mobile{display:block;}
	.menu-support{margin: 0;width: 100%;height: 100%;}
	.header-search-label{display:block;position:absolute;top:15px;z-index: 10;right:15px;}
	.header-wrap-search-bar{position:fixed;top:60px;right:0;left:0;padding:0;background:white;display:none;animation:searchBarAppear 0.2s;z-index:100;}
	.headerSearchBar-bar{height:50px;}
	.headerSearchBar-select{line-height: 50px;}
	.headerSearchBar-select-value{border-radius: 0;}
	.headerSearchBar-select-list{padding-top:50px;}
	.headerSearchBar-icon{border-radius: 0; width: 50px;}
	.header-menu-catman-item:hover .menu-popup{display:none;}
	.header-menu-catman-item:hover .menu-mask:hover{display:block;}
	.header-menu-catman{display:none;position:fixed;top:60px;left:0;right:0;bottom:65px;padding:0 30px;height:auto;background:white;overflow:auto;z-index:10;}
	.header-menu-catman{animation:menuCatmanAppear 0.2s;}
	.header-menu-catman-item{position:relative;margin:0;padding:20px 0;border-bottom:2px solid #DFE3EF;height:auto;}
	.header-menu-catman-item-title{font:300 14px/16px var(--font-text);max-width: max-content;}
	.header-menu-catman-item svg{margin-right:15px;}
	.header-menu-catman-item .menu-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:none;display:block;z-index:auto;}
	.menu-popup{position:fixed;top:60px;left:0;right:0;bottom:65px;padding:0 30px;height:auto;background:white;overflow:auto;box-shadow:none;z-index:10;}
	.menu-popup{min-width:0;min-height:0;animation:menuCatmanAppear 0.2s;}
	.menu-item{display:block;width:auto;margin:0;}
	.menu-item > a{display:flex;align-items:center;padding:10px 0;border-bottom:2px solid #DFE3EF;}
	.menu-item > a > img{width:45px;height:45px;margin:0 15px 0 0;}
	.menu-item-title{width:auto;margin:0;background:none;padding:0;font:500 14px/16px var(--font-text);}
	.menu-item-see-more{width:auto;height:auto;margin:0;background:none;text-align:center;padding:20px 0;}
	.menu-item-see-more > a{display:inline-block;background:#F4F4F4;border-radius:20px;margin:0;padding:5px 10px;}
	.menu-item-mask{position:absolute;top:0;left:0;right:0;bottom:0;}
	.menu-item-list{position:fixed;top:60px;left:0;right:0;bottom:65px;padding:0 30px;height:auto;background:white;display:none;overflow:auto;z-index:10;}
	.menu-item-list{animation:menuCatmanAppear 0.2s;}
	.menu-item-list-item{margin:0;border-bottom:2px solid #DFE3EF;}
	.menu-item-list-item-text{display:block;padding:17px 0;font:500 14px/16px var(--font-text);}
	.menu-item-list-item-see-more{display:block;padding:17px 0;font:500 14px/16px var(--font-text);}
	.header-search-box:checked ~ .header-search-label{}
	.header-search-box:checked ~ .headerSearch-mobile{display: flex;}
	.header-search-box:checked ~ .header-right-div > .header-up-div > .header-wrap-search-bar{display:block;}
	.header-toggle-box:checked ~ .header-toggle-label span:nth-child(1){transform:translateY(9px) rotate(45deg) scale(1.1, 0.75);}
	.header-toggle-box:checked ~ .header-toggle-label span:nth-child(2){transform:rotate(-45deg) scale(1.1, 0.75);}
	.header-toggle-box:checked ~ .header-toggle-label span:nth-child(3){opacity:0;}
	/*.header-toggle-box:checked ~ .header-menu-catman{display:block;}*/
	.header-toggle-box:checked ~ .header-right-div > .header-down-div > .header-menu-catman-nav .header-menu-catman{display:block;height:100vh;top:91px;}
	.header-toggle-box:checked ~ .header-menu-top .header-item-phone{display:flex;}
	.header-menu-catman-box:checked + .header-menu-catman-item{position:fixed;top:0;left:50px;right:85px;height:60px;padding-left:15px;background:white;border:0;z-index:10; margin-top: 31px}
	.header-menu-catman-box:checked + .header-menu-catman-item .menu-mask{left:-50px;}
	.header-menu-catman-box:checked + .header-menu-catman-item .menu-popup{display:block;margin-top: 53px;transform: translate(0px, 0px);}
	.menu-item-box:checked + .menu-item{position:fixed;top:0;left:0;/*left:50px;*/right:85px;height:60px;padding-left:15px;background:white;border:0;z-index:10;}
	.menu-item-box:checked + .menu-item .menu-item-mask{left:-50px;}
	.menu-item-box:checked + .menu-item .menu-item-list{display:block;}

	.headerSearchBar-area{left: 0; top: 51px !important; width: 100vw; max-height: calc(100vh - 140px); overflow: auto; box-shadow: none;}
	.headerSearchBar-area:has(.headerSearchResults-output:not(:empty)){display: block;}
	.headerSearchResults{max-height: none;}
	.headerSearchResults-row{padding: 10px 20px;}
	.headerSearchResults-column:last-child{padding-right: 0;}
	.headerSearchResults-column.marketing{gap: 0; flex: 0 0 50% !important;}
	.headerSearchResults-marketing img{width: 100%;}

	body:has(#header-search-toggle:checked) .header{z-index: 2147483647; /* Go over Crisp */};

	@keyframes menuCatmanAppear {
		from{transform:translateX(-100%);}
		to{transform:translateX(0%);}
	}

	@keyframes searchBarAppear {
		from{transform:translateY(-100%);opacity:0;}
		to{transform:translateX(0%);opacity:1;}
	}
}

@media (max-width:1240px) {
	.machineGrid-content{justify-content: center;}
}

@media (max-width:1000px) {
	.cart-overview{grid-template-areas: "pieces" "summary" "slider"; grid-template-columns: 100%;}
	.cart-overview-content{max-width: 565px; margin: 0 auto;}
	.cart-overview-summary{max-width: 565px; margin: 0 auto;}
	.headerSearchResults-column.marketing{display:none;}
}

@media (max-width:800px) {
	.machineGrid{grid-template: "toolbar" "sidebar" "content" "pagination";}
	.machineGrid-tools{display: none;}
	.machineGrid-tutorials{display: none;}

	.headerSearchResults-row{flex-direction: column; gap: 30px;}
	.headerSearchResults-column-more{position: absolute; top: 0; right: 0; margin: 1px 0; font-size: 11px; text-decoration: underline;}
	.headerSearchResults-column.next .headerSearchResults-column-row{margin-top:-20px;}
	.headerSearchResults-column.next .headerSearchResults-column-name{display:none;}
	.headerSearchResults-column{padding-right: 0;}
	.headerSearchResults-column + .headerSearchResults-column{border-top: 1px solid #C8C8C8; padding-top:20px;}
	.headerSearchResults-column + .headerSearchResults-column.next{border: 0;}
	.headerSearchResults-column-row + .headerSearchResults-column-row{border-top: 1px solid #C8C8C8; padding-top:20px;}

	.cartV2-split{flex-direction: column; gap: 20px;}
	.cartV2-split-background{display: none;}

	.cartV2-overview{padding: 0; flex: auto;}
	.cartV2-overview > .cartV2-title:not(:first-child){display: none;}
	.cartV2-overview .related-products-section{display: none;}
	.cartV2-content-list{margin: -20px 0 0; gap: 25px;}
	.cartV2-content-item{padding: 10px; gap: 10px;}
	.cartV2-content-item-details{padding: 0; gap: 5px; justify-content: space-between;}
	.cartV2-content-item-picture{width: 82px; height: 82px; padding: 2px; border-radius: 6px;}
	.cartV2-content-item-picture img{border-radius: 4px;}
	.cartV2-content-item-name{font-size: 13px;}
	.cartV2-content-item-qty{font-size: 15px;}
	.cartV2-content-item-price .customerPrice-price{font-size: 15px;}
	.cartV2-content-item-qty input{width: 40px;}
	.cartV2-content-item-remove{top: 2px; right: 2px;}
	.cartV2-content-item-remove button{width: 30px; height: 30px; background: #ffffffcc; border-radius: 5px;}
	.cartV2-content-item-remove button::before{top: 14px;}
	.cartV2-content-item-remove button::after{top: 14px;}
	.cartV2-summary{padding: 5px; gap: 25px;}

	.cartV2-informations{order: 10; padding: 0; max-width: none;}
	.cartV2-preview{position: relative !important; left: 0 !important; top: 0 !important; width: calc(100% + 40px); flex: auto; gap: 20px;}
	.cartV2-preview{background: #E9E9E9; border: solid #C8C8C8; border-width: 1px 0; padding: 0 20px; max-width: none; margin: 0 -20px;}
	.cartV2-preview-toggler{display: flex;}
	input:checked + .cartV2-preview-toggler > svg{transform: rotate(180deg);}
	input:not(:checked) + .cartV2-preview-toggler ~ *{display: none;}
	.cartV2-preview .cartV2-hr{display: none;}
	.cartV2-preview-items{margin-top: -20px; gap: 20px;}
	.cartV2-preview-item-details{font-size: 13px;}
	.cartV2-preview-item-data > :last-child{color: #909090; margin-top: 10px;}
	.cartV2-preview-total{align-items: center; padding-bottom: 20px;}
	.cartV2-preview-total > :last-child{font-size: 20px;}
	.cartV2-preview-total > :first-child > :last-child{margin: 0;}

	.cartV2-choices-item{flex-wrap: wrap;}
	.cartV2-choices-item-details{flex: 0 0 calc(100% - 25px);}
	.cartV2-choices-item-price{flex-basis: auto;}
}

@media (max-width:730px) {
	/*.header-wrap-search-bar{top: 100px;}*/
	.header-menu-catman-box:checked + .header-menu-catman-item{margin-top: 41px}
	.header-toggle-box:checked ~ .header-right-div > .header-down-div > .header-menu-catman-nav .header-menu-catman{top: 101px;}
}

@media (max-width:700px) {

	html{padding-top:114px;}

	.orderConfirmed-wrap-back{flex-direction: column;}
	.homeSlider-title{font:700 30px/30px var(--font-title);}
	.homeSlider-subtitle{font:400 16px/16px var(--font-title); padding: 10px 0;}
	.search-detail-block-btn{margin-top: 10px}
	.home-slider-background{height: 500px;}
	.home-slider-background{height: 441px;}
	.home-slider-left{width: 100%;}
	.horizontalScroll.js{overflow: hidden}

	.horizontalScroll-track{left:90px;right:90px;}
	.horizontalScroll-arrow.prev{left:55px;}
	.horizontalScroll-arrow.next{right:55px;}
	.pieceAdded-title {font:700 20px/20px var(--font-title);text-align: center;}
	.pieceAdded-plug {margin: 20px 0 0 0}
	.pieceAdded-btn{padding: 9px 6px; font: 500 12px/15px var(--font-text);}
}


@media (max-width:600px) {
	.headerSearchResults-row{gap: 20px;}
	.headerSearchResults-column{gap: 20px;}
	.headerSearchResults-column-detail{gap: 20px !important;}
	.headerSearchResults-item{gap: 12px;}
	.headerSearchResults-item-picture, .headerSearchResults-item-picture img{width: 42px !important; height: 42px !important;}
	.headerSearchResults-item-name{font-size: 14px !important;}
	.headerSearchResults-column-row + .headerSearchResults-column-row .headerSearchResults-column-more{top: 20px;}
}


@media (max-width:500px) {
	.horizontalScroll-track{left:50px;right:50px;}
	.horizontalScroll-arrow.prev{left:15px;}
	.horizontalScroll-arrow.next{right:15px;}

	.cartV2-address-row{flex-direction: column; gap: 24px;}
}

@media (max-width:456px) {
	.header-menu-catman-box:checked + .header-menu-catman-item{margin-top: 54px}
	.header-toggle-box:checked ~ .header-right-div > .header-down-div > .header-menu-catman-nav .header-menu-catman{top:114px}
	.cartV2-informations-title{flex-direction: column; align-items: flex-start;}
	.cartV2-account-signin{margin: 0;}
	.cartV2-nav a{flex: auto; font-size: 14px;}
}

@media (max-width:400px) {
	.headerSearch-mobile-help{font-size: 13px;}
}