*{margin:0;padding:0;box-sizing:border-box}:root{--cor-primaria:#4CAF50;--cor-primaria-dark:#388E3C;--cor-secundaria:#8BC34A;--cor-destaque:#FFC107;--cor-bg:#f8f8f8;--cor-card:#ffffff;--cor-texto:#333;--cor-texto-suave:#666;--sombra-suave:0 4px 6px rgba(0,0,0,0.05);--sombra-hover:0 8px 15px rgba(0,0,0,0.1)}body{font-family:'Segoe UI',system-ui,sans-serif;background-color:var(--cor-bg);color:var(--cor-texto);line-height:1.6;padding-bottom:80px}.container{width:95%;max-width:1200px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:8px 14px;border-radius:10px;border:none;background:var(--cor-primaria);color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;text-decoration:none;font-size:.95rem}.btn:active{transform:scale(.98)}.btn:focus{outline:0;box-shadow:0 0 0 4px rgba(76,175,80,.2)}.btn-primary{background:var(--cor-primaria);color:#fff}.btn-primary:hover{background:var(--cor-primaria-dark);box-shadow:0 4px 12px rgba(76,175,80,.25)}.btn-ghost{background:0 0;color:var(--cor-primaria);border:1px solid transparent}.btn-ghost:hover{background:rgba(0,0,0,.04)}.btn-remover{color:#e53935;background:0 0;border:none;padding:4px 8px;font-weight:600;font-size:.85rem}.btn-remover:hover{text-decoration:underline;background:rgba(229,57,53,.05);border-radius:4px}.btn-circle{width:45px;height:45px;border-radius:50%;padding:0;box-shadow:var(--sombra-hover)}.input-wrapper-search{position:relative;width:100%}.limpar-search-icon{position:absolute;right:15px;top:12px;font-size:1.2rem;color:#999;cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center}.limpar-search-icon:hover{color:#333}.search-box input.input-pill,.sidebar-filtros select.input-pill{width:100%;padding:12px 16px;padding-right:35px;border-radius:30px;border:1px solid #e0e0e0;background:#fff;margin-bottom:15px;font-size:1rem;transition:border-color .2s}.input-pill:focus{border-color:var(--cor-primaria);outline:0}.btn-limpar-filtros{width:100%;border-radius:30px;margin-top:10px}.main-header{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-primaria-dark));color:#fff;padding:25px 0;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}.logo-img{height:110px;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-email{margin-top:8px}.header-email a{display:inline-block;background:rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:600;backdrop-filter:blur(5px);transition:background .2s}.header-email a:hover{background:rgba(255,255,255,.25)}.catalogo-main{display:flex;gap:30px;padding:40px 0}.sidebar-filtros{flex:0 0 260px;background:#fff;padding:25px;border-radius:16px;height:fit-content;position:sticky;top:20px;box-shadow:var(--sombra-suave);border:1px solid #eee}.conteudo-principal{flex:1;min-height:50vh}.grid-produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.produto-card{background:#fff;border-radius:16px;padding:15px;text-align:center;transition:transform .2s,box-shadow .2s;cursor:pointer;border:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.produto-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-hover);border-color:transparent}.produto-card.produto-selecionado{border:2px solid var(--cor-primaria);background-color:#f9fff9}.badge-carrinho{position:absolute;top:10px;right:10px;background:var(--cor-destaque);color:#000;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:10px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.img-wrap{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden}.produto-card img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}.produto-card:hover img{transform:scale(1.05)}.produto-info h3{font-size:.9rem;color:var(--cor-texto-suave);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.produto-info p{font-size:1.1rem;font-weight:700;color:var(--cor-texto);margin-bottom:15px;line-height:1.3}.btn-adicionar{width:100%;border-radius:8px}.loading-container{grid-column:1/-1;text-align:center;padding:60px;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--cor-texto-suave)}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--cor-primaria);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.detalhes-container{background:#fff;padding:40px;border-radius:20px;box-shadow:var(--sombra-suave)}.detalhe-flex{display:flex;gap:50px;flex-wrap:wrap;align-items:flex-start}.detalhe-imagem{flex:1 1 300px;max-height:450px;object-fit:contain;background:#fff;padding:20px;border-radius:10px;border:1px solid #eee}.detalhe-info{flex:1 1 350px}.detalhe-info h2{font-size:1.2rem;color:var(--cor-primaria);text-transform:uppercase}.detalhe-info h3{font-size:2rem;margin-bottom:15px;line-height:1.2}.box-descricao{margin:15px 0 25px 0;padding:20px;background:#f9f9f9;border-radius:10px;border-left:4px solid var(--cor-primaria)}.area-compra{background:#fff;border:1px solid #eee;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.03)}.area-compra label{display:block;margin-bottom:8px;font-weight:600;color:#555}.qty-selector-large{display:flex;align-items:center;gap:10px;margin-bottom:20px}.qty-selector-large button{width:45px;height:45px;border-radius:8px;border:1px solid #ddd;background:#f5f5f5;font-size:1.2rem;cursor:pointer;transition:.2s}.qty-selector-large button:hover{background:#e0e0e0}.qty-selector-large input{width:80px;height:45px;text-align:center;font-size:1.3rem;border:1px solid #ddd;border-radius:8px;font-weight:700}.quick-add-buttons{margin-bottom:25px}.quick-add-buttons small{display:block;margin-bottom:5px;color:#888;font-size:.85rem}.quick-add-buttons div{display:flex;gap:8px;flex-wrap:wrap}.quick-add-buttons button{background:#fff;border:1px solid var(--cor-primaria);color:var(--cor-primaria);padding:5px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600}.quick-add-buttons button:hover{background:var(--cor-primaria);color:#fff}.btn-finalizar{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--cor-primaria),var(--cor-primaria-dark));color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(76,175,80,.3);font-weight:700;font-size:1.1rem}.btn-finalizar:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-limpar{background:#fff;color:#e53935;border:1px solid #ffcdd2;padding:8px 16px;border-radius:8px}.btn-limpar:hover{background:#ffebee}.btn-voltar{margin-bottom:20px;background:#fff;border:1px solid var(--cor-primaria);color:var(--cor-primaria);padding:8px 16px;border-radius:30px}.btn-voltar:hover{background:var(--cor-primaria);color:#fff}.carrinho-float{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--cor-texto);color:#fff;padding:12px 30px;border-radius:50px;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:15px;box-shadow:0 10px 25px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.1)}.carrinho-float:hover{transform:translateX(-50%) scale(1.05)}#contagem-carrinho{background:var(--cor-destaque);color:#000;font-weight:700;padding:4px 8px;border-radius:12px;position:absolute;top:-8px;right:-8px;font-size:.75rem;box-shadow:0 2px 5px rgba(0,0,0,.2)}.carrinho-texto{text-align:center}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}.modal-content{background:#fff;margin:5% auto;padding:30px;width:90%;max-width:500px;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-height:90vh;display:flex;flex-direction:column}.modal-lista{overflow-y:auto;margin:20px 0;max-height:50vh;padding-right:5px}.item-carrinho{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:15px}.item-info{flex:1;font-size:.95rem}.item-controls{display:flex;align-items:center;gap:5px;background:#f9f9f9;padding:4px;border-radius:8px}.btn-qty{width:28px;height:28px;border-radius:6px;border:none;background:#fff;color:var(--cor-texto);font-weight:700;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-qty:hover{background:var(--cor-primaria);color:#fff}.qty-input-manual{width:40px;height:28px;text-align:center;border:1px solid transparent;background:0 0;font-weight:600;font-size:.95rem;appearance:textfield;-moz-appearance:textfield}.qty-input-manual:focus{background:#fff;border-color:var(--cor-primaria);outline:0;border-radius:4px}.qty-input-manual::-webkit-inner-spin-button,.qty-input-manual::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-footer{display:flex;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #eee}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;transition:.2s}.close:hover{color:#000}#toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:#323232;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);font-size:.95rem;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease forwards}.toast::before{content:'✅';font-size:1.1rem}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}#backToTop{position:fixed;right:20px;bottom:90px;background:var(--cor-primaria);color:#fff;width:45px;height:45px;opacity:0;transition:.3s;z-index:900;pointer-events:none;font-size:1.2rem}#backToTop.visible{opacity:1;pointer-events:auto}.footer-rect{background:#333;color:#ccc;padding:20px;border-radius:10px;text-align:center;font-size:.85rem}@media (max-width:768px){.catalogo-main{flex-direction:column;gap:20px}.sidebar-filtros{width:100%;position:static;box-shadow:none;border:none;padding:0;background:0 0}.sidebar-header{display:none}.grid-produtos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.img-wrap{height:160px}.detalhe-flex{flex-direction:column;gap:20px}.detalhe-imagem{width:100%;max-height:300px}.modal-content{width:95%;margin:10% auto}.carrinho-float{bottom:20px;padding:10px 20px;font-size:.9rem}#backToTop{bottom:80px}}@media (max-width:480px){.titulo-header{font-size:1.5rem}.btn-finalizar{font-size:1rem;padding:10px}.modal-footer{flex-direction:column}.btn-limpar{width:100%}.qty-selector-large button{width:50px;height:50px}.qty-selector-large input{height:50px;width:100%}.area-compra{padding:15px}}