/* Base selection only: compact cards, clear navigation, browser safe area. */
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1{padding-block-end:calc(80px + env(safe-area-inset-bottom, 0px)) !important;scroll-margin-block:24px 100px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-carousel-help{display:block !important;font-size:14px !important;line-height:1.4 !important;font-weight:600 !important;margin:10px 0 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-carousel-frame{display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px !important;grid-template-rows:44px auto !important;gap:8px !important;align-items:start !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-carousel-frame > .previous{grid-column:1 !important;grid-row:1 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-carousel-frame > .next{grid-column:3 !important;grid-row:1 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-carousel-frame > .lot01-base-grid{grid-column:1 / -1 !important;grid-row:2 !important;margin:0 !important;padding:8px 0 14px !important;gap:14px !important;align-items:start !important;scroll-snap-type:x proximity !important;scrollbar-width:thin !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-carousel-arrow{position:static !important;display:flex !important;visibility:visible !important;opacity:1 !important;min-height:44px !important;height:44px !important;max-height:44px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card{display:flex !important;flex-direction:column !important;align-self:start !important;gap:10px !important;padding:12px !important;height:auto !important;min-height:0 !important;max-height:none !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card .pb-custom-media{width:160px !important;inline-size:160px !important;max-width:100% !important;height:160px !important;block-size:160px !important;flex:none !important;align-self:center !important;aspect-ratio:1 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card-copy{gap:6px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card-copy > strong{font-size:18px !important;line-height:1.25 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card-copy > small{font-size:14px !important;line-height:1.35 !important;text-transform:none !important;letter-spacing:normal !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-card-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;margin:8px 0 0 !important;padding:0 !important;height:auto !important;scroll-margin-block:24px 120px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-card-actions > button{min-inline-size:0 !important;inline-size:100% !important;min-height:44px !important;height:44px !important;max-height:none !important;margin:0 !important;font-size:13px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .pb-base-reviews{display:block !important;margin-top:8px !important;font-size:13px !important;line-height:1.4 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .pb-base-reviews > summary{display:list-item !important;cursor:pointer !important;min-height:32px !important;padding:6px 0 !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .pb-base-reviews:not([open]) > .client-demo-review{display:none !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .pb-base-reviews .client-demo-review{margin:4px 0 !important;padding:8px !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .pb-base-reviews .client-demo-review strong{font-size:14px !important;line-height:1.3 !important;}
@media(max-width:740px){
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-grid{grid-auto-columns:min(300px,calc(100% - 18px)) !important;}
html body[data-client-theme] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="personnalisables"] .pb-base-compact-v1 .lot01-base-card .pb-custom-media{inline-size:128px !important;width:128px !important;block-size:128px !important;height:128px !important;}
}
html:has(.pb-base-compact-v1.is-active){scroll-padding-block:20px calc(100px + env(safe-area-inset-bottom, 0px));}