.toto-tech-icons-grid{display:grid;grid-template-columns:repeat(var(--toto-tech-cols,4),1fr);gap:0;padding:1rem 0}.toto-tech-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;color:inherit;padding:1.25rem 1rem;border:1.5px solid #e5e5e5;border-radius:.75rem;background:#fff;transition:all .2s;position:relative;cursor:pointer;text-align:center}.toto-tech-icon-btn:hover{border-color:#c0272d;box-shadow:0 4px 20px rgba(192,39,45,.12);transform:translateY(-2px);background:#fff8f8}.toto-tech-icon-btn.is-active{border-color:#c0272d;background:#fff0f0;box-shadow:0 0 0 3px rgba(192,39,45,.15)}.toto-tech-icon-inner{width:72px;height:72px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s}.toto-tech-icon-btn:hover .toto-tech-icon-inner{background:#ffe8e8}.toto-tech-icon-img{width:52px;height:52px;object-fit:contain}.toto-tech-icon-placeholder{font-size:1.1rem;font-weight:900;color:#c0272d;letter-spacing:.05em}.toto-tech-icon-label{font-size:.8rem;font-weight:600;color:#333;letter-spacing:.04em;line-height:1.3}.toto-tech-icon-count{position:absolute;top:.5rem;right:.5rem;background:#c0272d;color:#fff;font-size:.65rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.toto-tech-style-minimal .toto-tech-icon-btn{border:none;padding:.75rem .5rem;background:transparent}.toto-tech-style-minimal .toto-tech-icon-btn:hover{background:#f5f5f5;box-shadow:none;transform:none}.toto-tech-style-circle .toto-tech-icon-inner{width:80px;height:80px;border:2px solid #e5e5e5}.toto-tech-style-circle .toto-tech-icon-btn:hover .toto-tech-icon-inner{border-color:#c0272d}.toto-product-tech-icons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.toto-product-tech-icons .toto-tech-icon-btn{flex-direction:row;padding:.35rem .65rem;gap:.4rem;border-radius:999px;font-size:.75rem}.toto-product-tech-icons .toto-tech-icon-inner{width:24px;height:24px}.toto-product-tech-icons .toto-tech-icon-img{width:18px;height:18px}.toto-product-tech-icons .toto-tech-icon-placeholder{font-size:.6rem}.toto-product-tech-icons .toto-tech-icon-count{display:none}.toto-tech-size-small .toto-tech-icon-inner{width:36px;height:36px}.toto-tech-size-small .toto-tech-icon-img{width:26px;height:26px}.toto-tech-size-medium .toto-tech-icon-inner{width:52px;height:52px}.toto-tech-size-medium .toto-tech-icon-img{width:38px;height:38px}.toto-tech-size-large .toto-tech-icon-inner{width:72px;height:72px}.toto-tech-size-large .toto-tech-icon-img{width:52px;height:52px}.toto-tech-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s}.toto-tech-modal-overlay.is-open{opacity:1;pointer-events:all}.toto-tech-modal{background:#fff;border-radius:1rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;transform:translateY(20px);transition:transform .25s;position:relative}.toto-tech-modal-overlay.is-open .toto-tech-modal{transform:translateY(0)}.toto-tech-modal-close{position:absolute;top:1rem;right:1rem;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.toto-tech-modal-close:hover{background:#e5e5e5}.toto-tech-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.toto-tech-modal-icon{width:56px;height:56px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.toto-tech-modal-icon img{width:40px;height:40px;object-fit:contain}.toto-tech-modal-title{font-size:1.4rem;font-weight:700;color:#0a0a0a}.toto-tech-modal-count{font-size:.85rem;color:#888;margin-top:.2rem}.toto-tech-modal-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.toto-tech-modal-product{border:1px solid #e5e5e5;border-radius:.75rem;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s;display:block}.toto-tech-modal-product:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);border-color:#c0272d}.toto-tech-modal-product img{width:100%;aspect-ratio: 1/1;object-fit:cover;display:block}.toto-tech-modal-product-info{padding:.75rem}.toto-tech-modal-product-name{font-size:.875rem;font-weight:600;color:#0a0a0a;margin-bottom:.25rem}.toto-tech-modal-product-price{font-size:.8rem;color:#c0272d;font-weight:700}.toto-tech-modal-footer{margin-top:1.5rem;text-align:center;padding-top:1rem;border-top:1px solid #f0f0f0}.toto-tech-modal-view-all{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#0a0a0a;color:#fff;border-radius:.5rem;font-weight:600;font-size:.875rem;text-decoration:none;transition:background .2s}.toto-tech-modal-view-all:hover{background:#282828;color:#fff}.toto-tech-modal-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#888;font-size:.9rem}.toto-tech-spinner{width:24px;height:24px;border-radius:50%;border:3px solid #e5e5e5;border-top-color:#c0272d;animation:toto-spin .7s linear infinite}@keyframes toto-spin { to { transform: rotate(360deg); } }@media (max-width:768px){.toto-tech-icons-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.toto-tech-modal-products{grid-template-columns:repeat(2,1fr)}.toto-tech-modal{padding:1.25rem}}@media (max-width:480px){.toto-tech-icons-grid{grid-template-columns:repeat(2,1fr)}.toto-tech-modal-products{grid-template-columns:1fr 1fr}}