html{scroll-behavior:smooth}// override attentive overlay inline styles html{overflow-y:auto!important;position:unset!important}body{overflow-y:auto!important;position:unset!important}#attentive_overlay{display:none}#product-feedback .main-grid{display:grid;grid-template-columns:minmax(clamp(1rem,5vw,10rem),1fr) minmax(1rem,70rem) minmax(clamp(1rem,5vw,10rem),1fr);grid-template-rows:auto;grid-template-areas:"header-bg header-bg	header-bg" "header header header" "steps steps steps" "form form form" "questions questions	questions";font-family:var(--font-secondary);color:var(--color-black);row-gap:clamp(32px,7vw,88px)}#product-feedback .main-grid>.header-bg-area{grid-area:header-bg}#product-feedback .main-grid>.header-bg-area.bg{position:relative;width:100%;height:100%;min-height:175px}#product-feedback .main-grid>.header-bg-area.bg img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:right}@media (min-width: 768px){#product-feedback .main-grid>.header-bg-area.bg img{object-position:center}#product-feedback .main-grid>.header-bg-area{grid-area:header}}#product-feedback .main-grid>.header-area{grid-area:header}#product-feedback .main-grid>.header-area.content{padding-block:0}#product-feedback .main-grid>.header-area.content .heading{font-size:clamp(1.7rem,3.5vw,2.6rem);margin-bottom:1.1rem}#product-feedback .main-grid>.header-area.content p{max-width:clamp(35rem,45vw,41rem);font-size:clamp(1.14rem,2vw,1.3rem);font-weight:400;line-height:1.4em}@media (min-width: 768px){#product-feedback .main-grid>.header-area.content{padding-block:clamp(5.2rem,9vw,7rem)}}#product-feedback .main-grid>.steps-area{grid-area:steps}#product-feedback .main-grid>.steps-area.bg{position:relative;z-index:1;width:100%;height:100%;background-color:#f7f7f7}@media (min-width: 768px){#product-feedback .main-grid>.steps-area.bg{top:calc(0px - clamp(32px,7vw,88px));height:calc(100% + clamp(32px,7vw,88px))}#product-feedback .main-grid>.steps-area.bg:before{content:"";position:absolute;top:clamp(32px,7.5vw,92px);left:50%;width:180rem;aspect-ratio:1;transform:translate(-50%,calc(-100% - clamp(32px,7vw,88px) / 3));border:1px solid var(--color-black);border-radius:50%}}#product-feedback .main-grid>.steps-area.content{padding-block:2rem}#product-feedback .main-grid>.steps-area.content ol{display:flex;flex-direction:column;justify-content:center;gap:2rem;max-width:45rem;margin:0 auto;padding-left:0;text-align:center;list-style:none}#product-feedback .main-grid>.steps-area.content ol>*{position:relative;flex-basis:0px;flex-grow:1;font-size:1.125rem}#product-feedback .main-grid>.steps-area.content ol>* p{margin:clamp(.1em,.5vw,.4em) auto 0 auto;font-size:inherit;max-width:15em}#product-feedback .main-grid>.steps-area.content ol>*:not(:first-child):after{content:"";position:absolute;top:0;left:50%;width:1px;height:2rem;background-color:var(--color-black);transform:translate(-50%,-100%)}@media (min-width: 768px){#product-feedback .main-grid>.steps-area.content ol>*:after{content:none!important}#product-feedback .main-grid>.steps-area.content ol>*:before{content:"";position:absolute;top:0;left:50%;width:13px;aspect-ratio:1;background-color:#f7f7f7;border:1px solid var(--color-black);border-radius:50%;transform:translate(-50%,calc(-50% - clamp(32px,7vw,88px) / 3))}#product-feedback .main-grid>.steps-area.content ol>*:is(:first-child,:last-child):before{transform:translate(-50%,calc(-50% - 45rem / 32 - clamp(32px,7vw,88px) / 3))}#product-feedback .main-grid>.steps-area.content ol{flex-direction:row}#product-feedback .main-grid>.steps-area.content{padding-block-start:0}}#product-feedback .main-grid>.form-header-area{grid-area:form-header}#product-feedback .main-grid>.form-header-area.bg{width:100%;height:100%;background-color:#f7f8f6}#product-feedback .main-grid>.form-header-area.content{position:relative;padding-block:clamp(3.57rem,calc(3.5em - 35px),5.3rem)}#product-feedback .main-grid>.form-header-area.content a{position:absolute;top:calc(0px - var(--header-offset))}#product-feedback .main-grid>.application-form-area{grid-area:form}#product-feedback .main-grid>.application-form-area.content .form{margin-block-start:clamp(1rem,1.8vw,1.125rem)}#product-feedback .main-grid>.application-form-area.content .form.show-errors :is(input,select):invalid{box-shadow:0 0 0 .2em #ff151566}#product-feedback .main-grid>.application-form-area.content .form.show-errors :is(input,select):invalid:focus{box-shadow:0 0 0 .2em #ff1515b8}#product-feedback .main-grid>.application-form-area.content .form>*{border-top:1px solid var(--color-black);padding-block-start:calc(clamp(3rem,5vw,4rem) - clamp(1rem,1.8vw,1.125rem))}@media (min-width: 576px){#product-feedback .main-grid>.application-form-area.content .form>*{border-top:none;padding-block-start:0}}#product-feedback .main-grid>.application-form-area.content .form .form-group{position:relative;display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,25px);align-items:end;margin-bottom:0}#product-feedback .main-grid>.application-form-area.content .form .form-group .input-full-width{flex:100%}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend){flex-basis:17rem;flex-grow:1}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend):not(.btn-cozy){font-size:clamp(1rem,calc(21px - 1vw),1.14rem)}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend).small-items{display:flex;gap:clamp(14px,2vw,25px)}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend).small-items>*{flex-basis:8rem;flex-grow:1}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend).large-item{flex-basis:34rem;flex-grow:2}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) label{display:inline-block;line-height:1.3em}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) input:not([type=submit]),#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) select,#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) textarea{width:100%;border-radius:1px;background-color:#efefef;padding:.5em 1em}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) input:not([type=submit]) option,#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) select option,#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) textarea option{color:inherit;background-color:inherit}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) input:not([type=submit]):focus,#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) select:focus,#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) textarea:focus{outline:none;box-shadow:0 0 0 .2em var(--color-green) 66}#product-feedback .main-grid>.application-form-area.content .form .form-group>:not(legend) textarea{max-height:10rem}#product-feedback .main-grid>.application-form-area.content .form .form-group legend{position:absolute;top:0;left:0;width:max-content;max-width:100%;background-color:#fff;transform:translateY(-100%);line-height:1em;padding-right:1rem}@media (min-width: 576px){#product-feedback .main-grid>.application-form-area.content .form .form-group legend{max-width:clamp(12rem,28vw,20rem);line-height:normal;transform:none}#product-feedback .main-grid>.application-form-area.content .form .form-group{padding-left:clamp(12rem,28vw,20rem)}#product-feedback .main-grid>.application-form-area.content .form{margin-top:0}}#product-feedback .main-grid>.application-form-area .form-navigation{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,25px);margin-top:1rem}#product-feedback .main-grid>.application-form-area .form-navigation>*{flex-basis:0;flex-grow:1;margin-top:0;padding-inline:0;min-width:14.5rem}#product-feedback .main-grid>.application-form-area .form-navigation>*:is(.prev-btn,.next-btn){background-color:transparent;color:var(--color-black);border:1px solid var(--color-black)}#product-feedback .main-grid>.application-form-area .form-navigation>*:is(.prev-btn,.next-btn):hover{background-color:var(--color-black)!important;color:#fff}#product-feedback .main-grid>.questions-area{grid-area:questions;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr}#product-feedback .main-grid>.questions-area .img-wrapper{position:relative;width:100%;height:100%}#product-feedback .main-grid>.questions-area .img-wrapper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top left}#product-feedback .main-grid>.questions-area .questions-content{padding-inline:clamp(1rem,5vw,10rem);padding-block:clamp(3.2rem,10vw,7.8em) clamp(3.5rem,calc(15vw - 10px),11.1em);background-color:#f7f7f7;text-align:center}#product-feedback .main-grid>.questions-area .questions-content>*{max-width:26rem;margin-inline:auto}#product-feedback .main-grid>.questions-area .questions-content .heading{margin-bottom:clamp(1.1rem,2.5vw,2rem)}#product-feedback .main-grid>.questions-area .questions-content .contact-link{display:inline-block;padding:.5em 2em;margin-inline:auto;border:1px solid var(--color-black);font-size:clamp(1.14rem,1.9vw,1.3rem);text-transform:uppercase;letter-spacing:.1em;width:100%}#product-feedback .main-grid>.questions-area .questions-content .contact-link:hover{background-color:var(--color-black);color:#fff}@media (min-width: 768px){#product-feedback .main-grid>.questions-area .questions-content .contact-link{width:auto}#product-feedback .main-grid>.questions-area{grid-template-columns:repeat(2,1fr)}#product-feedback .main-grid>.questions-area>:first-child{order:1}}#product-feedback .main-grid>.content{grid-column:2/-2;z-index:10}#product-feedback .main-grid>.bg{grid-column:1/-1;z-index:5}#product-feedback .main-grid .heading{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.5em}#product-feedback .main-grid .uppercase{font-size:clamp(1rem,1.8vw,1.125rem);letter-spacing:.1em;line-height:1.6em;text-transform:uppercase}#product-feedback .main-grid .uppercase b{font-weight:500}#product-feedback .main-grid p>a{text-decoration:underline}#product-feedback .main-grid p>a:hover{filter:brightness(1.2)}#product-feedback .main-grid .btn-cozy{font-size:clamp(1.14rem,1.9vw,1.3rem);padding-block:.5em}@media (min-width: 768px){#product-feedback .main-grid{grid-template-areas:"header header header" "steps steps steps" "form form form" "questions	questions questions"}}.dialog-wrapper{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#00000080}#success-dialog{max-width:45rem;border:none;text-align:center;margin:auto}#success-dialog .heading{font-size:clamp(1.8rem,4.8vw,2.2rem);margin-block-end:1rem}#success-dialog .card{position:relative;display:flex;flex-direction:column-reverse;background-color:#fff;border-radius:0;border:none}#success-dialog .card>:first-child{flex-basis:15rem;flex-grow:4;padding:2.5em}@media (min-width: 576px){#success-dialog .card>:first-child{flex-basis:25rem;padding-block:8rem}}#success-dialog .card>.img-wrapper{position:relative;flex-grow:3;flex-basis:12rem;width:100%}#success-dialog .card>.img-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom left,rgba(255,255,255,.5) 0%,transparent 20%)}#success-dialog .card>.img-wrapper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 576px){#success-dialog .card>.img-wrapper{flex-basis:15rem}#success-dialog .card{flex-direction:row}}#success-dialog p{margin-block-end:1em;font-size:1rem;color:var(--color-black)}#success-dialog p.error-message{color:#fd4444}#success-dialog .btn-cozy{width:100%;padding-block:1em}#success-dialog .close-icon{display:flex;position:absolute;top:.7em;right:.7em;background:transparent;padding:0;border:none;width:1.2em;aspect-ratio:1;cursor:pointer}#success-dialog .close-icon img{width:100%;height:100%;object-fit:contain}#error-dialog{max-width:30rem;border:none;text-align:center;margin:auto}#error-dialog .card{position:relative;background-color:#fff;padding:2.5em;border-radius:0;border:none}#error-dialog p{margin-block-end:1em;font-size:1.4rem;color:var(--color-black)}#error-dialog p.error-message{color:#fd4444}#error-dialog .btn-cozy{width:100%;padding-block:.6em}#error-dialog .close-icon{display:flex;position:absolute;top:.7em;right:.7em;background:transparent;padding:0;border:none;width:1.2em;aspect-ratio:1;cursor:pointer}#error-dialog .close-icon img{width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/1160/assets/product-feedback.css.map */