:root{--accent:#f07820;--background:#fffaf5;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--background);color:#1d1d1f;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}#landing-root{max-width:920px;margin:0 auto;min-height:100vh}.loading,.error{text-align:center;padding:80px 15px}.lp-section{padding:50px 24px;text-align:center;background:white;margin:12px 0;border-radius:16px}.lp-section h2{font-size:clamp(25px,4.2vw,40px);line-height:1.16;margin:0 0 14px}.subtitle{font-size:19px;color:#575757}.product-image{display:block;max-width:100%;max-height:580px;object-fit:contain;border-radius:10px;margin:22px auto}.price{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:18px auto}.old-price{color:#777;font-size:20px}.new-price{color:#d34d13;font-size:31px}.discount{background:#ffe3cf;color:#b63d00;padding:3px 11px;border-radius:30px;font-weight:700}.note{width:100%;margin:0;color:#666}.timer{padding:12px;border-radius:8px;background:#fff4e9;margin:16px auto;max-width:350px}.cta,.shop-link{display:inline-block;background:var(--accent);border:0;color:white;border-radius:12px;padding:14px 35px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:22px 0}.entry{padding:20px;background:#f6f6f6;border-radius:10px;overflow-wrap:anywhere}.entry p{margin-bottom:0}.step{display:block;color:var(--accent);font-size:28px;font-weight:800}.stars{display:block;color:#d88600}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.gallery img{max-height:300px}.body-text{white-space:pre-line;text-align:left;max-width:680px;margin:auto}.lp-section video{width:100%;max-width:700px}.notice{color:#835000;font-size:14px}.footer{padding:36px;text-align:center;color:#5c5c5c}.lp-section{opacity:1}.anim-fade-up,.anim-fade-left,.anim-zoom{opacity:0;transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}.anim-fade-up{transform:translateY(22px)}.anim-fade-left{transform:translateX(-20px)}.anim-zoom{transform:scale(.97)}.lp-section.visible{opacity:1;transform:none}@media(max-width:600px){.lp-section{margin:0 0 8px;border-radius:0;padding:36px 18px}.entries{grid-template-columns:1fr}.price{gap:10px}.new-price{font-size:29px}}@media(prefers-reduced-motion:reduce){.lp-section{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}} /* Stage 4 independent theme skins — existing pages default to Classic AK */ #landing-root{max-width:var(--page-width,920px)} body{color:var(--text-color,#1d1d1f)} body.theme-lamp{background:#0a0a0a;color:#f2ede6} body.theme-lamp .lp-section{background:linear-gradient(145deg,#161208,#0a0a0a);color:#f2ede6;border:1px solid #362b18;border-radius:var(--radius,10px);margin:10px 0} body.theme-lamp .lp-section h2{color:#ffb347;text-shadow:0 0 20px #ffb34744} body.theme-lamp .subtitle,body.theme-lamp .footer,body.theme-lamp .note{color:#c4b49d} body.theme-lamp .entry{background:#211b14;color:#f2ede6;border:1px solid #574123} body.theme-lamp .timer{background:#21180d;color:#f0c419;border:1px solid #b98221} body.theme-lamp .new-price{color:#ffb347} body.theme-lamp .old-price{color:#afa190} body.theme-lamp .discount{background:#4e210e;color:#ffd2ae} .cta{background:var(--button-color,var(--accent));border-radius:var(--radius,12px);position:relative;overflow:hidden} body[data-cta-effect="glow"] .cta{animation:landing-glow 2.4s ease-in-out infinite} body[data-cta-effect="pulse"] .cta{animation:landing-pulse 2s ease-in-out infinite} body[data-cta-effect="shine"] .cta{background-image:linear-gradient(105deg,transparent 30%,#ffffff77 50%,transparent 70%);background-size:250% 100%;animation:landing-shine 2.7s linear infinite} @keyframes landing-glow{50%{box-shadow:0 0 22px 8px #ed5b5366}} @keyframes landing-pulse{50%{transform:scale(1.05)}} @keyframes landing-shine{to{background-position:-250% 0}} .lp-carousel{position:relative;max-width:700px;margin:24px auto}.lp-carousel img{width:100%;height:auto;max-height:490px;object-fit:contain;display:block}.lp-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px}.lp-carousel-controls button{border:1px solid #957346;background:var(--button-color,var(--accent));color:#fff;border-radius:50%;height:42px;width:42px;cursor:pointer}.lp-carousel-controls span{font-size:14px}.lp-video-trigger{display:inline-block;border:none;background:var(--button-color,var(--accent));color:white;font:inherit;font-weight:700;padding:13px 24px;border-radius:12px;cursor:pointer;margin:14px}.lp-video-dialog{border:0;background:#101010;color:white;max-width:min(90vw,850px);width:100%;padding:18px;border-radius:12px}.lp-video-dialog::backdrop{background:#000b}.lp-video-dialog video{width:100%}.lp-video-close{background:#3b3b3b;color:white;border:0;padding:10px 16px;border-radius:7px;cursor:pointer} @media(max-width:600px){#landing-root{width:100%}body.theme-lamp .lp-section{border-radius:0;margin:0 0 8px}} @media(prefers-reduced-motion:reduce){.cta{animation:none!important}} /* Stage 6: standalone landing checkout; no ordinary cart/UI impact */ .lp-order-form{text-align:left;max-width:540px;margin:12px auto 0;display:grid;gap:14px} .lp-order-form label{display:grid;gap:5px;font-size:14px;font-weight:600} .lp-order-form input,.lp-order-form select,.lp-order-form textarea{width:100%;border:1px solid #a6a6a6;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#222;min-height:46px} .lp-order-form input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)} .lp-order-form .lp-check{display:flex;align-items:flex-start;gap:9px;font-weight:400} .lp-order-form .lp-check input{flex:none;margin-top:4px} .lp-order-form .lp-results{max-width:100%;min-height:45px;font-size:15px} .lp-order-form .lp-results option{white-space:normal} .lp-order-form .lp-status{min-height:20px;font-size:14px;overflow-wrap:anywhere} .lp-order-form button[type=submit]{background:var(--button-color,var(--accent));color:#fff;font:inherit;font-weight:750;padding:14px;border:0;border-radius:var(--radius,12px);cursor:pointer} .lp-order-form button:disabled{opacity:.55;cursor:not-allowed} .lp-order-form .lp-total{font-size:20px;font-weight:750;text-align:center} body.theme-lamp .lp-order-form label,body.theme-lamp .lp-order-form .lp-total{color:#f2ede6} body.theme-lamp .lp-order-form .lp-status{color:#ffca7c} /* Stage 7A: Checkout inherits the selected landing's palette; scoped to landing only. */ .lp-checkout{--lp-field-bg:#fffaf4;--lp-field-border:#dacbbd;--lp-field-color:#262019;--lp-field-placeholder:#75685d;--lp-label:var(--text-color,#202020);--lp-form-card:#fff9f2;--lp-form-outline:#e7d4be;color:var(--lp-label)} .theme-lamp .lp-checkout{--lp-field-bg:#211a12;--lp-field-border:#84602c;--lp-field-color:#fff0da;--lp-field-placeholder:#b8a085;--lp-label:#f2ede6;--lp-form-card:#17120d;--lp-form-outline:#5b3d1c} .lp-order-form{background:var(--lp-form-card);border:1px solid var(--lp-form-outline);padding:clamp(16px,4vw,30px);border-radius:18px;max-width:560px;color:var(--lp-label)} .lp-order-form label{color:var(--lp-label)} .lp-order-form input:not([type=checkbox]),.lp-order-form select,.lp-order-form textarea{background:var(--lp-field-bg);border:1px solid var(--lp-field-border);color:var(--lp-field-color);min-height:50px;border-radius:11px;transition:border-color .2s ease,box-shadow .2s ease} .lp-order-form input::placeholder,.lp-order-form textarea::placeholder{color:var(--lp-field-placeholder)} .lp-order-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)} .lp-order-form select option{background:var(--lp-field-bg);color:var(--lp-field-color)} .lp-order-form .lp-total{color:var(--lp-label)} .lp-order-form button[type=submit]{width:100%;min-height:58px;border-radius:32px;background:var(--button-color,var(--accent));box-shadow:0 5px 22px color-mix(in srgb,var(--button-color,var(--accent)) 35%,transparent);font-size:18px} .lp-review-carousel{max-width:580px;margin:22px auto}.lp-review-slide{max-width:100%;text-align:center;min-height:125px}.lp-review-slide[hidden]{display:none!important}.lp-review-photo{width:100%;max-height:350px;object-fit:contain;border-radius:12px;margin:0 auto 14px;display:block}.lp-review-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}.lp-review-controls button{height:42px;width:42px;border-radius:50%;border:1px solid var(--accent);background:var(--button-color,var(--accent));color:white;font-size:25px;cursor:pointer}.lp-review-controls span{font-size:14px;min-width:42px}.theme-lamp .lp-review-slide{background:#211b14;color:#f2ede6;border:1px solid #574123} @media(max-width:600px){.lp-order-form{padding:16px;margin:10px auto}.lp-review-photo{max-height:290px}} @media(prefers-reduced-motion:reduce){.lp-order-form input,.lp-order-form select,.lp-order-form textarea{transition:none}} /* Stage 7B: seamless Classic Lamp, full-frame gallery, feature hover, distinct rows. */ body.theme-lamp #landing-root{background:#0a0a0a} body.theme-lamp .lp-section,body.theme-lamp .lp-section:nth-child(even){background:#0a0a0a!important;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important} body.theme-lamp .lp-section:not([data-block="hero"]){padding-block:34px} body.theme-lamp .lp-section[data-block="gallery"]{padding-left:0;padding-right:0} body.theme-lamp .lp-section[data-block="gallery"]>h2,body.theme-lamp .lp-section[data-block="gallery"]>.subtitle{padding-inline:20px} body.theme-lamp .lp-carousel{width:100%;max-width:none;margin:14px 0 0;aspect-ratio:4 / 5;overflow:hidden;position:relative;background:#111} body.theme-lamp .lp-carousel>.product-image{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;border-radius:0;margin:0} body.theme-lamp .lp-carousel-controls{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 10px;pointer-events:none} body.theme-lamp .lp-carousel-controls button{pointer-events:auto;width:48px;height:48px;font-size:33px;border:1px solid #ffb34799;background:#090909bb;color:#ffd68b;backdrop-filter:blur(4px);transition:background .2s,box-shadow .2s,transform .2s} body.theme-lamp .lp-carousel-controls button:hover{background:#292018;box-shadow:0 0 16px #ffb34788;transform:scale(1.08)} body.theme-lamp .lp-carousel-controls span{display:none} body.theme-lamp .entries.lp-benefits-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.theme-lamp .entries.lp-benefits-rows{display:grid;grid-template-columns:1fr;gap:7px;text-align:left} body.theme-lamp .entries.lp-benefits-rows>.entry{background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 14px;display:flex;align-items:baseline;gap:7px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s} body.theme-lamp .entries.lp-benefits-rows>.entry strong{color:#ffb347;flex:none} body.theme-lamp .entries.lp-benefits-rows>.entry p{margin:0} body.theme-lamp :is(.entries.lp-benefits-cards>.entry,.entries.lp-benefits-rows>.entry,[data-block="steps"] .entry,[data-block="specifications"] .entry){transition:background .25s,border-color .25s,box-shadow .25s,transform .25s} @media(hover:hover){body.theme-lamp :is(.entries.lp-benefits-cards>.entry,.entries.lp-benefits-rows>.entry,[data-block="steps"] .entry,[data-block="specifications"] .entry):hover{border-color:#ffb347;box-shadow:0 0 24px #ffb34733;transform:translateY(-2px)}body.theme-lamp :is([data-block="steps"],[data-block="benefits"],[data-block="specifications"])>h2:hover{text-shadow:0 0 22px #ffb347a0}} body.theme-lamp :is(.entries.lp-benefits-cards>.entry,.entries.lp-benefits-rows>.entry,[data-block="steps"] .entry,[data-block="specifications"] .entry):focus-within{outline:2px solid #ffb347} body.theme-lamp .lp-clock{max-width:480px;background:#0a0a0a;border:0;padding:12px 5px;margin:16px auto} body.theme-lamp .lp-timer-label{font-size:17px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;color:#e3b069;margin-bottom:16px} body.theme-lamp .lp-clock-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} body.theme-lamp .lp-clock-cell{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1d140a;border:2px solid #634015;border-radius:14px;min-height:105px;box-shadow:0 0 15px #ff9f2819} body.theme-lamp .lp-clock-value{font-size:clamp(35px,9vw,52px);line-height:1;color:#ffa02e;text-shadow:0 0 18px #ff992755;font-weight:900;font-variant-numeric:tabular-nums} body.theme-lamp .lp-clock-unit{font-size:12px;letter-spacing:1px;color:#c9b7a1;text-transform:uppercase;font-weight:700;margin-top:8px} @media(max-width:600px){body.theme-lamp .entries.lp-benefits-cards{grid-template-columns:repeat(2,minmax(0,1fr))}body.theme-lamp .entries.lp-benefits-rows>.entry{display:block}body.theme-lamp .lp-clock-cell{min-height:92px}body.theme-lamp .lp-carousel-controls button{height:44px;width:44px}} @media(prefers-reduced-motion:reduce){body.theme-lamp :is(.entry,.lp-carousel-controls button){transition:none!important;transform:none!important}} /* Stage 7C: keep the anti-spam honeypot and dynamic search lists truly hidden */ .lp-order-form [hidden], .lp-checkout [hidden] { display: none !important; } /* Footer is deliberately separate from product content, with accessible links */ .lp-legal-footer { padding: 28px 18px 40px; text-align: center; background: var(--background); color: var(--text-color, #1d1d1f); } .lp-legal-footer .lp-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 15px auto 0; max-width: 620px; } .lp-legal-footer a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; font-size: 14px; } .lp-legal-footer a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; } body.theme-lamp, body.theme-lamp #landing-root, body.theme-lamp .lp-section, body.theme-lamp .lp-section:nth-child(even) { background: var(--background) !important; } /* Stage 8: opt-in uniform section backgrounds. Legacy pages remain unchanged. */ body[data-unified-sections="true"] #landing-root .lp-section,body[data-unified-sections="true"] #landing-root .lp-section:nth-child(even),body.theme-lamp[data-unified-sections="true"] #landing-root .lp-section{background:var(--section-bg)!important;background-image:none!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;margin-bottom:0!important} body #landing-root .lp-section[data-custom-bg="true"]{background:var(--block-bg)!important;background-image:none!important} body[data-unified-sections="true"] #landing-root .lp-section h2{color:var(--heading-color)!important;text-shadow:none} .lp-icon{display:inline-block;flex:0 0 auto;width:26px;height:26px;vertical-align:middle;color:var(--icon-color,var(--accent));margin-right:10px} .lp-icon-emoji{font-size:24px;line-height:1.1;width:auto;min-width:26px} .lp-icon-img{width:28px;height:28px;object-fit:contain} [data-block="benefits"] .entry .lp-icon,[data-block="steps"] .entry .lp-icon,[data-block="specifications"] .entry .lp-icon{vertical-align:middle} [data-hover-enabled="true"] #landing-root :is([data-block="benefits"],[data-block="specifications"],[data-block="steps"]) .entry{transition:background var(--hover-duration,.25s),box-shadow var(--hover-duration,.25s),border-color var(--hover-duration,.25s),transform var(--hover-duration,.25s)} @media(hover:hover){body[data-hover-enabled="true"] #landing-root :is([data-block="benefits"],[data-block="specifications"],[data-block="steps"]) .entry:hover{border-color:var(--hover-color)!important;box-shadow:0 0 20px color-mix(in srgb,var(--hover-color) 35%,transparent)!important;transform:translateY(-2px)}} @media(prefers-reduced-motion:reduce){#landing-root .entry{transition:none!important;transform:none!important}} /* Stage 8: explicit hover off wins over historical Classic Lamp hover rules. */ @media(hover:hover){body[data-hover-enabled="false"] #landing-root :is([data-block="benefits"],[data-block="specifications"],[data-block="steps"]) .entry:hover{background:inherit!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}} /* Stage 8 Fix: four-step checkout cards. */ #landing-root [data-block="steps"] .entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch} #landing-root [data-block="steps"] .entries>.entry{position:relative;min-width:0;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px 12px 16px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:16px} #landing-root [data-block="steps"] .entries>.entry .step{position:absolute;top:-10px;left:12px;display:grid;place-items:center;min-width:29px;height:29px;padding:0 6px;border-radius:50%;background:var(--accent);color:#101010;font-size:15px;box-shadow:0 3px 11px color-mix(in srgb,var(--accent) 35%,transparent)} #landing-root [data-block="steps"] .entries>.entry .lp-icon{margin:4px 0 0;width:32px;height:32px} #landing-root [data-block="steps"] .entries>.entry strong{font-size:clamp(14px,3.7vw,19px);line-height:1.24} #landing-root .lp-youtube-frame{width:min(85vw,780px);height:min(65vh,440px);aspect-ratio:16/9;border:0;display:block;background:#000} @media(max-width:340px){#landing-root [data-block="steps"] .entries{grid-template-columns:1fr}} /* Stage 8 hotfix: movable standalone order CTA section. */ #landing-root [data-block="cta"]{text-align:center;padding-block:28px} #landing-root [data-block="cta"] .cta{display:block;width:min(100%,440px);margin:14px auto 4px;min-height:62px;font-size:clamp(17px,4vw,23px);font-weight:850;cursor:pointer} #landing-root [data-block="cta"] h2{margin-bottom:14px} @media(prefers-reduced-motion:reduce){#landing-root [data-block="cta"] .cta{animation:none!important}} /* Stage 9: optional split prices, theme-aware timer and independent animated media. */ #landing-root .lp-stage9-price{width:100%;max-width:700px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px auto 22px;border-radius:6px;overflow:hidden;background:var(--section-bg,var(--background));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)} #landing-root .lp-stage9-price-cell{min-width:0;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 5px;background:color-mix(in srgb,var(--section-bg,var(--background)) 92%,var(--accent) 8%);color:var(--text-color,#fff)} #landing-root .lp-stage9-price-cell span{font-size:clamp(9px,2.1vw,13px);font-weight:800;letter-spacing:.05em;line-height:1.25} #landing-root .lp-stage9-price-cell strong{font-size:clamp(18px,5vw,35px);font-weight:900;line-height:1.12;overflow-wrap:anywhere} #landing-root .lp-stage9-old strong{text-decoration:line-through;opacity:.6;font-size:clamp(17px,4vw,28px)} #landing-root .lp-stage9-discount{background:var(--accent);color:#131313;transform:none} #landing-root .lp-stage9-discount strong{font-size:clamp(25px,6vw,44px)} #landing-root .lp-stage9-new strong{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 28%,transparent)} #landing-root .lp-stage9-price>.note{grid-column:1/-1;padding:6px 10px;color:var(--text-color,#fff)} #landing-root .lp-clock[data-timer-bg-mode="inherit"]{background:var(--section-bg,var(--background))!important} #landing-root .lp-clock[data-timer-bg-mode="transparent"]{background:transparent!important} #landing-root .lp-clock[data-timer-bg-mode="custom"]{background:var(--stage9-timer-bg)!important} #landing-root .lp-clock[data-cell-bg-mode="inherit"] .lp-clock-cell{background:color-mix(in srgb,var(--section-bg,var(--background)) 86%,var(--accent) 14%)!important} #landing-root .lp-clock[data-cell-bg-mode="transparent"] .lp-clock-cell{background:transparent!important} #landing-root .lp-clock[data-cell-bg-mode="custom"] .lp-clock-cell{background:var(--stage9-cell-bg)!important} #landing-root .lp-section:has(>.lp-stage9-price)>.cta{width:min(100%,470px);min-height:65px;border-radius:60px;font-size:clamp(17px,4vw,23px);box-shadow:0 8px 22px color-mix(in srgb,var(--button-color,var(--accent)) 38%,transparent)} #landing-root .lp-stage9-loop-box{width:100%;max-width:100%;height:var(--media-height,420px);display:grid;place-items:center;overflow:hidden;background:transparent} #landing-root .lp-stage9-loop-box img,#landing-root .lp-stage9-loop-box video{display:block;width:100%;height:100%;max-height:none;max-width:none;margin:0;border-radius:0;object-fit:contain} #landing-root .lp-stage9-loop-box[data-fit="cover"] img,#landing-root .lp-stage9-loop-box[data-fit="cover"] video{object-fit:cover} #landing-root [data-block="loopmedia"]{padding-inline:0} #landing-root [data-block="loopmedia"]>h2,#landing-root [data-block="loopmedia"]>.subtitle{padding-inline:20px} #landing-root [data-block="loopmedia"]>.cta{display:block;width:min(90%,470px);min-height:62px;margin:20px auto} @media(max-width:600px){#landing-root .lp-stage9-price-cell{min-height:88px}#landing-root .lp-stage9-price-cell strong{font-size:clamp(15px,4.2vw,25px)}#landing-root .lp-stage9-discount strong{font-size:clamp(22px,6vw,35px)}} @media(prefers-reduced-motion:reduce){#landing-root [data-block="loopmedia"] video{animation:none}} /* Stage 9D: visible, accessible and consistent order CTAs (hero and independent CTA sections). */ #landing-root .lp-order-cta{display:flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;position:relative;isolation:isolate;width:min(100%,470px)!important;min-height:74px!important;margin:22px auto 12px!important;padding:16px 28px!important;border:2px solid color-mix(in srgb,var(--button-color,var(--accent)) 55%,white)!important;border-bottom:5px solid color-mix(in srgb,var(--button-color,var(--accent)) 65%,black)!important;border-radius:999px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--button-color,var(--accent)) 75%,white),var(--button-color,var(--accent)) 56%,color-mix(in srgb,var(--button-color,var(--accent)) 73%,black))!important;color:#fff!important;font:800 clamp(18px,4.3vw,24px)/1.2 system-ui,-apple-system,Segoe UI,sans-serif!important;text-align:center;text-shadow:0 1px 2px #0006;box-shadow:0 10px 24px color-mix(in srgb,var(--button-color,var(--accent)) 42%,transparent),inset 0 1px 0 #fff5;cursor:pointer;transition:transform .2s,box-shadow .2s;} #landing-root .lp-order-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px color-mix(in srgb,var(--button-color,var(--accent)) 55%,transparent),0 0 15px color-mix(in srgb,var(--button-color,var(--accent)) 45%,transparent)} #landing-root .lp-order-cta:active{transform:translateY(1px)} #landing-root .lp-order-cta:focus-visible{outline:3px solid var(--accent);outline-offset:5px} #landing-root [data-block="cta"]{min-height:132px;padding:24px 20px!important} #landing-root [data-block="cta"] .lp-order-cta{width:min(100%,510px)!important} #landing-root [data-block="order"]{scroll-margin-top:22px} @media(max-width:600px){#landing-root .lp-order-cta{width:100%!important;min-height:70px!important;font-size:19px!important;padding-inline:14px!important}} @media(prefers-reduced-motion:reduce){#landing-root .lp-order-cta{animation:none!important;transition:none!important}} /* Stage 13D: compact shop-return link in legal footer, including mobile. */ .lp-legal-footer .lp-footer-links .lp-return-shop{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border:1px solid currentColor;border-radius:9px;text-decoration:none;font-weight:700;white-space:normal;text-align:center;} @media(max-width:550px){.lp-legal-footer{padding:20px 12px 26px}.lp-legal-footer .lp-footer-links{gap:8px 10px;margin-top:12px}.lp-legal-footer .lp-footer-links a{font-size:12px;line-height:1.3}.lp-legal-footer .lp-footer-links .lp-return-shop{width:100%;max-width:280px;margin:4px auto 0;min-height:38px}} /* Stage 13: self-contained landing bundle selector; regular checkout is unaffected. */ .lp-order-form .lp-bundles{border:0;padding:0;margin:0;min-width:0;display:grid;gap:10px} .lp-order-form .lp-bundles legend{font-weight:800;margin-bottom:8px;color:var(--lp-label)} .lp-order-form .lp-bundle-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--lp-form-outline,var(--accent));border-radius:12px;background:var(--lp-form-card,transparent);cursor:pointer;font-weight:700} .lp-order-form .lp-bundle-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 27%,transparent)} .lp-order-form .lp-bundle-choice input{width:18px;min-height:18px;margin:0;flex:none;accent-color:var(--accent)} .lp-order-form .lp-bundle-choice span{flex:1} /* Stage 15: framed, responsive gallery for both templates. */ #landing-root .lp-section[data-block="gallery"] .lp-carousel{position:relative;isolation:isolate;width:min(100%,660px);max-width:660px;margin:16px auto 0;aspect-ratio:4/5;background:color-mix(in srgb,var(--background,#111) 65%,#101010);border:1px solid color-mix(in srgb,var(--accent,#ff8a28) 40%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0002} #landing-root .lp-section[data-block="gallery"] .lp-carousel>.product-image{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;object-fit:contain} #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;margin:0;padding:0 10px} #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls button{pointer-events:auto;border-radius:50%;width:46px;height:46px;background:#0b0b0bcc;color:#fff;border:1px solid var(--accent,#ff8a28);font-size:30px;line-height:1;cursor:pointer} #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls span{display:none} #landing-root .lp-section[data-block="gallery"] .lp-carousel[data-error=true]::after{content:'Не вдалося завантажити фото. Перевірте HTTPS URL у CRM.';position:absolute;inset:40% 20px auto;text-align:center;color:#fff;background:#252525d9;padding:16px;border-radius:10px;font-size:14px} /* Stage 15: optional visual bundle picker (pricing untouched). */ .lp-order-form .lp-bundles.lp-bundles-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .lp-order-form .lp-bundles.lp-bundles-cards legend{grid-column:1/-1;width:100%;margin-bottom:8px} .lp-order-form .lp-bundles-cards .lp-bundle-choice{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:126px;padding:20px 6px 12px;border-radius:16px;gap:5px} .lp-order-form .lp-bundles-cards .lp-bundle-choice input{position:absolute;top:8px;left:8px;width:17px;height:17px;min-height:0} .lp-order-form .lp-bundles-cards .lp-bundle-card-body{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%} .lp-order-form .lp-bundles-cards .lp-bundle-qty{font-size:clamp(15px,2.6vw,21px);line-height:1.2} .lp-order-form .lp-bundles-cards .lp-bundle-price{font-size:clamp(14px,2.5vw,22px);line-height:1.25;white-space:nowrap} .lp-order-form .lp-bundles-cards .lp-bundle-per{font-size:11px;opacity:.72} .lp-order-form .lp-bundles-cards .lp-bundle-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--accent);color:#101010;font-size:10px;font-weight:800;border-radius:20px;padding:3px 7px} .lp-order-form .lp-bundles-cards .lp-bundle-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 20px color-mix(in srgb,var(--accent) 22%,transparent)} @media(max-width:420px){.lp-order-form .lp-bundles.lp-bundles-cards{gap:5px}.lp-order-form .lp-bundles-cards .lp-bundle-choice{min-height:110px;padding:19px 3px 8px}.lp-order-form .lp-bundles-cards .lp-bundle-price{font-size:13px}.lp-order-form .lp-bundles-cards .lp-bundle-badge{font-size:9px}.lp-section[data-block="gallery"] .lp-carousel{border-radius:12px}} /* Stage 16: configurable, accessible bundle card styling. Applies to public landing checkout only. */ .lp-order-form .lp-bundles-cards .lp-bundle-choice{background:var(--bundle-card-bg,var(--lp-form-card,transparent));border-color:var(--bundle-card-border,var(--lp-form-outline,var(--accent)));} .lp-order-form .lp-bundles-cards .lp-bundle-choice:has(input:checked){border-color:var(--bundle-card-border,var(--accent));box-shadow:0 0 0 2px var(--bundle-card-border,var(--accent)),0 0 18px color-mix(in srgb,var(--bundle-card-border,var(--accent)) 24%,transparent)} .lp-order-form .lp-bundles-cards .lp-bundle-badge{display:flex;align-items:center;justify-content:center;gap:4px} .lp-bundle-badge-icon{font-size:12px;line-height:1} .lp-order-form .lp-selection-summary{margin:0;font-weight:800;text-align:center;color:var(--lp-label,var(--text-color,#181818));font-size:14px} /* Stage 16A: keep the gallery frame snug to the real image proportions. Natural image height removes grey letterboxing from landscape photography. */ #landing-root .lp-section[data-block="gallery"] .lp-carousel{ aspect-ratio:auto!important;height:auto!important;min-height:0!important; background:transparent!important;line-height:0; border:1px solid color-mix(in srgb,var(--accent,#ff8a28) 65%,transparent); } #landing-root .lp-section[data-block="gallery"] .lp-carousel>.product-image{ display:block!important;width:100%!important;height:auto!important;max-height:none!important; aspect-ratio:auto!important;object-fit:contain!important;margin:0!important; } #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls{z-index:2} #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls span{ display:block!important;position:absolute;bottom:10px;left:50%;transform:translateX(-50%); color:#fff;background:#0b0b0bcc;border-radius:16px;padding:3px 10px; line-height:1.5;font-size:12px;font-weight:700;pointer-events:none; } @media(max-width:600px){ #landing-root .lp-section[data-block="gallery"] .lp-carousel{width:100%;max-width:100%;border-radius:12px} #landing-root .lp-section[data-block="gallery"] .lp-carousel-controls button{width:38px;height:38px;font-size:25px} } /* Stage 17: independent, movable bundle selection; compact checkout retains accessible native radios. */ #landing-root .lp-stage17-bundles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px auto 8px;max-width:650px} #landing-root .lp-stage17-bundle-card{font:inherit;appearance:none;position:relative;min-width:0;min-height:134px;padding:22px 7px 14px;border:1.5px solid var(--bundle-card-border,color-mix(in srgb,var(--accent) 50%,transparent));border-radius:17px;background:var(--bundle-card-bg,color-mix(in srgb,var(--section-bg,#181818) 90%,#222));color:var(--landing-text,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;isolation:isolate} #landing-root .lp-stage17-bundle-card .lp-stage17-quantity{font-size:clamp(16px,3vw,23px);color:inherit;line-height:1.3} #landing-root .lp-stage17-bundle-card .lp-stage17-price{font-size:clamp(15px,3vw,23px);color:inherit;line-height:1.2} #landing-root .lp-stage17-bundle-card .lp-stage17-per{font-size:11px;color:inherit;opacity:.8} #landing-root .lp-stage17-bundle-card:hover,#landing-root .lp-stage17-bundle-card[aria-pressed="true"]{transform:translateY(-3px);border-color:var(--bundle-card-border,var(--accent));box-shadow:0 0 0 2px var(--bundle-card-border,var(--accent)),0 10px 24px color-mix(in srgb,var(--bundle-card-border,var(--accent)) 26%,transparent)} #landing-root .lp-stage17-bundle-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px} #landing-root .lp-stage17-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--bundle-card-border,var(--accent));color:#101010;white-space:nowrap;font-size:11px;font-weight:800;max-width:100%;overflow:hidden} #landing-root .lp-order-form .lp-bundles{display:grid;grid-template-columns:1fr;gap:9px} #landing-root .lp-order-form .lp-bundle-choice{background:var(--lp-form-card,transparent);color:var(--lp-label,inherit);min-height:0;padding:12px 14px;border-radius:12px;display:flex;flex-direction:row;justify-content:flex-start} #landing-root .lp-order-form .lp-bundle-choice:has(input:checked){box-shadow:0 0 0 1px var(--accent)} @media(max-width:450px){#landing-root .lp-stage17-bundles{gap:6px}#landing-root .lp-stage17-bundle-card{min-height:116px;padding:18px 3px 9px;border-radius:13px}#landing-root .lp-stage17-bundle-card .lp-stage17-price{font-size:14px}#landing-root .lp-stage17-badge{font-size:9px;padding:3px 5px}} @media(prefers-reduced-motion:reduce){#landing-root .lp-stage17-bundle-card{transition:none}#landing-root .lp-stage17-bundle-card:hover{transform:none}} /* Stage 18 — optional poster full bleed + typography; no change to existing pages by default. */ body[data-custom-typography="true"] #landing-root{font-family:var(--lp-body-font,inherit);font-weight:var(--lp-body-weight,400)} body[data-custom-typography="true"] #landing-root .lp-section h2{font-family:var(--lp-heading-font,inherit);font-weight:var(--lp-heading-weight,800);font-size:clamp(24px,4vw,var(--lp-desktop-heading,42px));line-height:1.12} body[data-custom-typography="true"] #landing-root .lp-section :is(.entry strong,.lp-stage17-quantity,.lp-timer-label,.lp-stage9-price-cell strong){font-family:var(--lp-heading-font,inherit);font-weight:var(--lp-heading-weight,800)} body[data-custom-typography="true"] #landing-root :is(.cta,.lp-order-cta,.lp-order-form button[type=submit]){font-family:var(--lp-heading-font,inherit)!important;font-weight:var(--lp-cta-weight,800)!important} #landing-root .lp-section.lp-hero-fullbleed{padding-top:0!important;padding-left:0!important;padding-right:0!important;margin-top:0!important;border-radius:0!important;overflow:visible} #landing-root .lp-section.lp-hero-fullbleed>.product-image{display:block;width:100%;max-width:100%;max-height:none;height:auto;object-fit:contain;margin:0 auto;border-radius:0} #landing-root .lp-section.lp-hero-fullbleed>h2,#landing-root .lp-section.lp-hero-fullbleed>.subtitle{padding-inline:15px} #landing-root .lp-section.lp-hero-fullbleed>.lp-stage9-price,#landing-root .lp-section.lp-hero-fullbleed>.price,#landing-root .lp-section.lp-hero-fullbleed>.lp-clock,#landing-root .lp-section.lp-hero-fullbleed>.timer,#landing-root .lp-section.lp-hero-fullbleed>.cta{max-width:calc(100% - 20px)} @media(max-width:600px){ body[data-custom-typography="true"] #landing-root .lp-section h2{font-size:var(--lp-mobile-heading,30px)} body #landing-root .lp-section.lp-hero-fullbleed{padding:0 0 20px!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important} body #landing-root .lp-section.lp-hero-fullbleed>.product-image{width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;border-radius:0!important;object-fit:contain!important} body #landing-root .lp-section.lp-hero-fullbleed>h2{margin-top:0} } /* Stage 19: one prominent video CTA, plus responsive player aspect ratios. */ #landing-root [data-block="video"]{text-align:center} #landing-root [data-block="video"] .lp-video-trigger{ display:flex;align-items:center;justify-content:center;gap:.6em; width:min(100%,520px);min-height:72px;margin:20px auto; padding:17px 24px;border-radius:22px;border:2px solid color-mix(in srgb,var(--accent) 70%,white); background:linear-gradient(160deg,color-mix(in srgb,var(--button-color,var(--accent)) 75%,white),var(--button-color,var(--accent)) 65%,color-mix(in srgb,var(--button-color,var(--accent)) 65%,black)); color:#fff;font-family:var(--lp-heading-font,inherit);font-size:clamp(17px,4.8vw,23px);font-weight:var(--lp-cta-weight,800); line-height:1.25;text-shadow:0 1px 2px #0008; box-shadow:0 8px 0 color-mix(in srgb,var(--button-color,var(--accent)) 35%,black),0 12px 30px color-mix(in srgb,var(--button-color,var(--accent)) 48%,transparent); transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; } @media(hover:hover){#landing-root [data-block="video"] .lp-video-trigger:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.1);box-shadow:0 10px 0 color-mix(in srgb,var(--button-color,var(--accent)) 35%,black),0 16px 40px color-mix(in srgb,var(--button-color,var(--accent)) 60%,transparent)}} #landing-root [data-block="video"] .lp-video-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:5px} #landing-root .lp-video-dialog{box-sizing:border-box;width:min(94vw,920px);max-width:94vw;max-height:96dvh;overflow:auto;padding:12px;background:#0b0b0b;border:1px solid #555;border-radius:16px} #landing-root .lp-video-dialog.lp-video-portrait{width:min(94vw,calc(88dvh * 9 / 16 + 28px),520px)} #landing-root .lp-video-dialog.lp-video-square{width:min(94vw,calc(77dvh + 28px),800px)} #landing-root .lp-video-dialog .lp-video-close{display:block;margin:0 0 10px auto;font-size:15px;font-weight:700;min-height:40px} #landing-root .lp-video-dialog :is(.lp-youtube-frame,.lp-video-native){display:block;width:100%;max-height:86dvh;height:auto;background:#000;border:0;border-radius:10px;object-fit:contain} #landing-root .lp-video-dialog.lp-video-portrait :is(.lp-youtube-frame,.lp-video-native){aspect-ratio:9/16;height:auto;max-height:min(86dvh,calc(94vw * 16 / 9));margin:auto} #landing-root .lp-video-dialog.lp-video-landscape :is(.lp-youtube-frame,.lp-video-native){aspect-ratio:16/9;height:auto} #landing-root .lp-video-dialog.lp-video-square :is(.lp-youtube-frame,.lp-video-native){aspect-ratio:1;height:auto} @media(max-width:480px){#landing-root [data-block="video"] .lp-video-trigger{min-height:64px;border-radius:18px}#landing-root .lp-video-dialog{padding:8px}#landing-root .lp-video-dialog.lp-video-portrait{width:min(96vw,calc(88dvh * 9 / 16 + 16px))}} @media(prefers-reduced-motion:reduce){#landing-root [data-block="video"] .lp-video-trigger{transition:none}} /* Stage 20: natural aspect-ratio media for pre-checkout images and video. */ #landing-root .lp-stage9-loop-box[data-auto-height="true"]{height:auto!important;min-height:0;max-width:min(100%,700px);margin:0 auto;display:block;overflow:visible} #landing-root .lp-stage9-loop-box[data-auto-height="true"][data-shape="portrait"]{max-width:min(100%,440px)} #landing-root .lp-stage9-loop-box[data-auto-height="true"] :is(img,video){display:block;width:100%;height:auto!important;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:contain!important} @media(max-width:600px){#landing-root .lp-stage9-loop-box[data-auto-height="true"],#landing-root .lp-stage9-loop-box[data-auto-height="true"][data-shape="portrait"]{width:100%;max-width:100%}#landing-root [data-block="loopmedia"]{margin-inline:0}#landing-root [data-block="loopmedia"] .lp-stage9-loop-box[data-auto-height="true"] :is(img,video){border-radius:0}} /* Stage 21: opt-in desktop-only layout. Never affects mobile or legacy landing pages. */ @media(min-width:900px){ body[data-desktop-layout="balanced"] #landing-root{max-width:min(var(--page-width,1100px),calc(100vw - 48px));} body[data-desktop-layout="balanced"] #landing-root .lp-section{padding:clamp(26px,3.2vw,48px) clamp(20px,3vw,44px);} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="hero"]:has(>.product-image):has(>.price){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,3vw,48px);align-items:center;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>:is(h2,.subtitle){grid-column:1/-1;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.product-image{grid-column:1;grid-row:3 / span 4;width:100%;height:auto;max-height:760px;object-fit:contain;margin:0 auto;align-self:start;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>:is(.price,.lp-clock,.timer,.cta){grid-column:2;width:100%;min-width:0;max-width:100%;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.price{margin:8px auto;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.lp-clock{margin:12px auto;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.cta{margin:12px auto;} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="benefits"] .lp-benefits-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="benefits"] .lp-benefits-rows{max-width:850px;} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="steps"] .entries{grid-template-columns:repeat(4,minmax(0,1fr));} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="gallery"] .lp-carousel{max-width:640px;} body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="order"] .lp-order-form{max-width:600px;} body[data-desktop-layout="balanced"][data-desktop-checkout-layout="split"] #landing-root .lp-desktop-order-pair{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(16px,3vw,36px);align-items:start;padding:36px clamp(14px,3vw,32px);background:var(--section-bg,var(--background));} body[data-desktop-layout="balanced"][data-desktop-checkout-layout="split"] #landing-root .lp-desktop-order-pair>.lp-section{min-width:0;padding:10px!important;margin:0!important;} body[data-desktop-layout="balanced"][data-desktop-checkout-layout="split"] #landing-root .lp-desktop-order-pair>.lp-section[data-block="loopmedia"] .lp-stage9-loop-box{max-width:100%;margin:0 auto;} body[data-desktop-layout="balanced"][data-desktop-checkout-layout="split"] #landing-root .lp-desktop-order-pair>.lp-section[data-block="order"] .lp-order-form{width:100%;margin:12px auto;} } @media(max-width:899px){#landing-root .lp-desktop-order-pair{display:contents;}} /* Stage 21B: remove phantom vertical space between independent CTA/video sections and pre-checkout media. */ /* Preserve separately inserted intentional Spacer sections and custom backgrounds. */ #landing-root .lp-section[data-block="cta"]:has(+ .lp-section[data-block="video"]){padding-bottom:6px!important;min-height:0!important} #landing-root .lp-section[data-block="cta"]:has(+ .lp-section[data-block="video"]) .lp-order-cta{margin-bottom:0!important} #landing-root .lp-section[data-block="cta"] + .lp-section[data-block="video"]{padding-top:6px!important} #landing-root .lp-section[data-block="cta"] + .lp-section[data-block="video"] .lp-video-trigger{margin-top:8px;margin-bottom:5px} /* In 'contain' mode natural image height is preferable to a fixed 420px frame that leaves blank bands. */ #landing-root .lp-section[data-block="loopmedia"] .lp-stage9-loop-box[data-fit="contain"]{height:auto!important;min-height:0!important;display:block;max-width:min(100%,700px);margin-inline:auto;overflow:visible} #landing-root .lp-section[data-block="loopmedia"] .lp-stage9-loop-box[data-fit="contain"][data-shape="portrait"]{max-width:min(100%,440px)} #landing-root .lp-section[data-block="loopmedia"] .lp-stage9-loop-box[data-fit="contain"] :is(img,video){display:block;width:100%;height:auto!important;max-height:none;object-fit:contain!important;margin:0 auto} /* Tighten only the relationship between 'How to order' and the following photo/checkout. */ #landing-root .lp-section[data-block="steps"]:has(+ .lp-section[data-block="loopmedia"]){padding-bottom:12px!important} #landing-root .lp-section[data-block="steps"] + .lp-section[data-block="loopmedia"]{padding-top:0!important;padding-bottom:12px!important} #landing-root .lp-section[data-block="loopmedia"]:has(+ .lp-section[data-block="order"]){padding-bottom:10px!important} #landing-root .lp-section[data-block="loopmedia"] + .lp-section[data-block="order"]{padding-top:12px!important} @media(max-width:899px){ #landing-root .lp-section[data-block="cta"]:has(+ .lp-section[data-block="video"]){padding-bottom:4px!important} #landing-root .lp-section[data-block="cta"] + .lp-section[data-block="video"]{padding-top:4px!important} #landing-root .lp-section[data-block="steps"]:has(+ .lp-section[data-block="loopmedia"]){padding-bottom:6px!important} #landing-root .lp-section[data-block="steps"] + .lp-section[data-block="loopmedia"]{padding-top:0!important;padding-bottom:8px!important} #landing-root .lp-section[data-block="loopmedia"] .lp-stage9-loop-box[data-fit="contain"]{max-width:100%} } /* Stage 21C — edge-to-edge poster at top of mobile landing. Covers the hero's inherited padding/image margins and theme-specific sections. */ @media (max-width: 899px) { html, body { margin: 0; padding: 0; } #landing-root { width: 100%; max-width: 100%; margin: 0; padding: 0; } #landing-root > .lp-section.lp-hero-fullbleed:first-child { display: block !important; box-sizing: border-box; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; width: 100%; max-width: 100%; overflow: hidden; } #landing-root > .lp-section.lp-hero-fullbleed:first-child > img.product-image { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; max-height:none !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; object-fit:contain !important; vertical-align:top; } #landing-root > .lp-section.lp-hero-fullbleed:first-child > :is(.price,.lp-stage9-price,.timer,.lp-clock,.cta) { box-sizing:border-box; max-width:calc(100% - 24px); } } /* Stage 22: Desktop hero aligned from the first row, not artificially pushed down. */ @media (min-width:900px){ body[data-desktop-layout="balanced"] #landing-root .lp-section[data-block="hero"]:has(>.product-image):has(>.price){ grid-template-areas:"heading heading" "subheading subheading" "media pricing" "media clock" "media buy"; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto auto auto 1fr; align-content:start;align-items:start;column-gap:clamp(22px,3vw,42px); } body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>h2{grid-area:heading;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.subtitle{grid-area:subheading;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.product-image{grid-area:media;align-self:start;max-height:none;height:auto;object-fit:contain;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.price{grid-area:pricing;margin:0 auto 10px;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.lp-clock{grid-area:clock;margin:10px auto;} body[data-desktop-layout="balanced"] #landing-root [data-block="hero"]:has(>.product-image):has(>.price)>.cta{grid-area:buy;margin:12px auto;} body[data-desktop-layout="balanced"][data-desktop-checkout-layout="split"] #landing-root .lp-desktop-order-pair>.lp-section[data-block="loopmedia"]{align-self:start;} } #landing-root .lp-checkout-media-description{width:100%;max-width:700px;margin:14px auto 0;padding:16px 18px;border-left:4px solid var(--accent,#ffa32b);background:color-mix(in srgb,var(--section-bg,#171208) 85%,#38302a);border-radius:0 12px 12px 0;color:var(--text-color,#eee);text-align:left;line-height:1.55;overflow-wrap:anywhere} #landing-root .lp-checkout-media-description h3{font-size:clamp(17px,1.8vw,22px);color:var(--heading-color,var(--accent));margin:0 0 9px;font-weight:800} #landing-root .lp-checkout-media-description p{margin:0 0 8px;white-space:pre-line;font-size:clamp(14px,1.2vw,16px)} #landing-root .lp-checkout-media-description p:last-child{margin-bottom:0} @media(max-width:899px){#landing-root .lp-checkout-media-description{margin-top:10px;padding:12px 14px}} /* Stage 23: accent-style text card and desktop drag/swipe gallery/reviews. */ #landing-root [data-block="text"] .body-text.lp-text-accent{width:min(100%,780px);max-width:780px;margin:10px auto;padding:16px 22px;border-left-style:solid;border-radius:0 14px 14px 0;background:#211911;text-align:left;white-space:pre-line;line-height:1.65;overflow-wrap:anywhere} #landing-root .lp-carousel.lp-draggable, #landing-root .lp-review-carousel.lp-draggable{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none} #landing-root .lp-carousel.lp-dragging,#landing-root .lp-review-carousel.lp-dragging{cursor:grabbing} #landing-root .lp-carousel.lp-draggable>.product-image,#landing-root .lp-review-carousel.lp-draggable .lp-review-slide img{pointer-events:none;user-select:none;-webkit-user-drag:none} #landing-root .lp-review-carousel.lp-draggable .lp-review-controls{cursor:default} @media(min-width:900px){ body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero{align-items:start;align-content:start;row-gap:10px;} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.product-image{max-width:350px!important;max-height:none!important;width:auto;object-fit:contain;grid-column:1;grid-row:1 / span 5;align-self:start;justify-self:center;} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.price{grid-column:2;align-self:start;margin:0 auto 12px} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.timer{grid-column:2;margin:4px auto!important} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.cta{grid-column:2;margin:10px auto!important} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.lp-stage23-hero-perks{grid-column:2;margin:6px 0 0;padding:16px 20px;background:color-mix(in srgb,var(--accent,#ffa32b) 9%,#111);border-left:4px solid var(--accent,#ffa32b);border-radius:0 12px 12px 0;text-align:left;align-self:start;} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-hero-perks ul{padding-left:18px;margin:6px 0 0} body[data-desktop-layout="balanced"] #landing-root .lp-stage23-hero-perks li{margin:4px 0} } @media(max-width:899px){#landing-root .lp-stage23-hero-perks{display:none}} @media(max-width:600px){#landing-root [data-block="text"] .body-text.lp-text-accent{padding:14px 16px}} /* Stage 24: Desktop hero columns and scaled portrait. Mobile layout untouched. */ @media(min-width:900px){ body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero.lp-section[data-block="hero"]{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas:"heading heading" "subheading subheading" "media pricing" "media clock" "media buy" "media perks"!important; grid-template-rows:auto auto auto auto auto 1fr!important; column-gap:clamp(24px,3vw,36px)!important;row-gap:12px!important; align-items:start!important;align-content:start!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.product-image{ grid-area:media!important;grid-row:auto!important;grid-column:auto!important; width:100%!important;max-width:100%!important;max-height:none!important; height:auto!important;object-fit:contain!important;align-self:start!important;justify-self:stretch!important;margin:0!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.price{ grid-area:pricing!important;grid-row:auto!important;grid-column:auto!important; width:100%!important;margin:0!important;align-self:start!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.lp-clock, body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.timer{ grid-area:clock!important;grid-row:auto!important;grid-column:auto!important;margin:0!important; width:100%!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.cta{ grid-area:buy!important;grid-row:auto!important;grid-column:auto!important;margin:0!important;width:100%!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.lp-stage23-hero-perks{ grid-area:perks!important;grid-row:auto!important;grid-column:auto!important; width:100%!important;margin:0!important;align-self:start!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero:not(:has(>.lp-stage23-hero-perks)){ grid-template-areas:"heading heading" "subheading subheading" "media pricing" "media clock" "media buy"!important; grid-template-rows:auto auto auto auto 1fr!important; } } /* Stage 24A: Hero offer stays together beside the image, not underneath it. No changes to the established mobile look. */ #landing-root .lp-stage23-desktop-hero>.lp-hero-offer{display:contents} @media (min-width:900px){ body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero.lp-section[data-block="hero"]{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas:"heading heading" "subheading subheading" "media offer"!important; grid-template-rows:auto auto auto!important; column-gap:clamp(22px,3vw,38px)!important; row-gap:12px!important; align-items:center!important; align-content:start!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.product-image{ grid-area:media!important; grid-row:auto!important;grid-column:auto!important; width:100%!important;max-width:100%!important;height:auto!important; object-fit:contain!important;align-self:center!important; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-desktop-hero>.lp-hero-offer{ display:flex!important;grid-area:offer!important; flex-direction:column;justify-content:center;align-items:stretch; gap:clamp(14px,2vw,25px);min-width:0;width:100%; align-self:center!important; } body[data-desktop-layout="balanced"] #landing-root .lp-hero-offer>:is(.price,.lp-stage9-price,.timer,.lp-clock,.cta,.lp-stage23-hero-perks){ margin:0!important;width:100%!important;max-width:none!important; grid-area:auto!important;align-self:stretch!important; } body[data-desktop-layout="balanced"] #landing-root .lp-hero-offer>.cta{max-width:100%!important} } /* Stage 24B: definitive desktop hero. Stage 24A accidentally reset explicit grid placements with grid-row/column:auto!important, causing offer to fall below the poster. Make each column ONE grid item and pin both to row 1. */ @media (min-width:900px){ body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]:has(>img.product-image):has(>.lp-hero-offer){ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:auto!important; grid-template-areas:none!important; column-gap:clamp(20px,3vw,38px)!important; row-gap:0!important; align-items:center!important; align-content:start!important; } body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]>img.product-image{ grid-area:auto!important; grid-column:1 / 2!important; grid-row:1!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; align-self:center!important; justify-self:stretch!important; margin:0!important; } body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]>.lp-hero-offer{ display:flex!important; grid-area:auto!important; grid-column:2 / 3!important; grid-row:1!important; align-self:center!important; justify-self:stretch!important; flex-direction:column!important; gap:clamp(16px,2vw,24px)!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; } body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]>.lp-hero-offer>*{ grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; position:relative; margin:0!important; max-width:100%!important; width:100%!important; } body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]>.lp-hero-offer>.lp-stage23-hero-perks{ text-align:left!important; } } /* Stage 25: optional "Коротко про товар" info-card, DESKTOP hero only. */ @media (min-width:900px){ body[data-desktop-layout="balanced"] #landing-root section.lp-stage23-desktop-hero[data-block="hero"]>.lp-hero-offer>.lp-stage23-hero-perks{ box-sizing:border-box!important; display:block; width:100%!important; margin:0!important; padding:16px 20px 17px!important; background:#241c14!important; border:1px solid rgba(255,173,62,.29)!important; border-left:4px solid var(--accent,#ffa32b)!important; border-radius:12px!important; box-shadow:0 6px 24px rgba(0,0,0,.19)!important; text-align:left!important; color:#f7f1e8!important; } body[data-desktop-layout="balanced"] #landing-root .lp-hero-offer>.lp-stage23-hero-perks>strong{ display:block; margin:0 0 12px; color:#ffb44a; font-size:17px; font-weight:800; line-height:1.35; } body[data-desktop-layout="balanced"] #landing-root .lp-hero-offer>.lp-stage23-hero-perks>ul{ list-style:none!important; margin:0!important; padding:0!important; display:grid; gap:10px; } body[data-desktop-layout="balanced"] #landing-root .lp-hero-offer>.lp-stage23-hero-perks li{ display:flex; align-items:flex-start; gap:10px; margin:0!important; padding:0!important; line-height:1.45; font-size:14px; text-align:left; color:#f7f1e8; } body[data-desktop-layout="balanced"] #landing-root .lp-stage23-hero-perks .lp-hero-perk-check{ flex:0 0 19px; width:19px; height:19px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,163,43,.16); border:1px solid rgba(255,163,43,.5); color:#ffb44a; font-weight:800; font-size:13px; line-height:1; } } /* Stage 26 — compact checkout bundle savings, separate from standalone bundle cards */ #landing-root .lp-order-form .lp-bundle-choice{flex-wrap:wrap;column-gap:10px;row-gap:5px;transition:border-color .18s ease,box-shadow .18s ease} #landing-root .lp-order-form .lp-bundle-choice-detail{flex:1 1 auto;min-width:0} #landing-root .lp-order-form .lp-bundle-savings{flex:0 0 auto;margin-inline-start:auto;max-width:100%;padding:5px 10px;border-radius:999px;background:#865013;color:#fff8e9;font-size:12px;font-weight:800;line-height:1.25;white-space:nowrap;text-align:center} #landing-root .lp-order-form .lp-bundle-choice:has(input:checked) .lp-bundle-savings{background:#f5a436;color:#19120a} @media(max-width:480px){#landing-root .lp-order-form .lp-bundle-choice{padding:11px 12px;column-gap:8px}#landing-root .lp-order-form .lp-bundle-choice-detail{font-size:13px}#landing-root .lp-order-form .lp-bundle-savings{padding:4px 7px;font-size:11px}}