/* Bouton UIverse : surface sombre nette et animation de balayage, sans Liquid Glass. */
button,.btn,.account-btn,.bag,.filter,.admin-chip,.discord-btn,.gallery-arrow,.gallery-dots button{border:0!important;border-radius:8px!important;background:#151515!important;color:#fff!important;box-shadow:0 3px 0 #070707,0 7px 14px #0004!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}.btn:before,.account-btn:before,.bag:before,.filter:before,.admin-chip:before,.discord-btn:before,.gallery-arrow:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;transform:none!important;width:auto!important;height:auto!important;background:linear-gradient(105deg,transparent 35%,#ffffff22 50%,transparent 65%)!important;opacity:0;transition:opacity .2s!important}.btn:hover,.account-btn:hover,.bag:hover,.filter:hover,.admin-chip:hover,.discord-btn:hover,.gallery-arrow:hover{transform:translateY(-2px)!important;background:#252525!important;box-shadow:0 4px 0 #070707,0 12px 20px #0005!important;filter:none!important}.btn:hover:before,.account-btn:hover:before,.bag:hover:before,.filter:hover:before,.admin-chip:hover:before,.discord-btn:hover:before,.gallery-arrow:hover:before{left:auto!important;opacity:1}.btn:active,.account-btn:active,.bag:active,.filter:active,.admin-chip:active,.discord-btn:active,.gallery-arrow:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #070707,0 3px 7px #0004!important}.btn.hot{background:#151515!important}.btn.line{background:transparent!important;border:1px solid #151515!important;color:#151515!important}.gallery-dots button{width:9px!important;height:9px!important;padding:0!important;border-radius:50%!important;box-shadow:none!important;background:#777!important}.gallery-dots button.active{background:#fff!important}
/* Carte exacte dans l’esprit du CodePen : image pleine surface, zoom, titre et prix centrés. */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:34px}.product{min-height:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;cursor:pointer;transition:transform .25s ease}.product:hover{transform:none;box-shadow:none}.product-art{height:auto;aspect-ratio:1/1;padding:0;overflow:hidden;background:var(--bg);border-radius:0;transition:none}.product-art[data-cover="true"]:before,.product-art[data-cover="true"]:after{display:none}.product-art[data-cover="true"]{background-color:#191624!important}.product-art:not([data-cover="true"]):before{width:76%;height:76%;right:12%;top:9%}.product-art:not([data-cover="true"]):after{height:49%;bottom:9%;left:-15%}.product:hover .product-art{transform:none}.product-art::after{transition:transform .35s ease}.product-art[data-cover="true"]{transition:background-size .35s ease}.product:hover .product-art[data-cover="true"]{background-size:110%!important}.badge{z-index:3;top:18px;right:18px;left:auto;position:absolute;padding:8px 12px;border:1px solid #d3d3d3;border-radius:50rem;background:#ffffffea;color:#505050;font:500 11px var(--apple-font,Arial);box-shadow:none;backdrop-filter:none}.product-info{margin:0!important;min-height:0;padding:15px 7px 4px;border-radius:0;background:transparent;text-align:center;transition:none}.product-info>div{display:flex;flex-direction:column;align-items:center;gap:6px}.product-info h3{font-family:var(--apple-font,Arial);font-size:18px;font-weight:700;color:#151515}.product-info b{padding:0;border-radius:0;background:transparent;color:#151515;font:500 15px var(--apple-font,Arial)}.product-info p{display:block;max-height:none;opacity:1;overflow:visible;margin:7px 0 0;color:#505050;font-size:13px;line-height:1.4}.new-badge{display:none}
/* Formulaire fidèle à la démo CodePen : carte sombre translucide, bordure blanche et champs contrastés. */
.form,.admin-form{padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.10);box-shadow:0 20px 60px -20px rgba(139,92,246,.45),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.form label,.admin-form label{gap:7px;color:rgba(255,255,255,.8);font-size:12px;font-weight:600}.form input,.form select,.form textarea,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;padding:12px!important;box-shadow:none}.form input::placeholder,.form textarea::placeholder,.admin-form input::placeholder,.admin-form textarea::placeholder{color:rgba(255,255,255,.4)}.form input:focus,.form select:focus,.form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#a855f7!important;background:rgba(255,255,255,.15)!important;box-shadow:0 0 0 2px #a855f7!important}.form .btn,.admin-form .btn{width:100%;background:#10b981!important;box-shadow:none!important;border-radius:8px!important}.form .btn:hover,.admin-form .btn:hover{background:#059669!important;transform:none!important;box-shadow:none!important}