
/* Form-factor release v2: content reflows; viewport height never dictates legibility. */
html{ -webkit-text-size-adjust:100%; }
*,*::before,*::after{box-sizing:border-box}
:where(main,section,article,header,footer,nav,div,figure){min-inline-size:0}
:where(h1,h2,h3,p,li){overflow-wrap:break-word}
:where(h1,h2,h3){text-wrap:balance}
:where(img,video){max-inline-size:100%}
:where(input,select,textarea){font-size:1rem;max-inline-size:100%}
:where(button,.button,.btn){max-inline-size:100%;white-space:normal;min-block-size:44px}
:where(dialog,[role="dialog"]){max-inline-size:calc(100vw - 2rem);max-block-size:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}
@media(max-width:600px){:where(input,select,textarea){font-size: max(16px,1rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(min-width:601px) and (max-width:900px){body[data-page="home"] .pixs-home-hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}body[data-page="home"] .pixs-hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:30% center}body[data-page="home"] .pixs-home-hero::after{display:none}body[data-page="home"] .pixs-hero-copy{position:relative;inset:auto;width:100%;transform:none;padding:32px;background:var(--pixs-paper,#f7f6f2)}body[data-page="home"] .pixs-hero-copy h1{font-size:clamp(2.5rem,6vw,3.5rem);max-width:none}}
@media(max-width:600px){body[data-page="home"] .pixs-hero-actions{display:flex;flex-wrap:wrap;gap:12px}body[data-page="home"] .pixs-hero-actions :is(a,button){font-size:1rem;line-height:1.4;padding:14px 16px;min-height:48px}body :is(.product-summary,.product-details,.cart-item-info){overflow-wrap:break-word}body :is(.cart-panel,.shopping-bag-panel){max-width:100vw}body .pixs-hero-copy h1{font-size:clamp(2.5rem,10vw,3.5rem)}}
