/*
Theme Name: Dima Ladina
Theme URI: https://www.dimaladina.com
Version: 1.0
*/

@CHARSET "UTF-8";

@font-face {
    font-family: 'regular';
    src: url('assets/fonts/Helvetica.woff2') format('woff2'),
        url('assets/fonts/Helvetica') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bold';
    src: url('assets/fonts/Helvetica-Bold.woff2') format('woff2'),
        url('assets/fonts/Helvetica-Bold') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}

:root {
	
	--pad:2.3rem;
	--pad10:10px;
	--pad15:15px;
	--pad20:20px;
	--pad30:30px;
	--pad40:40px;
	--pad50:50px;
	--pad60:60px;
	--pad70:70px;
	--pad80:80px;
	--logo:20px;
	
} 

body, html {overflow-x: hidden!important; touch-action: pan-y; max-width:100vw;}
html {background:var(--color1);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {background:var(--color1); color:var(--color2); overflow-x: hidden; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item; transition:background .4s ease-out;}

a {color:inherit; outline:none; webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s; -o-transition:all .35s; -ms-transition:all .35s; text-decoration:none;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

sup {font-size:.6em; vertical-align:super;}
 
button {font-size:inherit;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d;}

button {border:0;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}

p:last-child {margin-bottom:0!important;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}

img {pointer-events:none;}

ul {display:flex; flex-direction:column;}
li {position:relative;}



/* FONTS */
 
body, h1, h2, h3 , h4 {font-family:'regular', sans-serif; font-optical-sizing: auto; font-style: normal; font-size:.7rem; text-transform:uppercase; line-height:1.4; font-weight:400;}
.normal, .article h2 {font-size:.9rem;}

a:hover {color:var(--color3);}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}
.normal, .font-s {text-transform:none;}

.underline a {position:relative; white-space:nowrap;}
.underline a:before, button[type="submit"]:before {content:''; position:absolute; bottom:-3px; left:0; width:100%; min-height:1px; height:1px; transform-origin:right;
transform:scaleX(0); transition:transform .75s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--color3);}
.underline a:hover::before, button[type="submit"]:hover::before {transform-origin:left;transform:scaleX(1);}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.itemscenter {align-items:center;}
.alignleft {align-items:flex-start;}
.alignbottom {justify-content: flex-end;}
.itemstbottom {align-items: flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}

.grid-pad {grid-gap:var(--pad);}
.grid-pad10 {grid-gap:var(--pad10);}
.grid-pad20 {grid-gap:var(--pad20);}
.grid-pad30 {grid-gap:var(--pad30);}
.grid-pad40 {grid-gap:var(--pad40);}
.grid-pad50 {grid-gap:var(--pad50);}
.grid-pad80 {grid-gap:var(--pad80);}

.col-2 {grid-template-columns:1fr 1fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}

.hidden {overflow:hidden;}
.inline-block {display:inline-block;}
.block {display:block;}

.relative {position:relative;}
.absolute {position:absolute;}

.wrapper {padding:calc(var(--pad15) * 2);}
.wrapper-nb {padding:calc(var(--pad15) * 2) calc(var(--pad15) * 2) 0 calc(var(--pad15) * 2);}

.mar-180 {margin-top:var(--pad180);}
.mar-100 {margin-top:var(--pad100);}
.mar-50 {margin-top:var(--pad50);}
.mar-35 {margin-top:var(--pad35);}

.content-90 {width:90%;}
.content-85 {width:85%;}
.content-80 {width:80%;}
.content-75 {width:75%;}
.content-70 {width:70%;}
.content-65 {width:65%;}
.content-60 {width:60%;}
.content-55 {width:55%;}
.content-50 {width:50%;}
.content-45 {width:45%;}
.content-40 {width:40%;}
.content-35 {width:35%;}
.content-30 {width:30%;}
.content-25 {width:25%;}
.content-20 {width:20%;}

.height-80 {height:80vh;}
.height-100 {height:100vh;}

.zindex {z-index:10;}
.nowrap {white-space:nowrap;}



/* OVERLAY */

.overlay-logo {mix-blend-mode:difference; position:fixed; left:50%; transform:translateX(-50%); top:22px; z-index:10;}
.overlay-logo svg {width:auto; height:var(--logo); fill:var(--colorlogo); opacity:var(--opacity);}

.overlay-menu {position:fixed; top:22px; left:var(--pad30); height:var(--logo); z-index:10; mix-blend-mode:difference; grid-gap:25px;}
.overlay-menu a, .overlay-account a {color:var(--color1);}
.overlay-menu a:before, .overlay-account a:before {background-color: var(--color1);}

.overlay-account {mix-blend-mode:difference; position:fixed; top:22px; height:var(--logo); z-index:10; right:104px;}




/* CONTENU */

.btn {border: 0; color:var(--color2); white-space: nowrap; font-size:inherit; background-color:var(--color1); height: 30px; padding: 0px 15px; display: block; cursor: pointer; -webkit-transition: .2s ease;
transition: .2s ease; max-width: 100%; text-overflow: ellipsis; overflow: hidden; line-height: 1.2; -moz-appearance: none; -webkit-appearance: none; display: flex !important;
align-items: center;}
.btn:hover {color:var(--color1); background:var(--color3);}

.fullwidth {height:100vh; width:100vw; position:relative; overflow:hidden;}
.fullwidth-video {width:100%; position:relative; display:flex; align-items: center; justify-content: center; height:auto; margin-bottom: -4px; overflow:hidden;}
.fullwidth-video video {width:100%; height:auto; transform:scale(1.1);}
.img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; transition:transform .5s cubic-bezier(.215,.61,.355,1); transform-style: preserve-3d;
pointer-events:none;}

.col-2 .product, .col-2 .image {position:relative; height:50vw; overflow:hidden;}
.col-3 .product, .col-3 .image {position:relative; height:40vw; overflow:hidden;}
.col-2 .product:nth-child(2) .meta, .col-3 .product:nth-child(2) .meta, .col-3 .product:nth-child(3) .meta {width:calc(100% - 1px);}

.image {display:flex; align-content:center; align-items:center; justify-content:center;}
.image video {width:100%; height:auto;}

.product .meta {position:absolute; grid-gap:var(--pad50); right:0; bottom:var(--pad15); width:100%; background:rgba(0,0,0,.6); z-index:1; padding:var(--pad15) calc(var(--pad15) * 2);}
a.product .meta, .product .meta, .product-single {color:var(--color4);}
a.product:hover .img {transform:scale(1.03);}

.product-state {position:absolute; top:var(--pad30); left:var(--pad30); z-index:1; color:var(--color4); mix-blend-mode:difference;}

.product-name {width:9vw; white-space:nowrap;}
.product-price {width:8vw;  white-space:nowrap;}

.thumb {position:relative; overflow:hidden; width:50vw; height:100vh;}
.thumb-img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover;}

.product-single {position:absolute; height:calc(var(--pad50) + var(--pad30)); grid-gap:var(--pad50); bottom:0; right:0; width:100%;
background:rgba(0,0,0,.6); padding:0 calc(var(--pad15) * 2); align-items: center; justify-content: space-between; transition:.4s cubic-bezier(.215,.61,.355,1); z-index:3;}
.product-single.scroll {transform:translateY(100%); pointer-events:none;}
.product-link {width:calc(100vw / 6); text-align:center;}
.product-link a {cursor:pointer;}
.product-buy {width:500px; max-width:500px!important;}
.product-buy {justify-content:flex-end;}
.product-cart--wrapper {background:#292929;}
.product-cart--wrapper iframe {width:415px!important;}

.product-cart--state {color:var(--color4); background:#292929;}
.product-cart--state-price {border: 1px solid #fff; padding: 0px 13px; height: 30px; display: flex; align-items: center; position:relative;}

button[type="submit"] {position:relative; font-family:inherit; background:var(--color2); color:var(--color1); width:auto; padding:var(--pad10) var(--pad20); text-transform:uppercase; transition:.2s;}
button[type="submit"]:before {content:none;}
button[type="submit"]:hover {background:var(--color3); color:var(--color4);}
.product-single .product-price {width:auto; border:1px solid var(--color4); padding:var(--pad10) var(--pad20);}

.product-overlay {position:absolute; width:calc(calc(100vw / 6) * 4); z-index:5; bottom:calc(var(--pad50) + var(--pad30)); height: calc(100vh - 50vh - calc(var(--pad50) + var(--pad30)));
left:calc(100vw / 6); pointer-events:none;}
.product-overlay.open .product-overlay--wrapper {pointer-events:auto;}
.product-overlay--wrapper {position:absolute; top:0; height:100%; width:calc(100vw / 6); color:var(--color4); overflow:hidden;}
.product-overlay--container {position: absolute; top:0; right:0; width:100%;  height:100%; padding: var(--pad20); transform-style: preserve-3d; transform:translateX(-101%); transform-origin:left;
transition:transform .4s cubic-bezier(.215,.61,.355,1);}
.product-overlay--wrapper.open .product-overlay--container {transform:none;}
.product-overlay--container:before {content:''; position:absolute; background:rgba(0,0,0,.6); top:0; left:0; width:100%; height:100%; z-index:-1;}
.product-overlay--container-o {opacity:0; transition:.6s cubic-bezier(.215,.61,.355,1); transform:translateX(-30%); transform-style: preserve-3d;}
.product-overlay--wrapper.open .product-overlay--container-o {opacity:1; transform:none;}

.product-overlay--description {left:0;}
.product-overlay--details {left:calc(100vw / 6);}
.product-overlay--care {right:calc(100vw / 6);}
.product-overlay--shipping {right:0;}

.close {width:var(--pad30); height:var(--pad30); cursor:pointer; display: flex; align-content: center; justify-content: center;}
.close svg {fill:var(--color2); width:45%; height:auto;}

.size-guide {position:fixed; width:100vw; height:100vh; top:0; left:0; pointer-events:none; z-index:10;}
.size-guide.open {pointer-events:auto;}
.size-guide--overlay {position:absolute; width:100vw; height:100vh; top:0; left:0; background:rgba(0,0,0,0); transition:.5s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.size-guide.open .size-guide--overlay {background:rgba(0,0,0,.6);}
.size-guide--sidebar {background:var(--color1); position:absolute; top:0; right:0; width:30vw; height:100vh; transition:.5s cubic-bezier(.215,.61,.355,1); transform:translateX(100%); padding:var(--pad50);}
.size-guide.open .size-guide--sidebar {transform:none;}

.size-guide--unite a {cursor:pointer;}
.size-guide--unite .active a {color:var(--color3);}
.size-guide--unite .active a:before {transform: scaleX(1);}

.border {border-bottom:1px solid var(--color2);}
.table {padding:var(--pad10) 0;}
.table-cell {width:100%;}

.table-cm, .table-inch {display:none;}
.table-cm.active, .table-inch.active {display:block;}

.carousel {height:100vh; left:0; display:flex; justify-content:flex-start; align-items:center; overflow:hidden;}
.carousel-wrapper {height:100vh; display:flex; justify-content:flex-start; align-items:center;}
.image-wrapper {width:auto; height:100vh; position:relative;}
.image-wrapper .image {width:auto; height:100%; object-fit:cover; object-position:center;}

.page {padding:15vw 0; min-height:100vh; display:flex; justify-content: center; align-items: center;}
.page p {margin-bottom:var(--pad30);}

.page-overlay {position:absolute; top:0; left:0; right:0; bottom:0; width:100vw; height:100%; z-index:-1; background-size:cover; background-position:center center;}
.page-overlay:before {content:''; position:absolute; top:0; left:0; width:100vw; height:100%; opacity:var(--opacity); background:var(--color2); z-index:1;}
.page-about .page-overlay:before {opacity:calc(var(--opacity) / 2);}

.article a {color:var(--color4); opacity:.5;}
.article a:hover {opacity:1;}
.article h2, .article h3 {text-transform:inherit!important; margin:var(--pad50) 0; position:relative;}
.article h2:after, .article h3:before {content:''; position:absolute; width:100%; height:1px; bottom:-1rem; left:0; background:rgba(255,255,255,.4);}
.article h2:first-child {margin:0 0 var(--pad50) 0;}
.article ul {text-align:left; margin-bottom:var(--pad30); grid-gap:var(--pad10); border-left:1px solid rgba(255,255,255,.4); padding-left:var(--pad50);}
.article li {position:relative;}
.article li:before {content:''; position:absolute; background-color:var(--color4); border-radius:50%; width:5px; height:5px; top: .6rem; left:-1.5rem;}

.accordion {max-width:100%; border-top:1px solid rgba(255,255,255,.4);}
.accordion li {border-bottom: 1px solid rgba(255,255,255,.4); position: relative;}
.accordion p, .accordion .accordion-wrapper {display: none; padding-bottom:var(--pad20);}
.accordion .accordion-wrapper p {display:block; padding-bottom:0;}
.accordion a {width: 100%; display: block; cursor: pointer; user-select: none; padding:var(--pad20) 0;}
.accordion a:hover {color:var(--color1)!important;}
.accordion a:after {width:5px; height:5px; border-right: 1px solid var(--color4); border-bottom: 1px solid var(--color4); position: absolute; right:2px;
content:''; top:28px; transform: rotate(-45deg); transition:.2s;}
.accordion a.active:after {transform: rotate(45deg); transition:.2s;}
.accordion a.size-guide--link.active:after {transform: rotate(-45deg);}

.single-responsive .accordion {border-top:1px solid var(--color1); }
.single-responsive .accordion li {border-bottom: 1px solid var(--color1); position: relative;}
.single-responsive .accordion a:hover {color:var(--color1)!important;}
.single-responsive .accordion a:after {border-right: 1px solid var(--color1); border-bottom: 1px solid var(--color1);}
.accordion a:hover {color:var(--color2);}

.single-responsive {display:none;}
.single-responsive--meta {color: var(--color4); background: rgba(0,0,0,.6);}
.single-responsive--meta .product-wrapper--shopify {width:390px!important; max-width:390px!important;}

.galerie {height:100vh; position:relative; left:0; display:flex; justify-content:flex-start; align-items:center; overflow:hidden; cursor: ew-resize;}
.swiper-slide {width:auto!important; display:flex; justify-content:center; align-items:center;}
.swiper-slide img {display:block; width:auto; height:100%; object-fit:cover;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: var(--pad20);}
.swiper-pagination {display:none; mix-blend-mode:difference;}
.swiper-pagination-bullet {background:transparent!important; border:1px solid var(--color1)!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--color1); opacity:.6!important;}

.nav-btn {background:transparent; position: absolute; top: 0; bottom: 0; width: 50%; height: 100%; pointer-events: all; z-index:2;}
.nav-left, .nav-left:hover {left: 0; cursor: w-resize;}
.nav-right, .nav-right:hover {right: 0; cursor: e-resize;}


/* CONTACT */

.form-item--message {margin-bottom:0!important;}
.label {margin-bottom:var(--padm);}

input, textarea {font-family:"regular", sans-serif; font-weight:400; color:var(--color2); font-size:inherit; padding-bottom:var(--pad10); transition:.2s;}
input {border:0;}
textarea {border:0;resize: none; height:9rem;}

.formulaire .label {margin-bottom:1rem;}
.formulaire input, .formulaire textarea {width:100%; background:transparent; border-bottom:1px solid var(--color2);}
.formulaire input:focus, .formulaire textarea:focus {border-bottom:1px solid var(--color3);}

.mailerlite-form-inputs {grid-gap:1.5rem;}
.mailerlite-form input {border:0; height: var(--pad50);}

.mailerlite-form-error {color:var(--gris2)!important;}

.wpcf7-checkbox {display:inline-block;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-list-item-label {cursor:pointer; left:2rem; width:calc(100% - 2rem); position:relative; display: flex;}

.wpcf7-radio {display:flex; column-gap: 3rem; row-gap:1rem; margin-bottom:0; flex-wrap: wrap;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {position: absolute; top:3px; left:-2rem;
background: none; background:none; border:0; border-radius:50%; display:inline-block; vertical-align:middle; height:15px; width:15px; content:''; transition:.2s;
border:1px solid var(--color2);}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--color2);}

::-webkit-input-placeholder {opacity:1; -webkit-transition: opacity .2s; transition: opacity .2s;}
:-moz-placeholder {opacity:1; -moz-transition: opacity .2s; transition: opacity .2s;}
::-moz-placeholder {opacity:1; -moz-transition: opacity .2s; transition: opacity .2s;}
:-ms-input-placeholder {opacity:1; -ms-transition: opacity .2s; transition: opacity .2s;}
::placeholder {opacity:1; transition: opacity .2s;}

*:focus::-webkit-input-placeholder {opacity:1;}
*:focus:-moz-placeholder {opacity:1;}
*:focus::-moz-placeholder {opacity:1;}
*:focus:-ms-input-placeholder {opacity:1;}
*:focus::placeholder {opacity:1;}

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}

.wpcf7-not-valid {background:rgba(255,255,255,.1)important; border-bottom:1px solid var(--color3)!important;}
.wpcf7-acceptance.wpcf7-not-valid {border:0!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip, .mailerlite-form-error {color:var(--color3); font-size: .7rem; width: 100%; position: absolute; display: block; margin-top:.5rem;}
.mc4wp-alert.mc4wp-success {font-size: .7rem; margin-top:.3rem; text-align: center;}

.wpcf7-form-control-wrap {display:none!important;}



/* FOOTER */

.footer {overflow:hidden;}
.footer-list .grid-pad {grid-gap:25px;}
.newsletter {width:400px;}

#fd-form-6907c459722c21739a67c757 {height: 3rem; display: flex; align-items: flex-end;}
.mailerlite-form {width: 100%!important;}
.mailerlite-form-inputs {width:100%;}
.mailerlite-form .mailerlite-form-field {margin-bottom:0!important;}
.mailerlite-form-title, .mailerlite-form-field label, .mailerlite-form-description {display:none!important;}

.ff-6907c459722c21739a67c757.fd-focus-visible-applied {width:100%!important;}
.ff-6907c459722c21739a67c757__form {color:var(--color2)!important; width: 100%; margin: 0!important; padding: 0!important; font-size:.7rem!important; font-weight:400!important; 
line-height: 1.4!important;
letter-spacing: 0!important;}
.ff-6907c459722c21739a67c757__content.fd-form-content {margin:0!important; display: inherit !important;}
.ff-6907c459722c21739a67c757__field.fd-form-group {flex: 1 1; margin: 0!important; font-size:.7rem!important; font-weight:400!important; max-width: 100%!important; 
min-width: 100%!important; letter-spacing:0!important;}
.ff-6907c459722c21739a67c757__form, .ff-6907c459722c21739a67c757__label.fd-form-label, #fd-form-6907c459722c21739a67c757 input {font-size:.7rem!important; font-weight:400!important;}
#fd-form-6907c459722c21739a67c757 input {color:var(--color2)!important; height:auto!important; width:100%!important; border-bottom:1px solid var(--color2)!important;
padding:0 6rem .5rem 0!important; transition:.3s!important; background:transparent!important; cursor:text!important; line-height:1.4!important;}
.ff-6907c459722c21739a67c757__label {line-height:1.4!important; padding:0 6rem .5rem 0!important; pointer-events: none !important; opacity:.5!important;}
.ff-6907c459722c21739a67c757__footer {flex: 0 1 auto; margin-top: 0!important; text-align: center; margin-left: 0!important; margin-right: 0!important; bottom:.55rem!important;
right:0rem!important; position:absolute!important;}
.ff-6907c459722c21739a67c757__button.fd-btn {color:var(--color2)!important; background:transparent!important; border:0!important; cursor:pointer!important;
padding:0!important; font-size:.7rem!important; font-weight:400!important; letter-spacing:0!important; border-radius:none!important; line-height:1.4!important;}

.ff-6907c459722c21739a67c757__title, .ff-6907c459722c21739a67c757__subtitle {display:none!important;}
.ff-6907c459722c21739a67c757.fd-focus-visible-applied, .ff-6907c459722c21739a67c757__container {background:transparent!important;}

.fd-form-feedback {position:absolute; margin:0!important; bottom: -1.1rem!important;}
.ff-6907c459722c21739a67c757__container {position:relative!important;}
.ff-6907c459722c21739a67c757__success-message {font-size:.7rem!important; position:absolute; font-weight:400!important; letter-spacing:0!important; line-height:1.4!important; min-height: auto!important; 
bottom: -1.1rem!important;}


/* RESPONSIVE DESIGN */

@media screen and (max-width:1790px) {
	
	.product-single {grid-gap:var(--pad30);}
	.product-link.product-buy {width:390px!important;}
	
}

@media screen and (max-width:1590px) {
	
	.size-guide--sidebar {width:35vw;}
	
}

@media screen and (max-width:1490px) {
	
	.overlay-logo svg {width: 12rem; height: auto;}
	.col-3 .product, .col-3 .image {height:50vw;}
	
	.size-guide--sidebar {width:50vw;}
	
	#similar-items .col-3 {grid-template-columns: 1fr 1fr;}
	#similar-items .col-3 a.product:nth-child(3) {display:none;}
	
	.galerie {height: 100vh;}
	
	.product-overlay {width:80vw; left:10vw; height:35vh;}
	.product-overlay--wrapper {width:40vw;}
	.product-overlay--description {left:0;}
	.product-overlay--details {left:0;}
	.product-overlay--care {right:0;}
	.product-overlay--shipping {right:0;}
	
	.product-link {width: auto;}
	
}

@media screen and (max-width:1190px) {
	
	.content-40 {width:60%;}
	.col-2 .product, .col-2 .image, .col-3 .product, .col-3 .image {height:35rem;}
	
}

@media screen and (max-width:1000px) {
	
	body, html {background:rgba(0,0,0,.6); color:var(--color4);}
	.col-3, #similar-items .col-3 {grid-template-columns:1fr;}
	#similar-items .col-3 a.product:nth-child(3) {display:block;}
	.col-2 .product, .col-2 .image, .col-3 .product, .col-3 .image {height:50rem;}
	.product-name {width: 17rem;}
	.product-price {width:5rem;}
	.size-guide--sidebar {width: 70vw;}
	.swiper-pagination {display:block;}
	.product-single {display:none;}
	.nav-btn {display:none;}
	.single-responsive {display:block;}
	.product-cart--wrapper, .product-cart--state {background:transparent;}
	.product-cart--state {justify-content: space-between;}
	.size-guide {color:var(--color2);}
	
	#fd-form-6907c459722c21739a67c757 input {color: var(--color4) !important; border-bottom: 1px solid var(--color4) !important;}
	.ff-6907c459722c21739a67c757__button.fd-btn, .ff-6907c459722c21739a67c757__label {color:var(--color4)!important;}
	.ff-6907c459722c21739a67c757__success-message {color:var(--color4)!important;}
	
	.footer a:hover {color:var(--color4);}
	.footer a:before {background:var(--color4);}
	
	input, textarea {color: var(--color1);}
	.formulaire input, .formulaire textarea {border-bottom: 1px solid var(--color1);}
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {border:1px solid var(--color1);}
	.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--color1);}
	button[type="submit"] {background:var(--color1); color:var(--color2);}
	
}

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

	.carousel {height:auto;}
	.galerie {height:40rem; position: relative; margin-top: 0;}
	.swiper-slide {width:100%!important;}
	.swiper-slide img {width:100%;}	
	
	
}

@media screen and (max-width:790px) {
	
	.normal, .article h2 {font-size: .8rem;}
	
	.col-2 {grid-template-columns:1fr;}
	
	.product-price {width: auto;}
	.product .meta {justify-content: space-between;}
	a.product:hover .img {transform:none;}
	
	.accordion a {padding: var(--pad15) 0;}
	.accordion a::after {width:4px; height:4px; top:20px;}
	
	.col-2 .product, .col-2 .image, .col-3 .product, .col-3 .image {height:35rem;}
	
	.footer {flex-direction:column; grid-gap:var(--pad20);}
	.footer-bottom {grid-gap:var(--pad30);}
	
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {height: 10px; width: 10px;}
	
	.fullwidth-video {height:50vh; position:relative; display:flex; align-items: center; justify-content: center;}
	.fullwidth-video video {width: 100%; height: auto; margin-bottom:0; transform:scale(1.9);}
	
	.newsletter {width: 100%;}
	
}

@media screen and (max-width:690px) {
	
	 :root {
		--logo: 13px;
	}
	
	.shopify-buy-frame--toggle.is-sticky {top: var(--pad10);}
	.overlay-logo {top:25px;}
	.overlay-logo svg {width: 11rem;}
	.overlay-menu {top:55px; justify-content: center; left: 0; width:100%;}
	.overlay-account {top: 25px; right:auto; left:25px;}
	
	.fullwidth {height: 50vh;}
	.footer-list {flex-direction:column; grid-gap:var(--pad20); align-items: center;}
	.footer-bottom {align-items: center;}
	
	.single-responsive--meta {display: flex; flex-direction: column; grid-gap: var(--pad20);}
	.size-guide--sidebar {width: 100vw; padding:var(--pad50) var(--pad30) var(--pad30) var(--pad30); grid-gap: var(--pad20);}
	
	.page {padding: 5rem 0 0 0; min-height: auto;}
	.page-about {height:100vh;}
	.content-40 {width: 100%; padding: calc(var(--pad15) *2);}
	.content-80 {width:100%;}
	
	.carousel {margin-top: 5.5rem;}
	.galerie {height: 30rem;}
	.item-navigation {padding: 0 20px;}
	
	.product-cart--wrapper {padding:0 calc(var(--pad15) * 2) var(--pad15) calc(var(--pad15) * 2);}
	
}

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

	.col-2 .product, .col-2 .image, .col-3 .product, .col-3 .image {height:26rem;}
	.product-cart--wrapper iframe {width: 100%!important;}
	
	}