:root{
  --blue-900:#082a4f;
  --blue-800:#0b4ea2;
  --blue-700:#1a66c5;
  --ink:#12263f;
  --bg:#f2f5fa;
  --card:#ffffff;
  --warn:#ffb703;
}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:radial-gradient(circle at 0 0,#e8f1ff,transparent 35%),linear-gradient(180deg,#f5f8fd 0,#eef3fa 100%);color:var(--ink)}
a{text-decoration:none}
.site-header{position:sticky;top:0;z-index:30;box-shadow:0 8px 26px rgba(8,42,79,.12)}
.header-top{background:var(--blue-900)}
.header-main{background:linear-gradient(90deg,var(--blue-800),var(--blue-700));}
.brand{font-weight:800;font-size:1.35rem;color:#fff;letter-spacing:.2px}
.brand-logo{height:38px;width:auto;display:block}
.search-box{max-width:380px;flex:1 1 200px}.search-box .form-control{border:0;box-shadow:none;background:rgba(255,255,255,.15);color:#fff}.search-box .form-control::placeholder{color:rgba(255,255,255,.6)}.search-box .form-control:focus{background:rgba(255,255,255,.25);color:#fff}
.header-nav{background:#fff;border-bottom:1px solid #d6e0ee}
.nav-pill{padding:.35rem .7rem;border-radius:999px;background:#0f5cb619;color:#0a4f9f;font-weight:600}
.nav-pill:hover{background:#0f5cb633}
.nav-pill-soft{background:#f0f5ff}
.hero{background:linear-gradient(120deg,#0b4ea2 0,#256bd1 45%,#3f88f2 100%);border-radius:20px;color:#fff;padding:30px;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;inset:auto -100px -120px auto;width:280px;height:280px;background:#ffffff1a;border-radius:50%}
.section-title{font-weight:800;color:#0c3767;letter-spacing:.2px}
.category-tile{background:var(--card);border:1px solid #d7e2f1;border-radius:14px;padding:14px;text-align:center;font-weight:700;color:#11467f;height:100%}
.product-card{background:var(--card);border:1px solid #d6e1ef;border-radius:16px;overflow:hidden;transition:transform .15s ease, box-shadow .15s ease;height:100%}
.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(17,70,127,.12)}
.product-img{height:190px;background:#fff;display:flex;align-items:center;justify-content:center;color:#567;font-size:.9rem}
.product-body{padding:14px;position:relative}
.product-edit-link{position:absolute;top:10px;right:10px;width:28px;height:28px;border:1px solid #c7d6ea;border-radius:999px;background:#fff;color:#0b4ea2;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(12,55,103,.12)}
.product-edit-link:hover{background:#eff5ff;color:#083a79}
.badge-type{font-size:.73rem}
.price-main{font-size:1.28rem;font-weight:800;color:#0b4ea2}
.price-old{text-decoration:line-through;color:#8292aa;font-size:.95rem}
.product-detail-media{background:#fff;border:1px solid #d6e1ef;overflow:hidden}
.product-detail-media-inner{height:360px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}
.product-detail-media-img{max-width:100%;max-height:100%;object-fit:contain}
.product-detail-media .carousel-control-prev-icon,.product-detail-media .carousel-control-next-icon{background-color:rgba(8,42,79,.45);border-radius:999px;background-size:55%}
.filter-card{background:#fff;border:1px solid #d6e1ef;border-radius:14px;padding:14px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}
.fc-chevron{transition:transform .2s ease;flex-shrink:0}
[aria-expanded="true"] .fc-chevron{transform:rotate(180deg)}
.site-footer{background:#0c2c54;color:#dce6f5}
.site-footer a{color:#fff}
.table-cart th,.table-cart td{vertical-align:middle}
.sucursal-card{background:#fff;border:1px solid #d6e1ef;border-radius:16px;padding:14px;height:100%}
.sucursal-thumb-wrap{height:140px;border:1px solid #d6e1ef;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sucursal-thumb{width:100%;height:100%;object-fit:cover}
@media (max-width:768px){
  .hero{padding:22px}
  .product-img{height:150px}
  .product-detail-media-inner{height:300px}
  .sucursal-thumb-wrap{height:120px}
}