/* Boutons inspirés du composant UIverse « horrible-horse-4 ». */
button,.btn,.account-btn,.bag,.filter,.admin-chip,.discord-btn,.gallery-arrow,.gallery-dots button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.62)!important;border-radius:999px!important;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.05) 58%,rgba(255,255,255,.14))!important;color:#fff!important;box-shadow:0 1px 1px rgba(0,0,0,.48),0 7px 16px rgba(0,0,0,.18),inset 0 1px 1px rgba(255,255,255,.92),inset 0 -1px 1px rgba(0,0,0,.38)!important;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);text-shadow:0 -1px rgba(0,0,0,.35);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}button:hover,.btn:hover,.account-btn:hover,.bag:hover,.filter:hover,.admin-chip:hover,.discord-btn:hover,.gallery-arrow:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 10px 20px rgba(0,0,0,.28),inset 0 1px 1px #fff!important}button:active,.btn:active,.account-btn:active,.bag:active,.filter:active,.admin-chip:active,.discord-btn:active{transform:translateY(1px) scale(.985)}button:before,.btn:before,.account-btn:before,.bag:before,.filter:before,.admin-chip:before,.discord-btn:before{content:"";position:absolute;top:0;left:-120%;width:75%;height:100%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .6s ease;pointer-events:none}button:hover:before,.btn:hover:before,.account-btn:hover:before,.bag:hover:before,.filter:hover:before,.admin-chip:hover:before,.discord-btn:hover:before{left:150%}.btn.hot{background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,84,148,.34) 58%,rgba(160,103,221,.34))!important}.btn.line{background:rgba(255,255,255,.10)!important}
/* Cartes produit : profondeur, zoom d’image et informations révélées au survol. */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px}.product{min-height:365px;border-radius:22px;overflow:hidden;background:#211d31;border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 30px rgba(27,18,46,.18);transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}.product:hover{transform:translateY(-9px);box-shadow:0 28px 42px rgba(27,18,46,.3)}.product-art{height:275px;padding:16px;background:var(--bg);transition:transform .45s ease}.product:hover .product-art{transform:scale(1.055)}.product-art:before{width:78%;right:11%;top:4%;filter:blur(1px)}.product-art:after{bottom:4%;height:52%}.badge{border-radius:999px;background:rgba(16,13,27,.78);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-info{position:relative;z-index:2;margin-top:-20px;padding:20px 17px 17px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#fffdf9,#f2ebe2);min-height:110px;transition:margin-top .35s ease}.product:hover .product-info{margin-top:-38px}.product-info h3{font-size:15px;color:#1d1728}.product-info b{padding:6px 9px;border-radius:999px;background:#211d31;color:#fff;font-size:11px}.product-info p{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease;margin:0;color:#675f6d;font-size:11px;line-height:1.5}.product:hover .product-info p{max-height:45px;opacity:1;margin-top:9px}.new-badge{position:absolute;z-index:3;right:14px;top:14px;padding:6px 9px;border-radius:999px;background:#ff4e86;color:#fff;font:9px var(--apple-font,Arial);font-weight:800;box-shadow:0 4px 10px #b8295a66}
/* Formulaires : champs nets, labels flottants et focus lumineux. */
.form,.admin-form{padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:inset 0 1px rgba(255,255,255,.25),0 14px 28px rgba(0,0,0,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.form label,.admin-form label{position:relative;gap:7px;font-size:11px;letter-spacing:.02em;font-weight:600}.form input,.form select,.form textarea,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid rgba(255,255,255,.27)!important;border-radius:12px!important;background:rgba(12,10,19,.38)!important;color:#fff!important;padding:13px 12px!important;outline:0;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:border-color .2s,box-shadow .2s,background .2s}.form input:focus,.form select:focus,.form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#ff8fba!important;background:rgba(25,17,38,.6)!important;box-shadow:0 0 0 4px rgba(255,78,134,.16),inset 0 1px rgba(255,255,255,.16)}