/* Inter, self-hosted (Latin + Latin Extended: covers Polish and Swedish letters) */
@font-face{font-family:'Inter';font-weight:300;font-style:normal;font-display:swap;src:url(fonts/inter-Light.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-Regular.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/inter-Medium.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:600 800;font-style:normal;font-display:swap;src:url(fonts/inter-SemiBold.woff) format('woff')}

@font-face{font-family:'Inter';font-weight:300 400;font-style:italic;font-display:swap;src:url(fonts/inter-LightItalic.woff) format('woff')}

:root{--sans:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;--serif:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--sans)}

/* Small text: 15 px -> 16 px (also stops iOS zooming into form fields) */
.eyebrow,.hero .tag,.about-text p,.review .who,.step span,.ev-points span,.pf-btn,.pbtn,footer .wrap,
.approach-item p,.price-detail,.price-terms dd,.price-foot,.price-note p,.product-info .desc,
.dna-item p,.genre-item p,.form-thanks p,.form-msg{font-size:1rem}
input,select,textarea{font-size:1rem}

/* ---------- READABILITY ON EVERY DEVICE ---------- */
/* no text under 14 px */
.ev-cap em,.pf-cap em{font-size:.9rem}
.ptag{font-size:.875rem}
.ship-to-label{font-size:.9rem}
.ship-to-pill,.photo-toggle-pill,.size-pill,.frame-note{font-size:.9rem}
.frame-note{font-size:.9rem!important}
.form-privacy,.form-privacy a{font-size:.9rem}
.print-grid span{font-size:.9rem}

/* comfortable tap targets (about 40-44 px) */
.ship-to-pill,.photo-toggle-pill,.size-pill{min-height:40px;display:inline-flex;align-items:center}
footer a{display:inline-block;padding:.6rem .1rem}
.lb-x{top:.4rem;right:.6rem;min-width:48px;min-height:48px;font-size:2.4rem;display:flex;align-items:center;justify-content:center}
.lb-p,.lb-n{min-width:48px;min-height:48px}

/* long words and e-mail addresses must wrap, never push the page sideways */
footer,footer a,.ci-email,.quick-contact a,.form-card,.contact a{overflow-wrap:break-word}
html,body{max-width:100%}
.lightbox-close{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}
.social-icon,.footer-social a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.contact-info a,.quick-contact a,.ci-list a,.follow a{display:inline-block;padding:.35rem 0}
.link{padding:.5rem 0}