:root{
  --brand-primary:#117C83;
  --brand-accent:#12B3A6;
  --brand-dark:#0E3A3F;
  --brand-gray:#f3f5f6;
  --brand-muted:#6b7b83;
  --brand-success:#19b873;
}

.bg-brand-gray{ background:var(--brand-gray); }
.text-brand-dark{ color:var(--brand-dark); }
.btn-brand{
  background:var(--brand-primary); color:#fff; border:none;
}
.btn-brand:hover{ background:var(--brand-accent); color:#fff; }
.btn-outline-brand{
  border:1px solid var(--brand-primary); color:var(--brand-primary); background:#fff;
}
.btn-outline-brand:hover{ background:var(--brand-primary); color:#fff; }

.topbar{ background:var(--brand-primary); }
.subnav{ background:var(--brand-primary); }
.subnav-link{
  color:#fff; text-decoration:none; padding:.35rem .75rem; border-radius:999px; background:rgba(255,255,255,.08);
}
.subnav-link:hover{ background:rgba(255,255,255,.18); color:#fff; }
.hero{
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
  color:#fff;
}
.card-link{ text-decoration:none; color:inherit; }
.product-card img{ width:100%; height:200px; object-fit:contain; }
.product-card{
  transition:transform .2s, box-shadow .2s;
  display:flex;
  flex-direction:column;
  height:100%;
}
.product-main-image{
  width:100%;
  max-height:520px;
  min-height:360px;
  object-fit:contain;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:1rem;
  padding:1.25rem;
  box-shadow:0 .5rem 1.25rem rgba(0,0,0,.08);
}
.related-product-img{
  width:100%;
  height:180px;
  object-fit:contain;
  background:#fff;
  padding:.75rem;
  border-bottom:1px solid #e5e7eb;
}
.product-main-image + figcaption,
.related-product-img + figcaption{
  display:none;
}
.product-card .card-body{
  flex:1 0 auto;
}
.product-card .card-footer{
  margin-top:auto;
}
.product-card:hover{ transform:translateY(-4px); box-shadow:0 .5rem 1rem rgba(0,0,0,.15); }
.product-name{ display:block; min-height:3.5rem; color:var(--brand-dark); text-decoration:none; }
.product-name:hover{ text-decoration:underline; }
.category-scroll-wrapper{ position:relative; }
.category-scroll{ overflow-x:auto; padding-bottom:.5rem; margin:0 -0.5rem; padding-left:0.5rem; padding-right:0.5rem; }
.category-scroll::-webkit-scrollbar{ height:8px; }
.category-scroll::-webkit-scrollbar-thumb{ background:rgba(17,124,131,.4); border-radius:999px; }
.category-card{ min-width:220px; border:none; border-radius:1rem; box-shadow:0 .5rem 1.25rem rgba(0,0,0,.07); transition:transform .2s, box-shadow .2s, background .2s; }
.category-card:hover{ transform:translateY(-3px); box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12); background:linear-gradient(135deg, rgba(17,124,131,.08), rgba(18,179,166,.08)); }
.category-icon{ width:50px; height:50px; border-radius:14px; background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; box-shadow:0 .5rem 1rem rgba(0,0,0,.12); }


.main-header{ z-index:1020; }

.qty-control .qty-field{
  max-width:80px;
  -moz-appearance:textfield;
}

.qty-control .qty-field::-webkit-outer-spin-button,
.qty-control .qty-field::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.qty-control .qty-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

@media (max-width: 768px){
  .product-card img{ height:160px; }
  .product-main-image{
    min-height:260px;
    max-height:400px;
  }
  .related-product-img{ height:150px; }
}