/* Independent demo interior follows the Banana editorial layout; cover stays unchanged. */
body.demo-web-layout .demo-web-look{display:grid;grid-template-columns:1.2fr .8fr;min-height:calc(100dvh - 64px);background:#efe9df}
body.demo-web-layout .demo-web-visual{position:relative;min-width:0;height:calc(100dvh - 64px);min-height:500px;background:#d5c6b6;touch-action:pan-y}
body.demo-web-layout .demo-web-visual>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
body.demo-web-layout .demo-web-copy{position:relative;align-self:center;padding:clamp(26px,5vw,88px);min-width:0}
body.demo-web-layout .demo-web-copy h1{font-size:clamp(30px,3.7vw,62px);line-height:1.3;font-weight:400;margin:20px 0 12px;letter-spacing:.02em}
body.demo-web-layout .demo-web-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}
body.demo-web-layout .demo-web-products{display:grid;margin:24px 0 18px;border-top:1px solid var(--line);max-height:35dvh;overflow:auto}
body.demo-web-layout .demo-web-products>button{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;min-height:74px;text-align:left;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}
body.demo-web-layout .demo-web-products img{width:58px;height:68px;object-fit:contain;background:var(--paper)}
body.demo-web-layout .demo-web-products b{display:block;font-size:13px;font-weight:400;line-height:1.5}.demo-web-layout .demo-web-products small{display:block;margin-top:4px;font-size:11px;color:var(--wine)}
body.demo-web-layout .demo-web-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-web-layout .demo-web-actions .button{font-size:12px;padding:12px 18px}
body.demo-web-layout .demo-web-actions .favorite-action.active{color:var(--wine);background:#f5e5e9}
body.demo-web-layout .demo-web-paging{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.demo-web-layout .demo-web-paging button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;font-size:22px;background:var(--paper);color:var(--ink)}
body.demo-web-layout .profile-page{max-width:1200px;padding-top:28px}.demo-web-layout .history-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.demo-web-layout .history-card{border-radius:8px;overflow:hidden}.demo-web-layout .history-card img{max-height:42dvh;object-fit:contain}.demo-web-layout .profile-page h1{font-size:36px;font-weight:400}
@media(max-width:760px){body.demo-web-layout .demo-web-look{grid-template-columns:1fr}.demo-web-layout .demo-web-visual{height:60dvh;min-height:0}.demo-web-layout .demo-web-copy{padding:24px 20px 90px}.demo-web-layout .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}