.pq-cta{background:#000;border:1px solid rgba(194,155,88,.3);border-radius:16px;padding:40px 32px;text-align:center;margin-bottom:40px}.pq-cta__headline{font-size:clamp(1.6rem,2vw + 1rem,2.4rem);font-weight:700;color:#fff;margin:0 0 8px}.pq-cta__subline{font-size:16px;color:#ffffffb3;margin:0 0 24px;line-height:1.5}.pq-cta__btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#cdb07a,#b8965a);color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pq-cta__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c29b5859}.pq-cta__btn svg{width:20px;height:20px}.pq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.pq-overlay.is-active{display:flex;opacity:1}.pq-modal{background:#111;border:1px solid rgba(194,155,88,.25);border-radius:20px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;position:relative;color:#fff}.pq-modal::-webkit-scrollbar{width:4px}.pq-modal::-webkit-scrollbar-thumb{background:#c29b58;border-radius:2px}.pq-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff9;font-size:28px;cursor:pointer;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease}.pq-close:hover{background:#ffffff1a;color:#fff}.pq-progress{padding:60px 32px 0}.pq-progress__bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.pq-progress__fill{height:100%;background:linear-gradient(90deg,#c6a46b,#dcc59f);border-radius:2px;transition:width .4s ease}.pq-progress__label{font-size:13px;color:#ffffff80;margin-top:8px;text-align:right}.pq-step{padding:32px;display:none}.pq-step.is-active{display:block;animation:pqFadeIn .3s ease}@keyframes pqFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pq-step__question{font-size:22px;font-weight:600;margin:0 0 24px;line-height:1.3;padding-right:30px;color:#fff}.pq-options{display:flex;flex-direction:column;gap:10px}.pq-option{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;text-align:left}.pq-option:hover{border-color:#c29b5880;background:#c29b5814}.pq-option.is-selected{border-color:#c29b58;background:#c29b581f}.pq-option__icon{font-size:24px;flex-shrink:0;width:32px;text-align:center;color:#fff}.pq-option__text{display:flex;flex-direction:column;gap:2px}.pq-option__label{font-size:16px;font-weight:500;color:#fff}.pq-option__desc{font-size:13px;color:#ffffff80}.pq-nav{display:flex;justify-content:space-between;align-items:center;padding:0 32px 24px}.pq-nav__back{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 0;transition:color .2s ease}.pq-nav__back:hover{color:#fff}.pq-nav__back.is-hidden{visibility:hidden}.pq-result{padding:32px;display:none}.pq-result.is-active{display:block;animation:pqFadeIn .4s ease}.pq-result__title{font-size:24px;font-weight:700;text-align:center;margin:0 0 8px;color:#fff}.pq-result__subtitle{font-size:15px;color:#fff9;text-align:center;margin:0 0 28px}.pq-result__cards{display:flex;gap:16px}.pq-result__card-wrap{flex:1;min-width:0}.pq-result__card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;text-align:center}.pq-result__card-label--primary{color:#c29b58}.pq-result__card-label--secondary{color:#ffffff80}.pq-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid transparent;transition:transform .35s ease,box-shadow .35s ease;text-decoration:none;display:block;color:#333}.pq-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px #00000029}.pq-card--primary{box-shadow:0 4px 20px #c29b5833}.pq-card__img{width:100%;aspect-ratio:1 / 1;overflow:hidden}.pq-card__img img{width:100%;height:100%;object-fit:cover;display:block}.pq-card__body{padding:16px;text-align:center}.pq-card__name{font-size:1.28rem;font-weight:600;line-height:1.25;margin:0 0 6px;min-height:2.6em;color:#333}.pq-card__price{font-size:14px;font-weight:600;color:#333;margin-bottom:14px}.pq-card__features{margin-bottom:14px}.pq-card__feature{background:#f5f1ea;border-radius:var(--button-radius, 8px);padding:14px 16px 14px 44px;font-weight:600;font-size:14px;margin-bottom:8px;position:relative;text-align:left;color:#333}.pq-card__feature:before{content:"\2713";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#c6a46b;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.pq-card__btn{display:block;width:100%;background:linear-gradient(180deg,#cdb07a,#b8965a);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.pq-card__btn:hover{color:#fff}.pq-card__score{display:inline-block;background:#f5f1ea;color:#b9a27a;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:12px}.pq-result__restart{display:block;margin:24px auto 0;background:none;border:1px solid rgba(255,255,255,.2);color:#fff9;border-radius:8px;padding:10px 24px;font-size:14px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.pq-result__restart:hover{border-color:#fff6;color:#fff}@media screen and (max-width:749px){.pq-cta{padding:28px 20px;margin-bottom:28px}.pq-cta__btn{width:100%;justify-content:center;padding:14px 24px}.pq-overlay{padding:12px;align-items:center;justify-content:center}.pq-modal{max-width:100%;max-height:90vh;border-radius:20px}.pq-step{padding:24px 20px}.pq-step__question{font-size:19px}.pq-nav{padding:0 20px 20px}.pq-close{top:10px;right:10px;width:32px;height:32px;font-size:24px;background:#0000004d}.pq-progress{padding:48px 20px 0}.pq-result{padding:24px 20px}.pq-result__cards{flex-direction:column}.pq-card__name{min-height:auto}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/pergola-quiz.css.map */
