@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--pink:#f88ac3;--blue:#a8caff;--ink:#3c2d76;--paper:#fff9ff;--accent:#ed4b9b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,#fff0fa,transparent 35%),radial-gradient(circle at 90% 40%,#edf4ff,transparent 40%),var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.promo{background:linear-gradient(90deg,var(--pink),#f6a0d0,var(--pink));color:white;text-align:center;padding:8px;font-weight:800;font-size:14px}.header{background:#fffafd;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;gap:24px;position:sticky;top:0;z-index:10;box-shadow:0 4px 22px #eeb9e72c}.logo{font-size:clamp(25px,3vw,42px);font-weight:900;letter-spacing:-2px;white-space:nowrap;text-shadow:2px 3px #fff,3px 4px #d8b7e7}.logo span:first-child{color:#f45caa}.logo span:last-child{color:#81aaf1}.nav{display:flex;align-items:center;gap:clamp(8px,2.3vw,35px);font-weight:900}.nav button,.tools button{border:0;background:transparent;color:var(--ink);font-weight:900}.nav button.active{background:#ffe0f0;color:#ce3280;padding:10px 18px;border-radius:30px}.tools{display:flex;gap:12px}.tools button{font-size:22px}.cart-count{background:var(--pink);color:white;border-radius:30px;font-size:12px;padding:2px 6px}.hero{height:300px;position:relative;background:linear-gradient(120deg,#b5d0ff,#fbd7f4);overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:absolute;left:52%;top:12%;width:43%;text-align:center;text-shadow:0 2px 4px #fff}.hero-copy h1{font-size:clamp(27px,4.5vw,64px);line-height:1.1;margin:0;color:#f56ab4;-webkit-text-stroke:1px #fff;text-shadow:3px 4px #fff,5px 6px #9d8bc8}.hero-copy h1 span{color:#6c9ef1}.hero-copy p{font-weight:900;font-size:clamp(15px,2vw,25px);margin:8px 0 18px}.primary{background:linear-gradient(110deg,#fa80bd,#f14d9f);border:3px solid white;box-shadow:0 4px 0 #b4a4d3;color:white;border-radius:35px;padding:12px 30px;font-weight:900}.features{max-width:1330px;margin:12px auto 20px;background:#ffecf7b8;border-radius:40px;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 20px;gap:12px}.features div{text-align:center;font-size:14px;font-weight:800}.features b{font-size:23px;vertical-align:middle;margin-right:10px}.wrap{max-width:1450px;margin:auto;padding:0 32px}.section-title{text-align:center;font-size:32px;margin:22px 0;color:#6541a2;font-weight:900}.section-title:before,.section-title:after{content:'✧ ୨୧ ✧';font-size:23px;color:#f38dc5;margin:0 18px}.categories{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:15px 0 28px}.category{border:0;border-radius:40px;background:linear-gradient(120deg,#fce4f6,#e7e9ff);padding:15px 22px;font-weight:900;color:var(--ink);box-shadow:0 3px #e7c5ef}.category.selected{outline:3px solid var(--pink)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{border:2px solid #f7cce8;border-radius:23px;overflow:hidden;background:#fffcff;box-shadow:0 7px 20px #ebbedb25}.product-image{height:190px;background:linear-gradient(135deg,#fae0f5,#d5e6ff);position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:10px;left:10px;background:#fff9ff;border:2px solid var(--pink);border-radius:30px;padding:3px 13px;font-weight:900;font-size:13px}.product-info{padding:12px 17px;display:flex;align-items:end;justify-content:space-between;gap:8px}.product h3{margin:0 0 5px;font-size:16px}.price{font-weight:900;font-size:23px;color:#e32270}.round{border:0;background:var(--pink);color:white;border-radius:30px;width:41px;height:41px;font-size:21px}.outline{border:2px solid var(--accent);border-radius:40px;color:#c92e7d;background:#fff6fc;padding:12px 35px;font-weight:900}.center{text-align:center;margin:24px}.footer{margin-top:55px;background:#f9dff2;padding:25px;text-align:center;font-weight:800}.empty{text-align:center;padding:40px}.admin{max-width:1180px;margin:30px auto;padding:0 20px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tabs button{border:1px solid #efb8db;background:white;padding:10px 18px;border-radius:20px;font-weight:900;color:var(--ink)}.tabs button.selected{background:var(--pink);color:white}.panel{background:white;border:1px solid #f0c8e5;border-radius:20px;padding:22px;box-shadow:0 5px 25px #e9c0df2c}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:5px;font-weight:800}.field input,.field textarea,.field select{border:1px solid #d7c7e5;border-radius:12px;padding:11px;background:#fffcff;color:var(--ink);width:100%}.field.wide{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.small{padding:8px 14px;border:0;border-radius:12px;background:#f6d8ed;color:#59337b;font-weight:900}.save{background:#ee67ab;color:white}.danger{background:#ffe2e5;color:#aa3455}.item-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border-bottom:1px solid #f6e0ef}.item-row img{width:65px;height:55px;object-fit:cover;border-radius:10px}.item-row .meta{flex:1}.muted{color:#8678a0;font-size:13px}.notice{background:#eaf4ff;border-radius:12px;padding:12px;margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview{max-width:240px;max-height:120px;object-fit:contain}.drawer-back{position:fixed;inset:0;background:#33224a66;z-index:20}.drawer{position:absolute;right:0;top:0;height:100%;width:min(420px,100%);background:white;padding:24px;overflow:auto}.cart-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f0d3e9}.toast{position:fixed;bottom:20px;right:20px;background:#4c377f;color:white;padding:12px 20px;border-radius:14px;z-index:40}.searchbar{display:flex;justify-content:center;margin:20px}.searchbar input{width:min(550px,100%);padding:13px;border:2px solid #f2b6dc;border-radius:30px}.admin-link{font-size:12px!important;border:1px solid #eac6e2!important;border-radius:15px;padding:5px!important}.asset-label{font-size:11px;color:#6c5687;font-weight:800} @media(max-width:900px){.header{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero{height:280px}.hero-copy{left:43%;width:55%;top:18%}.features{grid-template-columns:repeat(2,1fr);margin:12px}.products{grid-template-columns:repeat(2,1fr)}.section-title:before,.section-title:after{display:none}}@media(max-width:550px){.wrap{padding:0 12px}.hero{height:240px}.hero img{object-position:33%}.hero-copy{left:42%;width:57%;top:22%}.hero-copy h1{font-size:27px}.hero-copy p{font-size:13px}.primary{padding:8px 12px;font-size:12px}.features{font-size:12px}.products{gap:10px}.product-image{height:145px}.product h3{font-size:13px}.product-info{padding:9px}.price{font-size:18px}.form-grid,.two{grid-template-columns:1fr}.nav{font-size:13px;gap:5px}.nav button.active{padding:6px 10px}.section-title{font-size:26px}}
/* V3.5 — Galerie, fiche produit et variantes */
.product[data-product]{cursor:pointer;transition:transform .2s,box-shadow .2s}
.product[data-product]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #e9a4d355}
.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;margin:30px 0 80px}
.detail-main{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;border:2px solid #f8cce8;background:#fff}
.detail-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.detail-thumbs button{border:1px solid #f4b8da;background:white;border-radius:12px;padding:3px;cursor:pointer}
.detail-thumbs img{width:75px;height:75px;object-fit:cover;border-radius:9px}
.detail-copy{padding:18px}.detail-copy h1{font-size:2rem;color:#5b368c}.detail-copy h2{color:#e94594}
.multiline{white-space:pre-wrap;line-height:1.7}
.variant-row{display:grid;grid-template-columns:1.4fr .7fr .6fr 1fr 1.2fr auto;gap:9px;align-items:end;padding:12px 0;border-bottom:1px solid #f3d3e8}
.variant-row label{font-size:.85rem}.variant-row input{width:100%;margin-top:5px}.tiny{width:45px;height:45px;object-fit:cover}
.media-draft{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.media-thumb{position:relative}.media-thumb img{width:95px;height:95px;object-fit:cover;border-radius:12px}.media-thumb button{position:absolute;right:0;top:0}
@media(max-width:800px){.detail{grid-template-columns:1fr;gap:10px}.variant-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V3.6 — ergonomie catalogue et variantes */
.variant-row{grid-template-columns:minmax(140px,1.5fr) 75px 90px 80px minmax(100px,1fr) minmax(150px,1.2fr) auto;align-items:center}
.variant-row input[type=color]{width:58px;height:42px;padding:4px;border:1px solid #efc4e2;border-radius:12px;background:#fff}
.variant-row label{display:flex;flex-direction:column;gap:4px}.variant-row label input{border:1px solid #e9cde4;border-radius:10px;padding:8px}
.variant-row .tiny{margin-top:6px;border-radius:9px}.media-thumb{background:#fff3fb;padding:6px;border-radius:12px}.media-actions{display:flex;gap:3px;justify-content:center}.media-actions .small{padding:4px 8px;font-size:12px}
.detail-category{display:inline-block;background:#fff0fa;color:#b43c83;border:1px solid #f4b4dc;border-radius:20px;padding:5px 12px;font-weight:900}.detail-thumbs button.selected{outline:3px solid var(--pink)}.color-swatches{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.color-swatch{background:var(--swatch);width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #bda4d1}.color-swatch.selected{box-shadow:0 0 0 3px #a36cbd}.color-swatch:disabled{opacity:.3;cursor:not-allowed}.availability{font-weight:800;color:#75549a}.preview[hidden]{display:none}
@media(max-width:1000px){.variant-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
