Audio Speakers

/* Botão estilo Shopee com SVG - FUNDO LARANJA CLARO + CARRINHO LARANJA EXISTENTE */ .btn-mini-buy { background: linear-gradient(to right, #ffd699 40px, #f97316 40px) !important; border: none !important; color: white !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; border-radius: 5px !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; min-width: 100px !important; height: 30px !important; width: 100% !important; font-size: 10px !important; font-weight: 600 !important; text-transform: none !important; } /* Carrinho com SVG - COR LARANJA EXISTENTE */ .btn-mini-buy::before { content: ""; display: inline-flex !important; align-items: center; justify-content: center; background-image: url('data:image/svg+xml;utf8,'); background-size: 16px; background-repeat: no-repeat; background-position: center; width: 38px !important; height: 100% !important; background-color: #ffd699 !important; flex-shrink: 0; margin: 0; } /* Texto do botão */ .btn-mini-buy span { display: inline-flex; align-items: center; justify-content: center; flex: 1; height: 100%; font-size: 10px; font-weight: 600; color: white; background: transparent; } .btn-mini-buy:hover { opacity: 0.9; transform: scale(1.02); transition: all 0.2s ease; } /* Grid Layout */ .cegg-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 10px; } @media (min-width: 768px) { .cegg-grid-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .cegg-grid-wrapper { grid-template-columns: repeat(4, 1fr); } } .cegg-grid-card { background: #ffffff !important; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 1px solid #f0f0f0; transition: transform 0.2s; } .cegg-grid-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .cegg-grid-img img { max-width: 60px !important; margin-bottom: 8px; } .cegg-grid-title { font-size: 11px !important; font-weight: 600 !important; color: #333 !important; margin-bottom: 6px; line-height: 1.3; } .cegg-grid-price { font-size: 14px !important; color: #28a745 !important; font-weight: bold !important; margin: 4px 0; }