{"product_id":"build-the-fleet-collection-24-day-vehicle-advent-calendar-series","title":"🚜Build the Fleet Collection 24-Day Vehicle Advent Calendar Series","description":"\u003cstyle\u003e\n\/* =========================================================\n   NUVARO — BUILD THE FLEET ADVENT CALENDAR\n   Premium DTC \/ Mobile First \/ Custom Liquid Safe\n   Pure HTML + CSS + Vanilla JS\n   ========================================================= *\/\n\n#nv-fleet-page{\n  --nv-navy:#142338;\n  --nv-navy-2:#1d344d;\n  --nv-red:#d6533d;\n  --nv-red-2:#ec7458;\n  --nv-gold:#d79f45;\n  --nv-cream:#fbf7ef;\n  --nv-warm:#f5eee4;\n  --nv-card:#ffffff;\n  --nv-ink:#17202a;\n  --nv-copy:#58616b;\n  --nv-muted:#7f878e;\n  --nv-line:#e9e1d7;\n  --nv-green:#318363;\n  --nv-radius:26px;\n  --nv-radius-sm:18px;\n  --nv-shadow:0 18px 50px rgba(30,39,50,.09);\n\n  position:relative;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 8% 5%,rgba(215,159,69,.10),transparent 20%),\n    radial-gradient(circle at 94% 11%,rgba(214,83,61,.09),transparent 22%),\n    linear-gradient(180deg,#fffdf9 0%,var(--nv-cream) 100%);\n\n  color:var(--nv-ink);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n\n#nv-fleet-page *{\n  box-sizing:border-box;\n}\n\n#nv-fleet-page img{\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n#nv-fleet-page button{\n  font:inherit;\n}\n\n#nv-fleet-page h1,\n#nv-fleet-page h2,\n#nv-fleet-page h3,\n#nv-fleet-page p{\n  margin:0;\n}\n\n#nv-fleet-page .nv-wrap{\n  width:min(1160px,calc(100% - 28px));\n  margin:0 auto;\n}\n\n#nv-fleet-page .nv-section{\n  position:relative;\n  padding:64px 0;\n}\n\n#nv-fleet-page .nv-center{\n  text-align:center;\n}\n\n#nv-fleet-page .nv-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  color:var(--nv-red);\n  font-size:11px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n#nv-fleet-page .nv-eyebrow:before{\n  content:\"\";\n  display:block;\n  width:24px;\n  height:2px;\n  border-radius:99px;\n  background:currentColor;\n}\n\n#nv-fleet-page .nv-heading{\n  margin-top:11px;\n  color:var(--nv-ink)!important;\n  font-size:clamp(31px,4vw,50px)!important;\n  line-height:1.05!important;\n  letter-spacing:-.038em!important;\n  font-weight:850!important;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif!important;\n}\n\n#nv-fleet-page .nv-text{\n  color:var(--nv-copy)!important;\n  font-size:15px;\n  line-height:1.68;\n}\n\n#nv-fleet-page .nv-center .nv-text{\n  max-width:680px;\n  margin:13px auto 0;\n}\n\n#nv-fleet-page .nv-card{\n  background:rgba(255,255,255,.94);\n  border:1px solid var(--nv-line);\n  border-radius:var(--nv-radius);\n  box-shadow:var(--nv-shadow);\n}\n\n\n\/* =========================================================\n   AMBIENT GLOW\n   ========================================================= *\/\n\n#nv-fleet-page .nv-glow{\n  position:absolute;\n  border-radius:50%;\n  pointer-events:none;\n  filter:blur(22px);\n  opacity:.35;\n  animation:nvFleetBreathe 6s ease-in-out infinite;\n}\n\n#nv-fleet-page .nv-glow-1{\n  width:210px;\n  height:210px;\n  left:-105px;\n  top:160px;\n  background:rgba(215,159,69,.32);\n}\n\n#nv-fleet-page .nv-glow-2{\n  width:250px;\n  height:250px;\n  right:-130px;\n  top:680px;\n  background:rgba(214,83,61,.22);\n  animation-delay:1.5s;\n}\n\n#nv-fleet-page .nv-glow-3{\n  width:200px;\n  height:200px;\n  left:-100px;\n  bottom:620px;\n  background:rgba(39,75,107,.20);\n  animation-delay:2.4s;\n}\n\n@keyframes nvFleetBreathe{\n  0%,100%{\n    transform:scale(.94);\n    opacity:.25;\n  }\n  50%{\n    transform:scale(1.12);\n    opacity:.47;\n  }\n}\n\n@keyframes nvFleetPulse{\n  0%,100%{\n    box-shadow:0 12px 28px rgba(214,83,61,.20);\n  }\n  50%{\n    box-shadow:0 15px 40px rgba(214,83,61,.34);\n  }\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n#nv-fleet-page .nv-btn{\n  min-height:54px;\n  padding:0 25px;\n  border:0;\n  border-radius:15px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--nv-red),\n      var(--nv-red-2)\n    );\n\n  color:#ffffff!important;\n\n  font-size:14px;\n  font-weight:900;\n  letter-spacing:.025em;\n\n  cursor:pointer;\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n\n  animation:nvFleetPulse 4s ease-in-out infinite;\n}\n\n#nv-fleet-page .nv-btn:hover{\n  transform:translateY(-2px);\n}\n\n#nv-fleet-page .nv-btn-dark{\n  background:var(--nv-navy);\n  animation:none;\n}\n\n#nv-fleet-page .nv-btn-light{\n  background:#ffffff;\n  color:var(--nv-navy)!important;\n  border:1px solid rgba(255,255,255,.25);\n  animation:none;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#nv-fleet-page .nv-hero{\n  position:relative;\n  padding:42px 0 58px;\n}\n\n#nv-fleet-page .nv-hero-grid{\n  display:grid;\n  grid-template-columns:.92fr 1.08fr;\n  gap:46px;\n  align-items:center;\n}\n\n#nv-fleet-page .nv-offer{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  padding:8px 12px;\n  margin-bottom:17px;\n\n  border-radius:999px;\n\n  background:#fff0eb;\n  border:1px solid #f6d5c9;\n\n  color:#b94731!important;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n#nv-fleet-page .nv-offer-dot{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--nv-red);\n  box-shadow:0 0 0 5px rgba(214,83,61,.10);\n}\n\n#nv-fleet-page .nv-hero-title{\n  color:var(--nv-ink)!important;\n\n  font-size:clamp(40px,5.5vw,69px)!important;\n  line-height:.96!important;\n  letter-spacing:-.052em!important;\n  font-weight:900!important;\n\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif!important;\n}\n\n#nv-fleet-page .nv-hero-title span{\n  display:block;\n  color:var(--nv-red)!important;\n}\n\n#nv-fleet-page .nv-hero-copy{\n  max-width:570px;\n  margin-top:18px!important;\n\n  color:var(--nv-copy)!important;\n\n  font-size:16px!important;\n  line-height:1.65!important;\n}\n\n#nv-fleet-page .nv-hero-points{\n  display:grid;\n  gap:9px;\n  margin:21px 0 23px;\n}\n\n#nv-fleet-page .nv-hero-point{\n  display:grid;\n  grid-template-columns:23px 1fr;\n  gap:9px;\n  align-items:start;\n}\n\n#nv-fleet-page .nv-check{\n  width:23px;\n  height:23px;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#e8f5ef;\n\n  color:var(--nv-green)!important;\n\n  font-size:12px;\n  font-weight:900;\n}\n\n#nv-fleet-page .nv-hero-point span:last-child{\n  padding-top:2px;\n\n  color:#373f46!important;\n\n  font-size:13px;\n  line-height:1.45;\n  font-weight:720;\n}\n\n#nv-fleet-page .nv-hero-actions{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  flex-wrap:wrap;\n}\n\n#nv-fleet-page .nv-microcopy{\n  margin-top:12px!important;\n  color:#888078!important;\n  font-size:11px!important;\n  line-height:1.45!important;\n}\n\n#nv-fleet-page .nv-hero-media{\n  position:relative;\n}\n\n#nv-fleet-page .nv-hero-image{\n  position:relative;\n  overflow:hidden;\n\n  border-radius:30px;\n  border:1px solid #ede1d4;\n\n  background:#f3ede5;\n\n  box-shadow:\n    0 25px 65px rgba(34,38,45,.12);\n\n  isolation:isolate;\n}\n\n#nv-fleet-page .nv-hero-image img{\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n#nv-fleet-page .nv-float-card{\n  position:absolute;\n  z-index:3;\n\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  padding:11px 14px;\n\n  border-radius:16px;\n\n  background:rgba(255,255,255,.93);\n  border:1px solid rgba(255,255,255,.68);\n\n  box-shadow:\n    0 12px 30px rgba(26,33,43,.12);\n\n  backdrop-filter:blur(10px);\n}\n\n#nv-fleet-page .nv-float-card strong{\n  display:block;\n  color:var(--nv-ink)!important;\n  font-size:13px;\n  line-height:1.15;\n}\n\n#nv-fleet-page .nv-float-card span{\n  display:block;\n  margin-top:2px;\n\n  color:var(--nv-muted)!important;\n  font-size:10px;\n}\n\n#nv-fleet-page .nv-float-icon{\n  width:35px;\n  height:35px;\n  display:grid;\n  place-items:center;\n\n  border-radius:11px;\n\n  background:#f3ede5;\n\n  font-size:17px;\n}\n\n#nv-fleet-page .nv-float-a{\n  left:-22px;\n  bottom:32px;\n}\n\n#nv-fleet-page .nv-float-b{\n  right:-18px;\n  top:30px;\n}\n\n\n\/* =========================================================\n   TRUST STRIP\n   ========================================================= *\/\n\n#nv-fleet-page .nv-trust-strip{\n  padding:17px 0;\n\n  background:#ffffff;\n\n  border-top:1px solid var(--nv-line);\n  border-bottom:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-trust-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n}\n\n#nv-fleet-page .nv-trust-item{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n\n  padding:9px 5px;\n\n  color:#3e464d!important;\n\n  font-size:11px;\n  font-weight:800;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   ATTENTION → INTEREST\n   24 DAYS\n   ========================================================= *\/\n\n#nv-fleet-page .nv-countdown-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:30px;\n  align-items:center;\n}\n\n#nv-fleet-page .nv-number{\n  display:inline-block;\n\n  color:var(--nv-red)!important;\n\n  font-size:74px;\n  line-height:.9;\n  letter-spacing:-.055em;\n  font-weight:950;\n}\n\n#nv-fleet-page .nv-number-caption{\n  margin-top:8px!important;\n\n  color:var(--nv-navy)!important;\n\n  font-size:17px!important;\n  font-weight:850;\n}\n\n#nv-fleet-page .nv-count-copy{\n  margin-top:18px!important;\n}\n\n#nv-fleet-page .nv-image-card{\n  overflow:hidden;\n\n  border-radius:28px;\n\n  background:#f1ebe5;\n\n  box-shadow:var(--nv-shadow);\n}\n\n#nv-fleet-page .nv-image-card img{\n  width:100%;\n}\n\n\n\/* =========================================================\n   BEFORE \/ AFTER\n   ========================================================= *\/\n\n#nv-fleet-page .nv-ba-wrap{\n  padding:32px;\n\n  border-radius:30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f1f5f7,\n      #fffaf4\n    );\n\n  border:1px solid #e6e3df;\n}\n\n#nv-fleet-page .nv-ba-grid{\n  display:grid;\n  grid-template-columns:1fr 58px 1fr;\n  gap:17px;\n  align-items:stretch;\n\n  margin-top:27px;\n}\n\n#nv-fleet-page .nv-ba-card{\n  padding:26px;\n\n  border-radius:22px;\n\n  background:#ffffff;\n\n  border:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-ba-label{\n  display:inline-block;\n\n  padding:6px 9px;\n\n  border-radius:999px;\n\n  background:#f3f0ec;\n\n  color:#81766c!important;\n\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n#nv-fleet-page .nv-ba-label.after{\n  background:#fff0eb;\n  color:#b94d36!important;\n}\n\n#nv-fleet-page .nv-ba-card h3{\n  margin-top:15px;\n\n  color:var(--nv-ink)!important;\n\n  font-size:20px;\n  line-height:1.2;\n  font-weight:850;\n}\n\n#nv-fleet-page .nv-ba-card p{\n  margin-top:8px!important;\n\n  color:var(--nv-copy)!important;\n\n  font-size:13px!important;\n  line-height:1.6!important;\n}\n\n#nv-fleet-page .nv-ba-arrow{\n  display:grid;\n  place-items:center;\n\n  color:var(--nv-red)!important;\n\n  font-size:28px;\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   FLEET THEMES\n   ========================================================= *\/\n\n#nv-fleet-page .nv-fleet-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:11px;\n\n  margin-top:28px;\n}\n\n#nv-fleet-page .nv-fleet-card{\n  position:relative;\n  overflow:hidden;\n\n  min-height:165px;\n\n  padding:21px 17px;\n\n  border-radius:20px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n\n  box-shadow:\n    0 8px 25px rgba(35,43,52,.045);\n}\n\n#nv-fleet-page .nv-fleet-card:after{\n  content:\"\";\n\n  position:absolute;\n\n  width:78px;\n  height:78px;\n\n  right:-24px;\n  bottom:-29px;\n\n  border-radius:50%;\n\n  background:rgba(214,83,61,.07);\n}\n\n#nv-fleet-page .nv-fleet-emoji{\n  font-size:27px;\n}\n\n#nv-fleet-page .nv-fleet-card h3{\n  margin-top:18px;\n\n  color:var(--nv-ink)!important;\n\n  font-size:14px;\n  line-height:1.25;\n  font-weight:850;\n}\n\n#nv-fleet-page .nv-fleet-card p{\n  margin-top:6px!important;\n\n  color:var(--nv-muted)!important;\n\n  font-size:11px!important;\n  line-height:1.5!important;\n}\n\n\n\/* =========================================================\n   DARK EMOTIONAL MODULE\n   ========================================================= *\/\n\n#nv-fleet-page .nv-dark{\n  padding:0;\n\n  overflow:hidden;\n\n  border-radius:31px;\n\n  background:\n    radial-gradient(\n      circle at 95% 0%,\n      rgba(215,159,69,.20),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      var(--nv-navy),\n      #0e1928\n    );\n\n  box-shadow:0 22px 55px rgba(20,35,56,.18);\n}\n\n#nv-fleet-page .nv-dark-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n}\n\n#nv-fleet-page .nv-dark-image{\n  min-height:510px;\n}\n\n#nv-fleet-page .nv-dark-image img{\n  height:100%;\n  object-fit:cover;\n}\n\n#nv-fleet-page .nv-dark-copy{\n  padding:clamp(34px,5vw,65px);\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n\n#nv-fleet-page .nv-dark-copy .nv-eyebrow{\n  color:#f3bd61!important;\n}\n\n#nv-fleet-page .nv-dark-copy .nv-heading{\n  color:#ffffff!important;\n}\n\n#nv-fleet-page .nv-dark-copy .nv-text{\n  margin-top:14px!important;\n\n  color:rgba(255,255,255,.75)!important;\n}\n\n#nv-fleet-page .nv-dark-pills{\n  display:flex;\n  gap:8px;\n  flex-wrap:wrap;\n\n  margin-top:20px;\n}\n\n#nv-fleet-page .nv-dark-pills span{\n  padding:8px 11px;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.13);\n\n  color:#ffffff!important;\n\n  font-size:10px;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   WHY PARENTS \/ GIFTING\n   ========================================================= *\/\n\n#nv-fleet-page .nv-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:13px;\n\n  margin-top:28px;\n}\n\n#nv-fleet-page .nv-benefit{\n  min-height:205px;\n\n  padding:23px;\n\n  border-radius:21px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-benefit-icon{\n  width:43px;\n  height:43px;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:13px;\n\n  background:#eef2f4;\n\n  color:var(--nv-navy)!important;\n\n  font-size:20px;\n}\n\n#nv-fleet-page .nv-benefit h3{\n  margin-top:17px;\n\n  color:var(--nv-ink)!important;\n\n  font-size:15px;\n  line-height:1.3;\n  font-weight:850;\n}\n\n#nv-fleet-page .nv-benefit p{\n  margin-top:7px!important;\n\n  color:var(--nv-copy)!important;\n\n  font-size:12.5px!important;\n  line-height:1.55!important;\n}\n\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n#nv-fleet-page .nv-step-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n\n  margin-top:28px;\n}\n\n#nv-fleet-page .nv-step{\n  position:relative;\n  overflow:hidden;\n\n  min-height:225px;\n\n  padding:26px;\n\n  border-radius:22px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-step-num{\n  width:42px;\n  height:42px;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:50%;\n\n  background:var(--nv-navy);\n\n  color:#ffffff!important;\n\n  font-size:13px;\n  font-weight:900;\n}\n\n#nv-fleet-page .nv-step h3{\n  margin-top:42px;\n\n  color:var(--nv-ink)!important;\n\n  font-size:18px;\n  font-weight:850;\n}\n\n#nv-fleet-page .nv-step p{\n  position:relative;\n  z-index:2;\n\n  margin-top:8px!important;\n\n  color:var(--nv-copy)!important;\n\n  font-size:12.5px!important;\n  line-height:1.55!important;\n}\n\n#nv-fleet-page .nv-step:after{\n  content:\"\";\n\n  position:absolute;\n\n  width:120px;\n  height:120px;\n\n  right:-45px;\n  bottom:-55px;\n\n  border-radius:50%;\n\n  background:rgba(214,83,61,.065);\n}\n\n\n\/* =========================================================\n   SPECIFICATIONS\n   ========================================================= *\/\n\n#nv-fleet-page .nv-spec-wrap{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:27px;\n  align-items:center;\n}\n\n#nv-fleet-page .nv-spec-card{\n  overflow:hidden;\n\n  border-radius:24px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-spec-row{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n\n  border-top:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-spec-row:first-child{\n  border-top:0;\n}\n\n#nv-fleet-page .nv-spec-row \u003e div{\n  padding:15px 17px;\n\n  font-size:12px;\n  line-height:1.45;\n}\n\n#nv-fleet-page .nv-spec-key{\n  background:#fbf7f2;\n\n  color:#746b63!important;\n\n  font-weight:800;\n}\n\n#nv-fleet-page .nv-spec-value{\n  color:#2d343a!important;\n\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   SOCIAL PROOF\n   ========================================================= *\/\n\n#nv-fleet-page .nv-proof{\n  padding:28px;\n\n  display:grid;\n  grid-template-columns:auto 1fr auto;\n  gap:22px;\n  align-items:center;\n\n  border-radius:25px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n\n  box-shadow:var(--nv-shadow);\n}\n\n#nv-fleet-page .nv-proof-number{\n  color:var(--nv-red)!important;\n\n  font-size:44px;\n  line-height:.9;\n  letter-spacing:-.045em;\n  font-weight:950;\n}\n\n#nv-fleet-page .nv-proof-label{\n  margin-top:5px!important;\n\n  color:#7f7770!important;\n\n  font-size:10px!important;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:.09em;\n}\n\n#nv-fleet-page .nv-proof-copy strong{\n  display:block;\n\n  color:var(--nv-ink)!important;\n\n  font-size:16px;\n  line-height:1.3;\n}\n\n#nv-fleet-page .nv-proof-copy p{\n  margin-top:5px!important;\n\n  color:var(--nv-copy)!important;\n\n  font-size:12px!important;\n  line-height:1.5!important;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n#nv-fleet-page .nv-faq{\n  width:min(850px,100%);\n  margin:28px auto 0;\n\n  display:grid;\n  gap:9px;\n}\n\n#nv-fleet-page .nv-faq-item{\n  overflow:hidden;\n\n  border-radius:17px;\n\n  background:#ffffff;\n  border:1px solid var(--nv-line);\n}\n\n#nv-fleet-page .nv-faq-q{\n  width:100%;\n\n  padding:18px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n\n  border:0;\n  background:#ffffff;\n\n  color:var(--nv-ink)!important;\n\n  text-align:left;\n\n  font-size:13px;\n  font-weight:850;\n\n  cursor:pointer;\n}\n\n#nv-fleet-page .nv-faq-plus{\n  color:var(--nv-red)!important;\n\n  font-size:20px;\n  line-height:1;\n\n  transition:transform .22s ease;\n}\n\n#nv-fleet-page .nv-faq-a{\n  max-height:0;\n  overflow:hidden;\n\n  transition:max-height .28s ease;\n}\n\n#nv-fleet-page .nv-faq-a p{\n  padding:0 18px 18px;\n\n  color:var(--nv-copy)!important;\n\n  font-size:12.5px!important;\n  line-height:1.62!important;\n}\n\n#nv-fleet-page .nv-faq-item.is-open .nv-faq-plus{\n  transform:rotate(45deg);\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n#nv-fleet-page .nv-final{\n  padding:64px 0;\n\n  background:\n    radial-gradient(\n      circle at 15% 5%,\n      rgba(215,159,69,.22),\n      transparent 27%\n    ),\n    linear-gradient(\n      135deg,\n      #16283e,\n      #0d1928\n    );\n}\n\n#nv-fleet-page .nv-final-grid{\n  display:grid;\n  grid-template-columns:1fr .82fr;\n  gap:38px;\n  align-items:center;\n}\n\n#nv-fleet-page .nv-final .nv-eyebrow{\n  color:#f1bc61!important;\n}\n\n#nv-fleet-page .nv-final .nv-heading{\n  color:#ffffff!important;\n}\n\n#nv-fleet-page .nv-final .nv-text{\n  margin-top:14px!important;\n\n  color:rgba(255,255,255,.72)!important;\n}\n\n#nv-fleet-page .nv-final-buttons{\n  display:flex;\n  gap:10px;\n  flex-wrap:wrap;\n\n  margin-top:23px;\n}\n\n#nv-fleet-page .nv-final-image{\n  overflow:hidden;\n\n  border-radius:25px;\n\n  box-shadow:\n    0 20px 50px rgba(0,0,0,.25);\n}\n\n#nv-fleet-page .nv-final-image img{\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n\n\/* =========================================================\n   MOBILE STICKY CTA\n   ========================================================= *\/\n\n#nv-fleet-page .nv-sticky{\n  display:none;\n\n  position:fixed;\n  left:0;\n  right:0;\n  bottom:0;\n\n  z-index:999;\n\n  padding:9px 10px;\n\n  background:rgba(255,255,255,.96);\n  border-top:1px solid var(--nv-line);\n\n  backdrop-filter:blur(14px);\n\n  transform:translateY(110%);\n  transition:transform .25s ease;\n}\n\n#nv-fleet-page .nv-sticky.is-show{\n  transform:translateY(0);\n}\n\n#nv-fleet-page .nv-sticky-inner{\n  width:min(520px,100%);\n  margin:auto;\n\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:10px;\n  align-items:center;\n}\n\n#nv-fleet-page .nv-sticky-copy strong{\n  display:block;\n\n  color:var(--nv-ink)!important;\n\n  font-size:12px;\n  line-height:1.2;\n}\n\n#nv-fleet-page .nv-sticky-copy span{\n  display:block;\n  margin-top:2px;\n\n  color:#898079!important;\n\n  font-size:9.5px;\n}\n\n#nv-fleet-page .nv-sticky-btn{\n  min-height:45px;\n  padding:0 17px;\n\n  border:0;\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--nv-red),\n      var(--nv-red-2)\n    );\n\n  color:#ffffff!important;\n\n  font-size:11px;\n  font-weight:900;\n\n  cursor:pointer;\n}\n\n\n\/* =========================================================\n   REVEAL\n   ========================================================= *\/\n\n#nv-fleet-page .nv-reveal{\n  opacity:0;\n  transform:translateY(14px);\n\n  transition:\n    opacity .58s ease,\n    transform .58s ease;\n}\n\n#nv-fleet-page .nv-reveal.is-visible{\n  opacity:1;\n  transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:920px){\n\n  #nv-fleet-page .nv-hero-grid,\n  #nv-fleet-page .nv-countdown-grid,\n  #nv-fleet-page .nv-dark-grid,\n  #nv-fleet-page .nv-spec-wrap,\n  #nv-fleet-page .nv-final-grid{\n    grid-template-columns:1fr;\n  }\n\n  #nv-fleet-page .nv-fleet-grid{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  #nv-fleet-page .nv-benefit-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #nv-fleet-page .nv-step-grid{\n    grid-template-columns:1fr;\n  }\n\n  #nv-fleet-page .nv-dark-image{\n    min-height:auto;\n    aspect-ratio:1\/1;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE — 390–430px PRIORITY\n   ========================================================= *\/\n\n@media(max-width:640px){\n\n  #nv-fleet-page{\n    padding-bottom:68px;\n  }\n\n  #nv-fleet-page .nv-wrap{\n    width:calc(100% - 20px);\n  }\n\n  #nv-fleet-page .nv-section{\n    padding:42px 0;\n  }\n\n  #nv-fleet-page .nv-hero{\n    padding:23px 0 37px;\n  }\n\n  #nv-fleet-page .nv-hero-grid{\n    gap:24px;\n  }\n\n  #nv-fleet-page .nv-offer{\n    margin-bottom:13px;\n    padding:7px 10px;\n\n    font-size:9px;\n  }\n\n  #nv-fleet-page .nv-hero-title{\n    font-size:39px!important;\n    line-height:.99!important;\n    letter-spacing:-.047em!important;\n  }\n\n  #nv-fleet-page .nv-hero-copy{\n    margin-top:13px!important;\n\n    font-size:13.5px!important;\n    line-height:1.58!important;\n  }\n\n  #nv-fleet-page .nv-hero-points{\n    margin:16px 0 18px;\n    gap:7px;\n  }\n\n  #nv-fleet-page .nv-hero-point{\n    grid-template-columns:20px 1fr;\n    gap:8px;\n  }\n\n  #nv-fleet-page .nv-check{\n    width:20px;\n    height:20px;\n\n    font-size:10px;\n  }\n\n  #nv-fleet-page .nv-hero-point span:last-child{\n    font-size:12px;\n  }\n\n  #nv-fleet-page .nv-btn{\n    width:100%;\n    min-height:51px;\n\n    border-radius:13px;\n\n    font-size:12.5px;\n  }\n\n  #nv-fleet-page .nv-hero-image{\n    border-radius:21px;\n\n    box-shadow:\n      0 13px 35px rgba(34,38,45,.11);\n  }\n\n  #nv-fleet-page .nv-float-card{\n    padding:8px 10px;\n\n    border-radius:12px;\n  }\n\n  #nv-fleet-page .nv-float-icon{\n    width:29px;\n    height:29px;\n\n    font-size:14px;\n  }\n\n  #nv-fleet-page .nv-float-card strong{\n    font-size:10px;\n  }\n\n  #nv-fleet-page .nv-float-card span{\n    font-size:8px;\n  }\n\n  #nv-fleet-page .nv-float-a{\n    left:8px;\n    bottom:8px;\n  }\n\n  #nv-fleet-page .nv-float-b{\n    right:8px;\n    top:8px;\n  }\n\n  #nv-fleet-page .nv-trust-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #nv-fleet-page .nv-trust-item{\n    font-size:9.5px;\n  }\n\n  #nv-fleet-page .nv-heading{\n    font-size:29px!important;\n    line-height:1.07!important;\n  }\n\n  #nv-fleet-page .nv-text{\n    font-size:13.3px;\n    line-height:1.6;\n  }\n\n  #nv-fleet-page .nv-number{\n    font-size:62px;\n  }\n\n  #nv-fleet-page .nv-number-caption{\n    font-size:14px!important;\n  }\n\n  #nv-fleet-page .nv-image-card,\n  #nv-fleet-page .nv-wide{\n    border-radius:20px;\n  }\n\n  #nv-fleet-page .nv-ba-wrap{\n    padding:17px;\n\n    border-radius:22px;\n  }\n\n  #nv-fleet-page .nv-ba-grid{\n    grid-template-columns:1fr;\n    gap:9px;\n\n    margin-top:18px;\n  }\n\n  #nv-fleet-page .nv-ba-arrow{\n    transform:rotate(90deg);\n\n    min-height:32px;\n\n    font-size:22px;\n  }\n\n  #nv-fleet-page .nv-ba-card{\n    padding:19px;\n\n    border-radius:17px;\n  }\n\n  #nv-fleet-page .nv-ba-card h3{\n    font-size:17px;\n  }\n\n  #nv-fleet-page .nv-fleet-grid{\n    grid-template-columns:1fr 1fr;\n    gap:9px;\n  }\n\n  #nv-fleet-page .nv-fleet-card{\n    min-height:145px;\n\n    padding:17px 14px;\n\n    border-radius:17px;\n  }\n\n  #nv-fleet-page .nv-fleet-emoji{\n    font-size:23px;\n  }\n\n  #nv-fleet-page .nv-fleet-card h3{\n    margin-top:14px;\n\n    font-size:12px;\n  }\n\n  #nv-fleet-page .nv-fleet-card p{\n    font-size:10px!important;\n  }\n\n  #nv-fleet-page .nv-dark{\n    border-radius:22px;\n  }\n\n  #nv-fleet-page .nv-dark-copy{\n    padding:27px 20px;\n  }\n\n  #nv-fleet-page .nv-benefit-grid{\n    grid-template-columns:1fr;\n  }\n\n  #nv-fleet-page .nv-benefit{\n    min-height:auto;\n\n    padding:19px;\n\n    border-radius:17px;\n  }\n\n  #nv-fleet-page .nv-benefit-icon{\n    width:38px;\n    height:38px;\n\n    font-size:17px;\n  }\n\n  #nv-fleet-page .nv-step{\n    min-height:205px;\n\n    padding:22px;\n  }\n\n  #nv-fleet-page .nv-spec-row{\n    grid-template-columns:.85fr 1.15fr;\n  }\n\n  #nv-fleet-page .nv-spec-row \u003e div{\n    padding:13px 11px;\n\n    font-size:10.5px;\n  }\n\n  #nv-fleet-page .nv-proof{\n    grid-template-columns:1fr;\n\n    gap:13px;\n\n    padding:21px;\n  }\n\n  #nv-fleet-page .nv-proof-number{\n    font-size:36px;\n  }\n\n  #nv-fleet-page .nv-proof .nv-btn{\n    width:100%;\n  }\n\n  #nv-fleet-page .nv-faq-q{\n    padding:16px;\n\n    font-size:12px;\n  }\n\n  #nv-fleet-page .nv-faq-a p{\n    padding:0 16px 16px;\n\n    font-size:11.5px!important;\n  }\n\n  #nv-fleet-page .nv-final{\n    padding:44px 0;\n  }\n\n  #nv-fleet-page .nv-final-grid{\n    gap:25px;\n  }\n\n  #nv-fleet-page .nv-final-buttons{\n    display:grid;\n  }\n\n  #nv-fleet-page .nv-sticky{\n    display:block;\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #nv-fleet-page *,\n  #nv-fleet-page *:before,\n  #nv-fleet-page *:after{\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"custom-product-liquid-wrapper\"\u003e\n\u003cdiv id=\"nv-fleet-page\"\u003e\n\u003cspan class=\"nv-glow nv-glow-1\"\u003e\u003c\/span\u003e \u003cspan class=\"nv-glow nv-glow-2\"\u003e\u003c\/span\u003e \u003cspan class=\"nv-glow nv-glow-3\"\u003e\u003c\/span\u003e \u003c!-- =====================================================\n       ATTENTION \/ HERO\n       ===================================================== --\u003e\n\u003csection class=\"nv-hero\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-hero-grid\"\u003e\n\u003cdiv class=\"nv-hero-copy-wrap\"\u003e\n\u003cdiv class=\"nv-offer\"\u003e\n\u003cspan class=\"nv-offer-dot\"\u003e\u003c\/span\u003e LIMITED TIME OFFER\u003c\/div\u003e\n\u003ch1 class=\"nv-hero-title\"\u003e24 Mornings. \u003cspan\u003e24 New Adventures.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"nv-hero-copy\"\u003eTurn the Christmas countdown into something they actually race out of bed for — a new fleet vehicle to discover every morning for 24 days.\u003c\/p\u003e\n\u003cdiv class=\"nv-hero-points\"\u003e\n\u003cdiv class=\"nv-hero-point\"\u003e\n\u003cspan class=\"nv-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003e 24-day vehicle advent calendar experience \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-hero-point\"\u003e\n\u003cspan class=\"nv-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003e Choose from 5 different fleet themes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-hero-point\"\u003e\n\u003cspan class=\"nv-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003e A new vehicle surprise behind every day \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-hero-actions\"\u003e\u003cbutton class=\"nv-btn\" type=\"button\"\u003e CHOOSE YOUR FLEET \u003cspan\u003e↑\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003cp class=\"nv-microcopy\"\u003eSelect your fleet style and bundle in the product options above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-hero-media\"\u003e\n\u003cdiv class=\"nv-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/27010d7ed18bf54130feb4a85af6bf6640a65c0f.jpg?v=1787367133\" alt=\"24 Day Vehicle Advent Calendar Build The Fleet Collection\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nv-float-card nv-float-a\"\u003e\n\u003cdiv class=\"nv-float-icon\"\u003e🎁\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e24 Surprises\u003c\/strong\u003e \u003cspan\u003eOne every morning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-float-card nv-float-b\"\u003e\n\u003cdiv class=\"nv-float-icon\"\u003e🚜\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e5 Fleet Themes\u003c\/strong\u003e \u003cspan\u003ePick their favorite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST --\u003e\n\u003cdiv class=\"nv-trust-strip\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-trust-grid\"\u003e\n\u003cdiv class=\"nv-trust-item\"\u003e🎄 24-Day Countdown\u003c\/div\u003e\n\u003cdiv class=\"nv-trust-item\"\u003e🚚 5 Fleet Collections\u003c\/div\u003e\n\u003cdiv class=\"nv-trust-item\"\u003e🎁 Gift-Ready Idea\u003c\/div\u003e\n\u003cdiv class=\"nv-trust-item\"\u003e🔒 Secure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       INTEREST\n       ===================================================== --\u003e\n\u003csection class=\"nv-section nv-reveal is-visible\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-countdown-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Make December feel different \u003c\/span\u003e\n\u003cdiv class=\"nv-number\" style=\"margin-top: 22px;\"\u003e24\u003c\/div\u003e\n\u003cp class=\"nv-number-caption\"\u003elittle reasons to wake up excited.\u003c\/p\u003e\n\u003cp class=\"nv-text nv-count-copy\"\u003eInstead of counting down Christmas with the same chocolate or disposable surprise, Build The Fleet turns each morning into a new vehicle reveal — with the collection getting bigger day after day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/4ccb7c0816f0dff7383fb794969513dda823cb9e.jpg?v=1787367133\" alt=\"Vehicle Advent Calendar collection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BEFORE \/ AFTER --\u003e\n\u003csection class=\"nv-section nv-reveal is-visible\" style=\"padding-top: 0;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-ba-wrap\"\u003e\n\u003cdiv class=\"nv-center\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Before → After \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eTurn “How many days until Christmas?” into “What vehicle is today?”\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-ba-grid\"\u003e\n\u003cdiv class=\"nv-ba-card\"\u003e\n\u003cspan class=\"nv-ba-label\"\u003e Before \u003c\/span\u003e\n\u003ch3\u003eJust another December morning.\u003c\/h3\u003e\n\u003cp\u003eThe countdown feels slow, repetitive, and Christmas still seems forever away.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-ba-arrow\"\u003e→\u003c\/div\u003e\n\u003cdiv class=\"nv-ba-card\"\u003e\n\u003cspan class=\"nv-ba-label after\"\u003e After \u003c\/span\u003e\n\u003ch3\u003eA new mission begins every day.\u003c\/h3\u003e\n\u003cp\u003eOpen a door, discover another vehicle, add it to the fleet, and start imagining the next rescue, build, farm job, or city mission.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       DESIRE — FIVE COLLECTIONS\n       ===================================================== --\u003e\n\u003csection class=\"nv-section nv-reveal is-visible\" style=\"background: #f7f3ed;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-center\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Choose their world \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eOne countdown. Five adventures.\u003c\/h2\u003e\n\u003cp class=\"nv-text\"\u003ePick the fleet that matches the vehicles and stories they already love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-fleet-grid\"\u003e\n\u003cdiv class=\"nv-fleet-card\"\u003e\n\u003cdiv class=\"nv-fleet-emoji\"\u003e🚜\u003c\/div\u003e\n\u003ch3\u003eFarm Fleet\u003c\/h3\u003e\n\u003cp\u003eMachines built for busy days around the farm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-fleet-card\"\u003e\n\u003cdiv class=\"nv-fleet-emoji\"\u003e🚒\u003c\/div\u003e\n\u003ch3\u003eFire Rescue\u003c\/h3\u003e\n\u003cp\u003eFirefighting vehicles ready for the next call.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-fleet-card\"\u003e\n\u003cdiv class=\"nv-fleet-emoji\"\u003e🚑\u003c\/div\u003e\n\u003ch3\u003eEmergency Rescue\u003c\/h3\u003e\n\u003cp\u003eBuild a team ready for fast-response missions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-fleet-card\"\u003e\n\u003cdiv class=\"nv-fleet-emoji\"\u003e🚧\u003c\/div\u003e\n\u003ch3\u003eConstruction Crew\u003c\/h3\u003e\n\u003cp\u003eHeavy-duty machines for big imaginary builds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-fleet-card\"\u003e\n\u003cdiv class=\"nv-fleet-emoji\"\u003e🏙️\u003c\/div\u003e\n\u003ch3\u003eCity Service Fleet\u003c\/h3\u003e\n\u003cp\u003eVehicles that keep an imaginary city moving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 25px;\"\u003e\u003cbutton class=\"nv-btn nv-btn-dark\" type=\"button\"\u003e SEE ALL FLEET OPTIONS \u003cspan\u003e↑\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCT IMAGE --\u003e\n\u003csection class=\"nv-section nv-reveal\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/1af704bc5dbe2f2bd075eaf3fcadc29d1d68998a.jpg?v=1787367133\" alt=\"Build The Fleet Vehicle Advent Calendar details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DARK EMOTIONAL SECTION --\u003e\n\u003csection class=\"nv-section nv-reveal\" style=\"padding-top: 10px;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-dark\"\u003e\n\u003cdiv class=\"nv-dark-grid\"\u003e\n\u003cdiv class=\"nv-dark-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/a0bad497fbc6eb9e7f1482571f480f0f7c2ba317.jpg?v=1787367133\" alt=\"Vehicle advent calendar Christmas gift experience\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nv-dark-copy\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e More than a countdown \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eBy Christmas, they haven’t just opened a calendar. They’ve built a fleet.\u003c\/h2\u003e\n\u003cp class=\"nv-text\"\u003eEvery reveal adds another piece to the story. One morning it’s a rescue mission. The next it’s a construction job. Then a new vehicle joins the collection and the whole adventure changes again.\u003c\/p\u003e\n\u003cdiv class=\"nv-dark-pills\"\u003e\n\u003cspan\u003eDaily Discovery\u003c\/span\u003e \u003cspan\u003eCollection Building\u003c\/span\u003e \u003cspan\u003eImaginative Play\u003c\/span\u003e \u003cspan\u003eChristmas Ritual\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"nv-section nv-reveal\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-center\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Why it makes a great countdown \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eThe excitement doesn’t disappear after one morning.\u003c\/h2\u003e\n\u003cp class=\"nv-text\"\u003eEach day adds something new while the whole collection becomes more fun as Christmas gets closer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit-grid\"\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch3\u003e24 Daily Reveals\u003c\/h3\u003e\n\u003cp\u003eOne surprise at a time helps stretch the gift experience across the entire countdown.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e🚚\u003c\/div\u003e\n\u003ch3\u003eBuilds a Collection\u003c\/h3\u003e\n\u003cp\u003eInstead of one isolated surprise, every new vehicle becomes part of a growing fleet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e💭\u003c\/div\u003e\n\u003ch3\u003eSparks New Stories\u003c\/h3\u003e\n\u003cp\u003eNew vehicles naturally create new missions, scenes, and imaginative play possibilities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e🎄\u003c\/div\u003e\n\u003ch3\u003eCreates a Ritual\u003c\/h3\u003e\n\u003cp\u003eGive December mornings a simple tradition they can look forward to again and again.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       HOW IT WORKS\n       ===================================================== --\u003e\n\u003csection class=\"nv-section nv-reveal\" style=\"background: #f7f3ed;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-center\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e How it works \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003ePick. Open. Build the fleet.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-step-grid\"\u003e\n\u003cdiv class=\"nv-step\"\u003e\n\u003cdiv class=\"nv-step-num\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eChoose a Fleet\u003c\/h3\u003e\n\u003cp\u003eSelect the vehicle theme that best matches their favorite kind of machines and adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-step\"\u003e\n\u003cdiv class=\"nv-step-num\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eOpen One Each Day\u003c\/h3\u003e\n\u003cp\u003eStart the countdown and discover another vehicle as Christmas gets one day closer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-step\"\u003e\n\u003cdiv class=\"nv-step-num\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eWatch the Fleet Grow\u003c\/h3\u003e\n\u003cp\u003eEvery new reveal adds another vehicle, another mission, and another reason to keep playing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 5 --\u003e\n\u003csection class=\"nv-section nv-reveal\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/af4df743da3b5e96ac0365b44c784b796ed551a4.jpg?v=1787367133\" alt=\"24 day vehicle collection advent calendar\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SPECIFICATIONS\n       ===================================================== --\u003e\n\u003csection class=\"nv-section nv-reveal\" style=\"padding-top: 0;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-spec-wrap\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Product details \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eEverything you need for a 24-day vehicle countdown.\u003c\/h2\u003e\n\u003cp class=\"nv-text\" style=\"margin-top: 14px;\"\u003eExact vehicle designs and assortment depend on the fleet style selected in the product options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-card\"\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eProduct Type\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003eVehicle Advent Calendar\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eCountdown\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003e24 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eCollection Themes\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003e5 Fleet Styles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eAvailable Themes\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003eFarm · Fire Rescue · Emergency Rescue · Construction · City Service\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eBest For\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003eHoliday countdowns · gifting · vehicle collections\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-row\"\u003e\n\u003cdiv class=\"nv-spec-key\"\u003eContents\u003c\/div\u003e\n\u003cdiv class=\"nv-spec-value\"\u003eVary according to selected fleet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       TRUST \/ SOCIAL PROOF\n       ===================================================== --\u003e\n\u003csection class=\"nv-section nv-reveal\" style=\"background: #fbf6ef;\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-proof\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"nv-proof-number\"\u003e2,593\u003c\/div\u003e\n\u003cp class=\"nv-proof-label\"\u003eProduct Reviews\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-proof-copy\"\u003e\n\u003cstrong\u003e A countdown built around one of the things vehicle fans already love most: discovering what comes next. \u003c\/strong\u003e\n\u003cp\u003eChoose the fleet, choose your bundle, and let the Christmas countdown begin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"nv-btn nv-btn-dark\" type=\"button\"\u003e CHOOSE YOUR FLEET \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"nv-section nv-reveal\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-center\"\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Frequently Asked Questions \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eEverything to know before choosing your fleet.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-faq\"\u003e\n\u003cdiv class=\"nv-faq-item is-open\"\u003e\n\u003cbutton class=\"nv-faq-q\" type=\"button\"\u003e \u003cspan\u003e How many days are included? \u003c\/span\u003e \u003cspan class=\"nv-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"nv-faq-a\" style=\"max-height: 140px;\"\u003e\n\u003cp\u003eThis is a 24-day vehicle advent calendar designed to create one new reveal for each day of the Christmas countdown.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-faq-item\"\u003e\n\u003cbutton class=\"nv-faq-q\" type=\"button\"\u003e \u003cspan\u003e What fleet styles can I choose from? \u003c\/span\u003e \u003cspan class=\"nv-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"nv-faq-a\"\u003e\n\u003cp\u003eCurrent options include Farm Fleet, Fire Rescue, Emergency Rescue Team, Construction Crew, and City Service Fleet. Select your preferred style in the product options above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-faq-item\"\u003e\n\u003cbutton class=\"nv-faq-q\" type=\"button\"\u003e \u003cspan\u003e Are all fleet calendars the same? \u003c\/span\u003e \u003cspan class=\"nv-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"nv-faq-a\"\u003e\n\u003cp\u003eNo. The theme and exact vehicle assortment vary according to the fleet style you select.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-faq-item\"\u003e\n\u003cbutton class=\"nv-faq-q\" type=\"button\"\u003e \u003cspan\u003e Can I order more than one fleet? \u003c\/span\u003e \u003cspan class=\"nv-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"nv-faq-a\"\u003e\n\u003cp\u003eYes. Use the bundle options in the product purchase area above to choose the quantity and fleet combination currently available.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-faq-item\"\u003e\n\u003cbutton class=\"nv-faq-q\" type=\"button\"\u003e \u003cspan\u003e Where do I select the fleet I want? \u003c\/span\u003e \u003cspan class=\"nv-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"nv-faq-a\"\u003e\n\u003cp\u003eTap any “Choose Your Fleet” button on this page and you will be taken back to the store’s live Style and bundle selection area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       ACTION — FINAL CTA\n       ===================================================== --\u003e\n\u003csection class=\"nv-final nv-reveal\"\u003e\n\u003cdiv class=\"nv-wrap\"\u003e\n\u003cdiv class=\"nv-final-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"nv-eyebrow\"\u003e Make the countdown the gift \u003c\/span\u003e\n\u003ch2 class=\"nv-heading\"\u003eGive them something new to discover every morning until Christmas.\u003c\/h2\u003e\n\u003cp class=\"nv-text\"\u003eChoose their favorite fleet, start with Day 1, and watch a complete vehicle collection come together one morning at a time.\u003c\/p\u003e\n\u003cdiv class=\"nv-final-buttons\"\u003e\u003cbutton class=\"nv-btn\" type=\"button\"\u003e CHOOSE YOUR FLEET \u003cspan\u003e↑\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-final-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/2bd85f0ef896821fa39db531e186c5ae3ef208a3.jpg?v=1787367133\" alt=\"Build The Fleet Christmas Advent Calendar\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MOBILE STICKY --\u003e\n\u003cdiv class=\"nv-sticky\" id=\"nvFleetSticky\"\u003e\n\u003cdiv class=\"nv-sticky-inner\"\u003e\n\u003cdiv class=\"nv-sticky-copy\"\u003e\n\u003cstrong\u003e 24 Days. 24 Adventures. \u003c\/strong\u003e \u003cspan\u003e Choose your fleet above \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"nv-sticky-btn\" type=\"button\"\u003e CHOOSE FLEET ↑ \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n\n  var root =\n    document.getElementById(\n      'nv-fleet-page'\n    );\n\n  if(\n    !root ||\n    root.dataset.nvReady === '1'\n  ){\n    return;\n  }\n\n  root.dataset.nvReady =\n    '1';\n\n\n  \/* ========================================\n     FIND REAL SHRINE PRODUCT BUY AREA\n\n     Important:\n     We intentionally do NOT recreate pricing,\n     variants, bundles, or Add To Cart here.\n\n     The native product area remains the\n     source of truth.\n     ======================================== *\/\n\n  function isVisible(el){\n\n    if(!el){\n      return false;\n    }\n\n    var style =\n      window.getComputedStyle(el);\n\n    var rect =\n      el.getBoundingClientRect();\n\n    return (\n      style.display !== 'none' \u0026\u0026\n      style.visibility !== 'hidden' \u0026\u0026\n      rect.width \u003e 0 \u0026\u0026\n      rect.height \u003e 0\n    );\n\n  }\n\n\n  function getBuyTarget(){\n\n    var selectors = [\n\n      'form[action*=\"\/cart\/add\"]',\n\n      '.product-form',\n\n      '.product__info-container',\n\n      '.product__info-wrapper',\n\n      'product-info',\n\n      '[data-product-form]',\n\n      '[name=\"add\"]'\n\n    ];\n\n\n    var rootTop =\n      root.getBoundingClientRect().top +\n      window.pageYOffset;\n\n\n    var candidates = [];\n\n\n    selectors.forEach(\n      function(selector){\n\n        document\n        .querySelectorAll(selector)\n        .forEach(\n          function(el){\n\n            if(\n              isVisible(el) \u0026\u0026\n              !root.contains(el)\n            ){\n\n              var top =\n                el\n                .getBoundingClientRect()\n                .top +\n                window.pageYOffset;\n\n\n              candidates.push({\n                element:el,\n                top:top,\n                distance:\n                  Math.abs(\n                    rootTop - top\n                  )\n              });\n\n            }\n\n          }\n        );\n\n      }\n    );\n\n\n    if(candidates.length){\n\n      var above =\n        candidates.filter(\n          function(item){\n\n            return item.top \u003c\n              rootTop;\n\n          }\n        );\n\n\n      var pool =\n        above.length\n        ? above\n        : candidates;\n\n\n      pool.sort(\n        function(a,b){\n\n          return a.distance -\n            b.distance;\n\n        }\n      );\n\n\n      return pool[0].element;\n\n    }\n\n\n    return null;\n\n  }\n\n\n  function scrollToBuy(){\n\n    var target =\n      getBuyTarget();\n\n\n    if(target){\n\n      var offset =\n        90;\n\n\n      var top =\n        target\n        .getBoundingClientRect()\n        .top +\n        window.pageYOffset -\n        offset;\n\n\n      window.scrollTo({\n        top:Math.max(0,top),\n        behavior:'smooth'\n      });\n\n\n      target.style.transition =\n        'box-shadow .25s ease';\n\n\n      var oldShadow =\n        target.style.boxShadow;\n\n\n      setTimeout(\n        function(){\n\n          target.style.boxShadow =\n            '0 0 0 4px rgba(214,83,61,.18)';\n\n        },\n        500\n      );\n\n\n      setTimeout(\n        function(){\n\n          target.style.boxShadow =\n            oldShadow || '';\n\n        },\n        1900\n      );\n\n\n      return;\n    }\n\n\n    \/* fallback if theme structure changes *\/\n\n    window.scrollTo({\n      top:0,\n      behavior:'smooth'\n    });\n\n  }\n\n\n  \/* ========================================\n     CTA — RETURN TO TOP\n     All CTA buttons smoothly return to\n     the top product purchase area.\n     FAQ buttons are intentionally excluded.\n     ======================================== *\/\n\n  function scrollToTop(){\n\n    window.scrollTo({\n      top:0,\n      behavior:'smooth'\n    });\n\n  }\n\n\n  root\n  .querySelectorAll(\n    '.nv-btn, .nv-sticky-btn'\n  )\n  .forEach(\n    function(button){\n\n      button.addEventListener(\n        'click',\n        scrollToTop\n      );\n\n    }\n  );\n\n\n  \/* ========================================\n     FAQ\n     ======================================== *\/\n\n  root\n  .querySelectorAll(\n    '.nv-faq-q'\n  )\n  .forEach(\n    function(button){\n\n      button.addEventListener(\n        'click',\n        function(){\n\n          var item =\n            button.closest(\n              '.nv-faq-item'\n            );\n\n          var answer =\n            item.querySelector(\n              '.nv-faq-a'\n            );\n\n          var isOpen =\n            item.classList.contains(\n              'is-open'\n            );\n\n\n          root\n          .querySelectorAll(\n            '.nv-faq-item'\n          )\n          .forEach(\n            function(other){\n\n              other\n              .classList\n              .remove(\n                'is-open'\n              );\n\n\n              var otherAnswer =\n                other.querySelector(\n                  '.nv-faq-a'\n                );\n\n\n              if(otherAnswer){\n\n                otherAnswer\n                .style\n                .maxHeight =\n                null;\n\n              }\n\n            }\n          );\n\n\n          if(!isOpen){\n\n            item\n            .classList\n            .add(\n              'is-open'\n            );\n\n\n            answer\n            .style\n            .maxHeight =\n              answer.scrollHeight +\n              'px';\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* ========================================\n     SCROLL REVEAL\n     ======================================== *\/\n\n  var revealItems =\n    root.querySelectorAll(\n      '.nv-reveal'\n    );\n\n\n  if(\n    'IntersectionObserver' in window\n  ){\n\n    var observer =\n      new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(\n            function(entry){\n\n              if(\n                entry.isIntersecting\n              ){\n\n                entry\n                .target\n                .classList\n                .add(\n                  'is-visible'\n                );\n\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.08\n        }\n      );\n\n\n    revealItems.forEach(\n      function(el){\n\n        observer.observe(el);\n\n      }\n    );\n\n  }else{\n\n    revealItems.forEach(\n      function(el){\n\n        el\n        .classList\n        .add(\n          'is-visible'\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* ========================================\n     MOBILE STICKY\n     ======================================== *\/\n\n  var sticky =\n    document.getElementById(\n      'nvFleetSticky'\n    );\n\n\n  function updateSticky(){\n\n    if(!sticky){\n      return;\n    }\n\n\n    if(\n      window.innerWidth \u003e 640\n    ){\n\n      sticky\n      .classList\n      .remove(\n        'is-show'\n      );\n\n      return;\n\n    }\n\n\n    var rect =\n      root\n      .getBoundingClientRect();\n\n\n    var show =\n      rect.top \u003c\n      -220;\n\n\n    sticky\n    .classList\n    .toggle(\n      'is-show',\n      show\n    );\n\n  }\n\n\n  window.addEventListener(\n    'scroll',\n    updateSticky,\n    {\n      passive:true\n    }\n  );\n\n\n  window.addEventListener(\n    'resize',\n    updateSticky\n  );\n\n\n  updateSticky();\n\n\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n.custom-product-liquid-wrapper{\nwidth:100%;\nmargin-top:40px;\nmargin-bottom:40px;\noverflow:hidden;\n}\n\n@media screen and (max-width:749px){\n\n.custom-product-liquid-wrapper{\nmargin-top:24px;\nmargin-bottom:24px;\n}\n\n}\n\n\u003c\/style\u003e","brand":"mysite","offers":[{"title":"🚜 Farm Fleet","offer_id":49897266315492,"sku":"SZ07072609185194-2026农场车队盲盒-26*18*3CM（亚克力厚度3mm）","price":28.9,"currency_code":"USD","in_stock":true},{"title":"🚒Fire Rescue","offer_id":49897266348260,"sku":"SZ07072609185194-2026消防车盲盒-26*18*3CM（亚克力厚度3mm）","price":28.9,"currency_code":"USD","in_stock":true},{"title":"🚑 Emergency Rescue Team","offer_id":49897266381028,"sku":"SZ07072609185194-2026紧急救援队盲盒-26*18*3CM（亚克力厚度3mm）","price":28.9,"currency_code":"USD","in_stock":true},{"title":"🚧 Construction Crew","offer_id":49897266413796,"sku":"SZ07072609185194-2026采矿车辆盲盒-26*18*3CM（亚克力厚度3mm）","price":28.9,"currency_code":"USD","in_stock":true},{"title":"🏙 City Service Fleet","offer_id":49897266446564,"sku":"SZ07072609185194-2026城市服务车盲盒-26*18*3CM（亚克力厚度3mm）","price":28.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/7882\/6724\/files\/ChatGPTImageAug23_2026_10_30_23PM_1.png?v=1789698559","url":"https:\/\/artvly.com\/products\/build-the-fleet-collection-24-day-vehicle-advent-calendar-series","provider":"Artvly","version":"1.0","type":"link"}