/* ShopTV V3.7: mobile-first AI landing studio + integrated branded checkout */
:root{--stv-wow-green:#087CFF;--stv-wow-ink:#06183F;--stv-wow-line:#DDE7F6;--stv-wow-muted:#71809B}
.ai-wizard-head{max-width:1000px;margin:0 auto 22px}
.ai-wizard-head h1{line-height:1.12}
.ai-wizard-form{grid-template-columns:minmax(0,1fr) 270px;gap:16px}
.ai-wizard-main{gap:12px}
.ai-step-card{border-radius:17px;box-shadow:0 7px 22px rgba(23, 41, 65, .035)}
.ai-step-heading{margin-bottom:14px}
.ai-field-label{margin-bottom:11px;line-height:1.5}
.ai-large-select,.ai-prompt-input,.ai-step-card input:not([type=radio]),.ai-step-card select,.ai-step-card textarea{max-width:100%;min-width:0}
.ai-prompt-presets button{min-height:35px}
.ai-generate-main{min-height:48px}

/* Editor actions/settings first; the actual preview is one full-width section below them. */
.ai-visual-studio{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.ai-design-panel{order:1;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.ai-design-panel form#aiVisualSaveForm{grid-column:1;grid-row:1;margin:0}
.ai-design-panel .ai-regenerate-card{grid-column:2;grid-row:1;margin:0}
.ai-design-panel .ai-product-mini{grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px}
.ai-design-panel .ai-product-mini .eyebrow,.ai-design-panel .ai-product-mini strong,.ai-design-panel .ai-product-mini small{grid-column:1}
.ai-design-panel .ai-product-mini>span:not(.eyebrow),.ai-design-panel .ai-product-mini .text-link{grid-column:2;grid-row:1/ span 3;justify-self:end}
.ai-visual-workspace{order:2;width:100%;}
.ai-canvas-wrap{min-height:520px}
.ai-canvas-browser iframe{height:780px}
.ai-canvas-wrap.is-mobile .ai-canvas-browser iframe{height:700px}
.ai-studio-top{align-items:flex-start}
.ai-studio-top h1{overflow-wrap:anywhere;line-height:1.12}
.ai-studio-actions .button{white-space:normal}
.ai-regenerate-card .ai-field-label textarea{min-height:90px;resize:vertical}
.ai-gen-modal{max-height:min(90dvh,760px);overflow-y:auto}
.ai-gen-error{overflow-wrap:anywhere}

/* Public AI landing page: content iframe expands to its content; no nested tiny scrolling viewport. */
.public-landing-page{--landing-primary:var(--shop-primary,#087CFF);--landing-accent:var(--shop-accent,#d4a34e);width:100%;background:#fff;color:#192435;overflow:hidden}
.public-landing-page .public-landing-iframe{width:100%;background:#fff;overflow:visible}
.public-landing-page .public-landing-iframe iframe{display:block;width:100%;height:70vh;min-height:520px;border:0;background:#fff;overflow:hidden}
.ai-landing-checkout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(18px,4vw,42px);align-items:start;width:min(100% - 32px,1080px);margin:28px auto 72px;padding:clamp(18px,4vw,42px);border:1px solid color-mix(in srgb,var(--landing-primary) 19%,#fff);border-radius:26px;background:linear-gradient(140deg,color-mix(in srgb,var(--landing-primary) 7%,#fff),#fff 58%,color-mix(in srgb,var(--landing-accent) 8%,#fff));box-shadow:0 18px 55px rgba(22, 36, 55, .08);scroll-margin-top:18px}
.ai-landing-checkout:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--landing-accent) 12%,transparent),transparent 34%);pointer-events:none}
.ai-landing-checkout-intro{min-width:0}
.ai-landing-checkout-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--landing-primary) 10%,#fff);color:var(--landing-primary);font-size:.72rem;font-weight:900;letter-spacing:.05em}
.ai-landing-checkout-intro h2{margin:13px 0 10px;font-size:clamp(1.65rem,3.7vw,2.5rem);line-height:1.1;letter-spacing:-.035em;color:#151F2E}
.ai-landing-checkout-intro>p{font-size:.91rem;line-height:1.85;color:#616872;overflow-wrap:anywhere;margin:0 0 18px}
.ai-landing-checkout-product{display:flex;align-items:center;gap:13px;padding:11px;border:1px solid #E3E6EA;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(18, 34, 55, .045)}
.ai-landing-checkout-product img{width:76px;height:76px;object-fit:contain;flex:none;border-radius:11px;background:#F6F7F9}
.ai-landing-checkout-product>div{display:grid;gap:7px;min-width:0}
.ai-landing-checkout-product strong{font-size:.89rem;line-height:1.4;overflow-wrap:anywhere;color:#202B3B}
.ai-landing-checkout-product span{font-size:1.05rem;font-weight:950;color:var(--landing-primary)}
.ai-landing-checkout-note{display:block;margin-top:16px;color:#686F78;font-size:.74rem;line-height:1.65}
.ai-landing-order-form{display:grid;gap:13px;min-width:0;padding:clamp(14px,2.4vw,24px);border:1px solid rgba(24, 42, 65, .1);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(20, 34, 53, .06)}
.ai-landing-field{display:grid;gap:7px;min-width:0;color:#343E4B;font-size:.77rem;font-weight:850;line-height:1.45}
.ai-landing-field input,.ai-landing-field textarea,.ai-landing-field select{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid #DBE0E6;border-radius:11px;padding:11px 12px;background:#FBFDFF;color:#192435;font:inherit;font-size:.87rem;outline:none;transition:border-color .15s,box-shadow .15s}
.ai-landing-field textarea{min-height:68px;resize:vertical}
.ai-landing-field input:focus,.ai-landing-field textarea:focus,.ai-landing-field select:focus{border-color:var(--landing-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--landing-primary) 13%,transparent)}
.ai-landing-fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0}
.ai-landing-offer-fieldset{min-width:0;padding:0;margin:0;border:0}
.ai-landing-offer-fieldset legend{margin-bottom:10px;color:#323C4A;font-size:.79rem;font-weight:900}
.ai-landing-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ai-landing-offer-choice{position:relative;display:flex;min-width:0;cursor:pointer}
.ai-landing-offer-choice input{position:absolute;opacity:0;width:1px;height:1px}
.ai-landing-offer-choice-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:100%;padding:12px;border:1px solid #E1E5E9;border-radius:14px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.ai-landing-offer-choice-copy strong{font-size:.8rem;line-height:1.4;overflow-wrap:anywhere;color:#26313F}
.ai-landing-offer-choice-copy small{font-size:.68rem;color:#777E86}
.ai-landing-offer-choice-copy b{font-size:1.04rem;line-height:1.25;font-weight:950;color:var(--landing-primary);overflow-wrap:anywhere}
.ai-landing-offer-choice:has(input:checked) .ai-landing-offer-choice-copy{border-color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--landing-primary) 13%,transparent)}
.ai-landing-offer-choice:has(input:checked) .ai-landing-offer-choice-copy:after{content:"✓";align-self:flex-end;color:var(--landing-primary);font-weight:950;font-size:.8rem}
.ai-landing-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:3px;padding:13px 18px;border:0;border-radius:13px;background:var(--landing-primary);color:#fff;font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;box-shadow:0 11px 25px color-mix(in srgb,var(--landing-primary) 22%,transparent);transition:transform .15s,filter .15s}
.ai-landing-submit:hover{filter:brightness(.96);transform:translateY(-1px)}
.ai-landing-submit span{font-size:1.1rem}
@media(max-width:850px){.ai-landing-checkout{grid-template-columns:minmax(0,1fr);gap:18px}.ai-landing-checkout-intro h2{font-size:clamp(1.65rem,5vw,2.1rem)}.ai-landing-checkout-product{max-width:560px}}
@media(max-width:760px){
 .ai-wizard-form{grid-template-columns:minmax(0,1fr);gap:12px}
 .ai-wizard-aside{position:static}
 .ai-step-card{padding:16px}
 .ai-step-heading{gap:10px}
 .ai-step-heading>span{width:31px;height:31px}
 .ai-prompt-input{min-height:112px}
 .ai-wizard-actions{bottom:calc(72px + env(safe-area-inset-bottom));}
 .ai-design-panel{grid-template-columns:minmax(0,1fr)}
 .ai-design-panel form#aiVisualSaveForm,.ai-design-panel .ai-regenerate-card,.ai-design-panel .ai-product-mini{grid-column:1;grid-row:auto}
 .ai-design-panel .ai-product-mini{display:grid;grid-template-columns:minmax(0,1fr)}
 .ai-design-panel .ai-product-mini .eyebrow,.ai-design-panel .ai-product-mini strong,.ai-design-panel .ai-product-mini small,.ai-design-panel .ai-product-mini>span:not(.eyebrow),.ai-design-panel .ai-product-mini .text-link{grid-column:1;grid-row:auto;justify-self:start}
 .ai-visual-studio{gap:12px}
 .ai-canvas-wrap{padding:8px;min-height:300px}
 .ai-landing-checkout{width:calc(100% - 22px);margin:18px auto 44px;padding:15px;border-radius:20px;gap:15px}
 .ai-landing-order-form{padding:13px;border-radius:16px;gap:11px}
 .ai-landing-checkout-intro h2{font-size:1.7rem}
 .ai-landing-checkout-intro>p{font-size:.85rem}
 .ai-landing-fields-two{grid-template-columns:minmax(0,1fr)}
 .ai-landing-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ai-landing-offer-choice-copy{padding:10px;border-radius:12px}
 .ai-landing-offer-choice-copy strong{font-size:.76rem}
 .ai-landing-offer-choice-copy b{font-size:.96rem}
 .ai-landing-field input,.ai-landing-field textarea,.ai-landing-field select{font-size:16px;min-height:46px}
 .ai-landing-submit{min-height:50px;font-size:.86rem}
 .public-landing-page .public-landing-iframe iframe{min-height:480px}
}
@media(max-width:390px){.ai-landing-offer-grid{grid-template-columns:minmax(0,1fr)}.ai-landing-checkout-product img{width:64px;height:64px}.ai-landing-checkout{width:calc(100% - 16px);padding:12px}}
@media(prefers-reduced-motion:reduce){.ai-landing-order-form *, .ai-landing-submit{transition:none!important}}