@import url("style.v44.css");



/* === V46 Masthead logo === */
.brand-logo{
  height: 36px;
  width: auto;
  display: block;
}
@media(max-width:520px){
  .brand-logo{height: 32px;}
}

/* === V47 Masthead logo (force) === */
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}
.brand-logo{height:34px;width:auto;display:block}
@media(max-width:520px){.brand-logo{height:30px}}

/* === V49 Sticky shrink header + masthead spacing === */
.nav{
  position: sticky;
  top: 0;
  z-index: 999;
  transition: padding 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.nav-inner{min-height:72px; transition:min-height 180ms ease;}
.brand{display:flex;align-items:center;gap:0;} /* logo-only */
.brand-logo{height:48px;width:auto;display:block;transition:height 180ms ease, transform 180ms ease;}
/* spacing between logo and nav links */
.nav-inner{gap:22px;}
.nav-links{gap:18px;}
/* shrink state */
.nav.is-compact{
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 22px rgba(2,6,23,.06);
}
.nav.is-compact .nav-inner{min-height:56px;}
.nav.is-compact .brand-logo{height:36px;}
@media(max-width:520px){
  .brand-logo{height:38px;}
  .nav.is-compact .brand-logo{height:32px;}
  .nav-inner{min-height:64px;}
}
/* ensure nav doesn't overlap anchor targets */
:target{scroll-margin-top:90px;}



/* === V50 Slideshow layering fix: prevent previous slide showing behind next === */
.section-photo.slideshow .slides{
  position: relative;
  isolation: isolate; /* create a new stacking context */
  background: #fff;   /* avoids visual bleed during fades */
}
.section-photo.slideshow .slides img{
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.section-photo.slideshow .slides img.is-active{
  z-index: 2;
  opacity: 1;
}
.section-photo.slideshow .slides img.is-leaving{
  z-index: 1;
  opacity: 0;
}



/* === V51 Tighten spacing above Products section === */
/* Reduce bottom padding of preceding brochure/feature section */
.brochure-strip--3up{
  padding-bottom: 20px !important;
}

/* Reduce top padding of Products section */
.section.products,
.section#products,
.products.section{
  padding-top: 24px !important;
}

/* Tighten Products section header spacing */
.section.products h2,
.section#products h2{
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* === Amazon mockup buttons on product cards === */
.btn.mini{
  padding:8px 12px;
  font-size:13px;
  border-radius:999px;
  line-height:1;
}
.product-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;}
.product-card{cursor:pointer;}
.product-card .amazon{background:rgba(255,255,255,.92);}
.product-card .amazon:hover{transform:translateY(-1px);} 
.product-card a{position:relative;z-index:3;}