:root{--ink:#10201f;--brand:#0f4c47;--brand-d:#0a3532;--soft:#dcebe8;--mist:#f3f6f5;--sun:#f2a516;--promo:#d9363e;--line:#dfe6e4;--muted:#5b6d6b}
*{box-sizing:border-box}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--mist);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:'Bricolage Grotesque','DM Sans',sans-serif;letter-spacing:-.02em}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.muted{color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.05rem;border-radius:.75rem;font-weight:700;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-d)}
.btn-sun{background:var(--sun);color:#1b1300}.btn-sun:hover{background:#ffb932}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--brand)}
.btn-danger{background:#fff;border-color:#f1c4c6;color:var(--promo)}.btn-danger:hover{background:#fdeeee}
.btn-sm{padding:.4rem .7rem;font-size:.8rem;border-radius:.6rem}

.input{width:100%;padding:.65rem .85rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;font-size:.95rem}
.input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(15,76,71,.15)}
label.lbl{display:block;font-size:.8rem;font-weight:700;margin-bottom:.3rem}

.card{background:#fff;border:1px solid var(--line);border-radius:1rem}
.chip{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}
.chip:hover,.chip[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
.badge{display:inline-block;padding:.15rem .5rem;border-radius:.4rem;font-size:.72rem;font-weight:700}
.badge-promo{background:var(--promo);color:#fff}
.badge-flash{background:var(--sun);color:#1b1300}
.badge-out{background:#e8eceb;color:var(--muted)}

/* Cartes produit */
.pcard{display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.pcard:hover{border-color:var(--brand);box-shadow:0 8px 24px -12px rgba(15,76,71,.35)}
.pcard .ph{position:relative;aspect-ratio:1/1;background:#e9efee;overflow:hidden}
.pcard .ph img{width:100%;height:100%;object-fit:cover}
.old{text-decoration:line-through;color:var(--muted);font-size:.85em}

/* Slider */
.slider{position:relative;overflow:hidden}
.fade{display:grid}
.fade .slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s}
.fade .slide.on{opacity:1;visibility:visible}
.track{display:flex;transition:transform .6s ease}
.track .slide{flex:0 0 100%}

/* Favoris + WhatsApp */
.pcard{position:relative}
.fav{position:absolute;top:.5rem;right:.5rem;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:2}
.fav svg{fill:none;stroke:var(--ink);stroke-width:2}
.fav[aria-pressed="true"] svg{fill:var(--promo);stroke:var(--promo)}
.bubble{max-width:82%;padding:.6rem .85rem;border-radius:1rem;font-size:.9rem;white-space:pre-wrap;word-break:break-word}
.bubble.me{background:var(--brand);color:#fff;margin-left:auto;border-bottom-right-radius:.25rem}
.bubble.them{background:#fff;border:1px solid var(--line);border-bottom-left-radius:.25rem}

/* Zoom galerie */
.zoom{overflow:hidden;cursor:zoom-in;background:#e9efee}
.zoom img{transition:transform .2s;transform-origin:var(--x,50%) var(--y,50%)}
.zoom:hover img{transform:scale(2)}

/* Toasts */
.toast{pointer-events:auto;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:.8rem;font-size:.9rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);animation:tin .25s ease-out;max-width:22rem;border-left:4px solid var(--sun)}
.toast.err{border-left-color:var(--promo)}
.toast.out{opacity:0;transform:translateY(8px);transition:all .25s}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.skeleton{background:linear-gradient(90deg,#e6ecea,#f3f6f5,#e6ecea);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:.75rem}
@keyframes sk{to{background-position:-200% 0}}

/* Suivi de commande */
.steps{display:flex;gap:.25rem}
.steps li{flex:1;text-align:center;font-size:.72rem;color:var(--muted)}
.steps li::before{content:"";display:block;height:6px;border-radius:99px;background:var(--line);margin-bottom:.35rem}
.steps li.done::before{background:var(--brand)}
.steps li.done{color:var(--ink);font-weight:700}

.prose-lite ul{list-style:disc;padding-left:1.25rem}.prose-lite ol{list-style:decimal;padding-left:1.25rem}.prose-lite p{margin:.5rem 0}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Carousel v2 ===== */
.slider{isolation:isolate}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;font-size:1.5rem;display:none;place-items:center;border:1px solid rgba(255,255,255,.25);z-index:5}
.sl-btn:hover{background:rgba(255,255,255,.32)}
@media(min-width:640px){.sl-btn{display:grid}}
.dot{width:.5rem;height:.5rem;border-radius:99px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}
.dot.on{width:1.8rem;background:var(--sun)}
.sl-count{position:absolute;right:1.25rem;bottom:1rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;opacity:.85;z-index:5}
.sl-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:5}
.sl-progress i{display:block;height:100%;width:0;background:var(--sun)}
.sl-progress.run i{animation:prog var(--dur,6s) linear forwards}
@keyframes prog{to{width:100%}}
.slide.on .kb{animation:kb 10s ease-out forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.ov{--ov:.55;background:linear-gradient(to top,rgba(0,0,0,var(--ov)),rgba(0,0,0,calc(var(--ov)*.35)) 65%,transparent)}
@media(min-width:768px){.ov{background:linear-gradient(90deg,rgba(0,0,0,var(--ov)),rgba(0,0,0,calc(var(--ov)*.3)) 60%,transparent)}.ov.c{background:rgba(0,0,0,calc(var(--ov)*.65))}}
.pill{display:inline-block;padding:.25rem .7rem;border-radius:99px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25)}
.btn-glass{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.btn-glass:hover{background:rgba(255,255,255,.3)}

/* ===== Rangées défilantes ===== */
.hscroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.25rem .1rem 1rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem;-webkit-overflow-scrolling:touch}
.hscroll::-webkit-scrollbar{display:none}
.hitem{flex:0 0 46%;scroll-snap-align:start;max-width:15rem}
@media(min-width:640px){.hitem{flex-basis:30%}}
@media(min-width:1024px){.hitem{flex-basis:22%;max-width:17rem}.hscroll{margin:0;padding-left:.1rem;padding-right:.1rem}}
.hitem .pcard{height:100%}
.row-btn{width:2.2rem;height:2.2rem;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:1.2rem;line-height:1;display:none;place-items:center}
.row-btn:hover{border-color:var(--brand);color:var(--brand)}
@media(min-width:768px){.row-btn{display:grid}}

/* ===== Cartes catégories (styles aléatoires) ===== */
.cat-tile{position:relative;flex:0 0 auto;width:10.5rem;height:7.5rem;padding:.9rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;color:#fff;transition:transform .2s}
.cat-tile:hover{transform:translateY(-3px) rotate(-.6deg)}
@media(min-width:768px){.cat-tile{width:13rem;height:9rem}}
.cat-tile b{position:relative;z-index:2;font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;line-height:1.1}
.cat-tile small{position:relative;z-index:2;opacity:.85;font-size:.75rem}
.cat-tile img{position:absolute;right:-.6rem;top:-.4rem;width:4.6rem;height:4.6rem;object-fit:cover;border-radius:1rem;box-shadow:0 8px 18px -6px rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.85);z-index:1}
.cat-tile::after{content:"";position:absolute;pointer-events:none;z-index:0}
.ct0{background:linear-gradient(135deg,#ff9a76,#ff5e62)}
.ct1{background:linear-gradient(135deg,#2bc0a0,#185a9d)}
.ct2{background:linear-gradient(135deg,#f6d365,#fd8a5e);color:#2a1600}
.ct3{background:linear-gradient(135deg,#7a8cff,#8a3fb5)}
.ct4{background:#12231f}
.ct5{background:linear-gradient(135deg,#8be9c0,#7cc4ec);color:#0a2a2a}
.ct6{background:linear-gradient(135deg,#f093fb,#f5576c)}
.ct7{background:linear-gradient(135deg,#1f2937,#4b5563)}
.sh0::after{width:7rem;height:7rem;border-radius:50%;background:rgba(255,255,255,.18);left:-2rem;bottom:-3rem}
.sh1::after{width:6rem;height:6rem;border-radius:50%;border:14px solid rgba(255,255,255,.16);right:2rem;bottom:-2.5rem}
.sh2::after{inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 10px,transparent 10px 22px)}
.sh3::after{inset:0;background-image:radial-gradient(rgba(255,255,255,.28) 2px,transparent 2.5px);background-size:16px 16px}
.sh4::after{width:9rem;height:4rem;background:rgba(255,255,255,.14);transform:rotate(-18deg);left:-1rem;top:38%}
.r0{border-radius:1.25rem}.r1{border-radius:2rem .6rem 2rem .6rem}.r2{border-radius:.6rem 2rem .6rem 2rem}.r3{border-radius:2.2rem}

/* ===== Barre de navigation mobile ===== */
.bnav{display:none}
@media(max-width:767px){
  body{padding-bottom:4.6rem}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom))}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.66rem;font-weight:600;color:var(--muted);padding:.3rem 0;border-radius:.8rem}
  .bnav a.on{color:var(--brand)}
  .bnav a.on>span:first-child{background:var(--soft);border-radius:99px;padding:.2rem .9rem}
  .bnav .nb{position:absolute;top:-.3rem;right:-.2rem;min-width:1.05rem;height:1.05rem;border-radius:99px;background:var(--promo);color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center;padding:0 .25rem}
  .bnav .nb.hidden{display:none}
  .wa-float{bottom:5.4rem!important}.wa-panel{bottom:9.4rem!important}
  .buybar{bottom:4.6rem!important}
}

/* ===== WhatsApp ===== */
.wa-float{position:fixed;left:1rem;bottom:1rem;z-index:60;width:3.4rem;height:3.4rem;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 20px -6px rgba(0,0,0,.4);border:0;cursor:pointer}
.wa-panel{position:fixed;left:1rem;bottom:5rem;z-index:61;width:min(20rem,calc(100vw - 2rem));border-radius:1.1rem;overflow:hidden;background:#fff;box-shadow:0 20px 50px -12px rgba(0,0,0,.4);border:1px solid var(--line)}
.wa-panel.hidden{display:none}
.wa-head{background:#075e54;color:#fff;padding:.9rem 1rem;display:flex;flex-direction:column}.wa-head span{font-size:.75rem;opacity:.8}
.wa-body{padding:.9rem;background:#ece5dd;display:flex;flex-direction:column;gap:.5rem}
.wa-msg{background:#fff;border-radius:.2rem .9rem .9rem .9rem;padding:.6rem .8rem;font-size:.9rem;max-width:88%}
.wa-q{background:#fff;border:1px solid #25d366;color:#075e54;border-radius:99px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;text-align:center}
.wa-q:hover{background:#25d366;color:#fff}

/* ===== Barre d'achat collante (fiche produit, mobile) ===== */
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:65;background:#fff;border-top:1px solid var(--line);padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
@media(min-width:768px){.buybar{display:none}}

/* ===== Retouches responsive ===== */
@media(max-width:480px){h1{word-break:break-word}.toast{max-width:100%}}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}


/* ===== Apparence configurable des boutons ===== */
html[data-button-radius="pill"] .btn{border-radius:999px}
html[data-button-radius="square"] .btn{border-radius:.35rem}
html[data-button-style="neon"] .btn-primary{background:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 80%,white),0 0 16px color-mix(in srgb,var(--brand) 75%,transparent)}
html[data-button-style="neon"] .btn-primary:hover{box-shadow:0 0 0 1px var(--brand),0 0 28px color-mix(in srgb,var(--brand) 80%,transparent);transform:translateY(-1px)}
html[data-button-style="neon"] .btn-sun{box-shadow:0 0 18px color-mix(in srgb,var(--sun) 75%,transparent)}
html[data-button-style="gradient"] .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-d),var(--sun));background-size:180% 180%}
html[data-button-style="gradient"] .btn-primary:hover{background-position:100% 0}
html[data-button-style="glass"] .btn-primary{background:color-mix(in srgb,var(--brand) 72%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--brand) 35%,white);box-shadow:0 8px 24px -14px var(--brand)}
html[data-button-style="outline"] .btn-primary{background:transparent;color:var(--brand);border-color:var(--brand)}
html[data-button-style="outline"] .btn-primary:hover{background:var(--brand);color:#fff}
html[data-button-style="3d"] .btn-primary{box-shadow:0 4px 0 var(--brand-d);transform:translateY(0)}
html[data-button-style="3d"] .btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-d)}
html[data-button-glow="1"] .btn-primary,.html[data-button-glow="1"] .btn-sun{box-shadow:0 0 18px color-mix(in srgb,var(--brand) 55%,transparent)}

/* Petit splash entre deux pages */
#nav-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-d) 18%,transparent);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,visibility .14s}
#nav-splash.show{opacity:1;visibility:visible}
.nav-splash-mark{width:3.1rem;height:3.1rem;border-radius:50%;border:3px solid var(--brand);border-top-color:var(--sun);background:#fff;box-shadow:0 8px 30px -10px rgba(0,0,0,.35)}
#nav-splash[data-style="pulse"] .nav-splash-mark{animation:navpulse .55s ease-in-out infinite alternate}
#nav-splash[data-style="ring"] .nav-splash-mark{animation:navring .7s linear infinite}
#nav-splash[data-style="shine"] .nav-splash-mark{animation:navshine .6s ease-in-out infinite alternate}
@keyframes navpulse{from{transform:scale(.82);opacity:.65}to{transform:scale(1);opacity:1}}
@keyframes navring{to{transform:rotate(360deg)}}
@keyframes navshine{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--sun) 0%,transparent)}to{box-shadow:0 0 28px 8px color-mix(in srgb,var(--sun) 55%,transparent)}}

/* ===== Modules réutilisables DBX ===== */
.dbx-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:rgba(5,15,20,.58);backdrop-filter:blur(6px)}
.dbx-modal-card{position:relative;width:min(100%,560px);max-height:92vh;overflow:auto;background:#fff;border-radius:1.25rem;padding:1.25rem;box-shadow:0 25px 80px rgba(0,0,0,.25)}
.dbx-modal-card h2{font:800 1.45rem/1.2 'Bricolage Grotesque',sans-serif;margin:0}.dbx-muted,.dbx-help{color:#647572;font-size:.84rem}.dbx-modal-close{position:absolute;right:.8rem;top:.6rem;width:2rem;height:2rem;border:0;background:#eef3f2;border-radius:50%;font-size:1.3rem;cursor:pointer}.dbx-profile-form{margin-top:1rem;display:grid;gap:.85rem}.dbx-profile-form label{font-size:.82rem;font-weight:700;display:grid;gap:.35rem}.dbx-profile-form label span{font-weight:400;color:#71817f}.dbx-profile-form input{width:100%;border:1px solid #d9e1df;border-radius:.7rem;padding:.65rem .75rem;outline:none}.dbx-profile-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.dbx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dbx-avatar-row{display:flex;align-items:center;gap:1rem}.dbx-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#edf3f1;border:2px solid var(--brand);color:var(--brand);font-weight:800;font-size:.7rem}.dbx-avatar img{width:100%;height:100%;object-fit:cover}.dbx-upload{display:inline-flex!important;width:max-content!important;padding:.55rem .8rem;border-radius:.65rem;background:var(--brand);color:#fff;cursor:pointer!important}.dbx-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.dbx-btn{border:0;border-radius:.7rem;padding:.65rem .9rem;font-weight:800;cursor:pointer}.dbx-btn-primary{background:var(--brand);color:#fff}.dbx-btn-secondary{background:#eef3f2;color:#20302e}.dbx-error{min-height:1.1rem;color:#b42318;font-size:.8rem}
.dbx-order-btn{position:relative;overflow:hidden;min-height:48px;isolation:isolate}.dbx-order-label,.dbx-order-done{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.dbx-order-done svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5}.dbx-order-scene{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden}.dbx-warehouse{position:absolute;left:38%;top:8px;width:58px;height:34px;border:3px solid rgba(255,255,255,.9);border-bottom-width:4px;border-radius:4px 4px 2px 2px;background:rgba(255,255,255,.08);overflow:hidden}.dbx-door{position:absolute;inset:0;background:#1f2937;border-right:2px solid #93c5fd;transform-origin:right center}.dbx-warehouse-light{position:absolute;top:4px;left:8px;width:8px;height:8px;border-radius:50%;background:#fef08a;box-shadow:0 0 12px #fef08a}.dbx-van{position:absolute;width:74px;height:32px;left:0;top:8px;z-index:3;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25))}.dbx-order-btn.is-animating{cursor:wait}.dbx-order-btn.is-done{background:var(--brand)!important;color:#fff!important}
.dbx-vip-wrap{width:min(100%,430px);aspect-ratio:85.6/53.98;perspective:1100px;cursor:pointer;outline:none}.dbx-vip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.dbx-vip-wrap.is-flipped .dbx-vip-inner{transform:rotateY(180deg)}.dbx-vip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:1rem;overflow:hidden;color:#fff;padding:1.1rem;background:linear-gradient(135deg,#071f1d,#0f4c47 55%,#183d70);box-shadow:0 20px 45px rgba(0,0,0,.2)}.dbx-vip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#0c1725,#17355e 55%,#0f4c47)}.dbx-vip-brand{font-weight:900;font-size:1rem;letter-spacing:.04em}.dbx-vip-brand span{font-size:.65rem;background:#f2a516;color:#201500;border-radius:99px;padding:.18rem .4rem;margin-left:.3rem}.dbx-vip-chip{width:34px;height:25px;border-radius:5px;background:linear-gradient(135deg,#d8c08a,#f6e6b5);margin-top:1rem}.dbx-vip-main{display:flex;align-items:center;gap:.8rem;position:absolute;left:1.1rem;right:1.1rem;bottom:1rem}.dbx-vip-photo{width:55px;height:55px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.8);display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:.55rem;font-weight:800}.dbx-vip-photo img{width:100%;height:100%;object-fit:cover}.dbx-vip-main small{display:block;font-size:.55rem;opacity:.72}.dbx-vip-main strong{display:block;font-size:1rem}.dbx-vip-main span{font-size:.7rem;opacity:.8}.dbx-vip-title{font-weight:900;letter-spacing:.08em;margin:2rem 0 1rem}.dbx-vip-stripe{height:20px;background:#111827;margin:0 -1.1rem 1rem}.dbx-vip-back p{font-size:.7rem;opacity:.82}.dbx-vip-number{margin-top:1rem;font-weight:800;letter-spacing:.12em}.dbx-vip-back small{position:absolute;bottom:1rem;left:1.1rem;opacity:.65;font-size:.6rem}
.dbx-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.dbx-format{display:grid;gap:.4rem;text-align:left;padding:1rem;border:1px solid #d9e1df;border-radius:1rem;background:#fff;cursor:pointer}.dbx-format:hover{border-color:var(--brand);box-shadow:0 8px 25px -15px var(--brand)}.dbx-format span{font-size:.75rem;color:#667674}
@media(max-width:560px){.dbx-grid2,.dbx-format-grid{grid-template-columns:1fr}.dbx-modal-card{padding:1rem}.dbx-vip-face{padding:.8rem}.dbx-vip-main{left:.8rem;right:.8rem;bottom:.8rem}.dbx-vip-back{padding:.8rem}.dbx-vip-back .dbx-vip-stripe{margin-left:-.8rem;margin-right:-.8rem}}

.dbx-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}