body{margin:0;font-family:'Segoe UI',sans-serif;background:linear-gradient(270deg,#fbc2eb,#a6c1ee,#d4fc79);background-size:600% 600%;animation:gradientFlow 60s ease infinite,fadeInBody 1s ease-in-out;color:#222;transition:background 0.4s,color 0.4s}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body.dark{background:linear-gradient(270deg,#0f2027,#203a43,#2c5364);color:#eee}#themeToggle{position:fixed;top:16px;right:16px;width:48px;height:48px;font-size:24px;border-radius:50%;background-color:rgb(255 255 255 / .9);color:#000;border:none;box-shadow:0 0 8px rgb(0 0 0 / .2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:background 0.3s,color 0.3s}body.dark #themeToggle{background:rgb(0 0 0 / .9);color:#fff}.header{background:rgb(255 255 255 / .15);backdrop-filter:blur(8px);color:#222;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:14px;box-shadow:0 4px 12px rgb(0 0 0 / .15);animation:slideDown 0.8s ease forwards}body.dark .header{background:rgb(20 20 20 / .8);color:#eee}.btn-admin{background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .35);backdrop-filter:blur(8px);color:#222;padding:10px 20px;border-radius:30px;cursor:pointer;font-size:16px;transition:background 0.3s ease,transform 0.3s ease}.btn-admin:hover{background:rgb(255 255 255 / .25);transform:scale(1.1)}body.dark .btn-admin{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .2);color:#eee}.main-layout{max-width:900px;margin:2em auto;padding:1em}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;padding:20px;padding-bottom:160px}.product-grid h2{grid-column:1 / -1;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(to right,#ff9a9e,#fad0c4);padding:10px 15px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .1);margin-top:30px;animation:fadeInUp 0.6s ease-in-out}.product-card{background:rgb(255 255 255 / .85);border-radius:15px;padding:15px;text-align:center;box-shadow:0 6px 20px rgb(0 0 0 / .1);animation:fadeInUp 0.7s ease-in-out;transition:transform 0.3s ease,box-shadow 0.3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgb(0 0 0 / .15)}body.dark .product-card{background:rgb(20 20 20 / .9)}.product-card h3{font-size:18px;margin-bottom:8px}.product-card p{font-size:16px;margin:5px 0}.product-card img{width:100%;height:auto;max-height:100px;object-fit:cover;border-radius:8px;margin-bottom:10px}.btn-add,.btn-next{background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .35);backdrop-filter:blur(8px);color:#222;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;transition:background 0.3s ease,transform 0.3s ease}.btn-add:hover,.btn-next:hover{background:rgb(255 255 255 / .25);transform:scale(1.05)}body.dark .btn-add,body.dark .btn-next{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .2);color:#eee}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgb(255 255 255 / .12);backdrop-filter:blur(6px);border-top:1px solid rgb(255 255 255 / .25);box-shadow:0 -4px 12px rgb(0 0 0 / .1);animation:slideUp 0.8s ease forwards;z-index:100}body.dark .footer{background:rgb(20 20 20 / .8)}.borse-container input{width:60px;padding:5px;border-radius:10px;border:1px solid #aaa;text-align:center}.totale{font-size:18px;font-weight:700;color:#222;animation:pulse 2s infinite}.signature{text-align:center;margin-top:20px;background:rgb(255 255 255 / .2);backdrop-filter:blur(4px);border-radius:8px;display:inline-block;padding:6px 12px}.signature p{color:#000;font-weight:700;text-shadow:0 0 6px rgb(255 255 255 / .8)}body.dark .signature{background:rgb(0 0 0 / .4)}body.dark .signature p{color:#fff;text-shadow:0 0 6px rgb(0 0 0 / .8)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBody{from{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width:600px){.main-layout{flex-direction:column}.product-grid{width:100%}.product-grid h2{font-size:18px;padding:8px 12px}.btn-add{font-size:13px;padding:8px 16px}.btn-next{font-size:14px;padding:8px 20px}.totale{font-size:16px}.footer{flex-direction:column;text-align:center}.footer .btn-next{margin-top:10px}}
