/* Visual fidelity pass based on the supplied VISIONA mockups. */
:root{--ink:#111416;--paper:#ffffff;--cream:#f2f2f2;--line:#e5e5e5;--muted:#646464;--gold:#141414;--green:#48d178}
body{background:#dedbd6;color:var(--ink)}
#app{width:min(100%,375px);background:#ffffff}
.screen{padding:0 13px 22px;background:linear-gradient(165deg,#ffffff 0%,#fafafa 58%,#f2f2f2 100%)}
.site-header{height:62px;margin:0 -13px;padding:0 13px;grid-template-columns:44px 1fr 44px;border-bottom:0;background:#ffffff}
.brand{display:flex;align-items:center;justify-content:center}.menu-icon{font-size:26px;font-weight:300;line-height:1;transform:scaleX(1.05)}.bag-icon{font-size:21px}
.top-nav{margin:0 -13px;padding:7px 6px 9px;gap:2px;background:#fffdfa;border-bottom:1px solid #e5e5e5;font-size:7px}.top-nav span{min-width:46px;color:#181919}.top-nav span:first-child{color:#111;font-weight:800}.top-nav .agent-tab{background:#f2f2f2;border-radius:7px;padding:6px 5px;min-width:72px}
.hero{margin:0 -13px;min-height:305px;padding:13px 13px 12px;grid-template-columns:56% 44%;background:#fbf4ee;position:relative}.hero-copy{position:relative;z-index:2}.new-badge{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800}.hero h1{font-size:22px;line-height:1.05;margin:10px 0 9px;max-width:175px}.hero p{font-size:9px;line-height:1.45;max-width:165px;margin:0 0 12px}.hero .primary{min-height:35px;border-radius:6px;padding:8px 10px;font-size:14px}o-visual{position:relative;overflow:hidden;margin:-13px -13px -12px -22px}.hero-model-crop{position:absolute;inset:0;overflow:hidden}.hero-model-crop img{position:absolute;width:311px;max-width:none;left:-145px;top:-103px}.trust{display:flex;align-items:center;gap:7px;font-size:7px;line-height:1.25;margin-top:12px}.avatar-stack{letter-spacing:-3px;color:#b87b59;font-size:15px}
.section-title{font-size:10px;margin:13px 0 7px}.section-title span,.section-title button{font-size:8px}.mini-grid{gap:7px}.mini-card{min-height:107px;border-radius:10px;padding:8px;background:#f2f2f2;font-size:9px}.mini-card img{height:65px}.bottom-nav{background:#fff;margin:13px -13px -22px;padding:11px 10px 8px;font-size:8px;position:sticky;bottom:0;z-index:3}

.step-header{height:58px}.step-nav{font-size:9px;padding:9px 11px}.steps{font-size:9px}.screen>h1{font-size:29px;margin-top:7px}.lead{font-size:12px;line-height:1.35;max-width:265px;margin-bottom:14px}.capture{height:235px;margin:0 48px 11px;border-radius:13px;background:#f4f4f4}.capture img{object-position:center 22%}.primary,.secondary,.dark-action{min-height:47px;border-radius:8px;font-size:14px}.tips-title{margin:15px}.tips{font-size:9px}.tip-icon{width:45px;height:45px;background:#f2f2f2}.bottom-security{font-size:8px;background:#f2f2f2;padding:10px;margin-top:12px}.bottom-security .primary{font-size:9px;min-height:37px;padding:8px}
.analysis-photo{height:275px;margin:7px 43px 14px;border-radius:10px}.analysis-photo img{object-position:center 22%}.scan-ring{width:72px;height:72px;font-size:10px;box-shadow:0 0 0 5px #b5e5ff33}.analysis-types{gap:6px}.analysis-type{min-height:81px;padding:11px 4px;background:#ffffff;border-color:#e5e5e5;font-size:8px}.analysis-type span{font-size:27px}.validation-icon{width:78px;height:78px;margin:42px auto 18px;font-size:38px;background:#eef7ef}.result-card{background:#fff;border-color:#e5e5e5;box-shadow:0 8px 28px rgba(0,0,0,.06)}.result-item{background:#f7f7f7;padding:13px}.dark-action{margin-top:2px}
.swipe-progress{margin:11px 47px 30px}.swipe-stage{gap:8px;margin:25px -3px 14px}.swipe-card{height:224px;border-radius:13px;border-color:#eae3dd;box-shadow:0 6px 18px #9b80630d}.swipe-card img{width:148px;height:118px}.swipe-card strong{font-size:15px}.swipe-hint{font-size:10px}.swipe-arrows{font-size:25px}
.catalogue-header{height:58px}.catalogue-header h2{font-size:18px}.profile-card{padding:11px;border-radius:12px;background:#ffffff}.agent-pill{background:#f0f0f0;font-size:8px;padding:7px}.profile-facts{font-size:8px}.profile-facts small{display:block;color:#777;margin-top:5px}.profile-facts strong{font-size:10px;line-height:1.25}.filter-bar{font-size:10px}.chip{font-size:7px;border-radius:999px}.catalogue-list{gap:11px}.catalogue-product{min-height:330px;border-radius:14px;padding:13px;background:#fff;box-shadow:0 4px 14px #6d554010}.catalogue-product img{height:215px}.catalogue-product strong{font-size:20px}.catalogue-product p{font-size:9px;color:#5a5a5a}.save-selection{border-radius:999px;background:#f2f2f2}
.catalogue-nav{display:grid;place-items:center}.catalogue-nav svg{width:18px;height:18px;stroke-width:1.55}.catalogue-favourite{align-self:flex-end;width:35px;height:35px;margin:-3px 0 7px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent}.catalogue-favourite svg{width:20px;height:20px;stroke-width:1.5}.catalogue-edit{width:auto;min-width:52px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px}.catalogue-edit svg{width:12px;height:12px}.agent-pill svg,.chip svg{width:13px;height:13px;stroke-width:1.5}.catalogue-fact-icon{width:34px;height:34px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#f2f2f2}.catalogue-fact-icon svg{width:19px;height:19px;stroke-width:1.45}.catalogue-filter{border:1px solid var(--line)}.catalogue-product .heart{display:grid;place-items:center}.catalogue-product .heart svg{width:21px;height:21px;stroke-width:1.45}.catalogue-colour-dots{display:inline-flex;gap:3px;margin-right:8px}.catalogue-colour-dots i{width:7px;height:7px;border-radius:50%;background:#191919}.catalogue-colour-dots i:nth-child(2){background:#c99338}.catalogue-colour-dots i:nth-child(3){background:#8b4d2c}.save-selection{display:flex;align-items:center;justify-content:center;gap:8px}.save-selection svg{width:16px;height:16px;stroke-width:1.45}
.vto-screen{background:#6f625a}.vto-camera>img.face-photo{object-position:center 24%;filter:saturate(.82) contrast(1.02)}.tryon-frame{width:69%;top:29.5%;mix-blend-mode:multiply;filter:contrast(1.35) saturate(.8)}.vto-top{top:17px}.vto-top button{width:43px;height:43px;background:#ffffff}.score-panel{padding:14px 13px 10px;background:linear-gradient(150deg,#202729f8,#111719fa);border-radius:18px 18px 0 0;box-shadow:0 -12px 35px #0003}.score-heading{grid-template-columns:49px 1fr 78px}.score-heading h2{font-size:23px}.score-heading small{color:var(--green)}.score-number{font-size:33px}.reason{padding:8px 0}.reason b{font-size:13px}.reason span{font-size:10px;color:#d3d7d8}.reason-icon{color:#111!important}.vto-actions button{font-size:11px;padding:11px 5px}.vto-actions .cart{background:#141414}.suggestions{padding:8px;background:#ffffff}.suggestion-row{gap:5px}.suggestion{min-width:82px}.suggestion img{width:78px;height:62px}.analysis-recap{inset:118px 8px 79px;padding:15px 21px;background:linear-gradient(150deg,#20282bfb,#101719fd)}.analysis-recap h2{font-size:28px}.recap-item{grid-template-columns:67px 1fr}.recap-icon{width:64px;height:64px}.recap-item h3{font-size:18px}.filter-drawer{padding:14px 15px;background:linear-gradient(150deg,#20282bfd,#111719)}.filter-drawer h3{text-align:center}.filter-line{grid-template-columns:62px 1fr}.filter-option{padding:9px 12px;font-size:11px}.apply-filters{background:#141414}
.product-page .product-image{height:310px}.product-page h1{font-size:32px}.product-actions{position:sticky;bottom:0;background:var(--paper);padding:10px 0}

/* =========================================================================
   CATALOGUE — passe lisibilite mobile : on remonte les textes trop petits
   (< 11px) a un plancher lisible, sans toucher la hierarchie (titres/prix).
   Bloc en fin de fichier => l'emporte sur les surcharges anterieures.
   ========================================================================= */
.catalogue-screen .agent-pill { font-size: 12px !important; }
.catalogue-screen .catalogue-edit { font-size: 11px !important; }
.catalogue-screen .profile-facts { font-size: 11px !important; }
.catalogue-screen .profile-facts small { font-size: 11px !important; line-height: 1.25 !important; }
.catalogue-screen .profile-facts strong { font-size: 12px !important; line-height: 1.25 !important; }
.catalogue-screen .filter-bar small { font-size: 11px !important; }
.catalogue-screen .chip,
.catalogue-screen .catalogue-filter { font-size: 11px !important; }
.catalogue-screen .catalogue-product-copy > small { font-size: 10px !important; }
.catalogue-screen .catalogue-reference { font-size: 10px !important; }
.catalogue-screen .catalogue-product-copy p { font-size: 11px !important; }
.catalogue-screen .bottom-nav .nav-label { font-size: 10px !important; }