:root{--deepa-blue: #0f4fa2;--deepa-accent: #ff7a00;--muted: #6c757d;--card-border: #e9ecef}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#f8f9fa;color:#212529}.brand-box{width:44px;height:44px;background:var(--deepa-blue);color:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.product-card{border:1px solid var(--card-border);border-radius:8px;background:#fff;transition:box-shadow .15s ease,transform .08s ease;display:flex;flex-direction:column;height:100%}.product-card:hover{box-shadow:0 6px 18px #1018280f;transform:translateY(-3px)}.product-card .product-img{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f3f5;border-bottom:1px solid var(--card-border)}.product-card .product-img img{max-height:100%;max-width:100%;object-fit:contain}.product-card .card-body-custom{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.product-title{font-size:.95rem;font-weight:600;line-height:1.2}.product-price{font-size:1.05rem;font-weight:700;color:var(--deepa-blue)}.badge-popular{background:#fff4e6;color:#b45309;font-weight:600;border-radius:12px;padding:2px 8px;font-size:.7rem;border:1px solid rgba(0,0,0,.03)}.app-footer{background:#fff;border-top:1px solid var(--card-border);padding:18px 0}.cart-floating{position:fixed;right:16px;bottom:16px;z-index:1050;max-width:360px}@media (max-width: 576px){.product-card .product-img{height:140px}.brand-box{width:40px;height:40px;font-size:.95rem}}.category-tabs-wrap{background:transparent;padding:8px 0 0}.category-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px;margin:0;list-style:none;align-items:center}.category-tabs::-webkit-scrollbar{height:8px}.category-tabs::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}.category-tab{border:0;background:#ffffffe6;padding:.55rem .95rem;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--muted);box-shadow:0 1px #11182708;transition:transform .12s ease,box-shadow .12s ease,color .12s ease,background .12s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.category-tab .tab-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.category-tab.active{color:#fff;background:linear-gradient(90deg,var(--deepa-blue),#2a63a8);box-shadow:0 8px 20px #0f4fa22e;transform:translateY(-2px)}.category-tab:not(.active):hover{transform:translateY(-2px);color:var(--deepa-blue);background:#0f4fa20f}.category-tab:focus{outline:3px solid rgba(15,79,162,.14);outline-offset:3px}.category-tabs .category-tab:focus,.category-tabs .category-tab.active{scroll-margin-inline:16px}@media (max-width: 576px){.category-tab{padding:.5rem .75rem;font-size:.92rem}.category-tabs{padding-left:12px;padding-right:12px}}.category-tabs-container{border-bottom:1px solid rgba(16,24,40,.04);padding-bottom:12px;margin-bottom:16px}.navbar-pro{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#fffffff2,#ffffffe6);border-bottom:1px solid rgba(16,24,40,.04);z-index:1030}.brand-mark{display:inline-flex;align-items:center;justify-content:center}.brand-text{line-height:1}.brand-text .small{opacity:.85}.search-form .input-group{width:min(640px,54vw);transition:box-shadow .12s ease,transform .08s ease}.search-form .form-control{border-radius:10px 0 0 10px}.search-form .btn{border-radius:0 10px 10px 0}.btn-whatsapp{--bs-btn-padding-y: .375rem;--bs-btn-padding-x: .6rem;background:linear-gradient(90deg,#25d366,#128c7e);border:none;color:#fff;box-shadow:0 6px 18px #128c7e24}.btn-whatsapp:hover,.btn-whatsapp:focus{transform:translateY(-1px);box-shadow:0 10px 30px #128c7e2e}.btn-cart{padding:.45rem .6rem;border-radius:10px}.cart-badge{position:absolute;top:-6px;right:-6px;font-size:.72rem;padding:.28rem .48rem;transform:translate(30%,-30%);box-shadow:0 4px 10px #1018281a}.offcanvas{--bs-offcanvas-width: 78%;max-width:420px}.offcanvas-header{border-bottom:1px solid rgba(16,24,40,.04)}.offcanvas-body a{padding:.45rem 0;display:block}@media (max-width: 991px){.search-form .input-group{width:100%}}.navbar .form-control:focus,.navbar .btn:focus,.category-tab:focus{box-shadow:0 6px 18px #0f4fa21f;outline:none}.navbar .nav-link:hover{color:var(--deepa-blue)}@media (max-width: 420px){.navbar{padding-top:.35rem;padding-bottom:.35rem}.brand-text .fw-bold{font-size:.95rem}.brand-text .small{font-size:.72rem}}.hero-carousel{max-height:360px;overflow:hidden}.hero-slide{min-height:300px;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:12px}.hero-slide h2{color:var(--deepa-blue)}.hero-slide .btn{border-radius:8px;padding:.55rem 1.2rem}.carousel-control-prev-icon,.carousel-control-next-icon{filter:invert(1) grayscale(100);width:2rem;height:2rem}.filter-sidebar{border-radius:12px;overflow:hidden;margin-bottom:1rem}.filter-sidebar .list-group-item{cursor:pointer;transition:background .15s ease,color .15s ease;font-size:.95rem;padding:12px 16px;border:0;border-bottom:1px solid rgba(0,0,0,.05)}.filter-sidebar .list-group-item:last-child{border-bottom:0}.filter-sidebar .list-group-item:hover{background:#0f4fa20f;color:var(--deepa-blue)}.filter-sidebar i{font-size:1rem;color:var(--deepa-blue)}.category-tabs{display:flex;gap:10px;padding:0;margin:0;list-style:none;align-items:center}.category-tab{border:1px solid var(--card-border, #e9ecef);background:#fff;padding:.45rem .9rem;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--muted, #6c757d);display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;cursor:pointer;line-height:1}.category-tab .tab-icon{font-size:1rem}.category-tab.active{color:#fff;background:linear-gradient(90deg,var(--deepa-blue, #0f4fa2),#2a63a8);box-shadow:0 8px 20px #0f4fa229;transform:translateY(-2px)}.category-tab:not(.active):hover{transform:translateY(-2px);color:var(--deepa-blue, #0f4fa2);background:#0f4fa20a}.category-search-group{width:100%;align-items:stretch}.category-search-group .input-group-text{border-radius:8px 0 0 8px;border-right:0;background:#fff}.category-search-input{border-left:0;border-right:0;border-radius:0;min-height:44px;box-shadow:none}.category-search-clear,.category-search-go{border-radius:0 8px 8px 0;min-width:72px}.category-search-group .form-control:focus,.category-search-group .input-group-text:focus{box-shadow:0 6px 18px #0f4fa214!important;outline:none}@media (max-width: 768px){.category-tabs{gap:8px;margin-bottom:8px}.category-search-group .category-search-clear,.category-search-group .category-search-go{min-width:64px}}.category-tab{padding-top:.4rem;padding-bottom:.4rem}.footer h5,.footer h6{color:var(--deepa-blue, #0f4fa2)}.footer a:hover{color:var(--deepa-blue, #0f4fa2)!important}
