/* Studio mobile 2.6.6 — quiet typography, precise touch targets, restrained elevation. */
@media(max-width:600px){
 #s12{--s12-refined-height:max(64px,var(--s12-footer-height,60px));--s12-dock-space:calc(var(--s12-refined-height) + 24px + env(safe-area-inset-bottom,0px))}
 #s12 .s12-intro{padding-top:24px;padding-bottom:24px;margin-bottom:24px;gap:16px}
 #s12 .s12-intro h1,#s12 .s12-workspace-hero h1{font-size:var(--s12-mobile-title,26px);font-weight:650;line-height:1.24;letter-spacing:-.035em;text-wrap:balance;margin:8px 0 12px;overflow-wrap:anywhere}
 #s12 .s12-intro>div>p,#s12 .s12-workspace-hero p{font-size:14px;line-height:1.65;margin:0;color:var(--s-muted)}
 #s12 .s12-intro .s12-eyebrow,#s12 .s12-workspace-hero .s12-eyebrow{font-size:14px;letter-spacing:.06em;font-weight:600;line-height:1.5}
 #s12 .s12-workspace-hero{padding:24px 0;gap:20px;margin-bottom:24px}
 #s12 .s12-workspace-hero .s12-btn{margin-top:20px;min-height:44px;font-size:14px;font-weight:600;gap:16px;border-radius:10px;padding:12px 18px}
 #s12 .s12-workspace-hero:not(.is-text-only){margin-top:20px;padding:0;gap:0;border:1px solid var(--s-line);border-radius:14px;background:var(--s-panel);overflow:hidden}
 #s12 .s12-workspace-hero:not(.is-text-only)>div{padding:20px;grid-row:2}
 #s12 .s12-workspace-hero>img{grid-row:1;width:100%;max-height:240px;object-fit:contain;border:0;border-radius:0}
 #s12[data-mobile-shadow="1"] .s12-workspace-hero:not(.is-text-only){box-shadow:0 1px 2px #00000005,0 4px 12px #101c380a}
 #s12 .s12-workspace-banner{margin:0 0 24px}
 #s12 .s12-workspace-banner .rn-banner-shell{padding:20px 0 0}
 #s12 .s12-workspace-banner .rn-banner{border:1px solid var(--s-line)}
 #s12 .s12-workspace-banner .rn-banner-controls button{width:44px;height:44px;border-radius:10px;box-shadow:0 1px 2px #0000000a}
 #s12 .s12-workspace-banner .rn-banner-dots button{width:44px;height:44px;background:transparent;border:0;box-shadow:none}
 #s12 .s12-workspace-banner .rn-banner-dots span{width:6px;height:6px}
 #s12 .s12-workspace-banner .rn-banner-dots [aria-current=true] span{width:8px;height:8px}
 #s12.s12-sticky-footer>.s12-mobile-dock{inset:auto 12px calc(8px + env(safe-area-inset-bottom,0px));height:var(--s12-refined-height);padding:4px;gap:0;border:1px solid var(--s-line);border-radius:16px;background:var(--s-panel);box-shadow:none;box-sizing:border-box}
 #s12.s12-sticky-footer[data-dock-surface="edge"]>.s12-mobile-dock{inset:auto 0 0;height:calc(var(--s12-refined-height) + env(safe-area-inset-bottom,0px));padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-radius:0}
 #s12[data-dock-surface="edge"]{--s12-dock-space:calc(var(--s12-refined-height) + env(safe-area-inset-bottom,0px))}
 #s12 .s12-mobile-dock a{min-width:0;min-height:44px;height:100%;gap:2px;padding:0 2px;border-radius:10px;font-size:14px;line-height:18px;font-weight:400;letter-spacing:-.025em;background:transparent;color:var(--s-muted);text-decoration:none}
 #s12 .s12-mobile-dock a svg{width:var(--s12-mobile-icon,22px);height:var(--s12-mobile-icon,22px);padding:3px 6px;box-sizing:content-box;border-radius:8px;flex-shrink:0}
 #s12 .s12-mobile-dock a[aria-current="page"]{background:transparent;color:var(--s-blue);font-weight:600}
 #s12 .s12-mobile-dock a[aria-current="page"] svg{background:var(--s-tint)}
 #s12 .s12-mobile-dock .s12-dock-label{max-width:100%;white-space:nowrap}
 #s12[data-dock-labels="icons"] .s12-mobile-dock .s12-dock-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #s12[data-dock-labels="icons"] .s12-mobile-dock a svg{padding:8px;border-radius:10px}
 #s12 .s12-mobile-dock [data-mobile-cart-count]{top:0;left:calc(50% + 4px);min-width:18px;height:18px;line-height:18px;font-size:14px;letter-spacing:0;border-radius:6px;padding:0 3px;background:var(--s-blue);color:var(--s-on-accent,#fff);box-shadow:0 0 0 2px var(--s-panel)}
 #s12 .s12-mobile-dock [data-mobile-cart-count][hidden]{display:none}
 #s12[data-dock-labels="icons"] .s12-mobile-dock [data-mobile-cart-count]{top:5px}
 #s12 .s12-mobile-dock a:focus-visible{outline:2px solid var(--s-blue);outline-offset:-2px}
 #s12[data-mobile-shadow="1"]>.s12-mobile-dock{box-shadow:0 1px 2px #00000005,0 4px 18px #101c3820}
 #s12[data-mobile-shadow="1"] .s12-workspace-hero>img,#s12[data-mobile-shadow="1"] .s12-workspace-banner .rn-banner{box-shadow:0 1px 2px #00000005,0 4px 12px #101c380a}
 #s12[data-mobile-effects="1"] .s12-mobile-dock a,#s12[data-mobile-effects="1"] .s12-mobile-dock a svg,#s12[data-mobile-effects="1"] .s12-workspace-hero .s12-btn{transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}
 #s12[data-mobile-effects="1"] .s12-mobile-dock a:active svg{transform:scale(.94)}
 #s12[data-mobile-effects="1"] .s12-workspace-hero .s12-btn:active{transform:translateY(1px)}
 #s12[data-mobile-effects="1"] .s12-intro,#s12[data-mobile-effects="1"] .s12-workspace-hero,#s12[data-mobile-effects="1"] .s12-workspace-banner{animation:s12-quiet-reveal 260ms ease-out both}
 @media(hover:hover){#s12 .s12-mobile-dock a:hover svg{background:var(--s-tint)}}
}
@keyframes s12-quiet-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#s12 .s12-intro,#s12 .s12-workspace-hero,#s12 .s12-workspace-banner{animation:none!important}#s12 .s12-mobile-dock a,#s12 .s12-mobile-dock a svg,#s12 .s12-workspace-hero .s12-btn{transition:none!important;transform:none!important}}
