:root {
    --color-primary: #005175;
    --color-secondary: #5a6268;
    --color-dark: #1a1a2e;
    --color-light: #f8f9fa;
    --color-accent: #b0bec5;
    --color-imaGreen: #72BC78;
  }

  .color-imaGreen { color: var(--color-imaGreen) !important; }
  .bg-imaGreen { background-color: var(--color-imaGreen) !important; }

  .btn.bg-imaGreen {
    border-color: var(--color-imaGreen) !important;
    color: #fff !important;
  }
  .btn.bg-imaGreen:hover:not(:disabled):not(.disabled) {
    filter: brightness(0.92);
    color: #fff !important;
  }
  .btn.bg-imaGreen:disabled,
  .btn.bg-imaGreen.disabled {
    opacity: 0.55;
    cursor: not-allowed;
  }

  .preorderBar .btn.bg-imaGreen {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  }
  
  * { transition: all .2s ease; }
  body { font-family: "Quicksand", sans-serif; background: var(--color-light); padding-top: 72px; }
  h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; }
  .main-content { min-height: 60vh; }
  .header-badge { letter-spacing: -.07em; font-size: 1.4rem;font-weight:100}
  .material-nav-wrap { position: sticky; top: 72px; z-index: 1020; background: #fff; border-bottom: 1px solid #e9ecef; }
  
  .filter-bar {
    position: sticky;
    top: 95px;
    z-index: 1010;
    background: #fff;
    padding: .75rem;
    border: 1px solid #e9ecef;
    border-radius: .5rem;
  }
  
  .navbar-nav .nav-item .nav-link{
    text-transform:uppercase;
    font-weight:bold;
    transition: all .4 ease-in-out;
    color:var(--color-primary);
   }
   .navbar-nav .nav-item .nav-link.nav-link-tag{
     color: var(--color-imaGreen);
     transition: all .4 ease-in-out;
    }
    .navbar-nav .nav-item .nav-link.nav-link-tag:hover,
    .navbar-nav .nav-item .nav-link:hover{
     color:#131313
    }

  .slab-card { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.08); border: 0; overflow: hidden; }
  .slab-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.14); }
  .slab-card-img { height: 220px; object-fit: cover; }
  .card-img-bg { height: 220px; background-size: cover; background-position: center; background-repeat: no-repeat; }
  .card-overlay-actions { position: absolute; bottom: .5rem; right: .5rem; display: flex; gap: .4rem; opacity: 1; }
  .slab-card:hover .card-overlay-actions { opacity: 1; }
  .badge-tag { background: var(--color-accent); color: var(--color-dark); }
  
  .btn-primary, .bg-primary { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }
  .btn-outline-primary { color: var(--color-primary); border-color: var(--color-primary); }
  .btn-outline-primary:hover { background: var(--color-primary); color: #fff; }
  .pagination .page-link { color: var(--color-primary); }
  .pagination .active .page-link { color: var(--color-light); }
  .pagination .page-item.active .page-link { background: var(--color-primary); border-color: var(--color-primary); }
  
  .back-to-top { position: fixed; right: 1rem; bottom: 1rem; z-index: 1080; width: 42px; height: 42px; border-radius: 50%; display: none; }
  
  @media (max-width: 991.98px) {
    body { padding-top: 64px; }
    .material-nav-wrap { top: 64px; }
    .filter-bar { position: static; }
  }