:root{
    --brand-blue:#0b3d91;
    --brand-blue-dark:#062a66;
    --brand-red:#e02424;
    --brand-green:#25d366;
    --bg-soft:#f5f7fb;
    --text-muted:#7b8794;
  }
  *{font-family:'Poppins',sans-serif;}
  body{background:#fff;color:#1e2530;}
  .container-fluid{padding-left:2.5rem;padding-right:2.5rem;}
  @media(max-width:767px){.container-fluid{padding-left:1rem;padding-right:1rem;}}

  a{text-decoration:none;}

  /* ===== Top bar ===== */
  .topbar{
    background:var(--brand-blue);
    color:#fff;
    font-size:.82rem;
    padding:.4rem 0;
  }
  .topbar a{color:#fff;opacity:.92;}
  .topbar a:hover{opacity:1;color:#cfe0ff;}
  .topbar .divider{opacity:.4;margin:0 .6rem;}
  .topbar .cart-count{
    background:var(--brand-red);
    color:#fff;
    border-radius:50%;
    font-size:.62rem;
    padding:1px 5px;
    position:relative;
    top:-6px;
    left:-4px;
  }

  /* ===== Header ===== */
  .site-header{padding:8px 0;border-bottom:1px solid #eef0f4;}
  .brand-logo{display:flex;align-items:center;gap:.5rem;}
  .brand-logo .sky{
    font-weight:800;font-size:1.6rem;color:var(--brand-blue);letter-spacing:1px;line-height:1;
  }
  .brand-logo .sub{
    font-size:.62rem;color:var(--text-muted);font-weight:600;letter-spacing:.5px;
  }
  .brand-logo .pacific{
    font-weight:800;font-size:1.35rem;color:#1e2530;letter-spacing:.5px;
  }
  
  .brand-logo img {
    max-width: 260px;
}

.cat-btn img {
    width: 100%;
    max-width: 200px;
        transition: 0.5s all;
}

  .search-wrap{max-width:520px;}
  .search-wrap .form-control{
    border-radius:6px 0 0 6px;
    border:1px solid #dfe3ea;
  }
  .search-wrap .btn-search{
    background:var(--brand-blue);
    color:#fff;
    border-radius:0 6px 6px 0;
    border:1px solid var(--brand-blue);
  }

  .header-icon-btn{
    color:#1e2530;font-size:1.25rem;position:relative;
  }

  .promo-strip{
    text-align:right;
  }
  .promo-strip .stoll-tag{
    font-size:.65rem;font-weight:700;color:#333;letter-spacing:1px;
  }
  .promo-strip .cascade{
    font-family:'Poppins',sans-serif;font-weight:800;font-size:1.4rem;
    background:linear-gradient(90deg,#8fd3ff,#c9e9ff);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .promo-strip .assy{
    font-size:.7rem;color:var(--brand-red);font-weight:700;
  }

  /* ===== Category nav ===== */
  .category-nav{background:#fff;padding:1.2rem 0 1.6rem;}
  .cat-btn{
    display:inline-flex;align-items:center;gap:.4rem;
    color:#fff;
    font-weight:700;
    font-size:.95rem;
    padding:.55rem 1.6rem;
    border-radius:5px;
    letter-spacing:.5px;
        transition: 0.5s;
    overflow: hidden;
  }
  
  .cat-btn:hover img {
    transform: scale(1.1);
}
  
  
.pageBreadcam {
    background: #2c378d;
    color: #fff;
}

.pageBreadcam ul li {
    display: inline-block;
}

.pageBreadcam li a {
    color: #fff;
    display: block;
    padding: 20px 4px;
    text-transform: uppercase;
    font-weight: 600;
}

.ctgCat span {
    font-size: 12px;
    display: block;
    font-weight: 200;
}

  /* ===== Section title ===== */
  .section-title-wrap{text-align:center;margin-bottom:1.8rem;position:relative;}
  .section-title-wrap h2{
    font-weight:700;font-size:1.7rem;color:#1e2530;display:inline-block;position:relative;padding-bottom:.6rem;
  }
  .section-title-wrap h2::after{
    content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:70px;height:3px;background:linear-gradient(45deg, #007bff, #00c6ff);border-radius:2px;
    transition: 0.5s all;
    
  }
  .section-title-wrap:hover h2::after{
    width:100px;
  }
  .slide-arrow{
    position:absolute;top:0;
    width:34px;height:34px;border-radius:50%;
    border:1px solid #dfe3ea;background:#fff;color:#1e2530;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;transition:.2s;
  }
  .slide-arrow:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);}
  .slide-arrow.left{left:0;}
  .slide-arrow.right{right:0;}

  /* ===== Product card ===== */
  .product-card{
    border:1px solid #eef0f4;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    height:100%;
    transition:box-shadow .2s, transform .2s;
    position:relative;
  }
  .product-card:hover{box-shadow:0 10px 24px rgba(11,61,145,.12);transform:translateY(-3px);}

  .product-thumb{
    position:relative;
    aspect-ratio:1/1;
    background:#f5f7fb;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .product-thumb img{width:100%;height:100%;object-fit:cover;}

  .badge-sku{
    position:absolute;top:8px;left:8px;
    background:var(--brand-blue);
    color:#fff;font-size:.62rem;font-weight:700;
    padding:2px 7px;border-radius:3px;letter-spacing:.5px;
  }
  .badge-brand{
    position:absolute;top:8px;right:8px;
    background:#fff;
    color:#1e2530;font-size:.6rem;font-weight:700;
    padding:2px 8px;border-radius:3px;
    border:1px solid #e2e6ec;
    display:flex;align-items:center;gap:3px;
  }
  .badge-sale{
    position:absolute;top:8px;left:8px;
    background:#2fb344;color:#fff;font-size:.62rem;font-weight:700;
    padding:3px 9px;border-radius:50px;
  }
  .wishlist-btn{
    position:absolute;bottom:8px;right:8px;
    width:30px;height:30px;border-radius:50%;
    background:#fff;border:1px solid #e2e6ec;
    display:flex;align-items:center;justify-content:center;
    color:#7b8794;font-size:.85rem;
    opacity:0;transition:.2s;
  }
  .product-card:hover .wishlist-btn{opacity:1;}
  .wishlist-btn:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red);}

  .product-body{padding:.75rem .85rem .9rem;}
  .product-code{
    color:var(--brand-red);font-weight:700;font-size:.82rem;margin-bottom:.15rem;
  }
  .product-cat{
    color:var(--text-muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;
  }
  .product-name{
    font-size:.84rem;color:#1e2530;font-weight:500;margin:.15rem 0 .4rem;line-height:1.3;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em;
  }
  .product-price{font-weight:700;color:var(--brand-blue);font-size:.95rem;}
  .product-price .old{
    text-decoration:line-through;color:var(--text-muted);font-weight:500;font-size:.8rem;margin-right:.4rem;
  }
  .pdf-badge{
    position:absolute;bottom:8px;right:8px;
    width:26px;height:26px;border-radius:50%;
    background:#fff;border:1px solid #e2e6ec;color:var(--brand-red);
    display:flex;align-items:center;justify-content:center;font-size:.75rem;
  }

  /* 8-column product grid */
  .product-grid-item{flex:0 0 50%;max-width:50%;}
  @media(min-width:576px){.product-grid-item{flex:0 0 33.3333%;max-width:33.3333%;}}
  @media(min-width:768px){.product-grid-item{flex:0 0 25%;max-width:25%;}}
  @media(min-width:992px){.product-grid-item{flex:0 0 16.6667%;max-width:16.6667%;}}
  @media(min-width:1200px){
    .product-grid-item{flex:0 0 12.5%;max-width:12.5%;}
    .product-body{padding:.6rem .6rem .7rem;}
    .product-code{font-size:.72rem;}
    .product-cat{font-size:.6rem;}
    .product-name{font-size:.74rem;min-height:2rem;}
    .product-price{font-size:.82rem;}
    .badge-sku,.badge-brand{font-size:.55rem;padding:2px 5px;}
  }

  .grid-nav-arrow{
    width:38px;height:38px;border-radius:50%;
    border:1px solid #dfe3ea;background:#fff;color:#1e2530;
    display:inline-flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .grid-nav-arrow:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);}

  /* ===== Promo banner slider ===== */
  .promo-banner{
    background:var(--bg-soft);
    border-radius:10px;
    padding:2.5rem 2rem;
    position:relative;
  }
  .promo-banner img{max-height:280px;object-fit:contain;}
  .promo-banner h3{font-weight:800;font-size:1.9rem;color:#1e2530;}
  .promo-banner p{color:var(--text-muted);}
  .banner-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:38px;height:38px;border-radius:50%;
    background:#fff;border:1px solid #dfe3ea;
    display:flex;align-items:center;justify-content:center;color:#1e2530;
    cursor:pointer;
  }
  .banner-arrow.left{left:-10px;}
  .banner-arrow.right{right:-10px;}
  .banner-dots{display:flex;gap:6px;justify-content:center;margin-top:1rem;}
  .banner-dots span{
    width:8px;height:8px;border-radius:50%;background:#d7dce4;cursor:pointer;
  }
  .banner-dots span.active{background:var(--brand-blue);width:20px;border-radius:5px;}

  /* ===== Trusted logos ===== */
  .trusted-section{padding:3rem 0 1rem;}
  .logo-box{
    border:1px solid #eef0f4;border-radius:8px;
    height:90px;display:flex;align-items:center;justify-content:center;
    padding:1rem;
  }
  .logo-box img{max-height:45px;max-width:100%;filter:grayscale(30%);}

  /* ===== Footer ===== */
  .site-footer{background:var(--brand-blue);color:#dbe6fb;padding:3rem 0 1.2rem;margin-top:2rem;}
  .site-footer .footer-logo{font-weight:800;font-size:1.4rem;color:#fff;text-align:center;}
  .footer-social a{
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.12);
    display:inline-flex;align-items:center;justify-content:center;
    color:#fff;margin:0 4px;transition:.2s;
  }
  .footer-social a:hover{background:var(--brand-green);}
  .site-footer h6{color:#fff;font-weight:700;margin-bottom:.7rem;}
  .site-footer a{color:#cfe0ff;}
  .site-footer a:hover{color:#fff;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.15);
    margin-top:2rem;padding-top:1rem;
    font-size:.8rem;color:#b9cbf0;text-align:center;
  }
  .back-to-top{
    position:fixed;bottom:20px;right:20px;
    width:42px;height:42px;border-radius:50%;
    background:var(--brand-blue);color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    cursor:pointer;z-index:999;
  }

  @media(max-width:767px){
    .promo-strip{text-align:center;margin-top:.75rem;}
    .cat-btn{width:100%;justify-content:center;margin-bottom:.5rem;}
  }