/* Homepage V5 — Product-first streetwear layout. Load after blaziest-home-v3.css.
   Keeps existing campaign/admin/cart checkout scripts and the seamless shipping marquee.
   Font files are user-provided and must be placed in /fonts; not bundled here.
*/
@font-face {
  font-family: "Blaziest Switzer";
  src: url("./fonts/Switzer-Variable.ttf") format("truetype");  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blaziest Switzer";
  src: url("./fonts/Switzer-VariableItalic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
.bz-homepage,
.bz-homepage :is(button,input,select,textarea) {
  font-family:"Blaziest Switzer", Arial, sans-serif;
}
/* The wordmark stays unchanged. */
.bz-homepage :is(.brand,.m-brand) { font-family:Arial,Helvetica,sans-serif; }
/* Thin statement above navigation. Mobile sentence moves, rather than truncating. */
.bz-homepage .bz-v5-announcement {
  padding:0; overflow:hidden; min-height:26px; display:flex; justify-content:center;
  background:#0b0b0b; color:#f5f5f5; font-size:9px; font-weight:500;
  letter-spacing:0; line-height:1.2;
}
.bz-homepage .bz-v5-announcement-track {display:flex; align-items:center; min-width:max-content; gap:65px;}
.bz-homepage .bz-v5-announcement-track span {display:block; padding:7px 10px; white-space:nowrap;}
.bz-homepage .bz-v5-announcement-track span:nth-child(2) { display:none; }
/* Free-shipping: retain original continuous loop, only update typography. */
.bz-homepage .bz-shipping-run span {font-family:"Blaziest Switzer",Arial,sans-serif; font-weight:700;}
/* Compact campaign; Admin title/subtitle overlay available when saved. */
.bz-homepage .bz-editorial-hero.bz-campaign {
  width:100%; height:clamp(330px,39vw,600px); min-height:0; max-height:none;
  flex:none; display:block; isolation:isolate; position:relative; overflow:hidden;
  background: #1a1a1a;
}
.bz-homepage .bz-campaign .bz-hero-media {position:absolute; inset:0; height:100%; width:100%; z-index:0;}
.bz-homepage .bz-campaign::after { content:none!important; }
.bz-homepage .bz-campaign-slide {position:absolute;inset:0;}
.bz-homepage .bz-campaign-slide img {object-fit:cover; object-position:center 36%;}
.bz-homepage .bz-v5-campaign-meta[hidden],
.bz-homepage .bz-v5-hidden-controls[hidden] { display:none!important; }
/* Compact catalog with clean headings and no extra eyebrow. */
.bz-homepage .bz-daily-catalog {padding:36px 0 18px;}
.bz-homepage .bz-daily-heading {display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px;}
.bz-homepage .bz-daily-heading>div {flex:1;text-align:center;}
.bz-homepage .bz-daily-heading h2,
.bz-homepage .bz-v5-category-heading {
  font-family:"Blaziest Switzer",Arial,sans-serif!important;
  font-weight:800; letter-spacing:-.035em; font-size:clamp(20px,2.6vw,36px);
  line-height:1.13; color:#101010; text-align:center; margin:0; text-transform:uppercase;
}
.bz-homepage .bz-daily-viewall {font-family:"Blaziest Switzer",Arial,sans-serif;font-size:11px;font-weight:600;}
.bz-homepage .bz-daily-grid {gap:clamp(28px,4vw,58px) clamp(10px,2vw,28px);}
.bz-homepage .bz-daily-image {aspect-ratio:1/1; background:#fff;}
.bz-homepage .bz-daily-image img {object-fit:contain;}
.bz-homepage .bz-daily-product h3 {
  font-family:"Blaziest Switzer",Arial,sans-serif; font-size:clamp(12px,1.15vw,16px);
  font-weight:400; letter-spacing:0; margin:12px 0 6px; line-height:1.4;
}
.bz-homepage .bz-daily-product p {font-size:clamp(12px,1.25vw,16px);font-weight:400;margin:0;}
.bz-homepage .bz-daily-tag {font-family:"Blaziest Switzer",Arial,sans-serif;font-weight:700;}
.bz-homepage .bz-v5-category[hidden] {display:none!important;}
.bz-homepage .bz-v5-category {background:#fff;padding:48px 0 20px;}
.bz-homepage .bz-v5-category-heading {margin:0 0 28px;}
/* Decorative email signup only. Disabled input is intentional. */
.bz-homepage .bz-v5-newsletter {background:#fff; padding:clamp(75px,10vw,155px) 0 76px; text-align:center;}
.bz-homepage .bz-v5-newsletter-inner {max-width:520px; margin:auto;}
.bz-homepage .bz-v5-newsletter h2 {font-weight:500; font-size:clamp(22px,3vw,34px);letter-spacing:-.035em; margin:0;}
.bz-homepage .bz-v5-newsletter p {font-size:11px;letter-spacing:.06em;margin:10px 0 30px;}
.bz-homepage .bz-v5-newsletter-field {position:relative;display:flex;align-items:center;border:1px solid #c8c8c8; height:50px;padding-inline:15px;}
.bz-homepage .bz-v5-newsletter-field label {font-size:12px;white-space:nowrap;color:#666;}
.bz-homepage .bz-v5-newsletter-field input {font:400 12px "Blaziest Switzer",Arial,sans-serif;border:0; background:none; width:100%; height:100%; padding-left:14px;color:#777;min-width:0;}
.bz-homepage .bz-v5-newsletter-field input::placeholder {color:#b5b5b5;}
.bz-homepage .bz-v5-newsletter small {font-size:10px;color:#888;display:block;margin-top:9px;}
.bz-homepage .site-footer :is(h4,p,small,a,li) {font-family:"Blaziest Switzer",Arial,sans-serif;}
@media(max-width:768px) {
  .bz-homepage .bz-v5-announcement {min-height:25px; font-size:8px; justify-content:flex-start;}
  .bz-homepage .bz-v5-announcement-track {gap:60px; animation:bzV5TopMessage 27s linear infinite;}
  .bz-homepage .bz-v5-announcement-track span:nth-child(2) {display:block;}
  .bz-homepage .m-header .m-row {position:relative; display:flex;align-items:center;min-height:60px; justify-content:space-between;padding-inline:12px;}
  .bz-homepage .m-header .m-brand {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(19px,5vw,24px);z-index:1;}
  .bz-homepage .m-header #mMenuBtn,.bz-homepage .m-header .m-right {position:relative;z-index:2;}
  .bz-homepage .m-header .m-right {display:flex;margin-left:auto;gap:0;}
  .bz-homepage .m-header .bz-v5-account {color:#111;}
  .bz-homepage .m-header .bz-v5-account svg {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  /* Explicit height prevents the zero-height regression of earlier hero patches. */
  .bz-homepage .bz-editorial-hero.bz-campaign {
    width:100%;height:75vw; min-height:0; max-height:none; aspect-ratio:auto;
    position:relative; display:block; flex:none;
  }
  .bz-homepage .bz-campaign .bz-hero-media {position:absolute; inset:0; width:100%;height:100%;}
  .bz-homepage .bz-campaign-slide img {object-position:center center;}
  .bz-homepage .bz-daily-catalog {padding:20px 0 12px;}
  .bz-homepage .bz-daily-heading {margin-bottom:18px;}
  .bz-homepage .bz-daily-heading h2,.bz-homepage .bz-v5-category-heading {font-size:clamp(19px,5.2vw,27px);}
  .bz-homepage .bz-daily-viewall {display:none;}
  .bz-homepage .bz-daily-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 11px;}
  .bz-homepage .bz-daily-image {aspect-ratio:1/1;}
  .bz-homepage .bz-daily-product h3 {font-size:12px;margin-top:9px;}
  .bz-homepage .bz-daily-product p {font-size:12px;}
  .bz-homepage .bz-v5-category {padding:32px 0 10px;}
  .bz-homepage .bz-v5-category-heading {margin-bottom:18px;}
  .bz-homepage .bz-v5-newsletter {padding:68px 0 54px;}
  .bz-homepage .bz-v5-newsletter h2 {font-size:23px;}
  .bz-homepage .bz-v5-newsletter p {font-size:10px;}
}
@media(max-width:360px) {
  .bz-homepage .m-header .m-row {padding-inline:6px;}
  .bz-homepage .m-header .m-brand {font-size:19px;}
  .bz-homepage .m-header .m-btn {width:38px; min-width:38px;}
}
@keyframes bzV5TopMessage {to {transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){
  .bz-homepage .bz-v5-announcement-track {animation:none;}
}

/* V5.1: Keep Homepage Manager campaign title/subtitle visible when set.
   Clearing both values in Admin returns to the clean, image-only hero.
   The campaign index, arrows, label and CTA remain hidden as requested. */
.bz-homepage .bz-campaign .bz-hero-inner {
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  height:100%;
  min-height:0;
  box-sizing:border-box;
  padding-top:20px;
  padding-bottom:clamp(24px,5vw,56px);
  pointer-events:none;
}
.bz-homepage .bz-campaign .bz-hero-inner[hidden] {display:none!important;}
.bz-homepage .bz-campaign .bz-hero-copy {width:min(100%,560px); max-width:100%;pointer-events:none;}
.bz-homepage .bz-campaign .bz-hero-copy .display {
  font:800 clamp(32px,4.7vw,65px)/.99 "Blaziest Switzer",Arial,sans-serif;
  letter-spacing:-.045em;
  margin:0 0 8px;
  max-width:100%;
  color:white;
  text-transform:uppercase;
  overflow-wrap:break-word;
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}
.bz-homepage .bz-campaign .bz-hero-copy .lead {
  font:500 clamp(10px,1.2vw,14px)/1.35 "Blaziest Switzer",Arial,sans-serif;
  letter-spacing:.12em;
  color:#fff;
  margin:0;
  max-width:100%;
  text-transform:uppercase;
  text-shadow:0 1px 8px rgba(0,0,0,.5);
}
.bz-homepage .bz-campaign .bz-hero-copy [hidden] {display:none!important;}
.bz-homepage .bz-campaign.bz-has-copy::after {
  content:""!important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.08) 54%,transparent 76%);
}
@media(max-width:768px) {
  .bz-homepage .bz-campaign .bz-hero-inner {
    padding-top:16px;
    padding-bottom:clamp(16px,4vw,30px);
    align-items:flex-start;
  }
  .bz-homepage .bz-campaign .bz-hero-copy {width:100%;}
  .bz-homepage .bz-campaign .bz-hero-copy .display {
    font-size:clamp(25px,7.3vw,46px);
    line-height:1;
    margin:0 0 5px;
    max-width:100%;
  }
  .bz-homepage .bz-campaign .bz-hero-copy .lead {
    font-size:clamp(9px,2.4vw,12px);
    max-width:100%;
    letter-spacing:.08em;
    line-height:1.3;
    margin:0;
  }
}

/* V5.4 — campaign carousel controls. All styles are limited to the homepage hero. */
.bz-homepage .bz-campaign { touch-action:pan-y; }
.bz-homepage .bz-campaign .bz-v54-controls[hidden] { display:none!important; }
.bz-homepage .bz-campaign .bz-v54-controls {
  position:absolute; inset:0; z-index:6; pointer-events:none;
  color:#fff; font-family:"Blaziest Switzer",Arial,sans-serif;
}
.bz-homepage .bz-campaign .bz-v54-progress {
  position:absolute; left:clamp(18px,4vw,70px); bottom:clamp(18px,2.6vw,35px);
  display:flex; align-items:center; gap:15px;
  font-size:11px; font-weight:700; letter-spacing:.08em;
  text-shadow:0 1px 6px rgba(0,0,0,.55);
  pointer-events:auto;
}
.bz-homepage .bz-campaign .bz-v54-dots {display:flex;align-items:center;gap:7px;}
.bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot {
  width:25px;height:3px; min-height:3px; margin:0;padding:0;
  border:0;border-radius:8px;background:rgba(255,255,255,.48);cursor:pointer;
  transition:background .2s ease; touch-action:manipulation;
}
.bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot.active {background:#fff;}
.bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot:focus-visible {outline:2px solid #fff;outline-offset:4px;}
.bz-homepage .bz-campaign .bz-v54-arrows {position:static;}
.bz-homepage .bz-campaign .bz-v54-arrow {
  position:absolute;top:50%;transform:translateY(-50%);
  width:54px;height:54px;display:grid;place-items:center;
  background:rgba(255,255,255,.92);color:#111;
  border:1px solid rgba(0,0,0,.8);border-radius:50%;
  padding:0;cursor:pointer;pointer-events:auto;
  backdrop-filter:blur(6px);
  transition:background .18s ease, color .18s ease, border-color .18s ease;
  touch-action:manipulation;
}
.bz-homepage .bz-campaign .bz-v54-prev {left:clamp(14px,2vw,32px);}
.bz-homepage .bz-campaign .bz-v54-next {right:clamp(14px,2vw,32px);}
.bz-homepage .bz-campaign .bz-v54-arrow svg {
  display:block;width:25px;height:25px;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.bz-homepage .bz-campaign .bz-v54-arrow:hover:not(:disabled) {
  background:#111;color:#fff;border-color:#fff;
}
.bz-homepage .bz-campaign .bz-v54-arrow:focus-visible {outline:3px solid #fff;outline-offset:3px;}
.bz-homepage .bz-campaign .bz-v54-arrow:disabled {opacity:.35;cursor:default;}
/* Temporarily keep both pictures opaque while JS slides them horizontally. */
.bz-homepage .bz-campaign .bz-campaign-slide.bz-v54-moving {
  opacity:1!important;transition:none!important;will-change:transform;
}
.bz-homepage .bz-campaign .bz-campaign-slide.bz-v54-outgoing {z-index:1;}
.bz-homepage .bz-campaign .bz-campaign-slide.bz-v54-incoming {z-index:2;}
/* Leave enough room for controls when Admin displays campaign copy. */
.bz-homepage .bz-campaign.bz-has-copy .bz-hero-inner {padding-bottom:105px;}
@media(max-width:768px) {
  .bz-homepage .bz-campaign .bz-v54-arrow {
    top:auto;bottom:16px;transform:none;
    width:42px;height:42px;background:rgba(0,0,0,.26);
    border-color:rgba(255,255,255,.92);color:#fff;
  }
  .bz-homepage .bz-campaign .bz-v54-prev {left:auto;right:68px;}
  .bz-homepage .bz-campaign .bz-v54-next {right:15px;}
  .bz-homepage .bz-campaign .bz-v54-arrow svg {width:21px;height:21px;}
  .bz-homepage .bz-campaign .bz-v54-progress {left:16px;bottom:21px;gap:10px;font-size:10px;}
  .bz-homepage .bz-campaign .bz-v54-dots {gap:4px;}
  .bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot {width:clamp(11px,4.3vw,19px);}
  .bz-homepage .bz-campaign.bz-has-copy .bz-hero-inner {padding-bottom:74px;}
}
@media(max-width:360px) {
  .bz-homepage .bz-campaign .bz-v54-progress {left:10px;gap:7px;font-size:9px;}
  .bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot {width:11px;}
  .bz-homepage .bz-campaign .bz-v54-prev {right:61px;}
  .bz-homepage .bz-campaign .bz-v54-next {right:10px;}
  .bz-homepage .bz-campaign .bz-v54-arrow {width:39px;height:39px;}
}
@media(prefers-reduced-motion:reduce) {
  .bz-homepage .bz-campaign .bz-v54-arrow,
  .bz-homepage .bz-campaign .bz-v54-dots .bz-campaign-dot {transition:none;}
}