low: hidden; margin: 10px 10px 0; border: 1px solid var(--nva-line); border-radius: 18px; background: var(--nva-bg-soft); } .nva-popup-media::after { content: ""; position: absolute; z-index: 2; top: -25%; bottom: -25%; left: -65%; width: 34%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.76), transparent); filter: blur(2px); pointer-events: none; animation: nva-popup-shine 3.6s ease-in-out infinite; } .nva-popup-banner { display: block; width: 100%; height: auto; max-height: 54vh; object-fit: contain; } .nva-popup-copy { padding: 20px 24px 24px; text-align: center; } .nva-popup-eyebrow { margin: 0 0 7px; color: var(--nva-accent-strong) !important; font-size: 20px; font-weight: 1000; letter-spacing: 0.2em; } .nva-popup-title { margin: 0 0 8px; color: var(--nva-ink); font-family: var(--nva-font); font-size: clamp(21px, 4vw, 29px); font-weight: 850; line-height: 1.2; letter-spacing: -0.03em; } .nva-popup-copyright { margin: 0 auto 18px; color: var(--nva-muted) !important; font-size: 20px; line-height: 1.55; } .nva-popup-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; } .nva-popup-button { min-height: 48px; display: flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid var(--nva-line-strong); border-radius: 13px; color: var(--nva-accent-strong) !important; font-family: var(--nva-font); font-size: 13px; font-weight: 850; letter-spacing: 0.08em; text-decoration: none !important; text-transform: uppercase; } .nva-popup-login { background: var(--nva-surface-tint); } .nva-popup-register { color: #fff !important; border-color: transparent; background: linear-gradient(135deg, var(--nva-accent), var(--nva-accent-strong)); box-shadow: 0 12px 28px rgba(223, 98, 74, 0.26); } .nva-popup-button:hover, .nva-popup-button:focus { transform: translateY(-2px); filter: brightness(1.05); } @keyframes nva-popup-shine { 0%, 15% { left: -65%; opacity: 0; } 28% { opacity: 1; } 56% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } @media (max-width: 900px) { .nva-light-page #content > .grid-container > div { grid-template-columns: 1fr; gap: 22px; } .nva-light-page .content-s, .nva-light-page .pricebox-container, .nva-light-page .nva-content-card { grid-column: 1 !important; grid-row: auto; } .nva-light-page .nva-content-card { grid-template-columns: 1fr; } .nva-light-page .nva-product-title, .nva-light-page .nva-product-title + p, .nva-light-page .nva-product-title ~ h2:not(.nva-faq-title), .nva-light-page .nva-product-title ~ h2:not(.nva-faq-title) + p, .nva-light-page .nva-product-title ~ ul, .nva-light-page .nva-faq-title, .nva-light-page .nva-faq { grid-column: 1 !important; } .nva-light-page .nva-product-title ~ ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nva-light-page .nva-faq { grid-template-columns: 1fr; } .nva-light-page .nva-faq-item:last-child { grid-column: 1; } .nva-light-page .sidebar-l, .nva-light-page .sidebar-right { grid-column: 1; } .nva-light-page .pricebox-container { position: static; } .nva-light-page .purchase-form__support ul { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { body.nva-light-page { padding-bottom: 84px; } .nva-light-page .grid-container, .nva-light-page .global-header__wrapper, .nva-light-page .page-tabs ul { width: min(100% - 28px, 1180px) !important; } .nva-light-page .context-header { padding: 26px 0 28px !important; background: linear-gradient(145deg, #551616 0 78%, #13a11b 78% 100%) !important; } .nva-light-page .context-header::before { top: 14px; right: 12px; width: 170px; height: 86px; opacity: 0.13; } .nva-light-page .item-header__title h1, .nva-light-page .item-header__title .nva-mobile-title { font-size: clamp(1.8rem, 8vw, 2.55rem) !important; } .nva-light-page .content-main { padding-top: 30px !important; } .nva-light-page .nva-content-card { padding: 29px 20px !important; border-radius: 23px !important; } .nva-light-page .nva-product-title { min-height: 220px; padding: 25px 20px; } .nva-light-page .nva-product-title ~ ul { grid-template-columns: 1fr; } .nva-light-page .purchase-form__support ul { grid-template-columns: 1fr; } .nva-light-page .nva-mobile-dock { bottom: 8px !important; width: calc(100% - 16px); border-radius: 18px !important; } } @media (max-width: 600px) { .nva-shine-popup { padding: 12px; } .nva-popup-card { max-height: calc(100vh - 24px); border-radius: 20px; } .nva-popup-media { margin: 8px 8px 0; border-radius: 14px; } .nva-popup-copy { padding: 17px 16px 18px; } .nva-popup-banner { max-height: 50vh; } .nva-popup-actions { grid-template-columns: 1fr; } } @media (max-width: 520px) { .nva-light-page .breadcrumbs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; } .nva-light-page .breadcrumbs::-webkit-scrollbar { display: none; } .nva-light-page .breadcrumbs a { flex: 0 0 auto; } .nva-light-page .item-header__details-section > div { width: 100%; justify-content: center; } .nva-light-page .nva-action-grid, .nva-light-page .item-preview__preview-buttons { grid-template-columns: 1fr; } .nva-light-page .nva-faq-question { padding-left: 16px !important; font-size: 14px !important; } .nva-light-page .nva-mobile-dock a { font-size: 10px !important; } } @media (prefers-reduced-motion: reduce) { .nva-light-page *, .nva-light-page *::before, .nva-light-page *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }