[id^=cta-banner-section] .quiz-container{position:relative;width:100%;padding:56px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-container{padding:32px 24px;gap:20px}}[id^=cta-banner-section] .quiz-close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:transparent;border:none;color:rgb(var(--color-background));font-size:0;line-height:0;cursor:pointer;padding:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--buttons-radius);overflow:hidden;text-indent:-9999px}[id^=cta-banner-section] .quiz-close-btn:hover{opacity:.7}[id^=cta-banner-section] .quiz-close-btn:before,[id^=cta-banner-section] .quiz-close-btn:after{content:"";position:absolute;width:20px;height:2px;background:currentColor;border-radius:1px}[id^=cta-banner-section] .quiz-close-btn:before{transform:rotate(45deg)}[id^=cta-banner-section] .quiz-close-btn:after{transform:rotate(-45deg)}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-close-btn{top:20px;right:20px}}[id^=cta-banner-section] .quiz-back-btn{position:absolute;top:20px;left:15px;background:transparent;border:none;color:rgb(var(--color-background));font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;z-index:10;border-radius:var(--buttons-radius)}[id^=cta-banner-section] .quiz-back-btn:hover{opacity:.7}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-back-btn{left:20px;font-size:16px}}[id^=cta-banner-section] .quiz-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-start{gap:16px}}[id^=cta-banner-section] .quiz-intro-text{display:flex;flex-direction:column;gap:8px}[id^=cta-banner-section] .quiz-intro-text h3{font-size:24px;font-weight:700;color:rgb(var(--color-background));margin:0}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-intro-text h3{font-size:32px}}[id^=cta-banner-section] .quiz-intro-text p{font-size:15px;font-weight:400;line-height:24px;color:rgb(var(--color-background));margin:0;opacity:.9}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-intro-text p{font-size:16px}}[id^=cta-banner-section] .quiz-header{width:100%;text-align:center;margin:12px 0}[id^=cta-banner-section] .quiz-header h3{font-size:22px;font-weight:700;color:rgb(var(--color-background));margin:0}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-header h3{font-size:28px}}[id^=cta-banner-section] .quiz-options{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-options{gap:10px}}[id^=cta-banner-section] .quiz-btn{padding:14px 28px;font-size:16px;font-weight:600;border-radius:var(--buttons-radius);cursor:pointer;border:none;text-align:center;font-family:inherit;width:100%;min-width:0}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-btn{width:auto;min-width:200px;padding:16px 32px;font-size:18px}}[id^=cta-banner-section] .quiz-btn-primary{background:var(--color-button);color:rgb(var(--color-button-text));border:2px solid var(--color-button)}[id^=cta-banner-section] .quiz-btn-primary:hover{filter:brightness(.88);background:var(--color-button);border-color:var(--color-button);color:rgb(var(--color-button-text))}[id^=cta-banner-section] .quiz-option-btn{background:#ffffff26;color:rgb(var(--color-background));border:2px solid rgba(255,255,255,.3)}[id^=cta-banner-section] .quiz-option-btn:hover{background:#ffffff38;border-color:#ffffff73;color:rgb(var(--color-background))}[id^=cta-banner-section] .quiz-result{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-result{gap:20px}}[id^=cta-banner-section] .quiz-result h3{font-size:24px;font-weight:700;color:rgb(var(--color-background));margin:0}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-result h3{font-size:32px}}[id^=cta-banner-section] .quiz-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:1200px;margin:12px 0}@media screen and (min-width:640px){[id^=cta-banner-section] .quiz-products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-products-grid{grid-template-columns:repeat(4,1fr);gap:14px}}[id^=cta-banner-section] .quiz-no-products{font-size:15px;color:rgba(var(--color-background),.8);padding:40px 20px;margin:0}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-no-products{font-size:16px}}[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .text-pcard-title{font-size:14px;line-height:1.3;color:rgb(var(--color-background))}@media screen and (min-width:768px){[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .text-pcard-title{font-size:15px}}[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title a,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title a:hover,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title .reversed-link,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title .reversed-link:hover,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .product-card__title .reversed-link__text,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .f-price,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .f-price-item,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .f-price__regular .f-price-item--regular,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .f-price__sale .f-price-item--sale,[id^=cta-banner-section] .quiz-products-grid .quiz-product-item .f-price__sale .f-price-item--regular{color:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/39/assets/custom-quiz-cta.css.map */