*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;width:100%;height:100%}body{font-family:Syne,sans-serif;background:#fffee1;overflow:hidden;position:relative;width:100vw;height:100vh}.shopify-section{position:fixed!important;top:0;left:0;width:100%;height:100%;overflow:hidden}.container{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffee1;z-index:1}.logo{position:absolute;left:50%;top:clamp(20px,3vh,40px);transform:translate(-50%);z-index:20;transition:opacity .3s ease;width:clamp(168px,17.5vw,224px);height:auto}.logo svg{width:100%;height:auto;display:block}.logo.in-flexbox-mode{position:fixed;top:0}.logo.hidden{opacity:0;pointer-events:none}.quiz-close-btn{position:absolute;right:clamp(20px,3vw,40px);top:clamp(20px,3vh,40px);z-index:20;background:none;border:none;cursor:pointer;padding:0;width:clamp(28px,3vw,32px);height:clamp(28px,3vw,32px);display:flex;align-items:center;justify-content:center;color:#002538;transition:transform .3s ease,opacity .3s ease}.quiz-close-btn svg{width:100%;height:100%}.quiz-close-btn:hover{transform:scale(1.1);opacity:.7}.quiz-close-btn:active{transform:scale(.95)}.quiz-back-btn{position:absolute;left:clamp(15px,4vw,20px);top:clamp(15px,2vh,20px);z-index:20;background:none;border:none;cursor:pointer;padding:0;width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);display:none;align-items:center;justify-content:center;color:#002538;transition:transform .3s ease,opacity .3s ease}.quiz-back-btn svg{width:100%;height:100%}.quiz-back-btn:active{transform:scale(.9);opacity:.7}.desktop-only{display:flex}.mobile-only{display:none}.recommendation-stage{position:absolute;top:10vh;left:0;right:0;bottom:27vh;display:none;justify-content:center;align-items:center;padding:3vh 4vw;gap:2.5vw;z-index:5}.recommendation-stage.active{display:flex}.board-group{display:flex;flex-direction:column;align-items:center;gap:2vh}.sub-row{display:flex;gap:1.2vw}.board-card{background:#fff;border:.2vh solid rgba(0,0,0,.06);border-radius:8vh;box-shadow:0 .8vh 2.5vh #0000000a;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-card img{width:100%;height:100%;object-fit:contain}:root{--unit: 1.15vh}.size-s{width:calc(4.5 * var(--unit));height:calc(14 * var(--unit))}.size-m{width:calc(7.5 * var(--unit));height:calc(22 * var(--unit))}.size-l{width:calc(20 * var(--unit));height:57vh;border-radius:12vh}.group-center{flex-direction:row;gap:2.5vh}.board-card.opacity-low{opacity:.7}.board-card.opacity-mid{opacity:.85}.board-card.opacity-high{opacity:1}.options-panel{position:fixed;bottom:0;left:2.5%;right:2.5%;width:95%;height:27vh;background:#92daff;padding:clamp(25px,3vh,40px) clamp(30px,5vw,80px) clamp(25px,3vh,40px);transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:100;border-radius:40px 40px 0 0;display:flex;flex-direction:column;justify-content:center;will-change:transform}.options-panel.visible{transform:translateY(0)}.options-panel.slide-down{transform:translateY(100%)}.subscribe-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(95vw,81.625rem);height:clamp(35rem,55vh,41.75rem);background:#92daff;border-radius:clamp(1.25rem,2.5vw,2.5rem);padding:clamp(2rem,4vh,3.75rem) clamp(1.5rem,3vw,3rem);z-index:101;display:none;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);will-change:opacity;box-shadow:0 1.5625rem 3.125rem -.75rem #00000040;overflow:hidden}.subscribe-card.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.subscribe-card.visible{opacity:1}.subscribe-back-btn{position:absolute;left:40px;top:40px;background:none;border:.915px solid #002538;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;transition:transform .3s ease,background .3s ease;z-index:10}.subscribe-back-btn svg{width:14px;height:auto}.subscribe-back-btn:hover{transform:scale(1.1);background:#fff3}.options-title{text-align:center;font-family:Syne,sans-serif;font-weight:700;font-size:clamp(24px,2.5vw,32px);line-height:1.3;margin-bottom:clamp(25px,4vh,50px);color:#000;display:flex;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-.48px;position:relative;flex-shrink:0}.options-title:before{content:attr(data-question-number);font-family:Azo Sans,sans-serif;font-weight:900;font-size:clamp(14px,1.2vw,16px);line-height:1.3;letter-spacing:-.48px;text-transform:uppercase;margin-top:0;margin-right:clamp(3px,.5vw,5px)}.next-btn-q1{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:.915px solid #002538;border-radius:50%;width:clamp(24px,2vw,27px);height:clamp(24px,2vw,27px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.5vw,18px);color:#000}.next-btn-q1 svg{width:clamp(12px,1.2vw,14px);height:auto}.nav-btn{position:absolute;background:none;border:.915px solid #002538;border-radius:50%;width:clamp(24px,2vw,27px);height:clamp(24px,2vw,27px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.5vw,18px);color:#000;top:50%;transform:translateY(-50%)}.nav-btn svg{width:clamp(12px,1.2vw,14px);height:auto}.nav-btn.prev-btn{left:0}.nav-btn.next-btn{right:0}.submit-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#fff856;border:1px solid #000000;border-radius:40px;padding:clamp(8px,1vh,12px) clamp(20px,2vw,30px);cursor:pointer;font-family:Rubik,sans-serif;font-weight:300;font-size:clamp(14px,1.2vw,16px);line-height:1;letter-spacing:-.48px;color:#000;transition:all .3s ease}.submit-btn:hover{background:#fff856;transform:translateY(-50%) scale(1.05)}.question-container{display:none;width:100%;height:100%;flex-direction:column;opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .5s ease;transform:scale(1)}.question-container.active{display:flex;position:relative}.question-container.fade-out{opacity:0;pointer-events:none}.subscribe-container{position:relative;width:1056px;height:425.48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.subscribe-title{position:absolute;width:1032px;height:38px;left:50%;transform:translate(-50%);top:0;font-family:Syne,sans-serif;font-weight:700;font-size:32px;line-height:32px;text-align:center;color:#000;display:flex;align-items:center;justify-content:center}.subscribe-subtitle{position:absolute;width:1056px;height:95px;left:50%;transform:translate(-50%);top:54px;font-family:Rubik,sans-serif;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#000;display:flex;align-items:center;justify-content:center}.subscribe-form{position:absolute;width:1032px;height:104.48px;left:50%;transform:translate(-50%);bottom:0;display:flex;align-items:center;gap:0}.subscribe-form:before{content:"";position:absolute;width:1024.74px;height:0px;left:50%;transform:translate(-50%);top:0;border:1px solid #000000}.subscribe-form:after{content:"";position:absolute;width:1024.74px;height:0px;left:50%;transform:translate(-50%);bottom:0;border:1px solid #000000}.subscribe-form .email-input:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#00000026;pointer-events:none}.email-input{position:absolute;width:650px;height:85px;left:0;top:9px;background:transparent;border:none;font-family:Syne,sans-serif;font-weight:700;font-size:36px;line-height:36px;letter-spacing:-.749881px;color:#000;outline:none;display:flex;align-items:center;z-index:1;pointer-events:auto;padding-right:20px}.email-input::placeholder{color:#0006;font-family:Syne,sans-serif;font-weight:700;font-size:36px;line-height:36px;letter-spacing:-.749881px}.subscribe-btn{position:absolute;width:auto;min-width:310.45px;max-width:380px;height:85px;right:0;top:9px;background:transparent;border:none;cursor:pointer;font-family:Syne,sans-serif;font-weight:700;font-size:36px;line-height:36px;letter-spacing:-.749881px;color:#000;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;display:flex;align-items:center;justify-content:flex-end;text-align:right;z-index:2;pointer-events:auto;-webkit-user-select:none;user-select:none;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.subscribe-btn:hover{transform:scale(1.05);opacity:.7}.subscribe-btn:active{transform:scale(.98)}.subscribe-form .form-message{position:absolute;bottom:-40px;left:0;right:0;text-align:center;font-family:Rubik,sans-serif;font-size:14px;font-weight:500}.subscribe-form .form-success{color:#10b981}.subscribe-form .form-error{color:#ef4444}.result-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,87.5rem);height:85vh;background:#99d9f9;border-radius:clamp(1.25rem,2.5vw,2.5rem);padding:clamp(1.5rem,3vh,3rem);z-index:102;display:none;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);will-change:opacity;box-shadow:0 1.5625rem 3.125rem -.75rem #00000040;overflow:hidden;box-sizing:border-box}.result-card.active{display:flex;gap:clamp(1.5rem,3vw,3rem);align-items:stretch}.result-card.visible{opacity:1}.result-card .quiz-close-btn.result-card-close{position:absolute;right:clamp(20px,3vw,40px);top:clamp(20px,3vh,40px);z-index:10;border:1px solid currentColor;border-radius:50%;width:32px;height:32px;background:transparent}.result-card.active~#pageCloseBtn,#pageCloseBtn.hide-on-result{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.main-recommendation{flex:0 0 45%;background:#fff;border-radius:clamp(1.125rem,1.875vw,1.875rem);padding:clamp(1.5rem,2.5vh,2.5rem);display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}.main-board-image{width:100%;display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:0;overflow:hidden}.main-board-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.board-name{font-family:Rubik,sans-serif;font-weight:500;font-size:16px;line-height:19px;text-align:center;color:#000;margin-top:clamp(.75rem,1.5vh,1.5rem);flex-shrink:0;width:100%;padding:0 .625rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.recommendation-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0;gap:0;overflow:hidden;min-height:0;min-width:0;box-sizing:border-box;height:100%}.board-description{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vh,1.5rem);padding:clamp(1.5rem,3vh,3.75rem) 0 clamp(1rem,2vh,2.5rem) 0;flex-shrink:0;box-sizing:border-box}.board-title{font-family:Syne,sans-serif;font-weight:700;font-size:30px;line-height:36px;color:#000;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.board-subtitle{font-family:Rubik,sans-serif;font-weight:400;font-size:16px;line-height:19px;color:#1f2937;opacity:.9;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.divider{width:75%;height:1px;background:#000;opacity:.1;margin:0;flex-shrink:0}.board-tags{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);row-gap:clamp(.625rem,1.25vh,1.25rem);margin:0;padding:clamp(1.5rem,3vh,3rem) 0;max-width:100%;flex:1;align-content:center;align-items:center;overflow:hidden;box-sizing:border-box;min-height:clamp(6rem,12vh,10rem)}.board-tag{background:#fffee1;border-radius:2.5rem;padding:clamp(.375rem,.625vh,.625rem) clamp(.875rem,1.5vw,1.5rem);font-family:Syne,sans-serif;font-weight:700;font-size:16px;line-height:27px;letter-spacing:-.02em;color:#000;box-shadow:0 .1875rem .375rem #0000000f;display:flex;align-items:center;justify-content:center;text-align:center;width:fit-content;flex-shrink:0;box-sizing:border-box}.also-like-section{padding:clamp(2rem,4vh,3rem) 0 clamp(1rem,2vh,1.5rem) 0;margin-top:0;display:flex;flex-direction:column;gap:clamp(.75rem,1.5vh,1.5rem);flex:1;overflow:visible;box-sizing:border-box;min-height:clamp(8rem,16vh,13rem)}.also-like-title{font-family:Syne,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#1f2937;letter-spacing:.05em;margin-bottom:0}.also-like-boards{display:flex;align-items:flex-start;gap:clamp(1rem,2.5vw,2.5rem);overflow:visible;box-sizing:border-box}.small-board{display:flex;flex-direction:column;align-items:flex-start;gap:2.25rem;cursor:pointer;max-width:12.5rem;flex:0 0 auto;box-sizing:border-box;padding:clamp(1rem,2vh,1.5rem) 0}.small-board-image{width:100%;height:clamp(6.5rem,13vh,12rem);min-height:clamp(6.5rem,13vh,12rem);display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;padding:clamp(.5rem,1vh,1rem) 0}.small-board-image img{width:auto;height:auto;max-width:100%;max-height:clamp(8rem,16vh,15rem);object-fit:contain;transition:transform .3s ease}.small-board:hover .small-board-image img{transform:scale(1.05)}.small-board-name{font-family:Rubik,sans-serif;font-weight:400;font-size:16px;line-height:19px;text-decoration-line:underline;text-align:left;color:#1f2937;letter-spacing:-.03em;width:100%;padding:0 .5rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.add-to-cart-btn{margin-left:auto;margin-top:clamp(1.5rem,3vh,2rem);margin-bottom:0;background:#fff856;border:1px solid #000000;border-radius:62.4375rem;padding:clamp(.625rem,1vh,1rem) clamp(1.5rem,2.5vw,2.5rem);cursor:pointer;font-family:Syne,sans-serif;font-weight:500;font-size:20px;letter-spacing:-.48px;text-transform:none;color:#000;transition:all .3s ease;flex-shrink:0;align-self:flex-end;position:relative;z-index:10;min-width:clamp(8rem,11.25vw,11.25rem);text-align:center;box-sizing:border-box}.add-to-cart-btn.sold-out{background:#fff856;color:#000;border-color:#000;cursor:pointer;position:relative}.add-to-cart-btn.sold-out:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#c8c8c84d;border-radius:62.4375rem;pointer-events:none}.options-grid{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);row-gap:clamp(40px,5vh,60px);flex-wrap:wrap;width:100%;padding:0}.option-card{position:relative;background:transparent;border:none;padding:clamp(10px,1.5vh,15px) clamp(20px,3vw,35px);cursor:pointer;font-family:Syne,sans-serif;font-weight:500;font-size:clamp(12px,1.2vw,15px);line-height:1.2;color:#000;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;overflow:visible;min-width:fit-content;flex-shrink:0}.option-card .text{position:relative;z-index:10;pointer-events:none}.option-card .svg-layer{position:absolute;right:-5px;bottom:-5px;width:calc(100% + 10px);height:calc(100% + 10px);z-index:5;overflow:visible;pointer-events:none;left:-5px;top:-5px}.option-card .top-line,.option-card .left-side,.option-card .right-side{fill:none;stroke:#000;stroke-width:1;stroke-linecap:round;transition:stroke-dasharray .25s ease-out}.option-card .fill-bg{fill:none;stroke:none;transition:fill .15s ease}.option-card:hover .fill-bg,.option-card.selected .fill-bg{fill:#fff856}.option-card.selected .top-line,.option-card.selected .left-side,.option-card.selected .right-side{transition:stroke-dasharray .25s ease-out}.option-card .fin-decoration{position:absolute;width:0;height:0;opacity:0;transform:scale(0);transform-origin:top center;transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease;pointer-events:none;z-index:15}.option-card:hover .fin-decoration{width:clamp(11px,1.8vw,22px);height:clamp(13px,2.1vw,27px);opacity:1;transform:scale(1);transition-delay:.25s}.option-card.selected .fin-decoration{opacity:0!important;width:0!important;height:0!important;transform:scale(0)!important;transition:none!important}.option-card .fin-decoration img,.option-card .fin-decoration svg{width:100%;height:100%;display:block;transform:rotate(-90deg) rotateY(180deg)}.title-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;transition:opacity .3s ease,transform .3s ease;will-change:opacity,transform;width:80vw;max-width:80vw;max-height:80vh;border-radius:20px;padding:clamp(30px,4vh,50px) clamp(40px,5vw,60px)}.title-wrapper.hidden{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.title-top,.title-bottom{font-family:Syne,sans-serif;font-weight:800;font-size:80px;line-height:.9;letter-spacing:-.02em;color:#000;margin-bottom:clamp(40px,8vh,80px)}.start-btn{box-sizing:border-box;width:clamp(150px,15vw,172.69px);height:clamp(45px,5vh,53px);background:#fff856;border:2px solid #000000;border-radius:40px;cursor:pointer;transition:all .3s ease;font-family:Rubik,sans-serif;font-weight:300;font-size:clamp(16px,1.5vw,20px);line-height:1;letter-spacing:-.48px;color:#000}.paddle-board{position:absolute;left:50%;top:50%;opacity:0;visibility:hidden;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);will-change:transform,left,top,opacity;transform:translate3d(-50%,-50%,0) scale(1);cursor:pointer;pointer-events:none}.shopify-section--is-selected .paddle-board:has(img),body.shopify-design-mode .paddle-board:has(img){opacity:.3;visibility:visible}.quiz-loading .paddle-board{opacity:0!important;visibility:hidden!important}.paddle-board.positioned{opacity:1;visibility:visible;pointer-events:auto}.paddle-board.fly-out{transition:left 1.2s cubic-bezier(.6,0,.3,1),top 1.2s cubic-bezier(.6,0,.3,1),opacity .8s cubic-bezier(.4,0,1,1),transform 1.2s cubic-bezier(.6,0,.3,1);opacity:0!important}.paddle-board:hover{z-index:100!important}.paddle-board img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.paddle-board svg.placeholder-svg{width:100%;height:100%;object-fit:contain}.paddle-board:hover img{transform:scale(1.05)}@media(min-width:1441px){.paddle-board{transform:translate3d(-50%,-50%,0) scale(1)}}@media(max-width:1440px){.paddle-board{transform:translate3d(-50%,-50%,0) scale(.8)}.title-top,.title-bottom{font-size:64px}}@media(max-width:1024px){.paddle-board{transform:translate3d(-50%,-50%,0) scale(.6)}.title-top,.title-bottom{font-size:52px}}@media(max-width:1024px)and (min-width:769px){.result-card{width:92vw;max-height:88vh;padding:2rem}.result-card.active{gap:2rem}.main-recommendation{flex:0 0 40%;padding:1.875rem}.board-name{font-size:1.125rem}.board-title{font-size:1.75rem}.board-subtitle{font-size:.8125rem}.board-tag{font-size:.8125rem;padding:.5rem 1.125rem}.add-to-cart-btn{padding:.875rem 2.1875rem;font-size:.8125rem;min-width:10rem}}@media(max-width:768px){html{overflow:hidden;overflow-x:hidden}html:has(.result-card.active){overflow:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html:has(.result-card.active)::-webkit-scrollbar{display:none}body{overflow:hidden;overflow-x:hidden;height:100vh;min-height:100vh}body:has(.result-card.active){overflow:visible;overflow-x:hidden;height:auto;min-height:100vh}.shopify-section{position:relative!important;height:100vh;min-height:100vh;overflow:hidden}.container{position:relative;height:100vh;min-height:100vh;overflow:hidden}.result-card.active~.container,body:has(.result-card.active) .container,body:has(.result-card.active) .shopify-section{height:auto;min-height:auto;overflow:visible;padding-bottom:3rem}.logo{width:clamp(126px,20vw,168px);position:absolute;top:clamp(15px,2vh,20px);left:50%;transform:translate(-50%);margin:0;z-index:20}.quiz-close-btn{width:clamp(24px,6vw,28px);height:clamp(24px,6vw,28px);right:clamp(15px,3vw,20px);top:clamp(15px,2vh,20px)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.paddle-board{transform:translate3d(-50%,-50%,0) scale(.22)}.title-wrapper{width:70vw;max-width:70vw;max-height:70vh;padding:clamp(20px,3vh,35px) clamp(30px,4vw,45px);border-radius:15px;top:35%}.title-top,.title-bottom{font-size:clamp(32px,6vw,48px);line-height:.95;margin-bottom:clamp(25px,5vh,50px)}.start-btn{width:clamp(120px,12vw,140px);height:clamp(38px,4vh,45px);font-size:clamp(14px,1.2vw,16px);border-radius:35px;border-width:1px}.recommendation-stage{position:relative;top:0;bottom:auto;padding:.5rem 3vw 1rem;gap:2vw;min-height:auto;margin-top:0}.board-group{gap:1.5vh}.sub-row{gap:1vw}:root{--unit: .5vh}.size-s{width:calc(2.5 * var(--unit));height:calc(7.5 * var(--unit))}.size-m{width:calc(3.5 * var(--unit));height:calc(10.5 * var(--unit))}.size-l{width:45px!important;height:16vh!important;border-radius:3vh!important}.group-center{gap:2vh}.board-card{border:.15vh solid rgba(0,0,0,.06);border-radius:6vh;box-shadow:0 .6vh 2vh #0000000a}.result-card{position:relative;top:auto;left:auto;transform:none;width:90vw;height:auto;max-height:none;min-height:auto;padding:0;border-radius:1.5625rem;overflow:visible;box-sizing:border-box;z-index:102;margin:1rem auto}.result-card.active{display:flex;flex-direction:column;gap:0;padding:1.25rem .75rem 2rem}.result-card .quiz-back-btn{position:relative;left:auto;top:auto;z-index:10;width:32px;height:32px;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#002538;padding:0;margin:0 0 .5rem;align-self:flex-start;flex-shrink:0}.result-card .quiz-back-btn svg{width:24px;height:24px}.result-card .quiz-back-btn:active{transform:scale(.9);opacity:.7}body:has(.result-card.active) .quiz-back-btn.mobile-only:not(.result-card .quiz-back-btn){display:none!important}.result-card.active~* .quiz-back-btn.mobile-only,body:has(.result-card.active)>.quiz-back-btn.mobile-only{display:none!important}.main-recommendation{flex:0 0 auto;width:calc(100% - 2.5rem);padding:1.25rem .9375rem;border-radius:1.125rem;margin:.9375rem auto 0;box-sizing:border-box;min-height:auto}.main-board-image{min-height:0;padding:.625rem 0;height:auto}.main-board-image img{max-width:80%;max-height:30vh;height:auto;width:auto}.board-name{font-family:Rubik,sans-serif;font-weight:500;font-size:15px;line-height:18px;margin-top:.625rem}.recommendation-content{flex:0 0 auto;padding:1.25rem 1.5625rem 1.5625rem;overflow:visible;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;height:auto}.board-description{gap:.75rem;padding:0;flex-shrink:0}.board-title{font-family:Syne,sans-serif;font-weight:700;font-size:20px;line-height:24px;-webkit-line-clamp:2;line-clamp:2}.board-subtitle{font-family:Rubik,sans-serif;font-weight:300;font-size:15px;line-height:100%;-webkit-line-clamp:3;line-clamp:3}.divider{width:100%;margin:0}.board-tags{gap:.5rem;row-gap:.5rem;padding:1.25rem 0;flex-wrap:wrap;max-height:none;min-height:auto;align-content:center;align-items:center}.board-tag{font-family:Syne,sans-serif;font-weight:400;font-size:14px;line-height:23px;padding:.1rem 1rem;white-space:nowrap;flex-shrink:0}.also-like-section{padding:2rem 0 1rem;gap:.75rem;margin-top:0;flex:1;min-height:auto;order:3}.also-like-title{font-family:Syne,sans-serif;font-weight:700;font-size:16px;line-height:19px;margin-bottom:0}.also-like-boards{gap:1.25rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.also-like-boards::-webkit-scrollbar{display:none}.small-board{gap:.875rem;max-width:10rem;min-width:7.5rem;flex-shrink:0;padding:1rem 0;align-items:flex-start}.small-board-image{width:100%;height:16vh;min-height:16vh;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.75rem 0}.small-board-image img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.small-board-name{font-family:Rubik,sans-serif;font-weight:400;font-size:14px;line-height:17px;padding:0 .25rem;text-align:left;flex-shrink:0}.add-to-cart-btn{font-family:Syne,sans-serif;font-weight:500;font-size:17px;text-transform:capitalize;margin:1.5rem auto;padding:.75rem 1.75rem;min-width:8.75rem;width:auto;align-self:center;order:2}.subscribe-card{width:90vw;max-height:90vh;padding:clamp(40px,6vh,60px) clamp(20px,4vw,30px) clamp(30px,5vh,40px);border-radius:20px}.subscribe-back-btn{width:32px;height:32px;left:15px;top:15px;font-size:18px}.subscribe-container{gap:clamp(18px,3vh,25px);width:100%;height:auto}.subscribe-title{position:relative;width:100%;height:auto;left:auto;transform:none;top:auto;font-size:24px}.subscribe-subtitle{position:relative;width:100%;height:auto;left:auto;transform:none;top:auto;font-size:15px;line-height:18px}.subscribe-form{position:relative;width:100%;max-width:1032px;height:auto;left:auto;transform:none;bottom:auto;display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:0;border-top:none;border-bottom:none}.subscribe-form:before,.subscribe-form:after{display:none}.email-input{position:relative;width:100%;height:75px;left:auto;top:auto;font-size:24px;line-height:36px;padding:0;border:none;border-top:1px solid #000000;border-bottom:1px solid #000000;display:flex;align-items:center}.email-input::placeholder{font-size:24px;line-height:36px}.subscribe-btn{position:relative;width:auto;height:auto;right:auto;top:auto;min-width:auto;max-width:100%;font-size:17px;line-height:36px;padding:0 35px;border-radius:50px;border:1px solid #000000;background:#fff856;align-self:flex-end;margin:10px 0 0 auto;justify-content:center;text-align:center;display:block}.options-panel{position:fixed;height:auto;max-height:none;min-height:293px;padding:clamp(15px,2vh,20px) clamp(20px,4vw,25px) clamp(20px,4vw,25px);border-radius:clamp(15px,2.5vw,30px);display:flex;flex-direction:column;left:2.5%;right:2.5%;width:95%;bottom:2.5%;overflow:hidden;transform:translateY(calc(100% + 2.5vh));transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:100}.options-panel.visible{transform:translateY(0)}.options-panel.slide-down{transform:translateY(calc(100% + 2.5vh))!important}.options-title{font-size:clamp(13px,3.2vw,16px);padding:0;margin-bottom:clamp(10px,2vh,15px);line-height:1.4;flex-shrink:0;position:static!important}.options-title:before{font-size:clamp(10px,2.5vw,12px)}.options-panel{position:fixed;height:auto;min-height:293px;padding:clamp(15px,2vh,20px) clamp(20px,4vw,25px) clamp(20px,4vw,25px);border-radius:clamp(15px,2.5vw,30px);display:flex;flex-direction:column;left:2.5%;right:2.5%;width:95%;bottom:2.5%;overflow:hidden;transform:translateY(calc(100% + 2.5vh));transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:100}.next-btn-q1,.nav-btn{position:fixed!important;width:clamp(26px,6.5vw,32px);height:clamp(26px,6.5vw,32px);font-size:clamp(14px,3.8vw,18px);border-width:1px;right:calc(2.5% + clamp(15px,3vw,20px))!important;left:auto!important;bottom:52.5%!important;top:auto!important;transform:translateY(50%)!important;z-index:101}.nav-btn.prev-btn{right:auto!important;left:calc(2.5% + clamp(15px,3vw,20px))!important}.nav-btn.next-btn{right:calc(2.5% + clamp(15px,3vw,20px))!important}.submit-btn{padding:clamp(6px,1.5vh,10px) clamp(12px,3vw,18px);font-size:clamp(9px,2.2vw,11px);border-width:1px;border-radius:25px}.options-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;overflow-y:auto;overflow-x:hidden;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.options-grid::-webkit-scrollbar{display:none}.option-card{opacity:1;transform:scale(1);transition:all .3s ease;border:none;border-radius:43px;padding:0;font-family:Syne,sans-serif;font-weight:500;font-size:14px;line-height:40px;white-space:normal;width:auto;background:transparent;text-align:center;flex-shrink:0;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;justify-content:center}.option-card.selected{background:#fff856;border:1px solid #000;text-decoration:none;padding:0 20px}.option-card .svg-layer,.option-card .fin-decoration{display:none}}@media(max-width:1024px)and (min-width:769px){.email-input{width:580px;font-size:32px}.email-input::placeholder{font-size:32px}.subscribe-btn{min-width:280px;max-width:340px;font-size:32px}}@keyframes shake-warning{0%,to{transform:translateY(-50%) translate(0)}10%,30%,50%,70%,90%{transform:translateY(-50%) translate(-4px)}20%,40%,60%,80%{transform:translateY(-50%) translate(4px)}}.next-btn-q1.shake-warning,.next-btn.shake-warning,.submit-btn.shake-warning{animation:shake-warning .4s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/29/assets/paddle-board-quiz.css.map */