.group-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px auto;justify-content:center;max-width:90%;padding:0 10px}.group-button{background:var(--button-bg);color:var(--button-text-color);border:none;padding:8px 16px;font-size:.8rem;font-weight:500;border-radius:5px;cursor:pointer;transition:background .3s,transform .3s;box-shadow:0 4px 8px #0000001a}.group-button:hover{background:var(--button-hover-bg);transform:scale(1.03)}select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:16px;color:#333}select:focus{border-color:#696cff;outline:none}input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:16px;color:#333}input:focus{border-color:#696cff;outline:none}.products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:20px auto;padding:0 10px;max-width:1200px;box-sizing:border-box;justify-content:center}.product{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;width:100%;aspect-ratio:1 / 1;padding:0;box-sizing:border-box}.product-image-container{width:100%;height:150px;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.product-name{font-size:1rem;font-weight:500;color:#333;padding:10px;margin:0;background:#fff;border-top:1px solid #ddd;width:100%;box-sizing:border-box}.product p,.product div,.product .product-price,.product .balances,.product .product-field{display:none}.product:hover{transform:scale(1.03);box-shadow:0 6px 12px #0003}body.dark-theme{background-color:var(--dark-background-color);color:var(--dark-text-color)}body.dark-theme .product{background:#333;border:1px solid #555;box-shadow:0 4px 8px #0000004d}body.dark-theme .product-image-container{background:#333}body.dark-theme .product-image{filter:brightness(80%)}body.dark-theme .product-name{color:#ddd;background:#333;border-top:1px solid #555}body.dark-theme .product-price,body.dark-theme .balances,body.dark-theme .modal-content h3{color:#ddd}body.dark-theme .modal-content{background-color:#444;color:#ddd;border:1px solid #555}body.dark-theme .product-field{color:#ddd}body.dark-theme .modal{background-color:#000000b3}body.dark-theme .modal-content{background-color:#444;color:#ddd}body.dark-theme .modal .close{color:#ddd}body.dark-theme .modal .close:hover{color:#696cff}body.dark-theme #loading-modal .modal-content{background-color:#444;color:#ddd}body.dark-theme .spinner{border-left:4px solid #3498db}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;width:500px;max-width:90%;box-shadow:0 4px 8px #0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:8px;box-sizing:border-box;overflow:auto;transition:all .3s ease-in-out}.modal .close{position:absolute;top:10px;right:10px;font-size:24px;font-weight:700;color:#333;cursor:pointer;transition:color .3s ease}.modal .close:hover{color:#696cff}.modal-content h3{margin-top:0;color:#333;font-size:24px;transition:color .3s ease}#modal-fields{margin-top:20px}.product-field p{margin:10px 0;font-size:16px;color:#555}#buy-button{display:inline-block;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s;width:100%;margin-top:.5em;padding:.6em;background:#696cff}#buy-button:hover{background:var(--button-hover-bg)}#query-button{display:inline-block;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s;width:100%;margin-top:.5em;padding:.6em;background:#696cff}#query-button:hover{background:var(--button-hover-bg)}#quantity-container,#modal-total-price{margin-top:20px}#loading-modal{display:none}.spinner{border:4px solid rgba(0,0,0,.1);border-left:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#searchForm{margin-bottom:20px}#searchInput{width:100%;padding:10px;border-radius:5px;border:1px solid var(--slide-menu-border);margin-bottom:10px;transition:border-color .3s}#searchInput:focus{border-color:#007bff}#searchResults{list-style:none;padding:0;margin:0;border:1px solid var(--slide-menu-border);border-radius:5px;background:#fff}#searchResults li{padding:10px;border-bottom:1px solid var(--slide-menu-border);cursor:pointer;transition:background .3s}#searchResults li:hover{background:var(--link-hover-color);color:#fff}@media(max-width:1200px){.products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:992px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}#modal-fields .dropdown{position:absolute;z-index:1000;background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;width:100%;padding:0;list-style-type:none;box-shadow:0 4px 8px #0000001a;margin:0}#modal-fields .dropdown li{padding:8px 12px;cursor:pointer;transition:background-color .3s;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}#modal-fields .dropdown li:hover{background-color:#f0f0f0}#modal-fields{position:relative}.delete-icon{color:red;font-weight:700;cursor:pointer;font-size:18px}.delete-icon:hover{color:#8b0000}#codes-container{cursor:pointer;padding:1rem;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;font-family:monospace;font-size:.95rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s,border-color .2s}#codes-container:hover{background-color:#fff;border-color:#d1d5db}#codes-container ol{margin:0;padding-left:1.5rem;list-style:decimal outside}#codes-container ol :contentReference[oaicite="4"]{z-index:4}#codes-container ol li{margin-bottom:.5rem;color:#111827}@keyframes flash-green{0%{background-color:#d1fae5;border-color:#10b981}50%{background-color:#a7f3d0;border-color:#059669}to{background-color:#f9fafb;border-color:#e5e7eb}}#codes-container.copied{animation:flash-green .8s ease-in-out}body[data-page=home]{outline:3px solid rgba(0,0,0,.05)!important}body[data-page=home] .product-name{font-weight:700!important;font-size:1.05rem!important;color:#0f172a!important}body[data-page=home] .products{gap:.75rem!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}