/* ===== Palette & base ===== */
:root{ --c-bg-dark:#0d0d0d; --c-indigo:#4A46FF; --c-aqua:#00CFC8; --radius:14px; --transition:.35s cubic-bezier(.4,.2,.2,1); }
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;overscroll-behavior-x:none;touch-action:pan-y;}
body{font-family:'Inter',sans-serif;color:#fff;background:var(--c-bg-dark);}

img{max-width:100%;display:block;border-radius:var(--radius);}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-weight:800;letter-spacing:-.02em;}

.btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--c-indigo),var(--c-aqua));color:#fff;border:none;padding:.8rem 1.4rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:var(--transition);} 
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.45);}



.breadcrumbs{font-size:.78rem;color:#999;padding:1rem 0;}
.breadcrumbs span{opacity:.35;margin:0 .35rem;}
.equipment-hero{padding:2rem 6vw;text-align:center;}
.equipment-hero h1{font-size:clamp(2.2rem,9vw,3.8rem);background:linear-gradient(90deg,var(--c-indigo),var(--c-aqua));-webkit-background-clip:text;color:transparent;}

.equipment-section{padding:2rem 0;}
.equipment-section-title{margin-bottom:1rem;font-size:1.6rem;text-align:center;}
.equipment-grid{gap:1.2rem;margin-bottom:1.5rem;}

/* swipeable strip */
.snap-strip{
  display:flex;
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:.8rem;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.snap-strip::-webkit-scrollbar{display:none;}
.snap-strip > *{flex:0 0 80%;scroll-snap-align:center;}
.snap-strip::after{
  content:'';
  position:sticky;
  right:-1px;top:0;bottom:0;width:24px;
  pointer-events:none;
  background:linear-gradient(to right,transparent 0%,var(--c-bg-dark) 100%);
}

@media(min-width:768px){
  .snap-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:visible;
  }
  .snap-strip::after{display:none;}
  .snap-strip > *{flex:initial;scroll-snap-align:unset;}
}
.equipment-card{background:rgba(255,255,255,.05);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;}
.equipment-card-content{padding:1rem;}
.equipment-card img{height:200px;object-fit:cover;}
.equipment-card ul{padding-left:1.2rem;font-size:.9rem;color:#c0c0c0;line-height:1.4;}
.equipment-card p{font-size:.9rem;color:#c0c0c0;line-height:1.4;}

/* glass cards */
.card-glass{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.4,.2,.2,1);
}
@media(hover:hover){.card-glass:hover{transform:translateY(-4px) scale(1.03);}}
.card-glass img{height:200px;width:100%;object-fit:cover;}

/* About block reuse */
.about{max-width:820px;margin:0 auto;font-size:.9rem;line-height:1.5;color:#c0c0c0;}
.about-card{display:flex;flex-direction:column;overflow:hidden;}
.about-text{padding:1.4rem;display:flex;flex-direction:column;gap:1rem;}
.about-text h2{margin:0 0 .8rem;}
.about-text p{margin:0;}
.highlight{font-weight:600;background:linear-gradient(90deg,var(--c-aqua),var(--c-indigo));-webkit-background-clip:text;color:transparent;}

@media(min-width:768px){
  .about{max-width:none;}
  .about-card{flex-direction:column;}
  .about-text{display:flex;}
}

.equipment-benefits{padding:2rem 6vw;text-align:left;}
.faq{
  background:#0d0d0d;
  color:#fff;
  border-radius:12px;
  padding:clamp(1rem,2vw,2rem);
  max-width:800px;
  margin:3rem auto;
  font-family:"Inter",sans-serif;
}
.faq__title{
  font-size:1.75rem;
  margin:0 0 1rem;
  text-align:center;
}
.faq__item{
  border-bottom:1px solid rgba(255,255,255,.12);
  transition:padding .25s ease;
}
.faq__item:last-of-type{border-bottom:none;}
summary{
  cursor:pointer;
  user-select:none;
  padding:1rem 0;
  list-style:none;
  display:flex;
  align-items:center;
  font-weight:600;
  font-size:1.125rem;
}
summary::-webkit-details-marker{display:none;}
summary::after{
  content:"+";
  margin-left:auto;
  font-weight:400;
  transition:transform .25s ease;
}
details[open] summary::after{transform:rotate(45deg);}
details[open]{padding-bottom:.5rem;}
summary:focus-visible{
  outline:2px solid #00ffd1;
  outline-offset:4px;
}
.faq__item[open] summary{color:#00ffd1;}
.faq__item p{
  margin:.5rem 0 1rem;
  line-height:1.6;
  font-size:1rem;
}
@media(prefers-reduced-motion:reduce){
  summary::after,details[open] summary::after{transition:none;}
}
.equipment-cta{padding:2rem 0;text-align:center;}
.equipment-cta h2{margin-bottom:1rem;}
.equipment-btn{display:inline-block;background:linear-gradient(135deg,var(--c-indigo),var(--c-aqua));padding:.9rem 1.6rem;border-radius:var(--radius);font-weight:600;}