/* Локальный просмотр: форма отзыва; вход только через E-Mail; без баннера куков */ /* Мгновенное отображение: без поэтапных анимаций / fade-in (класс на ставит evaluate-local.js) */ html.spliff-evaluate-instant #__next, html.spliff-evaluate-instant #__next * { animation-duration: 0.001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; transition-delay: 0s !important; } html.spliff-evaluate-instant .fade-in-children_container__R9JIh, html.spliff-evaluate-instant .fade-in-children_container__R9JIh > * { opacity: 1 !important; transform: none !important; animation: none !important; filter: none !important; } html.spliff-evaluate-instant [class*="fade-in-children"] [class*="fade-in"] { opacity: 1 !important; animation: none !important; transform: none !important; } /* Один ряд звёзд: Lottie/SVG над интерактивным блоком — дубликат визуала */ [data-testid="star-selector-animation"], [class*="star-selector-animation_animationContainer"] { display: none !important; visibility: hidden !important; pointer-events: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html.spliff-evaluate-instant [class*="star-selector-row"][class*="transitioning"] { opacity: 1 !important; } html.spliff-evaluate-instant [class*="star-selector-row"] [class*="animationEnabled"] { opacity: 1 !important; } /* * Зоны клика = геометрия SVG stars-*.svg (viewBox 512×96): * звезда 96px, зазор 8px → границы зон по центрам промежутков (px/512). */ [class*="star-selector-row_starRatingSelector"] > div { position: relative; width: 100%; max-width: 260px; aspect-ratio: 512 / 96; cursor: pointer; touch-action: manipulation; } [class*="star-selector_starSelector"] { position: relative; z-index: 2; width: 100%; height: 100%; display: block !important; } input[name="star-selector"][type="radio"] { position: absolute !important; top: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; /* Клик обрабатывает evaluate-local.js по координате (совпадает с SVG) */ pointer-events: none !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; opacity: 0 !important; z-index: 3 !important; } /* 0–100, 100–204, 204–308, 308–412, 412–512 */ input[name="star-selector"][type="radio"][value="1"] { left: 0 !important; width: 19.53125% !important; } input[name="star-selector"][type="radio"][value="2"] { left: 19.53125% !important; width: 20.3125% !important; } input[name="star-selector"][type="radio"][value="3"] { left: 39.84375% !important; width: 20.3125% !important; } input[name="star-selector"][type="radio"][value="4"] { left: 60.15625% !important; width: 20.3125% !important; } input[name="star-selector"][type="radio"][value="5"] { left: 80.46875% !important; width: 19.53125% !important; } [class*="star-rating_starRating"] { position: absolute; inset: 0; z-index: 1; display: block !important; pointer-events: none !important; } [class*="star-rating_starRating"] img { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; pointer-events: none !important; } #__next, .layout_wrapper__L5QV1, .layout_content__B5t3Q, main.layout_content__B5t3Q, .business-unit_container__gV3FO, .business-unit_content__bUX78, .business-unit_formSpacing__3zeQt, .fade-in-children_container__R9JIh { overflow: visible !important; max-height: none !important; } /* OneTrust / Cookie — не показывать */ #onetrust-consent-sdk, #onetrust-banner-sdk, #onetrust-pc-sdk, #onetrust-style, .onetrust-pc-dark-filter, .ot-floating-button, #ot-sdk-btn-floating, #ot-sdk-container, [id^="onetrust-button"], iframe[src*="cdn.cookielaw.org"], iframe[src*="onetrust"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; max-height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; clip: rect(0, 0, 0, 0) !important; z-index: -1 !important; } .styles_wrapper__OUaQA { overflow: visible !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; box-sizing: border-box !important; padding-bottom: 32px !important; min-height: 120px !important; } .styles_wrapper__OUaQA > h3, .styles_wrapper__OUaQA > p { width: 100% !important; max-width: 420px !important; } /* Google / Facebook / Apple */ .authentication_authentication__yhJrJ, .authentication-container_authentication__uAskw { display: none !important; } #spliff-local-sso-fallbacks, .spliff-fallback-btn { display: none !important; } /* «Weiter mit E-Mail-Adresse» — явно поверх вёрстки Trustpilot */ .styles_wrapper__OUaQA > button[data-reveal-email-flow-button="true"], .styles_wrapper__OUaQA > button[name="reveal-email-flow"], .styles_wrapper__OUaQA button.email-reveal-button_revealEmailButton__6coPV { display: inline-block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 10 !important; flex-shrink: 0 !important; min-height: 44px !important; margin: 16px auto 0 !important; padding: 8px 12px !important; width: auto !important; max-width: 100% !important; cursor: pointer !important; font-size: 16px !important; line-height: 1.4 !important; } /* Кнопка могла оказаться внутри скрытого блока после гидрации — см. evaluate-local.js */ button[data-reveal-email-flow-button="true"], button[name="reveal-email-flow"] { display: inline-block !important; visibility: visible !important; opacity: 1 !important; } /* Форма e-mail скрыта до клика по кнопке-раскрытию (не submit внутри формы) */ html.spliff-evaluate-instant:not(.spliff-email-revealed) .styles_wrapper__OUaQA form:has(#email-lookup) { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; width: 1px !important; clip: rect(0, 0, 0, 0) !important; } html.spliff-email-revealed .styles_wrapper__OUaQA > form:has(#email-lookup), html.spliff-email-revealed .styles_wrapper__OUaQA form:has(#email-lookup) { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 340px !important; margin-top: 12px !important; position: relative !important; z-index: 10 !important; height: auto !important; overflow: visible !important; pointer-events: auto !important; clip: auto !important; } /* После раскрытия прячем дублирующую кнопку-ссылку; остаётся submit «Weiter…» в форме */ html.spliff-email-revealed .styles_wrapper__OUaQA button[data-reveal-email-flow-button="true"][name="reveal-email-flow"] { display: none !important; }