@import '../Headers/Header_02/header_02.css';
@import "../Moduli/Gallery/slider-gallery.css";
@import "../Moduli/Fasce/fascia-mappa.css";
@import "../components/Shop/product-preview.css";


header,
header .header-container {
    z-index: unset !important;
}
header .top-header {
    z-index: 10;
}

#intro-stripe {
    margin-top: -290px;
    position: relative;
    z-index: 4;
}
#intro-stripe .image-container {
    width: 39.58vw; /*760*/
    height: 34.38vw; /*660*/
}
#intro-stripe .image-container img {
    border-top-right-radius: 0.52vw; /*10*/
    border-bottom-right-radius: 0.52vw; /*10*/
}

#intro-stripe .stripe-content {
    width: 52vw;
}
#intro-stripe .stripe-content-inner {
    width: 100%;
    margin: unset;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;    
}
#intro-stripe .stripe-content picture {
    mix-blend-mode: color-burn;
    opacity: 0.25 !important;
}
#intro-stripe .stripe-content h1 {
    font-family: var(--rg-font) !important;
}
#intro-stripe .stripe-content p {
    line-height: 1.3;
}

@media screen and (max-width: 1440px) {
	#intro-stripe .stripe-content {
	    width: 60vw;
	    padding-bottom: 5.24vw;
	}
	#intro-stripe .image-container {
	    width: 34vw;
	    height: 29.53vw;
	}
}

@media screen and (max-width: 1150px) { 	
	#intro-stripe .stripe-container-inner {
	    flex-flow: wrap;
	}
	#intro-stripe .stripe-content {
	    width: 100%;
	    order: 1;
	    padding-left: 2.08vw;
	    padding-right: 2.08vw;
		padding-bottom: 0;
	}
	#intro-stripe .image-container {
	    order: 2;
	    display: none;
	}
	#intro-stripe {
	    margin-top: -120px;
	}
	#intro-stripe .stripe-content-inner {
	    border-radius: 10px;
	}
}

@media screen and (max-width: 992px) {
	#intro-stripe .stripe-content {
	    padding-left: 2em;
	    padding-right: 2em;
	}
}

@media screen and (max-width: 992px) {
	#intro-stripe .stripe-content {
	    padding-left: 1.5em;
	    padding-right: 1.5em;
	}
}