/* position:sticky is disabled by ANY ancestor that is a scroll container.
   overflow-x:hidden computes overflow-y:auto and creates one, which is why
   the sticky intro image and the sticky rail labels were dead. overflow:clip
   stops horizontal scroll without creating a scroll container.
   If your theme sets overflow-x:hidden on html or body, this undoes it. */
html,body{overflow-x:clip;}
@supports not (overflow-x:clip){
  html,body{overflow-x:visible;}
  .bj-page{overflow-x:hidden;}
}

/* ==========================================================================
   Benjima - Category page stylesheet  v2.2.0
   Layout: flexbox and CSS columns only. No CSS grid anywhere in this file.
   Hero: full bleed background, image or muted looping video.
   Palette: Spain - red / yellow / ink
   ========================================================================== */

.bj-page{
  --bj-red:#AA151B;
  --bj-red-ink:#7E0F14;
  --bj-yellow:#F1BF00;
  --bj-ink:#101010;
  --bj-ink-70:#43433F;
  --bj-muted:#6A6A63;
  --bj-paper:#F7F7F5;
  --bj-grey:#EDEDEB;
  --bj-line:#D9D9D3;
  --bj-line-dark:#2A2A28;
  --bj-white:#FFFFFF;

  --bj-shell:1280px;
  --bj-gut:clamp(20px,4vw,56px);
  --bj-sec:clamp(64px,7vw,116px);
  --bj-gap:22px;
  --bj-stepgap:48px;
  --bj-sticky-top:96px;

  --bj-r-sm:4px;
  --bj-r-md:10px;
  --bj-r-lg:20px;

  --bj-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --bj-accent:"Newsreader",Georgia,"Times New Roman",serif;

  background:var(--bj-paper);
  color:var(--bj-ink);
  font-family:var(--bj-display);
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

.bj-page *,.bj-page *::before,.bj-page *::after{box-sizing:border-box;}
.bj-page img{max-width:100%;display:block;height:auto;}
.bj-page h1,.bj-page h2,.bj-page h3,.bj-page h4{margin:0;font-weight:800;letter-spacing:-.022em;line-height:1.06;}
.bj-page p{margin:0 0 1.05em;}
.bj-page p:last-child{margin-bottom:0;}
.bj-page a{color:inherit;}
/* .bj-page em{font-family:var(--bj-accent);font-style:italic;font-weight:400;letter-spacing:-.01em;} */

.bj-shell{max-width:var(--bj-shell);margin:0 auto;padding-inline:var(--bj-gut);width:100%;}
.bj-section{padding-block:var(--bj-sec);position:relative;}
.bj-section--dark{background:var(--bj-ink);color:#EDEDEB;}
.bj-section--grey{background:var(--bj-grey);}
.bj-section--white{background:var(--bj-white);}

/* --- Spec-sheet rail: label column beside the content, built with flex ----- */
/* .bj-rail{display:flex;flex-direction:row;align-items:flex-start;gap:clamp(24px,3vw,48px);} */
.bj-rail__tag{
  flex:0 0 148px;
  font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--bj-muted);
  border-top:2px solid var(--bj-red);padding-top:10px;
  /* position:sticky;top:var(--bj-sticky-top); */
  width:fit-content;
}
.bj-rail__body{flex:1 1 auto;min-width:0;}
.bj-section--dark .bj-rail__tag{color:#9C9C95;border-top-color:var(--bj-yellow);}
.bj-rail__tag span{display:block;color:var(--bj-ink);font-weight:800;}
.bj-section--dark .bj-rail__tag span{color:#fff;}

.bj-h2{font-size:clamp(27px,3.3vw,43px);line-height:1.1;max-width:26ch;text-wrap:balance;}
.bj-h3{font-size:clamp(20px,2.1vw,25px);letter-spacing:-.018em;}
.bj-lede{font-size:clamp(16.5px,1.25vw,18px);color:var(--bj-ink-70);max-width:66ch;margin-top:26px;}
.bj-h2 + .bj-lede{margin-top:24px;}
.bj-section--dark .bj-lede{color:#B8B8B1;}

/* --- Buttons -------------------------------------------------------------- */
.bj-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:15px;font-weight:700;text-decoration:none;
  padding:15px 26px;border-radius:var(--bj-r-md);border:2px solid transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.bj-btn--solid{background:var(--bj-red);color:#fff;}
.bj-btn--solid:hover{background:var(--bj-red-ink);color:#fff;}
.bj-btn--ghost{border-color:var(--bj-ink);color:var(--bj-ink);}
.bj-btn--ghost:hover{background:var(--bj-ink);color:#fff;}
.bj-section--dark .bj-btn--ghost,.bj-hero .bj-btn--ghost{border-color:rgba(255,255,255,.55);color:#fff;}
.bj-section--dark .bj-btn--ghost:hover,.bj-hero .bj-btn--ghost:hover{background:#fff;color:var(--bj-ink);}
.bj-btn--yellow{background:var(--bj-yellow);color:var(--bj-ink);}
.bj-btn--yellow:hover{background:#D9AC00;}
.bj-btn-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:30px;}

.bj-page a:focus-visible,.bj-page button:focus-visible,.bj-page summary:focus-visible{
  outline:3px solid var(--bj-yellow);outline-offset:3px;border-radius:2px;
}

/* ==========================================================================
   01  HERO - full bleed background, image or video
   ========================================================================== */
.bj-hero{
  position:relative;
  display:flex;flex-direction:column;justify-content:space-between;
  min-height:clamp(560px,88vh,900px);
  background:var(--bj-ink);color:#fff;
  overflow:hidden;
  isolation:isolate;
}

/* the media layer */
.bj-hero__bg{
  position:absolute;inset:0;z-index:0;
  background:var(--bj-ink);overflow:hidden;
}

/* Media sizing is forced. Most themes ship `img{height:auto}` or
   `.entry-content img{...}`, which would otherwise collapse the cover fill. */
.bj-page .bj-hero__bg > img,
.bj-page .bj-hero__bg > video{
  position:absolute;inset:0;
  width:100% !important;height:100% !important;
  max-width:none !important;min-height:0;
  object-fit:cover !important;object-position:center;
  display:block;margin:0;padding:0;border:0;border-radius:0;
}

/* Darkening overlay: drawn as pseudo elements OF THE MEDIA WRAPPER, so the
   overlay and the media can never come apart. One vertical pass keeps the
   headline and the spec strip readable, one horizontal pass protects the
   left hand copy column whatever the footage is doing. */
.bj-hero__bg::before,
.bj-hero__bg::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
}
.bj-hero__bg::before{
  background:linear-gradient(180deg,rgba(16,16,16,.82) 0%,rgba(16,16,16,.34) 42%,rgba(16,16,16,.93) 100%);
}
.bj-hero__bg::after{
  background:linear-gradient(90deg,rgba(16,16,16,.80) 0%,rgba(16,16,16,.26) 58%,rgba(16,16,16,0) 100%);
}

/* Legacy hook. The overlay no longer lives here, keep it inert. */
.bj-hero__scrim{display:none;}

.bj-hero__top,
.bj-hero__mid,
.bj-hero__foot{position:relative;z-index:2;width:100%;}

.bj-hero__top{padding-top:clamp(26px,3.4vw,44px);}
.bj-hero__mid{
  display:flex;flex-direction:column;justify-content:flex-end;
  flex:1 1 auto;
  padding-block:15px;
}
.bj-hero__copy{display:flex;flex-direction:column;align-items:flex-start;max-width:95%;}
em {font-style: normal !important}
.bj-crumb{font-size:13px;color:rgba(255,255,255,.66);}
.bj-crumb a{text-decoration:none;color:inherit;}
.bj-crumb a:hover{color:var(--bj-yellow);}
.bj-crumb span{color:#fff;}

.bj-hero__eyebrow{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;
  color:var(--bj-ink);background:var(--bj-yellow);
  padding:6px 12px;border-radius:var(--bj-r-sm);margin-bottom:22px;
}
.bj-hero h1{font-size:clamp(38px,6.6vw,82px);max-width:20ch;text-wrap:balance;}
.bj-hero h1 em{color:var(--bj-yellow);}
.bj-hero__lede{
  margin-top:24px;font-size:clamp(17px,1.5vw,20px);
  color:rgba(255,255,255,.84);max-width:54ch;
}
.bj-hero__stamp{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:28px;font-size:12.5px;font-weight:700;
  color:rgba(255,255,255,.82);
  background:rgba(16,16,16,.5);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.18);
  padding:8px 14px;border-radius:99px;
}
.bj-hero__stamp::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bj-yellow);}

/* video sound / motion toggle, only rendered when the hero uses video */
.bj-hero__vidbtn{
  position:absolute;right:var(--bj-gut);bottom:calc(100% + 18px);z-index:3;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,255,255,.35);background:rgba(16,16,16,.5);
  backdrop-filter:blur(6px);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;
}
.bj-hero__vidbtn:hover{background:var(--bj-red);border-color:var(--bj-red);}

/* red spec strip pinned to the bottom of the hero */
.bj-specstrip{background:var(--bj-red);color:#fff;}
.bj-specstrip__row{display:flex;flex-direction:row;flex-wrap:wrap;}
.bj-specstrip__cell{
  flex:1 1 200px;min-width:0;
  padding:24px 24px;
  border-left:1px solid rgba(255,255,255,.22);
}
.bj-specstrip__cell:first-child{border-left:0;padding-left:0;}
.bj-specstrip__k{font-size:12px;font-weight:700;color:rgba(255,255,255,.72);margin-bottom:6px;}
.bj-specstrip__v{font-size:clamp(17px,1.9vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.15;}

/* ==========================================================================
   02  Intro split
   ========================================================================== */
.bj-intro__row{display:flex;flex-direction:row;align-items:stretch;gap:clamp(30px,5vw,80px);}
.bj-intro__col{flex:1 1 0;min-width:0;}
.bj-intro__col--media{align-self:stretch;}
.bj-intro__figure{position:sticky;top:var(--bj-sticky-top);margin:0;}
.bj-intro__figure img{
  border-radius:var(--bj-r-lg);object-fit:cover;
  width:100%;height:clamp(420px,68vh,600px);
}
.bj-intro__badge{
  position:absolute;right:16px;bottom:28px;background:var(--bj-yellow);color:var(--bj-ink);
  padding:18px 22px;border-radius:var(--bj-r-md);max-width:210px;
}
.bj-intro__badge b{display:block;font-size:30px;font-weight:800;line-height:1;}
.bj-intro__badge span{font-size:13px;font-weight:600;}

.bj-checks{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.bj-checks li{position:relative;padding-left:30px;font-size:16px;color:var(--bj-ink-70);}
.bj-checks li::before{content:"";position:absolute;left:0;top:9px;width:13px;height:13px;background:var(--bj-red);border-radius:3px;}

/* ==========================================================================
   03  Garment range - two up, flex wrap with hairline separators
   ========================================================================== */
.bj-range__list{
  display:flex;flex-direction:row;flex-wrap:wrap;
  gap:1px;background:var(--bj-line);
  border-block:1px solid var(--bj-line);margin-top:44px;
}
.bj-garment{
  flex:1 1 calc(50% - 1px);min-width:260px;
  background:var(--bj-paper);padding:30px 30px 32px;
}
.bj-garment__n{font-size:12px;font-weight:700;color:var(--bj-red);margin-bottom:12px;}
.bj-garment h3{font-size:21px;margin-bottom:10px;}
.bj-garment p{font-size:15.5px;color:var(--bj-ink-70);}
.bj-garment__specs{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:16px;}
.bj-garment__specs span{
  font-size:12px;font-weight:600;color:var(--bj-ink-70);
  background:var(--bj-grey);border-radius:99px;padding:5px 11px;
}

/* ==========================================================================
   04  Sub pages pulled from WordPress
   ========================================================================== */
.bj-subrow{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--bj-gap);margin-top:46px;}
.bj-subcard{
  flex:0 1 calc((100% - (var(--bj-gap) * 2)) / 3);min-width:250px;
  display:flex;flex-direction:column;
  background:var(--bj-white);text-decoration:none;color:inherit;
  border:1px solid var(--bj-line);border-radius:var(--bj-r-lg);overflow:hidden;
  transition:border-color .18s ease,transform .18s ease;
}
.bj-subcard:hover{border-color:var(--bj-red);transform:translateY(-3px);}
.bj-subcard__img{aspect-ratio:16/10;overflow:hidden;background:var(--bj-grey);}
.bj-subcard__img img{width:100%;height:100%;object-fit:cover;}
.bj-subcard__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1 1 auto;}
.bj-subcard h3{font-size:19px;margin-bottom:9px;}
.bj-subcard p{font-size:15px;color:var(--bj-muted);flex:1 1 auto;}
.bj-subcard__go{margin-top:18px;font-size:13.5px;font-weight:700;color:var(--bj-red);border-top:1px solid var(--bj-line);padding-top:14px;}
.bj-subcard__empty{
  flex:1 1 100%;border:1px dashed var(--bj-line);border-radius:var(--bj-r-lg);
  padding:40px;text-align:center;color:var(--bj-muted);font-size:15px;
}

/* ==========================================================================
   05  Fabric table
   ========================================================================== */
.bj-table-wrap{margin-top:44px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.bj-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:720px;font-size:15.5px;}
.bj-table thead th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.02em;color:#9C9C95;padding:0 20px 16px 0;border-bottom:1px solid #35352F;}
.bj-table td{padding:20px 20px 20px 0;border-bottom:1px solid #262622;color:#B8B8B1;vertical-align:top;}
.bj-table tbody tr:last-child td{border-bottom:0;}
.bj-table th:nth-child(1),.bj-table td:nth-child(1){width:28%;}
.bj-table th:nth-child(2),.bj-table td:nth-child(2){width:14%;}
.bj-table th:nth-child(3),.bj-table td:nth-child(3){width:26%;}
.bj-table td:first-child{color:#fff;font-weight:700;}
.bj-table td:nth-child(2){white-space:nowrap;}
.bj-table td b{color:var(--bj-yellow);font-weight:700;}
.bj-table-note{margin-top:22px;font-size:14px;color:#8E8E87;max-width:70ch;}

/* ==========================================================================
   06  Video section
   ========================================================================== */
.bj-video{position:relative;border-radius:var(--bj-r-lg);overflow:hidden;background:#000;margin-top:40px;}
.bj-video video,.bj-video iframe{width:100%;aspect-ratio:16/9;display:block;border:0;object-fit:cover;}
.bj-video__cap{
  position:absolute;left:22px;bottom:20px;z-index:2;color:#fff;font-size:13.5px;font-weight:600;
  text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none;
}
.bj-video__facts{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;background:#2A2A28;margin-top:50px; border-radius: 30px; overflow: hidden; }
.bj-video__facts div{flex:1 1 180px;background:var(--bj-ink);padding:24px 22px;}
.bj-video__facts b{display:block;font-size:28px;font-weight:800;color:var(--bj-yellow);line-height:1;margin-bottom:7px;}
.bj-video__facts span{font-size:14px;color:#B8B8B1;}

/* ==========================================================================
   07  Process
   ========================================================================== */
.bj-steps{
  counter-reset:bjstep;
  display:flex;flex-direction:row;flex-wrap:wrap;
  column-gap:var(--bj-stepgap);
  margin-top:44px;
}
.bj-step{
  counter-increment:bjstep;
  flex:0 1 calc(50% - (var(--bj-stepgap) / 2));min-width:260px;
  display:flex;flex-direction:row;gap:18px;
  border-top:1px solid var(--bj-line);padding:26px 0;
}
.bj-step::before{
  content:counter(bjstep,decimal-leading-zero);
  flex:0 0 42px;
  font-size:15px;font-weight:800;color:var(--bj-red);padding-top:3px;
}
.bj-step__body{flex:1 1 auto;min-width:0;}
.bj-step h3{font-size:18px;margin-bottom:7px;}
.bj-step p{font-size:15.5px;color:var(--bj-ink-70);}

/* ==========================================================================
   08  Reasons
   ========================================================================== */
.bj-reasons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--bj-gap);margin-top:46px;}
.bj-reason{
  flex:0 1 calc((100% - (var(--bj-gap) * 2)) / 3);min-width:250px;
  background:var(--bj-white);border-radius:var(--bj-r-lg);
  padding:30px 28px 32px;border-top:4px solid var(--bj-red);
}
.bj-reason:nth-child(3n+2){border-top-color:var(--bj-yellow);}
.bj-reason:nth-child(3n+3){border-top-color:var(--bj-ink);}
.bj-reason h3{font-size:19px;margin-bottom:11px;}
.bj-reason p{font-size:15.5px;color:var(--bj-ink-70);}

/* ==========================================================================
   09  Gallery - CSS multi column, so tiles stack without grid
   ========================================================================== */
.bj-gallery{
  margin-top:44px;
  column-count:4;
  column-gap:14px;
}
.bj-gallery figure{
  margin:0 0 14px;
  position:relative;border-radius:var(--bj-r-md);overflow:hidden;
  background:var(--bj-grey);
  break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;
}
.bj-gallery img{width:100%;object-fit:cover;aspect-ratio:1/1;}
.bj-gallery figure:nth-child(4n+1) img{aspect-ratio:3/4;}
.bj-gallery figure:nth-child(4n+3) img{aspect-ratio:4/3;}
.bj-gallery figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;
  background:linear-gradient(180deg,rgba(16,16,16,0),rgba(16,16,16,.8));
  color:#fff;font-size:12.5px;font-weight:600;
}

/* ==========================================================================
   10  Proof cards
   ========================================================================== */
.bj-proof{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--bj-gap);margin-top:46px;}
.bj-proofcard{
  flex:0 1 calc((100% - (var(--bj-gap) * 2)) / 3);min-width:250px;
  display:flex;flex-direction:column;
  background:var(--bj-paper);border:1px solid var(--bj-line);
  border-radius:var(--bj-r-lg);padding:28px;
}
.bj-proofcard__tag{font-size:12px;font-weight:700;color:var(--bj-red);margin-bottom:12px;}
.bj-proofcard h3{font-size:19px;margin-bottom:10px;}
.bj-proofcard p{font-size:15.5px;color:var(--bj-ink-70);flex:1 1 auto;}
.bj-proofcard__nums{display:flex;flex-direction:row;gap:26px;margin-top:20px;border-top:1px solid var(--bj-line);padding-top:16px;}
.bj-proofcard__nums b{display:block;font-size:21px;font-weight:800;line-height:1;}
.bj-proofcard__nums span{font-size:12.5px;color:var(--bj-muted);}

/* ==========================================================================
   11  FAQ
   ========================================================================== */
.bj-faq{margin-top:40px;border-top:1px solid var(--bj-line);}
.bj-faq details{border-bottom:1px solid var(--bj-line);}
.bj-faq summary{
  list-style:none;cursor:pointer;padding:24px 48px 24px 0;position:relative;
  font-size:clamp(17px,1.7vw,19.5px);font-weight:700;letter-spacing:-.015em;
}
.bj-faq summary::-webkit-details-marker{display:none;}
.bj-faq summary::after{content:"";position:absolute;right:8px;top:32px;width:15px;height:2px;background:var(--bj-ink);}
.bj-faq summary::before{
  content:"";position:absolute;right:14.5px;top:25.5px;width:2px;height:15px;background:var(--bj-ink);
  transition:transform .2s ease,opacity .2s ease;
}
.bj-faq details[open] summary::before{transform:scaleY(0);opacity:0;}
.bj-faq details[open] summary{color:var(--bj-red);}
.bj-faq__a{padding:0 12% 26px 0;font-size:16px;color:var(--bj-ink-70);}

/* ==========================================================================
   12  CTA
   ========================================================================== */
.bj-cta{background:var(--bj-ink);color:#fff;}
.bj-cta__row{display:flex;flex-direction:row;align-items:center;gap:clamp(28px,5vw,72px);}
.bj-cta__col{flex:1 1 0;min-width:0;}
.bj-cta__col--narrow{flex:0 1 380px;}
.bj-cta h2{font-size:clamp(30px,4.4vw,54px);max-width:17ch;}
.bj-cta h2 em{color:var(--bj-yellow);}
.bj-cta p{margin-top:20px;color:#B8B8B1;font-size:17px;max-width:48ch;}
.bj-cta__box{background:#1B1B19;border-radius:var(--bj-r-lg);padding:32px;border-left:4px solid var(--bj-red);}
.bj-cta__box dl{margin:0;display:flex;flex-direction:column;gap:16px;}
.bj-cta__box dt{font-size:12px;font-weight:700;color:#8E8E87;margin-bottom:3px;}
.bj-cta__box dd{margin:0;font-size:17px;font-weight:700;}
.bj-cta__box dd a{text-decoration:none;}
.bj-cta__box dd a:hover{color:var(--bj-yellow);}

/* --- Sticky mobile action bar -------------------------------------------- */
.bj-stickybar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
  flex-direction:row;gap:1px;background:var(--bj-line-dark);
  box-shadow:0 -6px 24px rgba(0,0,0,.16);
}
.bj-stickybar a{
  flex:1 1 0;text-align:center;padding:15px 8px;font-size:14px;font-weight:700;
  text-decoration:none;background:var(--bj-ink);color:#fff;
}
.bj-stickybar a.is-primary{background:var(--bj-red);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1180px){
  .bj-gallery{column-count:3;}
}

@media (max-width:1024px){
  .bj-rail{flex-direction:column;gap:18px;}
  .bj-rail__tag{flex:0 0 auto;position:static;display:flex;flex-direction:row;gap:8px;}
  .bj-rail__tag span{display:inline;}
  .bj-subcard,.bj-reason,.bj-proofcard{flex:0 1 calc((100% - var(--bj-gap)) / 2);}
  .bj-intro__row,.bj-cta__row{flex-direction:column;align-items:stretch;}
  .bj-cta__col--narrow{flex:1 1 auto;}
  .bj-intro__figure{position:static;top:auto;}
  .bj-intro__figure img{height:clamp(300px,46vh,420px);}
  .bj-intro__badge{right:16px;}
  .bj-hero{min-height:clamp(520px,78vh,760px);}
  .bj-hero__copy{max-width:100%;}
  .bj-specstrip__cell{flex:1 1 calc(50% - 1px);}
  .bj-specstrip__cell:nth-child(3){border-left:0;padding-left:0;}
  .bj-specstrip__cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22);}
}

@media (max-width:760px){
  .bj-page{font-size:16px;}
  .bj-gallery{column-count:2;}
  .bj-garment,.bj-step,.bj-subcard,.bj-reason,.bj-proofcard{flex:1 1 100%;min-width:0;}
  .bj-video__facts div{flex:1 1 100%;}
  .bj-faq__a{padding-right:0;}
  .bj-hero__vidbtn{right:var(--bj-gut);bottom:calc(100% + 12px);width:40px;height:40px;}
  .bj-cta{padding-bottom:calc(var(--bj-sec) + 56px);}
  .bj-stickybar{display:flex;}
  .bj-btn{width:100%;}
}

@media (max-width:420px){
  .bj-gallery{column-count:1;}
  .bj-specstrip__cell{flex:1 1 100%;border-left:0;padding-left:0;}
}

@media (prefers-reduced-motion:reduce){
  .bj-page *{transition:none !important;animation:none !important;}
}

@media print{
  .bj-stickybar,.bj-video,.bj-gallery,.bj-hero__bg{display:none;}
  .bj-page{background:#fff;}
}