.fade{background-color:#0009;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:10;display:none;opacity:0;transition:opacity .2s ease-in-out}.fade.active{opacity:1;display:block}.main-tools{position:fixed;background:#fff;right:0;width:95vw;max-width:730px;z-index:100;transform:translate(100%);transition:transform .2s ease-in-out;display:flex;flex-direction:column}.main-tools.opened{transform:translate(0)}.main-tools .tools-header{margin-top:5px;display:flex;justify-content:center;position:relative}.main-tools .tools-header button.close{position:absolute;left:5px;padding:unset;height:auto;background:none;border:none;cursor:pointer}.main-tools .tools-header button.close svg{height:28px}.main-tools .tools-header button.close svg path{color:#000}.main-tools .tools-header span{font-size:20px;font-weight:600}.main-tools .cart{height:calc(100% - 27px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-top:.5em}.main-tools .cart .empty{display:flex;flex-direction:column;align-items:center;margin-top:16vh;gap:1.5em}.main-tools .cart .empty span{font-size:1.2em}.main-tools .cart .empty svg{width:70px;max-width:80%}.main-tools .cart .empty button{font-family:inherit;cursor:pointer;display:flex;align-items:center;border:unset;width:100%;justify-content:center;padding:.7em;border-radius:13px;transition:all ease-in-out .2s;color:var(--very-light-color);font-size:1em;height:42px;background:var(--very-dark-color)}.main-tools .cart .empty button:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .cart .actions{display:flex;align-items:center;margin-top:2em;gap:1.5em}.main-tools .cart .actions button,.main-tools .cart .actions a{text-decoration:unset;box-sizing:border-box;font-family:inherit;cursor:pointer;display:flex;align-items:center;border:unset;width:100%;justify-content:center;padding:.7em;border-radius:13px;transition:all ease-in-out .2s;color:var(--very-light-color);font-size:1em;height:42px;background:var(--very-dark-color)}.main-tools .cart .actions button.primary,.main-tools .cart .actions a.primary{min-width:150px}.main-tools .cart .actions button:hover,.main-tools .cart .actions a:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .cart .actions button.secondary,.main-tools .cart .actions a.secondary{background:var(--light-color);color:var(--very-dark-color);width:fit-content;text-wrap:nowrap}.main-tools .cart .actions button.secondary:hover,.main-tools .cart .actions a.secondary:hover{background:color-mix(in srgb,var(--very-light-color),black 5%)}.main-tools .cart .quote-line{padding:1em 0;display:flex;flex-wrap:wrap;width:90%;gap:4%}.main-tools .cart .quote-line .column.left{width:30%}.main-tools .cart .quote-line .column.left img{width:100%;border-radius:10px}.main-tools .cart .quote-line .column.left span{color:gray;font-size:.9em;margin-left:5%}.main-tools .cart .quote-line .column.right{width:65%;display:flex;flex-direction:column}@media(max-width:767.98px){.main-tools .cart .quote-line .column.right{gap:.3em}}.main-tools .cart .quote-line .column.right .configurable-cart-options{list-style:none;padding:0;margin:0}.main-tools .cart .quote-line .column.right .configurable-cart-options li{font-size:.85em;color:#666}.main-tools .cart .quote-line .column.right .row{display:flex}@media(min-width:768px){.main-tools .cart .quote-line .column.right .row{justify-content:space-between;align-items:center}}@media(max-width:767.98px){.main-tools .cart .quote-line .column.right .row{flex-direction:column;gap:.5em}}.main-tools .cart .quote-line .column.right .row .name{font-weight:600;font-size:1.25em}.main-tools .cart .quote-line .column.right .row .estimation{border-radius:10px;background:var(--light-color);font-size:.9em;padding:.2em .8em}@media(max-width:767.98px){.main-tools .cart .quote-line .column.right .row .estimation{width:fit-content;font-size:.8em}}@media(min-width:768px){.main-tools .cart .quote-line .column.right .row .details{max-width:250px}}.main-tools .cart .quote-line .column.right .row:has(.quantity){margin-top:auto;margin-bottom:1.5em}.main-tools .cart .quote-line:not(:last-child){border-bottom:solid 1px #d9d9d9}.main-tools .cart .quote-line .button.delete{background:none;border:none;padding:unset;width:20px;margin-right:auto;padding:0 .7em;box-sizing:content-box;cursor:pointer;display:flex}.main-tools .cart .quote-line .quantity{width:fit-content;display:flex;border:solid 1px gray;border-radius:10px}@media(max-width:767.98px){.main-tools .cart .quote-line .quantity{margin:.5em 0}}.main-tools .cart .quote-line .quantity button{background:none;border:none;padding:unset;width:22px;padding:0 .7em;box-sizing:content-box;cursor:pointer;display:flex}@media(max-width:767.98px){.main-tools .cart .quote-line .quantity button{width:19px;padding:0 .5em}}.main-tools .cart .quote-line .quantity input{outline:none;border:none;text-align:center;font-size:16px;width:60px;padding:.6em 0}@media(max-width:767.98px){.main-tools .cart .quote-line .quantity input{padding:.4em 0;width:50px}}.main-tools .cart .quote-line .price .actual{font-weight:600;font-size:1.1em}.main-tools .cart .quote-line .price .old{margin-right:.3em;position:relative}.main-tools .cart .quote-line .price .old:after{content:"";position:absolute;width:100%;border-bottom:solid 1px var(--very-dark-color);left:0;top:50%}.main-tools .cart .quote-line>.row{width:100%;display:flex;justify-content:space-between;align-items:center}.main-tools .favorite{height:calc(100% - 27px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-top:.5em}.main-tools .favorite .empty{display:flex;flex-direction:column;align-items:center;margin-top:16vh;gap:1.5em}.main-tools .favorite .empty span{font-size:1.2em}.main-tools .favorite .empty svg{width:70px;max-width:80%}.main-tools .favorite .empty button{font-family:inherit;cursor:pointer;display:flex;align-items:center;border:unset;width:100%;justify-content:center;padding:.7em;border-radius:13px;transition:all ease-in-out .2s;color:var(--very-light-color);font-size:1em;height:42px;background:var(--very-dark-color)}.main-tools .favorite .empty button:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .favorite .product{padding:1em 0;display:flex;flex-wrap:wrap;width:90%;gap:4%}.main-tools .favorite .product .column.right{width:25%}.main-tools .favorite .product .column.right img{width:100%;border-radius:10px}.main-tools .favorite .product .column.right span{color:#888;margin-left:5%}.main-tools .favorite .product .column.left{width:70%;display:flex;flex-direction:column}@media(max-width:767.98px){.main-tools .favorite .product .column.left{gap:.3em}}.main-tools .favorite .product .column.left .row{display:flex}.main-tools .favorite .product .column.left .row .name strong{font-weight:600;font-size:1.25em;margin-right:.1em}.main-tools .favorite .product .column.left .row .estimation{border-radius:10px;background:var(--light-color);font-size:.9em;padding:.2em .8em;margin:.5em 0}@media(max-width:767.98px){.main-tools .favorite .product .column.left .row .estimation{width:fit-content;font-size:.8em}}.main-tools .favorite .product .column.left .row:has(.actions){margin-top:auto;margin-bottom:1.5em;width:90%;display:flex;justify-content:space-between;align-items:center}.main-tools .favorite .product:not(:last-child){border-bottom:solid 1px #d9d9d9}.main-tools .favorite .product .price .actual{font-weight:600;font-size:1.1em}.main-tools .favorite .product .price .old{margin-right:.3em;position:relative}.main-tools .favorite .product .price .old:after{content:"";position:absolute;width:100%;border-bottom:solid 1px var(--very-dark-color);left:0;top:50%}.main-tools .favorite .product .actions{display:flex;gap:.5em}.main-tools .favorite .product .actions button{cursor:pointer;background:none;border:solid .1px var(--very-dark-color);display:flex;justify-content:center;width:55px;padding:.4em 0;border-radius:13px;transition:all ease-in-out .2s}.main-tools .favorite .product .actions button:hover svg{transform:scale(1.1)}.main-tools .favorite .product .actions button svg{height:25px;transition:all ease-in-out .2s}.main-tools .favorite .product .actions button.primary{background:var(--very-dark-color)}.main-tools .favorite .product .actions button.primary svg{color:var(--very-light-color)}.main-tools .favorite .product .actions button.primary:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .favorite .product .actions button.secondary:hover{background:color-mix(in srgb,var(--very-light-color),black 5%)}.main-tools .favorite .product>.row{width:100%;display:flex;justify-content:space-between;align-items:center}.main-tools .login{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:.5em;gap:3em;height:calc(100% - 27px);overflow-y:auto;overflow-x:hidden}.main-tools .login .details{font-style:italic;color:#888}.main-tools .login .step{display:flex;flex-direction:column;align-items:center;width:100%;gap:2em;position:relative}.main-tools .login .step .title{font-size:1.8em}.main-tools .login .step input{font-size:16px;outline:none;padding:none;border:none;background:transparent}.main-tools .login .step input:not(.password),.main-tools .login .step div.password,.main-tools .login .step select{border-radius:10px;border:solid 1px black;width:50%;max-width:300px;min-width:230px;padding:.8em 1.3em}.main-tools .login .step input:not(.password):focus,.main-tools .login .step div.password:focus,.main-tools .login .step select:focus,.main-tools .login .step input:not(.password):has(:focus),.main-tools .login .step div.password:has(:focus),.main-tools .login .step select:has(:focus){background:var(--very-light-color)}.main-tools .login .step select{box-sizing:content-box;background:transparent;font-size:1em}.main-tools .login .step .newsletter{width:50%;max-width:350px;min-width:230px;display:flex;align-items:center;gap:.5em}.main-tools .login .step .newsletter input{min-width:unset;width:fit-content}.main-tools .login .step .newsletter span{text-align:center}.main-tools .login .step .newsletter span.error{color:#d33d3d;font-size:.9em}.main-tools .login .step .newsletter span.success{color:#2d6434;font-size:.9em}.main-tools .login .step div.password{display:flex;justify-content:space-between;padding:0 1.3em}.main-tools .login .step div.password input{width:100%;padding:.85em 0}.main-tools .login .step div.password button{cursor:pointer;border:none;background:none;padding:none}.main-tools .login .step div.password button svg{width:24px}.main-tools .login .step div.password button svg path{color:#000}.main-tools .login .step .actions{display:flex;gap:.7em;margin-bottom:2em}.main-tools .login .step .actions button{cursor:pointer;background:none;border:solid .1px var(--very-dark-color);display:flex;justify-content:center;padding:.6em 1.2em;border-radius:13px;transition:all ease-in-out .2s;font-size:.9em}.main-tools .login .step .actions button.primary{background:var(--very-dark-color);color:var(--very-light-color)}.main-tools .login .step .actions button.primary:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .login .step .actions button.secondary{color:#000}.main-tools .login .step .actions button.secondary:hover{background:color-mix(in srgb,var(--very-light-color),black 5%)}.main-tools .login .step button.back{cursor:pointer;position:absolute;left:2%;background:none;border:none;font-size:1em;color:#000}.main-tools .login .step button.back:before{content:"<- "}.main-tools .login .step button.back:hover{text-decoration:underline}@media(max-width:479.98px){.main-tools .login .step button.back{margin-top:-2em}}.main-tools .login .step .fields{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.main-tools .login .step.login-step .actions button,.main-tools .login .step.signin-step .actions button{width:10em;height:2.5em;display:flex;justify-content:center;align-items:center}.main-tools .login .step.login-step .actions button>span,.main-tools .login .step.signin-step .actions button>span{height:25px!important}.main-tools .login .step .error{color:#d33d3d;font-size:.9em;margin-top:-.8em;max-width:250px;text-align:center}.main-tools .login .step .error a{text-decoration:underline;color:#2a2a2a;cursor:pointer}.main-tools .login .step .error a:hover{text-decoration:none}.main-tools .account{width:100%;display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto;overflow-x:hidden;justify-content:space-between;margin-top:1em}.main-tools .account .disconnect{font-size:1.1em;color:#c21a1a}.main-tools .account .disconnect:hover{cursor:pointer;text-decoration:underline}.main-tools .account:has(.nav-sections){margin-top:10em;margin-bottom:2em}.main-tools .account .nav-sections{display:flex;flex-direction:column;gap:1em;min-width:250px}.main-tools .account .nav-sections button{cursor:pointer;background:none;border:solid .1px var(--very-dark-color);display:flex;justify-content:center;gap:1em;padding:.6em 1.2em;border-radius:13px;transition:all ease-in-out .2s;font-size:1.2em}.main-tools .account .nav-sections button:hover{background:color-mix(in srgb,var(--very-light-color),black 5%)}.main-tools .account .nav-sections button svg{margin-top:3px;max-height:25px}.main-tools .account button.back{cursor:pointer;position:absolute;left:2%;background:none;border:none;font-size:1em;background-color:#fff;padding-right:50%}.main-tools .account button.back:before{content:"<- "}.main-tools .account button.back:hover{text-decoration:underline}.main-tools .account .history{display:flex;flex-direction:column;width:92%;margin-top:1em}.main-tools .account .history .empty{display:flex;flex-direction:column;align-items:center;margin-top:16vh;gap:1.5em;width:fit-content;margin-left:auto;margin-right:auto}.main-tools .account .history .empty span{font-size:1.2em}.main-tools .account .history .empty svg{width:70px;max-width:80%}.main-tools .account .history .empty button{font-family:inherit;cursor:pointer;display:flex;align-items:center;border:unset;width:100%;justify-content:center;padding:.7em;border-radius:13px;transition:all ease-in-out .2s;color:var(--very-light-color);font-size:1em;height:42px;background:var(--very-dark-color)}.main-tools .account .history .empty button:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .account .history .order{display:flex;gap:2em;margin-top:2em;align-items:center}.main-tools .account .history .order:hover{cursor:pointer;text-decoration:underline}.main-tools .account .history .order:not(:last-child){border-bottom:solid 1px var(--dark-color);padding-bottom:2em}.main-tools .account .history .order .infos{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.main-tools .account .history .order .infos .title,.main-tools .account .history .order .infos .total{font-size:1.2em;font-weight:600}.main-tools .account .history .order .infos .status{color:var(--dark-color)}.main-tools .account .history .order .infos .total{margin-left:auto}.main-tools .account .history .order>svg{height:30px;margin-left:auto}.main-tools .account .history .images{width:120px;aspect-ratio:1/1;display:flex;overflow:hidden}.main-tools .account .history .images.l1 img,.main-tools .account .history .images.l2 img{min-width:100%;max-width:100%}.main-tools .account .history .images.l2 img{transform:translate(-50%)}.main-tools .account .history .images:not(.l1,.l2){flex-wrap:wrap}.main-tools .account .history .images:not(.l1,.l2) img{min-width:50%;max-width:50%;min-height:50%;max-height:50%}.main-tools .account .order-detail{display:flex;flex-direction:column;width:92%;margin-top:2em;margin-bottom:2em}.main-tools .account .order-detail .id{font-size:1.5em;font-weight:600}.main-tools .account .order-detail .status{color:var(--dark-color);font-size:1.3em}.main-tools .account .order-detail .line{display:flex;align-items:center;padding:1.7em 0;gap:3em;border-bottom:solid 1px var(--dark-color)}@media(max-width:767.98px){.main-tools .account .order-detail .line{gap:1em}}.main-tools .account .order-detail .line:first-of-type{margin-top:1em}.main-tools .account .order-detail .line:hover{cursor:pointer;text-decoration:underline}.main-tools .account .order-detail .line .name{font-weight:600;font-size:1.1em}.main-tools .account .order-detail .line .quantity{margin-left:auto}.main-tools .account .order-detail .line .price{min-width:140px;text-align:end}.main-tools .account .order-detail .line .price .actual{font-weight:600;font-size:1.1em}.main-tools .account .order-detail .line .price .old{margin-right:.3em;position:relative}.main-tools .account .order-detail .line .price .old:after{content:"";position:absolute;width:100%;border-bottom:solid 1px var(--very-dark-color);left:0;top:50%}.main-tools .account .order-detail .line img{height:60px}.main-tools .account .order-detail .tax,.main-tools .account .order-detail .shipping{text-align:right;align-self:flex-end;padding:.5em 0;width:50%;border-bottom:solid 1px var(--dark-color)}.main-tools .account .order-detail .total{text-align:right;padding:.5em 0;font-size:1.4em;font-weight:700}.main-tools .account .order-detail .address{display:flex;flex-direction:column;font-size:1.1em;width:fit-content;margin:1em}.main-tools .account .settings{display:flex;flex-direction:column;align-items:center;width:100%;gap:2em;position:relative;margin-top:3em}.main-tools .account .settings input{font-size:16px;outline:none;padding:none;border:none;background:transparent}.main-tools .account .settings label{margin-right:15%;width:200px;margin-bottom:-10px}.main-tools .account .settings input:not(.password),.main-tools .account .settings div.password,.main-tools .account .settings select{border-radius:10px;border:solid 1px black;width:50%;max-width:300px;min-width:230px;padding:.8em 1.3em}.main-tools .account .settings input:not(.password):focus,.main-tools .account .settings div.password:focus,.main-tools .account .settings select:focus,.main-tools .account .settings input:not(.password):has(:focus),.main-tools .account .settings div.password:has(:focus),.main-tools .account .settings select:has(:focus){background:var(--very-light-color)}.main-tools .account .settings select{box-sizing:content-box;background:transparent;font-size:1em}.main-tools .account .settings div.password{display:flex;justify-content:space-between;padding:0 1.3em}.main-tools .account .settings div.password input{width:100%;padding:.85em 0}.main-tools .account .settings div.password button{cursor:pointer;border:none;background:none;padding:none}.main-tools .account .settings div.password button svg{width:24px}.main-tools .account .settings .actions{display:flex;gap:.7em;margin-bottom:2em}.main-tools .account .settings .actions button{cursor:pointer;background:none;border:solid .1px var(--very-dark-color);display:flex;justify-content:center;padding:.6em 1.2em;border-radius:13px;transition:all ease-in-out .2s;font-size:.9em;width:10em;height:2.5em;align-items:center}.main-tools .account .settings .actions button.primary{background:var(--very-dark-color);color:var(--very-light-color)}.main-tools .account .settings .actions button.primary:hover{background:color-mix(in srgb,var(--very-dark-color),white 20%)}.main-tools .account .settings .actions button.secondary:hover{background:color-mix(in srgb,var(--very-light-color),black 5%)}.main-tools .account .settings .actions button>span{height:25px!important}.main-tools .account .settings .fields{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.main-tools .account .settings .fields a{text-decoration:underline;cursor:pointer;font-size:.9em;color:gray}.main-tools .account .settings .fields a:hover{text-decoration:none}.main-tools .account .settings .error{color:#d33d3d;font-size:.9em;margin-top:-.8em;max-width:250px;text-align:center}.underline{font-size:1.4em;font-weight:500}.underline:after{content:"";display:block;width:100%;height:2px;background-color:var(--very-dark-color)}@keyframes skeleton-animation{0%{background-color:#fff}to{background-color:#dfdfdf}}.skeleton{font-size:0;background-color:#fff;animation:skeleton-animation .7s infinite alternate;border-radius:15px}.main-nav{position:fixed;background:#fff;width:90vw;max-width:400px;z-index:100;transform:translate(-100%);transition:transform .2s ease-in-out;display:flex;flex-direction:column;align-items:center;overflow:auto}.main-nav *{direction:ltr}.main-nav.opened{transform:translate(0)}.main-nav .nav-links{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:2em}.main-nav .nav-links>.nav-link{width:80%;padding:1em 0}.main-nav .nav-links>.nav-link:not(:last-child){border-bottom:#d9d9d9 1px solid}.main-nav .nav-links>.nav-link a,.main-nav .nav-links>.nav-link button{font-size:20px;font-family:var(--font);background:none;cursor:pointer;border:none;color:#000;text-decoration:none;padding:0}.main-nav .nav-links>.nav-link a{padding:0 .2em}.main-nav .nav-links>.nav-link button:first-child{width:100%;display:flex;justify-content:space-between}.main-nav .nav-links>.nav-link button:first-child svg{width:20px}.main-nav .nav-links>.nav-link .children{display:flex;flex-direction:column;margin-top:1em}.main-nav .nav-links>.nav-link .children a{font-size:18px;padding:.3em 0}.main-nav .nav-links>.nav-link .children .nav-link{width:90%;padding-left:1em;border-top:#d9d9d9 1px solid}.main-nav .nav-links>.nav-link>a{display:block;width:100%}.main-nav .second-level{width:100%;background:var(--dark-color);margin-top:auto}.main-nav .second-level ul{list-style-type:none;color:var(--very-light-color)}.main-nav .second-level ul a{text-decoration:none;color:var(--light-color);line-height:1.5em}