/** Shopify CDN: Minification failed

Line 649:0 Expected "}" to go with "{"

**/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400;1,500&display=swap');

body {
  margin: 0px;
  padding: 0px;
}

.willys-mb {
  background: #ede3d0;
  overflow-x: hidden;
}

.willys-mb * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.needsclick.go3787345210.klaviyo-emailinput.kl-private-reset-css-Xuajs1 {
  width: 400px;
}

/* ─── Shared helpers ─────────────────────────────── */
.willys-mb .bb {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-style: normal;
}

.willys-mb .dm3 {
  font-family: 'DM Mono', monospace;
  font-weight: 300;
  font-style: normal;
}

.willys-mb .dm4 {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-style: normal;
}

.willys-mb .dm5 {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-style: normal;
}

.willys-mb .dm4i {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-style: italic;
}

.willys-mb .dm5i {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-style: italic;
}

.willys-mb .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  max-width: none;
}

/* ─── Desktop layout (≥768 px) ───────────────────── */
.willys-mb .desktop {
  display: none;
}

.willys-mb .mobile {
  display: none;
}

@media (min-width: 768px) {
  .willys-mb .desktop {
    display: block;
  }
}

@media (max-width: 767px) {
  .willys-mb .mobile {
    display: block;
  }
}

/* Desktop page canvas */
.willys-mb .dp {
  position: relative;
  width: 1440px;
  height: 12448px;
  background: #ede3d0;
  overflow: hidden;
  margin: 0 auto;
}

.willys-mb .dp .a {
  position: absolute;
}

/* ─── Mobile layout (<768 px) ────────────────────── */
.willys-mb .mobile-wrap {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: hidden;
  display: flex;
  justify-content: center;
}

/* Scale 440-px canvas to viewport width, centered horizontally */
.willys-mb .mp-outer {
  width: 440px;
  flex-shrink: 0;
  transform-origin: top center;
  transform: scale(calc(100vw / 440));
}

.willys-mb .mp {
  position: relative;
  width: 440px;
  height: 9967px;
  background: #ede3d0;
  overflow: hidden;
}

.willys-mb .mp .a {
  position: absolute;
}

/* Shared form styles */
.willys-mb .email-wrap {
  display: flex;
}

.willys-mb .email-input {
  flex: 1;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #433f39;
  color: #f8f5f0;
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-style: italic;
  outline: none;
  padding-left: 10px;
}

.willys-mb .email-input::placeholder {
  color: rgba(248, 245, 240, 0.6);
}

.willys-mb .cta-btn {
  background: #8c3a12;
  color: #f8f5f0;
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  border: none;
  cursor: pointer;
  text-align: center;
  flex-shrink: 0;
}

/* ─── Slider ─────────────────────────────────────── */
.willys-mb .willys-slider-wrap {
  position: absolute;
}

.willys-mb .willys-slider {
  display: flex;
  gap: var(--willys-slide-gap, 30px);
  padding-left: var(--willys-pad-l, 0);
  padding-right: var(--willys-pad-r, 0);
  scroll-padding-left: var(--willys-pad-l, 0);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  width: 100%;
}

.willys-mb .willys-slider:active {
  cursor: grabbing;
}

.willys-mb .willys-slider::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.willys-mb .willys-slide {
  flex: 0 0 var(--willys-slide-w, 65%);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.willys-mb .willys-slide-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.willys-mb .willys-slide-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}

.willys-mb .willys-slide-caption {
  margin-top: 14px;
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-style: italic;
  letter-spacing: -.3px;
  white-space: nowrap;
}

.willys-mb .willys-arrow {
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, opacity 0.25s, transform 0.2s;
  padding: 0;
}

.willys-mb .willys-arrow:hover {
  background: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%) scale(1.06);
}

.willys-mb .willys-arrow[disabled] {
  opacity: 0;
  pointer-events: none;
}

.willys-mb .willys-arrow svg {
  display: block;
}

.willys-mb .willys-arrow-prev {
  left: 16px;
}

.willys-mb .willys-arrow-next {
  right: 16px;
}

.willys-mb .willys-progress-track {
  transition: opacity 0.2s ease;
}

.willys-mb .willys-progress-track:hover {
  opacity: 0.85;
}

.willys-mb .willys-progress-fill {
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Caseshow slider — N visible watches with captions BELOW image */
.willys-mb .caseshow-slider .willys-slide {
  flex: 0 0 calc((100% - (var(--utah-visible, 3) - 1) * var(--willys-slide-gap, 30px)) / var(--utah-visible, 3));
}

.willys-mb .caseshow-slider .willys-slide-image {
  height: 549px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.willys-mb .caseshow-slider .caseshow-caption {
  margin-top: 28px;
  text-align: center;
  white-space: nowrap;
}

.willys-mb .caseshow-slider .caseshow-eyebrow {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -.24px;
  color: rgba(248, 245, 240, 0.5);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.willys-mb .caseshow-slider .caseshow-name {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -.6px;
  color: #f8f5f0;
}

@media (max-width: 767px) {
  .willys-mb .caseshow-slider .willys-slide-image {
    height: 280px;
  }

  .willys-mb .caseshow-slider .caseshow-caption {
    margin-top: 14px;
  }

  .willys-mb .caseshow-slider .caseshow-eyebrow {
    font-size: 6.5px;
    line-height: 8px;
    letter-spacing: -.13px;
    margin-bottom: 4px;
  }

  .willys-mb .caseshow-slider .caseshow-name {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.3px;
  }
}

/* Utah Dials slider — N visible, advance by 1 */
.willys-mb .utah-slider .willys-slide {
  flex: 0 0 calc((100% - (var(--utah-visible, 3) - 1) * var(--willys-slide-gap, 30px)) / var(--utah-visible, 3));
}

.willys-mb .utah-slider .willys-slide-image {
  height: 549px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.willys-mb .utah-slider .utah-caption {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
  z-index: 2;
  pointer-events: none;
}

.willys-mb .utah-slider .utah-caption-eyebrow {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -.24px;
  color: rgba(248, 245, 240, 0.5);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.willys-mb .utah-slider .utah-caption-name {
  font-size: 23.773px;
  line-height: 19.585px;
  letter-spacing: -.4755px;
  color: #f8f5f0;
}

@media (max-width: 767px) {
  .willys-mb .utah-slider .willys-slide-image {
    height: 392px;
  }

  .willys-mb .utah-slider .utah-caption {
    bottom: 12px;
  }

  .willys-mb .utah-slider .utah-caption-eyebrow {
    font-size: 6.514px;
    letter-spacing: -.1303px;
    line-height: 8px;
    margin-bottom: 4px;
  }

  .willys-mb .utah-slider .utah-caption-name {
    font-size: 12.905px;
    line-height: 10.632px;
    letter-spacing: -.2581px;
  }
}

@media (max-width: 767px) {
  .willys-mb .willys-arrow {
    width: 36px;
    height: 36px;
  }


  .needsclick.kl-private-reset-css-Xuajs1 {
    top: -32px;
  }

/* ─── Swap caseshow before specs + cascade shift below ─── */
/* Desktop: caseshow up by 988px (to top:4000) */
.willys-mb .dp .a[style*="top:5050px"],
.willys-mb .dp .a[style*="top:275px"],
.willys-mb .dp .a[style*="top:5700px"],
.willys-mb .dp .a[style*="top:4988px"] {
  margin-top: -988px;
}

/* Desktop: specs down by 1159px (to top:4830) */
.willys-mb .dp .a[style*="top:4530px"],
.willys-mb .dp .a[style*="top:4270px"],
.willys-mb .dp .a[style*="top:4409px"],
.willys-mb .dp .a[style*="top:4634px"],
.willys-mb .dp .a[style*="top:4766px"],
.willys-mb .dp .a[style*="top:4461px"],
.willys-mb .dp .a[style*="top:4305px"],
.willys-mb .dp .a[style*="top:4253px"],
.willys-mb .dp .a[style*="top:4565px"],
.willys-mb .dp .a[style*="top:4478px"],
.willys-mb .dp .a[style*="top:4066px"],
.willys-mb .dp .a[style*="top:4322px"],
.willys-mb .dp .a[style*="top:4426px"],
.willys-mb .dp .a[style*="top:4617px"],
.willys-mb .dp .a[style*="top:4782px"],
.willys-mb .dp .a[style*="top:4357px"],
.willys-mb .dp .a[style*="top:4374px"],
.willys-mb .dp .a[style*="top:4088px"],
.willys-mb .dp .a[style*="top:4513px"],
.willys-mb .dp .a[style*="top:4709px"],
.willys-mb .dp .a[style*="top:4582px"],
.willys-mb .dp .a[style*="top:3671px"] {
  margin-top: 1159px;
}

/* Desktop: everything from vehicle_info onward down by 359px */
.willys-mb .dp .a[style*="top:11427px"],
.willys-mb .dp .a[style*="top:6789px"],
.willys-mb .dp .a[style*="top:12158px"],
.willys-mb .dp .a[style*="top:10157px"],
.willys-mb .dp .a[style*="top:6597px"],
.willys-mb .dp .a[style*="top:6245px"],
.willys-mb .dp .a[style*="top:5915px"],
.willys-mb .dp .a[style*="top:10192px"],
.willys-mb .dp .a[style*="top:6957.37px"],
.willys-mb .dp .a[style*="top:6811px"],
.willys-mb .dp .a[style*="top:12202.29px"],
.willys-mb .dp .a[style*="top:12298px"],
.willys-mb .dp .a[style*="top:7154px"],
.willys-mb .dp .a[style*="top:7376px"],
.willys-mb .dp .a[style*="top:12228px"],
.willys-mb .dp .a[style*="top:6453px"],
.willys-mb .dp .a[style*="top:8419px"],
.willys-mb .dp .a[style*="top:9282px"],
.willys-mb .dp .a[style*="top:8887px"],
.willys-mb .dp .a[style*="top:12059px"],
.willys-mb .dp .a[style*="top:6470px"],
.willys-mb .dp .a[style*="top:8231px"],
.willys-mb .dp .a[style*="top:8258px"],
.willys-mb .dp .a[style*="top:6297px"],
.willys-mb .dp .a[style*="top:6418px"],
.willys-mb .dp .a[style*="top:6694px"],
.willys-mb .dp .a[style*="top:7570px"],
.willys-mb .dp .a[style*="top:6366px"],
.willys-mb .dp .a[style*="top:5830px"],
.willys-mb .dp .a[style*="top:12150px"],
.willys-mb .dp .a[style*="top:5808px"],
.willys-mb .dp .a[style*="top:8397px"],
.willys-mb .dp .a[style*="top:7130px"],
.willys-mb .dp .a[style*="top:8202px"],
.willys-mb .dp .a[style*="top:6522px"],
.willys-mb .dp .a[style*="top:10704px"],
.willys-mb .dp .a[style*="top:8839px"],
.willys-mb .dp .a[style*="top:355px"],
.willys-mb .dp .a[style*="top:12327px"],
.willys-mb .dp .a[style*="top:6314px"],
.willys-mb .dp .a[style*="top:10341px"],
.willys-mb .dp .a[style*="top:7090px"],
.willys-mb .dp .a[style*="top:9134px"],
.willys-mb .dp .a[style*="top:9118px"],
.willys-mb .dp .a[style*="top:8744px"],
.willys-mb .dp .a[style*="top:10401px"],
.willys-mb .dp .a[style*="top:10627px"],
.willys-mb .dp .a[style*="top:6115px"],
.willys-mb .dp .a[style*="top:12200px"],
.willys-mb .dp .a[style*="top:5860px"],
.willys-mb .dp .a[style*="top:7060px"],
.willys-mb .dp .a[style*="top:6401px"],
.willys-mb .dp .a[style*="top:6025px"],
.willys-mb .dp .a[style*="top:9222px"],
.willys-mb .dp .a[style*="top:6262px"],
.willys-mb .dp .a[style*="top:11300px"],
.willys-mb .dp .a[style*="top:7190px"],
.willys-mb .dp .a[style*="top:11567px"],
.willys-mb .dp .a[style*="top:11360px"],
.willys-mb .dp .a[style*="top:7250px"],
.willys-mb .dp .a[style*="top:8296px"],
.willys-mb .dp .a[style*="top:10058px"],
.willys-mb .dp .a[style*="top:6349px"],
.willys-mb .dp .a[style*="top:12088px"],
.willys-mb .dp .a[style*="top:10208.37px"],
.willys-mb .dp .a[style*="top:6505px"],
.willys-mb .dp .a[style*="top:7639px"],
.willys-mb .dp .a[style*="top:7503px"],
.willys-mb .dp .a[style*="top:6906px"],
.willys-mb .dp .a[style*="top:7710px"] {
  margin-top: 359px;
}

/* Mobile: caseshow up by 654px */
.willys-mb .mp .a[style*="top:140px"],
.willys-mb .mp .a[style*="top:3470px"],
.willys-mb .mp .a[style*="top:3855px"],
.willys-mb .mp .a[style*="top:3440px"] {
  margin-top: -654px;
}

/* Mobile: specs down by 510px */
.willys-mb .mp .a[style*="top:3190.5px"],
.willys-mb .mp .a[style*="top:3206px"],
.willys-mb .mp .a[style*="top:3071px"],
.willys-mb .mp .a[style*="top:3362px"],
.willys-mb .mp .a[style*="top:2826px"],
.willys-mb .mp .a[style*="top:3096.5px"],
.willys-mb .mp .a[style*="top:2950.5px"],
.willys-mb .mp .a[style*="top:2976px"],
.willys-mb .mp .a[style*="top:3151px"],
.willys-mb .mp .a[style*="top:3056.5px"],
.willys-mb .mp .a[style*="top:3016.5px"],
.willys-mb .mp .a[style*="top:3232.5px"],
.willys-mb .mp .a[style*="top:3247px"],
.willys-mb .mp .a[style*="top:3111px"],
.willys-mb .mp .a[style*="top:3325px"],
.willys-mb .mp .a[style*="top:2846px"],
.willys-mb .mp .a[style*="top:3031px"],
.willys-mb .mp .a[style*="top:3352px"],
.willys-mb .mp .a[style*="top:2786px"],
.willys-mb .mp .a[style*="top:2991px"],
.willys-mb .mp .a[style*="top:2936px"],
.willys-mb .mp .a[style*="top:3136.5px"] {
  margin-top: 510px;
}

/* Mobile: vehicle_info onward down by 75px */
.willys-mb .mp .a[style*="top:4743px"],
.willys-mb .mp .a[style*="top:6449px"],
.willys-mb .mp .a[style*="top:4797px"],
.willys-mb .mp .a[style*="top:8418px"],
.willys-mb .mp .a[style*="top:8116.67px"],
.willys-mb .mp .a[style*="top:9480px"],
.willys-mb .mp .a[style*="top:5142px"],
.willys-mb .mp .a[style*="top:5082px"],
.willys-mb .mp .a[style*="top:4852px"],
.willys-mb .mp .a[style*="top:6803px"],
.willys-mb .mp .a[style*="top:7834.389999999999px"],
.willys-mb .mp .a[style*="top:5982px"],
.willys-mb .mp .a[style*="top:9560px"],
.willys-mb .mp .a[style*="top:9645px"],
.willys-mb .mp .a[style*="top:9729.71px"],
.willys-mb .mp .a[style*="top:4892px"],
.willys-mb .mp .a[style*="top:5624.9px"],
.willys-mb .mp .a[style*="top:9684px"],
.willys-mb .mp .a[style*="top:4438px"],
.willys-mb .mp .a[style*="top:5412.08px"],
.willys-mb .mp .a[style*="top:4538px"],
.willys-mb .mp .a[style*="top:9713px"],
.willys-mb .mp .a[style*="top:6915px"],
.willys-mb .mp .a[style*="top:6975px"],
.willys-mb .mp .a[style*="top:8085px"],
.willys-mb .mp .a[style*="top:183px"],
.willys-mb .mp .a[style*="top:3956px"],
.willys-mb .mp .a[style*="top:5122px"],
.willys-mb .mp .a[style*="top:8893px"],
.willys-mb .mp .a[style*="top:4837.5px"],
.willys-mb .mp .a[style*="top:5585.44px"],
.willys-mb .mp .a[style*="top:6489px"],
.willys-mb .mp .a[style*="top:6464px"],
.willys-mb .mp .a[style*="top:4931.5px"],
.willys-mb .mp .a[style*="top:6394px"],
.willys-mb .mp .a[style*="top:7771.220000000001px"],
.willys-mb .mp .a[style*="top:4370px"],
.willys-mb .mp .a[style*="top:7116px"],
.willys-mb .mp .a[style*="top:5610.1px"],
.willys-mb .mp .a[style*="top:7962.860000000001px"],
.willys-mb .mp .a[style*="top:9385px"],
.willys-mb .mp .a[style*="top:5313.44px"],
.willys-mb .mp .a[style*="top:196px"],
.willys-mb .mp .a[style*="top:6969px"],
.willys-mb .mp .a[style*="top:8106.58px"],
.willys-mb .mp .a[style*="top:5902px"],
.willys-mb .mp .a[style*="top:6786px"],
.willys-mb .mp .a[style*="top:8198.439999999999px"],
.willys-mb .mp .a[style*="top:7334px"],
.willys-mb .mp .a[style*="top:5200px"],
.willys-mb .mp .a[style*="top:7812.880000000001px"],
.willys-mb .mp .a[style*="top:5472px"],
.willys-mb .mp .a[style*="top:8830px"],
.willys-mb .mp .a[style*="top:7132px"],
.willys-mb .mp .a[style*="top:8853px"],
.willys-mb .mp .a[style*="top:4988px"],
.willys-mb .mp .a[style*="top:7264px"],
.willys-mb .mp .a[style*="top:7925.98px"],
.willys-mb .mp .a[style*="top:8373px"],
.willys-mb .mp .a[style*="top:4877.5px"],
.willys-mb .mp .a[style*="top:5338.1px"],
.willys-mb .mp .a[style*="top:5040px"],
.willys-mb .mp .a[style*="top:8235.43px"],
.willys-mb .mp .a[style*="top:5231.67px"],
.willys-mb .mp .a[style*="top:8973px"],
.willys-mb .mp .a[style*="top:4757.5px"],
.willys-mb .mp .a[style*="top:5375.09px"],
.willys-mb .mp .a[style*="top:5503.67px"],
.willys-mb .mp .a[style*="top:9833px"],
.willys-mb .mp .a[style*="top:7844.459999999999px"],
.willys-mb .mp .a[style*="top:5862px"],
.willys-mb .mp .a[style*="top:4390px"],
.willys-mb .mp .a[style*="top:5770px"],
.willys-mb .mp .a[style*="top:4638px"],
.willys-mb .mp .a[style*="top:7076px"],
.willys-mb .mp .a[style*="top:9767.49px"],
.willys-mb .mp .a[style*="top:7031px"],
.willys-mb .mp .a[style*="top:9812px"],
.willys-mb .mp .a[style*="top:4812px"],
.willys-mb .mp .a[style*="top:4946px"],
.willys-mb .mp .a[style*="top:4972.5px"],
.willys-mb .mp .a[style*="top:9440px"] {
  margin-top: 75px;
}