#wp-watch-quiz{ --ink:#151515; --muted:#656565; --paper:#fff; --line:#e4e4e4; --accent:var(--ink); --danger:#414141; --control-radius:5px; }
#wp-watch-quiz *{ box-sizing:border-box; }
#wp-watch-quiz [hidden]{ display:none !important; }
#wp-watch-quiz,#wp-watch-quiz{ margin:0; width:100%; height:100%; overflow:hidden; }
#wp-watch-quiz{ -webkit-text-size-adjust:100%; }
#wp-watch-quiz{ background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
#wp-watch-quiz button,#wp-watch-quiz input,#wp-watch-quiz textarea{ font:inherit; }
#wp-watch-quiz button{ color:inherit; touch-action:manipulation; cursor:pointer; }
#wp-watch-quiz button,#wp-watch-quiz input,#wp-watch-quiz textarea{ -webkit-appearance:none; appearance:none; }
#wp-watch-quiz input[type="checkbox"]{ -webkit-appearance:auto; appearance:auto; }
#wp-watch-quiz button,#wp-watch-quiz a,#wp-watch-quiz input,#wp-watch-quiz textarea{ -webkit-tap-highlight-color:transparent; }
#wp-watch-quiz .quiz-shell{ width:100%; height:100%; margin:0 auto; background:var(--paper); position:relative; overflow:hidden; }
#wp-watch-quiz{ display:flex; align-items:center; justify-content:center; }
#wp-watch-quiz .quiz-shell{ max-width:820px; height:556px; max-height:100%; }
#wp-watch-quiz .close-button{ position:absolute; top:10px; right:10px; z-index:20; width:44px; height:44px; padding:0; border:0; background:transparent; font-size:24px; line-height:44px; isolation:isolate; }
#wp-watch-quiz .close-button::before{ content:""; position:absolute; inset:6px; border-radius:50%; background:rgba(255,255,255,.85); z-index:-1; }
#wp-watch-quiz .is-embedded .close-button{ display:none; }
#wp-watch-quiz .progress{ height:2px; position:absolute; top:0; left:0; right:0; background:#ededed; z-index:2; }
#wp-watch-quiz .progress__bar{ display:block; height:100%; background:var(--ink); }
#wp-watch-quiz .screen{ display:none; height:100%; min-height:0; position:relative; flex-direction:column; }
#wp-watch-quiz .screen.is-active{ display:flex; }
#wp-watch-quiz .screen h1[tabindex="-1"]:focus,#wp-watch-quiz .screen h2[tabindex="-1"]:focus{ outline:none; }
#wp-watch-quiz h1,#wp-watch-quiz h2,#wp-watch-quiz p{ margin:0; }
#wp-watch-quiz h1,#wp-watch-quiz h2{ font-weight:700; letter-spacing:-.025em; line-height:1.2; }
#wp-watch-quiz h1{ font-size:28px; line-height:1.16; }
#wp-watch-quiz h2{ font-size:28px; }
#wp-watch-quiz [data-fit-title] > span{ display:block; white-space:nowrap; }
#wp-watch-quiz .eyebrow,#wp-watch-quiz .step-label{ color:var(--muted); font-size:10px; line-height:14px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
#wp-watch-quiz .screen--intro{ flex-direction:row; }
#wp-watch-quiz .intro-media{ width:44%; height:100%; flex:0 0 44%; position:relative; overflow:hidden; background:#222; }
#wp-watch-quiz .intro-media picture{ position:absolute; inset:0; }
#wp-watch-quiz .intro-media img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 40%; }
#wp-watch-quiz .intro-copy{ width:56%; min-width:0; min-height:0; display:flex; flex-direction:column; }
#wp-watch-quiz .intro-content{ flex:1; min-height:0; overflow:auto; padding:64px 32px 0; }
#wp-watch-quiz .intro-lead{ margin:20px 0 22px; color:var(--muted); font-size:16px; line-height:1.5; }
#wp-watch-quiz .offer-timer{ display:flex; align-items:center; gap:14px; padding:16px 20px; border-radius:8px; background:#f3f3f3; }
#wp-watch-quiz .offer-timer svg{ width:30px; height:30px; flex:0 0 30px; }
#wp-watch-quiz .offer-timer > div{ min-width:0; padding-left:14px; border-left:1px solid #d3d3d3; }
#wp-watch-quiz .offer-timer__label{ display:block; font-size:13px; line-height:1.4; color:var(--muted); }
#wp-watch-quiz .offer-timer__value{ display:block; font-size:32px; line-height:1.2; font-variant-numeric:tabular-nums; }
#wp-watch-quiz .offer-timer.is-ended .offer-timer__value{ font-size:22px; }
#wp-watch-quiz .offer-status{ margin:10px 0; font-size:13px; line-height:1.4; color:var(--muted); }
#wp-watch-quiz .offer-status:empty{ display:none; }
#wp-watch-quiz .primary-button{ position:relative; isolation:isolate; overflow:hidden; height:48px; min-height:48px; min-width:0; padding:6px 12px; border:0; border-radius:var(--control-radius); background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; line-height:18px; font-weight:700; cursor:pointer; text-decoration:none; transition:transform 140ms ease,box-shadow 140ms ease; }
#wp-watch-quiz .primary-button i{ font-size:18px; font-style:normal; }
#wp-watch-quiz .primary-button::before,#wp-watch-quiz .primary-button::after{ content:""; position:absolute; pointer-events:none; z-index:-1; }
#wp-watch-quiz .primary-button::before{ inset:0; border-radius:inherit; background:linear-gradient(110deg,#121212 0%,#242424 28%,#444 48%,#2e2e2e 60%,#242424 78%,#121212 100%); background-size:240% 100%; background-position:100% 0; animation:bp-cta-flow 4800ms ease-in-out infinite; }
#wp-watch-quiz .primary-button::after{ inset:-40% auto -40% -70%; width:62%; background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.16) 48%,transparent 100%); transform:translateX(0) skewX(-16deg); opacity:0; animation:bp-cta-sweep 4800ms cubic-bezier(.22,.8,.32,1) infinite; }
#wp-watch-quiz .primary-button.is-intent::after{ animation:bp-cta-intent 1100ms cubic-bezier(.22,.8,.32,1) both; }
#wp-watch-quiz .primary-button:hover{ box-shadow:0 4px 14px rgba(0,0,0,.14); }
#wp-watch-quiz .primary-button:active{ transform:translateY(1px); }
#wp-watch-quiz .primary-button:disabled{ opacity:.6; cursor:wait; }
#wp-watch-quiz button:focus-visible,#wp-watch-quiz a:focus-visible,#wp-watch-quiz input:focus-visible,#wp-watch-quiz textarea:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
#wp-watch-quiz .screen-inner{ flex:1; min-height:0; width:100%; padding:28px 32px 20px; overflow:auto; scrollbar-width:thin; }
#wp-watch-quiz .question-head{ margin-bottom:22px; }
#wp-watch-quiz .question-head .step-label{ display:block; padding-right:44px; }
#wp-watch-quiz .question-head h2{ margin-top:18px; }
#wp-watch-quiz .question-head p{ margin-top:8px; font-size:13px; line-height:1.45; color:var(--muted); }
#wp-watch-quiz .choice-grid{ display:grid; gap:10px; width:100%; max-width:620px; margin:0 auto; }
#wp-watch-quiz .choice-grid--audiences,#wp-watch-quiz .choice-grid--quality{ grid-template-columns:minmax(0,1fr); }
#wp-watch-quiz .choice{ position:relative; min-width:0; border:1px solid var(--line); border-radius:var(--control-radius); background:#fff; color:var(--ink); text-align:left; font-size:14px; line-height:1.35; font-weight:600; }
#wp-watch-quiz .choice.is-selected{ border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
#wp-watch-quiz .choice.is-selected::after{ content:"✓"; position:absolute; top:calc(50% - 9px); right:10px; font-size:16px; line-height:18px; font-weight:700; }
#wp-watch-quiz .choice--quality{ min-height:82px; padding:14px 30px 14px 12px; display:flex; align-items:center; gap:10px; }
#wp-watch-quiz .choice--quality > span{ min-width:0; }
#wp-watch-quiz .quality-emoji{ width:26px; flex:0 0 26px; font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif; font-size:23px; line-height:1.2; font-style:normal; text-align:center; }
#wp-watch-quiz .choice--quality b{ display:block; font-size:14px; line-height:1.35; font-weight:600; }
#wp-watch-quiz .choice--quality em{ display:block; margin-top:5px; font-size:13px; line-height:1.4; font-style:normal; font-weight:400; white-space:nowrap; color:var(--muted); }
#wp-watch-quiz .choice-grid--categories{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#wp-watch-quiz .choice-grid--categories .choice{ min-height:60px; padding:12px 16px; display:flex; align-items:center; gap:8px; }
#wp-watch-quiz .choice-grid--categories .choice.is-selected::after{ top:3px; right:5px; font-size:11px; }
#wp-watch-quiz .category-icon,#wp-watch-quiz .other-icon{ display:block; width:20px; height:20px; flex:0 0 20px; }
#wp-watch-quiz .other-icon{ text-align:center; font-size:22px; line-height:20px; font-weight:400; }
#wp-watch-quiz .other-field{ display:block; width:100%; max-width:620px; margin:0 auto; }
#wp-watch-quiz .other-field > span{ display:block; margin-bottom:8px; font-size:13px; font-weight:600; }
#wp-watch-quiz .other-field textarea{ display:block; resize:none; width:100%; height:236px; padding:12px; border:1px solid #cfcfcf; border-radius:var(--control-radius); font-size:16px; line-height:1.5; color:var(--ink); background:#fff; }
#wp-watch-quiz .quiz-nav{ flex:0 0 76px; min-height:76px; width:100%; padding:11px 32px 16px; border-top:1px solid var(--line); background:#fff; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:12px; }
#wp-watch-quiz .quiz-nav--single{ display:flex; }
#wp-watch-quiz .quiz-nav--single .primary-button{ width:100%; justify-content:space-between; padding-left:16px; padding-right:16px; font-size:15px; }
#wp-watch-quiz .intro-copy .quiz-nav{ border-top:0; }
#wp-watch-quiz .screen--form .quiz-nav--single .primary-button{ max-width:460px; margin:0 auto; }
#wp-watch-quiz .screen--thanks .quiz-nav--single .primary-button{ max-width:320px; margin:0 auto; }
#wp-watch-quiz .back-button{ width:100%; height:48px; padding:6px 10px; border:1px solid #bdbdbd; border-radius:var(--control-radius); background:transparent; color:#292929; font-size:14px; line-height:18px; white-space:nowrap; }
#wp-watch-quiz .back-button:hover{ border-color:#707070; }
#wp-watch-quiz .screen-error,#wp-watch-quiz .form-error{ font-size:12px; line-height:1.4; color:var(--danger); }
#wp-watch-quiz .screen-error:not(:empty),#wp-watch-quiz .form-error:not(:empty){ margin-top:10px; }
#wp-watch-quiz .form-layout{ display:flex; flex-direction:column; width:100%; height:100%; min-height:0; margin:0; }
#wp-watch-quiz .form-card{ flex:1; min-height:0; width:100%; max-width:524px; align-self:center; overflow:auto; padding:28px 32px 20px; scrollbar-width:thin; }
#wp-watch-quiz .form-heading{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding-right:40px; }
#wp-watch-quiz .discount-note{ font-size:10px; font-weight:600; white-space:nowrap; }
#wp-watch-quiz .form-card h2{ margin:18px 0 22px; }
#wp-watch-quiz .form-card > label{ display:block; margin-bottom:12px; }
#wp-watch-quiz .form-card > label > span,#wp-watch-quiz legend{ display:block; margin-bottom:6px; font-size:12px; line-height:1.4; font-weight:600; color:#555; }
#wp-watch-quiz .form-card input[type="text"],#wp-watch-quiz .form-card input[type="tel"]{ width:100%; min-width:0; height:46px; padding:0 12px; border:1px solid var(--line); border-radius:var(--control-radius); color:var(--ink); background:#fff; font-size:16px; }
#wp-watch-quiz input::placeholder,#wp-watch-quiz textarea::placeholder{ color:#7a7a7a; opacity:1; }
#wp-watch-quiz .form-card fieldset{ margin:14px 0 8px; padding:0; border:0; }
#wp-watch-quiz .form-card legend small{ margin-left:5px; font-size:11px; font-weight:400; }
#wp-watch-quiz .messengers{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#wp-watch-quiz .messengers label{ cursor:pointer; position:relative; min-width:0; }
#wp-watch-quiz .messengers input{ position:absolute; opacity:0; }
#wp-watch-quiz .messengers .messenger-option{ min-height:58px; padding:8px 4px; border:1px solid var(--line); border-radius:var(--control-radius); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; font-size:11px; font-weight:600; white-space:nowrap; }
#wp-watch-quiz .messenger-icon{ display:block; width:18px; height:18px; flex:0 0 18px; }
#wp-watch-quiz .messenger-icon--telegram{ color:#2481b6; }
#wp-watch-quiz .messenger-icon--whatsapp{ color:#128c4a; }
#wp-watch-quiz .messenger-icon--viber{ color:#7360f2; }
#wp-watch-quiz .messengers input:checked + span{ border-color:#999; background:transparent; }
#wp-watch-quiz .messengers input:checked + span::after{ content:'✓'; position:absolute; top:2px; right:4px; font-size:10px; line-height:12px; }
#wp-watch-quiz .messengers input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:2px; }
#wp-watch-quiz .form-card > .consent{ display:flex; align-items:flex-start; gap:8px; min-height:44px; padding:12px 0; margin:8px 0 0; }
#wp-watch-quiz .consent input{ width:16px; height:16px; flex:0 0 16px; margin:1px 0 0; accent-color:var(--ink); }
#wp-watch-quiz .form-card > .consent > span{ margin:0; font-size:12px; line-height:18px; font-weight:400; color:var(--muted); }
#wp-watch-quiz .consent a{ color:inherit; }
#wp-watch-quiz .honeypot{ position:absolute !important; left:-10000px; }
#wp-watch-quiz .thanks-card{ flex:1; min-height:0; overflow:auto; padding:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
#wp-watch-quiz .thanks-illustration{ display:block; width:174px; height:174px; object-fit:contain; }
#wp-watch-quiz .thanks-card picture{ flex:0 0 auto; margin-bottom:16px; }
#wp-watch-quiz .thanks-card .eyebrow{ margin-bottom:10px; }
#wp-watch-quiz .thanks-card h2{ max-width:430px; }
#wp-watch-quiz .thanks-card p{ margin-top:14px; color:var(--muted); font-size:14px; line-height:1.5; max-width:360px; }
#wp-watch-quiz .thanks-card .lead-number{ font-size:10px; margin-top:8px; overflow-wrap:break-word; }
@media(max-width:720px){#wp-watch-quiz h2{ font-size:24px; }
#wp-watch-quiz .screen--intro{ flex-direction:column; }
#wp-watch-quiz .intro-media{ width:100%; height:var(--quiz-photo-height,250px); flex:0 0 var(--quiz-photo-height,250px); }
#wp-watch-quiz .intro-copy{ width:100%; flex:1; }
#wp-watch-quiz .intro-content{ padding:16px 16px 0; }
#wp-watch-quiz .intro-lead{ margin:10px 0 14px; font-size:14px; }
#wp-watch-quiz .offer-timer{ padding:10px 14px; }
#wp-watch-quiz .offer-timer__value{ font-size:28px; }
#wp-watch-quiz .screen-inner,#wp-watch-quiz .form-card{ padding:24px 16px 16px; }
#wp-watch-quiz .quiz-nav{ padding-left:16px; padding-right:16px; }
#wp-watch-quiz .quiz-nav:not(.quiz-nav--single) .primary-button i{ display:none; }
#wp-watch-quiz .choice-grid--categories .choice{ min-height:64px; padding:10px; font-size:13px; }
#wp-watch-quiz .thanks-card h2{ font-size:26px; }}
@media(max-height:450px){#wp-watch-quiz .intro-content{ padding-top:20px; }
#wp-watch-quiz .thanks-card{ justify-content:flex-start; }
#wp-watch-quiz .thanks-illustration{ width:100px; height:100px; }}
@keyframes bp-cta-flow{ 0%,100% { background-position:100% 0; } 50% { background-position:0% 0; } }
@keyframes bp-cta-sweep{ 0%,8% { transform:translateX(0) skewX(-16deg); opacity:0; } 15% { opacity:1; } 45%,100% { transform:translateX(450%) skewX(-16deg); opacity:0; } }
@keyframes bp-cta-intent{ from { transform:translateX(0) skewX(-16deg); opacity:0; } 20% { opacity:1; } to { transform:translateX(450%) skewX(-16deg); opacity:0; } }
@media(prefers-reduced-motion:reduce){#wp-watch-quiz .primary-button::before,#wp-watch-quiz .primary-button::after{ animation:none !important; display:none; }
#wp-watch-quiz .primary-button{ transition:none; }
#wp-watch-quiz .primary-button:active{ transform:none; }
#wp-watch-quiz *,#wp-watch-quiz *::before,#wp-watch-quiz *::after{ scroll-behavior:auto !important; }}
#wp-watch-quiz .telegram-note{ margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
#wp-watch-quiz{font-family:var(--s-font,'WP2 Manrope',Arial,sans-serif);height:calc(100svh - 108px);min-height:500px;max-height:900px;overflow:hidden}
#wp-watch-quiz .quiz-shell{height:100%;max-height:100%;max-width:820px}
#wp-watch-quiz .screen h1[tabindex="-1"]:focus,#wp-watch-quiz .screen h2[tabindex="-1"]:focus{outline:none}
#wp-watch-quiz .quiz-summary{display:grid;gap:16px;margin-top:22px}
#wp-watch-quiz .quiz-summary div{padding-bottom:14px;border-bottom:1px solid var(--line)}
#wp-watch-quiz .quiz-summary dt{font-weight:600;font-size:12px;color:var(--muted);margin-bottom:5px}
#wp-watch-quiz .quiz-summary dd{margin:0;font-size:14px;line-height:1.5}
#wp-watch-quiz .watch-result-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;width:100%;max-width:520px}
#wp-watch-quiz .watch-result-items a{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:11px;text-decoration:none;min-width:0}
#wp-watch-quiz .watch-result-items img{height:100px;width:100%;object-fit:contain;background:#f8fafc;border-radius:6px}
@media(min-width:721px){#wp-watch-quiz{height:556px;margin:0 auto}}
@media(max-width:720px){#wp-watch-quiz{height:calc(100svh - 114px);min-height:540px}.watch-result-items{gap:7px}}