/* Product Catalogue slider
   Reuses the same blue/orange/green tokens as the Products page so the
   two pages feel like one site. Adjust the hex values below to match
   your theme's actual variables if they differ. */

:root{
  --catalogue-blue-deep:#0b2f8f;
  --catalogue-blue:#1b4fe0;
  --catalogue-ink:#12203e;
  --catalogue-muted:#5b6785;
  --catalogue-border:#e3e8f5;
}

.catalogue-hero{
  background:linear-gradient(120deg,var(--catalogue-blue-deep),var(--catalogue-blue));
  color:#fff;
  padding:56px 24px 40px;
  text-align:center;
}
.catalogue-crumbs{font-size:13px;opacity:.8;margin-bottom:14px;}
.catalogue-crumbs a{color:#fff;text-decoration:none;}
.catalogue-hero h1{font-size:38px;margin:0 0 10px;}
.catalogue-hero p{max-width:560px;margin:0 auto;opacity:.9;font-size:15px;line-height:1.5;}

.catalogue-wrap{max-width:1080px;margin:0 auto;padding:44px 24px 60px;}

.catalogue-slider{
  position:relative;
  max-width:560px;margin:0 auto;
  background:#fff;
  border:1px solid var(--catalogue-border);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(20,40,100,.08);
  overflow:hidden;
}
.catalogue-track{display:flex;transition:transform .45s ease;}
.catalogue-slide{
  flex:0 0 100%;
  height:640px;
  display:flex;align-items:center;justify-content:center;
  background:#fafbff;
}
.catalogue-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.catalogue-caption{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px 20px;
  border-top:1px solid var(--catalogue-border);
}
.catalogue-caption-name{font-size:14.5px;font-weight:600;color:var(--catalogue-ink);}
.catalogue-caption-link{font-size:13px;color:var(--catalogue-blue);text-decoration:none;font-weight:600;}

.catalogue-nav-btn{
  position:absolute;top:280px;
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:1px solid var(--catalogue-border);
  box-shadow:0 4px 10px rgba(20,40,100,.1);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;color:var(--catalogue-blue);
  user-select:none;z-index:2;
}
.catalogue-nav-btn.prev{left:14px;}
.catalogue-nav-btn.next{right:14px;}
.catalogue-nav-btn:focus-visible{outline:2px solid var(--catalogue-blue);outline-offset:2px;}

.catalogue-dots{display:flex;gap:8px;justify-content:center;padding:18px 0 4px;}
.catalogue-dot{width:8px;height:8px;border-radius:50%;background:#cfd8f2;cursor:pointer;border:none;padding:0;}
.catalogue-dot.active{background:var(--catalogue-blue);width:20px;border-radius:5px;}

.catalogue-counter{text-align:center;font-size:12.5px;color:var(--catalogue-muted);padding-bottom:20px;}

@media (max-width:640px){
  .catalogue-slide{height:480px;}
  .catalogue-nav-btn{top:220px;width:34px;height:34px;}
}

@media (prefers-reduced-motion: reduce){
  .catalogue-track{transition:none;}
}