.ip-frameless-hero,.ip-frameless-hero *{box-sizing:border-box}
.ip-frameless-hero{position:relative;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:6%;width:100%;max-width:none;min-height:0;margin:auto;padding:42px max(5%,calc((100vw - 1080px)/2)) 50px;font-family:var(--store-font-ui);color:#fff9ef;background:radial-gradient(ellipse at 76% 48%,#e6a35b33,transparent 44%),#941c0e;isolation:isolate}
.ip-frameless-hero button,.ip-frameless-hero a{-webkit-tap-highlight-color:transparent}
.ip-frameless-hero button{font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
.ip-frameless-hero button:focus-visible,.ip-frameless-hero a:focus-visible{outline:3px solid #ffdc7e;outline-offset:5px}
.ip-frameless-hero [hidden]{display:none!important}
.ip-frameless-hero .copy{position:relative;z-index:1}
.ip-frameless-hero .rating{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 18px;font-size:13px;color:#ffe4c9}
.ip-frameless-hero .rating-score{display:flex;align-items:center;gap:9px;line-height:1}
.ip-frameless-hero .rating b{font-size:var(--store-score);color:#fff;margin:0}
.ip-frameless-hero .stars{color:#ffdb75;letter-spacing:2px;font-size:var(--store-score)}
.ip-frameless-hero .rating p{display:block;float:none;width:100%;margin:0;line-height:1.4;font-size:var(--store-support)}
.ip-frameless-hero :is(h1,h2){font:400 var(--store-hero)/1.02 var(--store-font-display);letter-spacing:-1px;margin:0 0 22px;color:#fff9ef}
.ip-frameless-hero .actions{display:flex;gap:10px}
.ip-frameless-hero .cta{font-size:var(--store-text);min-height:56px;border:1px solid #ffffff90;border-radius:12px;background:transparent;color:#fff;padding:15px 22px;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center}
.ip-frameless-hero .cta-icon{width:20px;height:20px;flex:none}
.ip-frameless-hero .primary{background:#fff;color:#941c0e;border-color:#fff;font-weight:600}
.ip-frameless-hero .guarantee{font-size:var(--store-support);color:#ffe4c9;margin-top:16px}
.ip-frameless-hero .guarantee a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.3}
.ip-frameless-hero .guarantee svg{width:17px;height:19px;flex:none}
.ip-frameless-hero .demo{position:relative;width:min(100%,var(--ip-demo-width,360px));max-width:360px;min-width:0;justify-self:center;padding:20px 0 28px}
.ip-frameless-hero .gallery-deck{aspect-ratio:3/4;width:100%;position:relative;isolation:isolate;touch-action:pan-y pinch-zoom;user-select:none;container-type:inline-size}
.ip-frameless-hero .gallery-card{position:absolute;inset:0;display:block;padding:0;border-radius:20px;background:var(--gallery-bg,#9dbae6);color:#fff2cf;border:1px solid #e9b07a75;box-shadow:0 8px 16px #39090033;transform-origin:50% 90%;backface-visibility:hidden;overflow:hidden;text-align:center}
.ip-frameless-hero .gallery-deck::before{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:0 0 30px 6px #ffd29727;pointer-events:none}
.ip-frameless-hero .gallery-card[data-depth="0"]{z-index:5}
.ip-frameless-hero .gallery-deck[data-busy="true"] .gallery-card:not([hidden]),.ip-frameless-hero .gallery-deck[data-dragging="true"] .gallery-card[data-depth="0"]{will-change:transform}
.ip-frameless-hero .gallery-card[data-depth="1"]{z-index:4;transform:translate(12px,12px) rotate(6deg) scale(.97)}
.ip-frameless-hero .gallery-card[data-depth="2"]{z-index:3;transform:translate(-8px,25px) rotate(-5deg) scale(.93)}
.ip-frameless-hero .gallery-card:not([data-depth="0"])>*{visibility:hidden}
.ip-frameless-hero .gallery-card.is-arriving>*{visibility:visible}
.ip-frameless-hero .gallery-preview{display:block;position:absolute;top:50%;left:0;width:100%;height:100%;object-fit:contain;transform:translateY(-50%)}
.ip-frameless-hero .gallery-touch{position:absolute;inset:0;z-index:10;width:100%;height:100%;border:0;border-radius:20px;background:transparent;padding:0;touch-action:pan-y pinch-zoom}
.ip-frameless-hero .gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ip-frameless-hero .mobile-actions{display:none}
.ip-frameless-hero .demo-dialog{width:min(var(--pp-dialog-width,500px),calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);padding:20px;border:0;border-radius:var(--pp-dialog-radius,12px);background:#fff;overflow:auto;color:#941c0e}
.ip-frameless-hero .demo-dialog::backdrop{background:var(--pp-dialog-backdrop,rgba(0,0,0,.65))}
.ip-frameless-hero .demo-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;min-height:40px;display:grid;place-items:center;border:1px solid #d4a184;border-radius:50%;background:#fff;color:#8f1c0f;padding:0;font-size:28px;line-height:1}
.ip-frameless-hero .canvas{position:relative;width:min(100%,360px,calc((100dvh - 100px)*.75));aspect-ratio:3/4;container-type:inline-size;margin:20px auto 0;overflow:hidden;border-radius:17px;background:#fff}
.ip-frameless-hero .page{position:absolute;inset:0;display:flex;flex-direction:column}
.ip-frameless-hero .chat{justify-content:flex-start;align-items:stretch;padding:6%;background:#fff;color:#282828;text-align:left;gap:3cqw}
.ip-frameless-hero .chat-time{font-size:max(11px,2.8cqw);text-align:center;color:#8a8682;margin:0}
.ip-frameless-hero .message{max-width:91%;width:fit-content;border-radius:14px;padding:2.4cqw 3cqw;font-size:max(12px,3.8cqw);line-height:1.4;flex-shrink:0}
.ip-frameless-hero .received{background:#f0eeec;border-bottom-left-radius:4px}
.ip-frameless-hero .sent{align-self:flex-end;background:#941c0e;color:#fff;border-bottom-right-radius:4px}
.ip-frameless-hero .chat .gift-message{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:85%;border:0;border-radius:13px;padding:0;background:#f4efeb;color:#302d2a;overflow:hidden;min-height:0}
.ip-frameless-hero .gift-art{display:grid;place-items:center;background:#f9e5dc;font-size:14cqw;padding:3cqw}
.ip-frameless-hero .gift-message strong{font-size:max(12px,3.8cqw);padding:3cqw 3cqw 0}
.ip-frameless-hero .gift-message small{font-size:max(11px,2.9cqw);color:#81766e;padding:1cqw 3cqw}
.ip-frameless-hero .gift-open{font-size:max(12px,3.4cqw);color:#941c0e;font-weight:600;padding:1cqw 3cqw 3cqw}
.ip-frameless-hero .actual-demo{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#941c0e;border-radius:inherit}
.ip-frameless-hero .gift-message[aria-busy=true]{cursor:progress}
@media(prefers-reduced-motion:reduce){.ip-frameless-hero .gallery-card{scroll-behavior:auto}}
@media(max-width:700px){
 .ip-frameless-hero{grid-template-columns:1fr;gap:18px;padding-block:18px 28px}
 .ip-frameless-hero .copy{text-align:center}
 .ip-frameless-hero .rating{align-items:center;margin-bottom:12px}
 .ip-frameless-hero .rating b,.ip-frameless-hero .stars{font-size:var(--store-score)}
 .ip-frameless-hero .rating p{font-size:var(--store-support)}
 .ip-frameless-hero :is(h1,h2){font-size:var(--store-hero);line-height:1.04;margin-bottom:0}
 .ip-frameless-hero .copy .actions,.ip-frameless-hero .copy .guarantee{display:none}
 .ip-frameless-hero .demo{width:min(82%,var(--ip-demo-width,280px));max-width:240px;padding:4px 0 28px}
 .ip-frameless-hero .mobile-actions{display:grid;gap:22px;text-align:center;width:100%;max-width:420px;justify-self:center}
 .ip-frameless-hero .actions{justify-content:center;gap:12px}
 .ip-frameless-hero .cta{padding:14px 10px;font-size:var(--store-text);min-height:56px;flex:1;min-width:0;gap:7px;white-space:nowrap}
 .ip-frameless-hero .mobile-actions .primary{flex:1.35}
 .ip-frameless-hero .mobile-actions .how{flex:none;font-size:var(--store-text);padding-inline:6px;gap:5px}
 .ip-frameless-hero .mobile-actions .how .cta-icon{width:18px;height:18px}
 .ip-frameless-hero .guarantee{margin:0;min-height:24px;font-size:var(--store-support)}
 .ip-frameless-hero .demo-dialog{padding:14px;border-radius:24px;max-height:calc(100dvh - var(--pp-dialog-mobile-gap,24px))}
}

.ip-frameless-hero--contained{margin-block:24px;border-radius:28px;padding-inline:clamp(24px,4vw,56px)}
.ip-frameless-hero--after-faq{margin:0}
.ip-frameless-hero--contained :is(h1,h2){font-size:clamp(32px,4.5vw,64px)}
.ip-frameless-hero--contained .copy{min-width:0}
@media(min-width:701px){
 .ip-frameless-hero--contained{grid-template-columns:minmax(0,440px) minmax(0,240px);justify-content:center;gap:clamp(28px,4vw,56px);padding-block:28px}
 .ip-frameless-hero--contained :is(h1,h2){font-size:clamp(36px,3.4vw,48px);margin-bottom:16px}
 .ip-frameless-hero--contained .rating{margin-bottom:14px}
 .ip-frameless-hero--contained .cta{min-height:52px;padding:12px 16px;gap:8px;white-space:nowrap}
 .ip-frameless-hero--contained .actions{flex-wrap:wrap}
 .ip-frameless-hero--contained .demo{width:min(100%,220px);max-width:220px;padding:8px 0 16px}
 .ip-frameless-hero--contained .guarantee{margin-top:12px}
}
@media(max-width:700px){.ip-frameless-hero--contained{border-radius:20px;padding-inline:20px}.ip-frameless-hero--contained :is(h1,h2){font-size:var(--store-hero)}}

#personalize{scroll-margin-top:calc(var(--header-height,0px) + 16px)}
.ip-frameless-hero [data-gift-entry-status]:empty{display:none}
