:root{--site-primary:#6D7662;--site-on-primary:#FFFFFF;--site-secondary:#E8DED2;--site-on-secondary:#302E29;--site-background:#F8F6F1;--site-on-background:#292B26;--site-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--site-font-heading:Georgia,"Times New Roman",serif;--site-heading-scale:1;--site-spacing-scale:1;--site-radius-scale:1;--site-decoration-opacity:1}*{box-sizing:border-box}body{margin:0;font-family:var(--site-font-body);color:var(--site-on-background);background:var(--site-background)}.app{min-height:100vh;background-color:light-dark(var(--site-background),#20221F);color:light-dark(var(--site-on-background),#F4F1E9);line-height:normal}.app h1,.app h2,.app h3{font-family:inherit;font-weight:700;letter-spacing:normal;line-height:normal}.app a{text-underline-offset:auto}.app .topbar{background:var(--site-primary);color:var(--site-on-primary);padding:15px max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px}.app .brand{font-family:var(--site-font-heading);font-size:28px;letter-spacing:-1px;font-weight:700}.app .brand small{display:block;font:10px var(--site-font-body);letter-spacing:2px;text-transform:uppercase;margin-top:1px;opacity:.96}.app .nav{display:flex;gap:22px;align-items:center;font-size:13px}.app .nav a{color:inherit;text-decoration:none;opacity:.92}.app .nav a:hover{text-decoration:underline}.app .top-actions{display:flex;align-items:center;gap:12px}.app .icon-btn{border:1px solid #ffffff70;color:white;background:transparent;padding:9px 12px;border-radius:999px;cursor:pointer}.app .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#E8DED2;color:#333;font-size:12px}.app main{max-width:1180px;margin:auto;padding:34px 22px 70px}.app .eyebrow{color:#666B5A;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800}.app .hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;align-items:center;margin-bottom:27px}.app h1,.app h2,.app h3,.app p{margin-top:0}.app h1{font:normal calc(42px * var(--site-heading-scale))/1.08 var(--site-font-heading);letter-spacing:-1.4px;margin:12px 0 13px;max-width:600px}.app .hero p{color:light-dark(#65675E,#C6C5BB);font-size:14px;line-height:1.65;max-width:550px;margin-bottom:20px}.app .primary-btn,.app .secondary-btn{border:0;border-radius:999px;padding:12px 17px;font-weight:700;cursor:pointer;font-size:12px;transition:transform .15s,opacity .15s}.app .primary-btn{background:var(--site-primary);color:white}.app .secondary-btn{background:var(--site-secondary);color:var(--site-on-secondary)}.app .primary-btn:hover,.app .secondary-btn:hover{transform:translateY(-1px)}.app .hero-visual{min-height:205px;border-radius:calc(20px * var(--site-radius-scale));background:linear-gradient(135deg,#D8D9CA,#E9D9C7);position:relative;overflow:hidden;padding:24px;display:flex;align-items:end}.app .sun{width:135px;height:135px;background:#F4E6D2;border-radius:50%;right:40px;top:16px}.app .arch,.app .sun{position:absolute;opacity:var(--site-decoration-opacity)}.app .arch{width:155px;height:170px;border-radius:90px 90px 8px 8px;background:#AAB19B;right:77px;bottom:-28px}.app .arch:after{content:"";position:absolute;width:70px;height:90px;border-radius:50px 50px 0 0;background:#E5CDB8;left:43px;bottom:0}.app .hero-note{position:relative;z-index:1;max-width:170px;background:#F8F6F1E8;padding:13px 15px;border-radius:12px;font:17px/1.2 var(--site-font-heading);color:#33352E}.app .hero-note small{display:block;font:10px var(--site-font-body);margin-top:7px;color:#6F7164}.app .progress-card{border:1px solid light-dark(#e6e2d8,#41443d);border-radius:14px;padding:15px 18px;display:flex;align-items:center;gap:18px;margin-bottom:30px;background:light-dark(#FFFFFF,#2B2E29)}.app .progress-ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(#7A846B 42%,#E7E4DB 0);display:grid;place-items:center;flex-shrink:0}.app .progress-ring span{background:light-dark(#fff,#2B2E29);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.app .progress-copy{flex:1 1}.app .progress-copy strong{display:block;font-size:13px;margin-bottom:4px}.app .progress-copy span{font-size:11px;color:light-dark(#73756B,#B6B7AD)}.app .progress-card button{border:0;background:transparent;color:light-dark(#59644F,#B9C4AC);font-weight:700;cursor:pointer;font-size:12px}.app .section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:30px 0 16px}.app .section-head h2{font:normal calc(28px * var(--site-heading-scale)) var(--site-font-heading);margin:5px 0 0;letter-spacing:-.5px}.app .section-head p{margin:5px 0 0;color:light-dark(#6F7068,#B9B9AF);font-size:12px}.app .text-link{color:light-dark(#65715A,#C3D0B7);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;background:none;border:0}.app .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.app .tool-card{text-align:left;border:1px solid light-dark(#e7e3da,#42453e);border-radius:15px;background:light-dark(#FFFFFF,#2B2E29);padding:18px;color:inherit;cursor:pointer;min-height:145px}.app .tool-card:hover{border-color:#8B967B;box-shadow:0 6px 22px #3332}.app .tool-icon{width:39px;height:39px;border-radius:12px;background:var(--site-secondary);display:grid;place-items:center;font-size:19px;margin-bottom:13px}.app .tool-card strong{display:block;font-size:13px;margin-bottom:6px}.app .tool-card p{font-size:11px;line-height:1.5;color:light-dark(#75766D,#B8B9AF);margin:0}.app .layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:20px;gap:20px;align-items:start}.app .filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.app .chip{padding:8px 12px;border:1px solid light-dark(#e1ddd3,#494c44);border-radius:999px;background:transparent;color:inherit;font-size:11px;cursor:pointer}.app .chip.active{background:var(--site-primary);color:white;border-color:var(--site-primary)}.app .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.app .product{border:1px solid light-dark(#e7e3da,#42453e);background:light-dark(#FFFFFF,#2B2E29);border-radius:15px;overflow:hidden}.app .product-art{height:140px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#EFE9DF,#DCE0D2)}.app .product-art.rose{background:linear-gradient(135deg,#F1E2D9,#E6D3CB)}.app .product-art.blue{background:linear-gradient(135deg,#E0E5E4,#C7D1CE)}.app .product-art.gold{background:linear-gradient(135deg,#EFE7D2,#D9D5C2)}.app .product-art .emoji{font-size:60px;filter:drop-shadow(0 8px 4px #0001)}.app .save{position:absolute;top:10px;right:10px;border:0;background:#FFFFFFE8;color:#444;width:29px;height:29px;border-radius:50%;cursor:pointer;font-size:16px}.app .product-art{overflow:hidden}.app .product-art .visuel-generique{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#F6F1E9}.app .save,.app .tag{z-index:1}.app .tag{position:absolute;top:10px;left:10px;border-radius:5px;padding:5px 7px;background:#F8F6F1;color:#5B6552;font-size:9px;font-weight:800}.app .product-info{padding:13px}.app .product-brand{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:light-dark(#73756B,#B8B9AF)}.app .product h3{font-size:13px;line-height:1.35;margin:5px 0 8px}.app .product-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.app .price{font-size:17px;font-weight:800}.app .rating{font-size:10px;color:#916F3B}.app .product-actions{display:flex;gap:7px}.app .product-actions button{flex:1 1;padding:9px 6px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}.app .compare-btn{border:1px solid light-dark(#dad6cc,#4b4e46);background:transparent;color:inherit}.app .add-btn{border:0;background:var(--site-primary);color:white}.app .sidebar{background:light-dark(#EEEAE0,#30332D);border-radius:16px;padding:19px;position:-webkit-sticky;position:sticky;top:16px}.app .sidebar h3{font:normal 22px var(--site-font-heading);margin:8px 0 7px}.app .sidebar p{font-size:11px;line-height:1.5;color:light-dark(#686960,#BFC0B5)}.app .budget-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:17px 0 8px}.app input[type=range]{width:100%;accent-color:var(--site-primary)}.app .range-note{display:flex;justify-content:space-between;color:light-dark(#676960,#B8B9AF);font-size:9px}.app .pref-label{display:block;font-size:11px;font-weight:700;margin:18px 0 8px}.app select{width:100%;padding:10px;border:1px solid light-dark(#d8d3c8,#4b4e46);border-radius:9px;background:light-dark(#fff,#242722);color:inherit;font-size:11px}.app .checkrow{display:flex;gap:8px;align-items:center;font-size:11px;margin:10px 0}.app .checkrow input{accent-color:var(--site-primary)}.app .sidebar .primary-btn{width:100%;margin-top:12px}.app .mini-list{margin-top:14px;border-top:1px solid light-dark(#d8d3c8,#4b4e46);padding-top:13px}.app .mini-list strong{font-size:11px}.app .mini-list div{display:flex;justify-content:space-between;font-size:11px;margin-top:9px}.app .empty{padding:24px;text-align:center;color:light-dark(#6F7068,#B9B9AF);font-size:12px;grid-column:1/-1}.app .bottom-banner{margin-top:35px;background:var(--site-primary);color:white;padding:22px 25px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:16px}.app .bottom-banner h2{font:normal 24px var(--site-font-heading);margin:0 0 5px}.app .bottom-banner p{margin:0;font-size:11px;opacity:.96}.app .bottom-banner button{background:#F3EDE3;color:#33352E;white-space:nowrap}.app .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#292D26;color:white;border-radius:999px;box-shadow:0 5px 25px #0002;font-size:12px;z-index:5;display:none}.app .modal-backdrop{position:fixed;inset:0;background:#1F211DB8;z-index:10;display:none;align-items:center;justify-content:center;padding:18px}.app .modal{width:min(620px,100%);max-height:85vh;overflow:auto;background:light-dark(#FBFAF7,#292C27);color:inherit;border-radius:18px;padding:24px}.app .modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.app .modal h2{font:normal 27px var(--site-font-heading);margin:0 0 12px}.app .close{border:0;background:transparent;font-size:23px;cursor:pointer;color:inherit}.app .compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid light-dark(#e5e0d6,#42453e);font-size:11px}.app .compare-row span:first-child{color:light-dark(#717269,#B9B9AF)}.app .compare-row strong{font-size:11px}.app .modal .primary-btn{margin-top:17px}@media (prefers-color-scheme:dark){.app .hero-visual{filter:brightness(.86)}}@media (max-width:800px){.app .nav{display:none}.app main{padding-top:24px}.app .hero{grid-template-columns:1fr}.app .hero-visual{min-height:155px}.app h1{font-size:36px}.app .layout{grid-template-columns:1fr}.app .sidebar{position:static;order:-1}.app .tools-grid{grid-template-columns:1fr}.app .tool-card{min-height:unset}.app .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .section-head{align-items:start}.app .bottom-banner{align-items:start;flex-direction:column}}@media (max-width:430px){.app .product-grid{grid-template-columns:1fr}.app .product-art{height:165px}.app .topbar{padding:13px 16px}.app main{padding-left:16px;padding-right:16px}}.app .extra-panel{background:#fff;border:1px solid #e5e0d7;border-radius:16px;padding:20px;margin-top:15px}.app .extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.app .extra-panel h3{font:normal 22px Georgia,serif;margin:0 0 12px}.app .extra-panel label{font-size:12px;display:block;margin:9px 0}.app .extra-panel input[type=number]{width:100%;padding:10px;border:1px solid #d8d3c8;border-radius:9px}.app .extra-panel .checkrow{display:flex;align-items:center;gap:8px}.app .shop-checks{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px}.app .list-card{border:1px solid #e5e0d7;border-radius:13px;padding:16px;background:#fff}.app .list-card h3{font:normal 21px Georgia,serif}.app .status-line{font-size:12px;color:#66745f}.app .bag-progress{height:8px;background:#e9e4da;border-radius:20px;overflow:hidden;margin:12px 0}.app .bag-progress span{display:block;background:#6d7662;height:100%;width:0}.app .note{font-size:11px;color:#6E7066;line-height:1.6}.app .data-step{padding:12px;border-radius:12px;background:#f1eee7;text-align:center;font-size:12px}.app .data-flow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media(max-width:800px){.app .extra-grid{grid-template-columns:1fr}.app .data-flow{grid-template-columns:1fr 1fr}}.app .ambiance{margin:0}.app .ambiance img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:calc(16px * var(--site-radius-scale));background:#EFE9DF}.app .mention-generique{margin-top:6px;font-size:10px;line-height:1.4;color:light-dark(#666B5A,#C2C5B8)}.app .hero-scene{position:relative}.app .hero-scene .ambiance img{aspect-ratio:16/11;border-radius:calc(20px * var(--site-radius-scale))}.app .hero-scene .hero-note{position:absolute;left:16px;bottom:38px}.app .univers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.app .univers-card{display:block;text-decoration:none;color:inherit;background:light-dark(#FFFFFF,#2B2E29);border:1px solid light-dark(#e7e3da,#42453e);border-radius:calc(16px * var(--site-radius-scale));padding:8px 8px 14px;transition:transform .25s ease,box-shadow .25s ease}.app .univers-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3B3A3014}.app .univers-card:focus-visible{outline:2px solid #6D7662;outline-offset:2px}.app .univers-card .ambiance img{aspect-ratio:3/2;border-radius:calc(11px * var(--site-radius-scale))}.app .univers-card .mention-generique{padding:0 4px}.app .univers-texte{display:block;padding:8px 4px 0}.app .univers-texte strong{display:block;font:19px/1.2 var(--site-font-heading)}.app .univers-texte span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:light-dark(#65675E,#C6C5BB)}.app .categorie-bandeau{display:grid;grid-template-columns:190px 1fr;grid-gap:16px;gap:16px;align-items:center;margin:0 0 14px;padding:10px;border-radius:calc(16px * var(--site-radius-scale));background:light-dark(#F6F1E9,#2B2E29)}.app .categorie-bandeau strong{font:20px/1.2 var(--site-font-heading)}.app .categorie-bandeau p{margin:4px 0 0;font-size:12px;line-height:1.5;color:light-dark(#65675E,#C6C5BB)}@media (prefers-color-scheme:dark){.app .ambiance img{filter:brightness(.9)}}@media (max-width:800px){.app .univers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app .hero-scene .ambiance img{aspect-ratio:16/10}}@media (max-width:430px){.app .univers-texte strong{font-size:16px}.app .univers-texte span{font-size:11px}.app .categorie-bandeau{grid-template-columns:112px 1fr;gap:12px}.app .hero-scene .hero-note{left:10px;bottom:34px;max-width:150px;padding:10px 12px;font-size:15px}}.app .ambiance.carree img{aspect-ratio:1/1;object-fit:contain;background:#FFFFFF}.app .ambiance.portrait img{aspect-ratio:1/1;object-position:60% 40%}.app .listes-panel{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;align-items:center}.app .confiance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 8px}.app .confiance>div{display:grid;grid-template-columns:auto 1fr;grid-column-gap:10px;column-gap:10px;align-items:center;padding:12px 14px;border-radius:calc(14px * var(--site-radius-scale));background:light-dark(#FFFFFF,#2B2E29);border:1px solid light-dark(#e7e3da,#42453e)}.app .confiance .tool-icon{grid-row:span 2;margin:0}.app .confiance strong{font-size:12px}.app .confiance span:not(.tool-icon){font-size:11px;line-height:1.4;color:light-dark(#65675E,#C6C5BB)}@media (max-width:800px){.app .confiance{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app .listes-panel{grid-template-columns:1fr}.app .listes-panel .ambiance{max-width:280px}}.app .guide .ambiance img{aspect-ratio:auto}.app .guide .hero-scene .ambiance img{aspect-ratio:16/10;object-position:30% 50%}.app .guide-section{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:center;margin:36px 0}.app .guide-section.inverse{grid-template-columns:.9fr 1.1fr}.app .guide-section.sans-image{grid-template-columns:1fr}.app .guide-section.sans-image p{max-width:720px}.app .guide-section.inverse>div{order:2}.app .guide-section h2{font:26px/1.2 var(--site-font-heading);margin:0 0 10px}.app .guide-section p{font-size:14px;line-height:1.7;color:light-dark(#4F5148,#D2D1C7);margin:0 0 10px;max-width:560px}.app .guide-criteres h2{font:22px/1.2 var(--site-font-heading);margin:0 0 8px}.app .guide-criteres ul{column-count:2;margin:0 0 10px;padding-left:18px;font-size:13px;line-height:1.9}.app .guide-lien{display:inline-block;margin-top:14px}@media (max-width:800px){.app .guide-section,.app .guide-section.inverse{grid-template-columns:1fr;gap:12px;margin:26px 0}.app .guide-section.inverse>div{order:0}.app .guide-section h2{font-size:22px}.app .guide-criteres ul{column-count:1}}