/*
 * November page sections
 * Every rule is scoped to its section root (.nv-<name>) and uses nv-<name>__element naming.
 * --u = "one design pixel": desktop 1440px design (capped at 1.6px), tablet/mobile scaled per section.
 * Images are loaded from /assets/img/november (change the path below if yours differs).
 */

/* ==================================================================
   Perks strip
   ================================================================== */

/* Arrows: thin circle, transparent, sitting at the far left/right edge of the screen,
       vertically centred on the images (image height in the design = 400px) */
#october-section-list .oct-list-wrap {
  position: relative;
  --oct-img-h: 400px; /* change if your image height is different */
}

#october-section-list .oct-list-nav {
  position: absolute;
  top: calc(var(--oct-img-h) / 2);
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #222;
  background: #f1e8de;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}
#october-section-list .oct-list-nav:hover {
  background: #000;
  color: #fff;
}

/* 12px from the screen edge, even if the container is narrower than the screen */
#october-section-list .oct-list-prev {
  left: calc(55% - 50vw + 12px);
}
#october-section-list .oct-list-next {
  right: calc(55% - 50vw + 12px);
}

#october-section-list .oct-list-nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 767px) {
  #october-section-list .oct-list-wrap {
    --oct-img-h: 320px;
  }
  #october-section-list .oct-list-prev {
    left: -10px;
  }
  #october-section-list .oct-list-next {
    right: -10px;
  }
}

/* Navigation arrows - scoped to this section only */
#october-section .october-container {
  position: relative;
}

#october-section .oct-nav {
  position: absolute;
  top: 55%;
  z-index: 10;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #222;
  background: #f1e8de;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}
#october-section .oct-nav:hover {
  background: #222;
  color: #fff;
}
#october-section .oct-nav-prev {
  left: -90px;
}
#october-section .oct-nav-next {
  right: -90px;
}
#october-section .oct-nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 767px) {
  #october-section .oct-nav-prev {
    left: -10px;
  }
  #october-section .oct-nav-next {
    right: -10px;
  }
}

.gap-2 {
  /* background: #eaded2; */
  border: none;
}
.shop-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px 20px;
  gap: 5px;
  background: #ffda59;
  border-radius: 40px;
  color: #000000;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}

.button-text {
  font-family: "Archivo", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  text-transform: uppercase;
  white-space: nowrap;
}

.arrow-left {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;

  flex-shrink: 0;
}

.nv-perks,
.nv-perks *,
.nv-perks *::before,
.nv-perks *::after {
  box-sizing: border-box;
}

.nv-perks * {
  margin: 0;
  padding: 0;
}

.nv-perks {
  --u: min(calc(100vw / 1440), 1.6px);
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-family: var(--sans);
  color: #fff;
  overflow: hidden;
}

.nv-perks a {
  color: inherit;
  text-decoration: none;
}

.nv-perks .nv-perks__track {
  display: flex;
  width: 100%;
}

.nv-perks .nv-perks__perk {
  flex: 1 1 0;
  min-width: 0;
  height: calc(79 * var(--u));
  display: flex;
  align-items: center;
  padding-left: calc(12 * var(--u));
}

.nv-perks .nv-perks__p0 {
  background: #d29e4b;
}
.nv-perks .nv-perks__p1 {
  background: #be6626;
}
.nv-perks .nv-perks__p2 {
  background: #706d4e;
}
.nv-perks .nv-perks__p3 {
  background: #784e52;
}

.nv-perks .nv-perks__clone {
  display: none;
}

.nv-perks .nv-perks__perk-ico {
  width: calc(44 * var(--u));
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(9 * var(--u));
}

.nv-perks .nv-perks__perk-ico img {
  display: block;
  width: calc(var(--w) * var(--u));
  height: auto;
}

.nv-perks .nv-perks__perk-txt {
  display: flex;
  flex-direction: column;
  font-size: calc(14 * var(--u));
  line-height: calc(20 * var(--u));
  white-space: nowrap;
  min-width: 0;
}

.nv-perks .nv-perks__perk-txt strong {
  text-transform: uppercase;
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 5px;
  line-height: 15px;
}
.nv-perks .nv-perks__perk-txt span {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 15px;
}

.nv-perks .nv-perks__perk:hover .nv-perks__perk-txt strong {
  text-decoration: underline;
  text-underline-offset: calc(3 * var(--u));
}

@media (max-width: 1024px) {
  .nv-perks {
    --u: calc(100vw / 720);
  }
  .nv-perks .nv-perks__track {
    width: max-content;
    transition: transform 0.8s cubic-bezier(0.65, 0, 0.25, 1);
    will-change: transform;
  }
  .nv-perks .nv-perks__perk {
    flex: none;
    width: calc(360 * var(--u));
  }
  .nv-perks .nv-perks__clone {
    display: flex;
  }
}

@media (max-width: 600px) {
  .nv-perks {
    --u: calc(100vw / 370);
  }
  .nv-perks .nv-perks__perk {
    width: calc(100vw - 8 * var(--u));
  }
}

@media (prefers-reduced-motion: reduce) {
  .nv-perks .nv-perks__track {
    transition-duration: 0.01s;
  }
}

/* ==================================================================
   Cozy season hero + scent cards
   ================================================================== */

.nv-cozy,
.nv-cozy *,
.nv-cozy *::before,
.nv-cozy *::after {
  box-sizing: border-box;
}

.nv-cozy * {
  margin: 0;
  padding: 0;
}

.nv-cozy {
  --bg: #d19d4a;
  --brown: #8c5238;
  --ink: #000;
  --white: #fff;
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: var(--white);
  font-family: var(--sans);
  display: grid;
  grid-template-columns: calc(637 * var(--u)) 1fr;
  height: calc(701 * var(--u));
  background: var(--bg);
  overflow: hidden;
}

.nv-cozy a {
  color: inherit;
  text-decoration: none;
}

.nv-cozy .nv-cozy__copy {
  padding: calc(42 * var(--u)) calc(20 * var(--u)) 0 calc(43 * var(--u));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.nv-cozy .nv-cozy__title {
  font-family: "Libre Bodoni";
  font-weight: 400;
  font-size: calc(62 * var(--u));
  line-height: calc(80.5 * var(--u));
  text-transform: uppercase;
  letter-spacing: -0.005em;
  color: var(--white);
}

.nv-cozy .nv-cozy__title .nv-cozy__accent {
  color: var(--brown);
}

.nv-cozy .nv-cozy__sub {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;

  font-size: calc(18 * var(--u));
  line-height: calc(28 * var(--u));
  max-width: calc(360 * var(--u));
  margin-top: calc(4 * var(--u));
}

.nv-cozy .nv-cozy__copy .nv-cozy__btn {
  margin-top: calc(44 * var(--u));
}

.nv-cozy .nv-cozy__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  height: calc(52 * var(--u));
  padding: 0 calc(20 * var(--u));
  border-radius: 999px;
  font: 500 calc(16 * var(--u))/1 var(--sans);
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    transform 0.2s,
    background 0.2s;
}

.nv-cozy .nv-cozy__btn svg {
  width: 1.05em;
  height: 1.05em;
  flex: none;
}

.nv-cozy .nv-cozy__btn--black {
  background: var(--ink);
  color: var(--white);
}
.nv-cozy .nv-cozy__btn--white {
  background: var(--white);
  color: var(--ink);
}
.nv-cozy .nv-cozy__btn:hover {
  transform: translateY(-1px);
}

.nv-cozy .nv-cozy__slider {
  overflow: hidden;
  padding: calc(20 * var(--u)) 0;
  min-width: 0;
}

.nv-cozy .nv-cozy__track {
  display: flex;
  gap: calc(15 * var(--u));
  width: max-content;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.25, 1);
  will-change: transform;
}

.nv-cozy .nv-cozy__card {
  position: relative;
  flex: none;
  width: calc(622 * var(--u));
  aspect-ratio: 622/661;
  overflow: hidden;
  container-type: inline-size;
  color: var(--white);
  background: #3b2a18;
  isolation: isolate;
}

.nv-cozy .nv-cozy__card::before {
  content: "";
  position: absolute;
  inset: -12%;
  background: var(--img) center/cover;
  filter: blur(7px) brightness(0.62) saturate(1.05);
  z-index: -2;
}

.nv-cozy .nv-cozy__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0) 22%,
    rgba(0, 0, 0, 0) 72%,
    rgba(0, 0, 0, 0.4)
  );
  z-index: -1;
}

.nv-cozy .nv-cozy__card-title {
  position: absolute;
  left: 5.5cqw;
  top: 0;
  font-family: "Libre Bodoni";
  font-style: normal;
  font-weight: 400;
  font-size: 68.4138px;
  line-height: 86px;

  text-transform: uppercase;
  letter-spacing: -0.005em;
  padding-top: 1.6cqw;
}

.nv-cozy .nv-cozy__card-img {
  background: var(--img) center/cover;
  position: absolute;
  left: 5.5cqw;
  top: 16.4cqw;
  width: 89cqw;
  height: 73.5cqw;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.85);
  display: block;
}

.nv-cozy .nv-cozy__card-foot {
  position: absolute;
  left: 5.5cqw;
  right: 5.5cqw;
  bottom: 3.9cqw;
  height: 8.4cqw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3cqw;
}

.nv-cozy .nv-cozy__card-foot p {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  max-width: 56cqw;
}

.nv-cozy .nv-cozy__card .nv-cozy__btn {
  height: 7cqw;
  width: 24cqw;
  padding: 0;
  gap: 1cqw;
  font-size: 2cqw;
}

.nv-cozy .nv-cozy__c-cheer {
  --img: url("/assets/img/november/cozy-cheer.webp");
}
.nv-cozy .nv-cozy__c-spice {
  --img: url("/assets/img/november/cozy-spice.webp");
}
.nv-cozy .nv-cozy__c-spruce {
  --img: url("/assets/img/november/cozy-spruce.webp");
}

/* Tablet: stacked, 560 grid */
@media (max-width: 1024px) {
  .nv-cozy {
    --u: calc(100vw / 560);
    display: flex;
    flex-direction: column;
    height: auto;
    padding: calc(34 * var(--u)) 0 calc(42 * var(--u));
  }
  .nv-cozy .nv-cozy__copy {
    display: contents;
  }
  .nv-cozy .nv-cozy__title {
    order: 1;
    font-size: calc(27 * var(--u));
    line-height: calc(38 * var(--u));
    text-align: center;
    max-width: calc(330 * var(--u));
    margin: 0 auto;
  }
  .nv-cozy .nv-cozy__title br {
    display: none;
  }
  .nv-cozy .nv-cozy__sub {
    order: 2;
    font-size: calc(15 * var(--u));
    line-height: calc(20 * var(--u));
    text-align: center;
    max-width: calc(270 * var(--u));
    margin: calc(4 * var(--u)) auto 0;
  }
  .nv-cozy .nv-cozy__slider {
    order: 3;
    padding: calc(26 * var(--u)) 0 0 calc(25 * var(--u));
    margin-top: 0;
  }
  .nv-cozy .nv-cozy__copy .nv-cozy__btn {
    order: 4;
    align-self: center;
    margin-top: calc(30 * var(--u));
  }
  .nv-cozy .nv-cozy__track {
    gap: calc(8 * var(--u));
  }
  .nv-cozy .nv-cozy__card {
    width: calc(319 * var(--u));
  }
  .nv-cozy .nv-cozy__card-title {
    font-size: 11.6cqw;
    padding-top: 0px;
  }
  .nv-cozy .nv-cozy__card-foot p {
    font-size: 3cqw;
    line-height: 4.3cqw;
    max-width: 62cqw;
  }
  .nv-cozy .nv-cozy__card .nv-cozy__btn {
    font-size: 3cqw;
    gap: 1cqw;
    width: 123px;
  }
  .nv-cozy .nv-cozy__btn {
    height: calc(46 * var(--u));
    padding: 0 calc(24 * var(--u));
    font-size: calc(15 * var(--u));
    gap: calc(8 * var(--u));
  }
  .nv-cozy .nv-cozy__card .nv-cozy__btn {
    height: 8.4cqw;
  }
}

/* Mobile: 372 reference */
@media (max-width: 600px) {
  .nv-cozy {
    --u: calc(100vw / 372);
    padding-top: calc(34 * var(--u));
  }
  .nv-cozy .nv-cozy__slider {
    padding-left: calc(17 * var(--u));
  }
  .nv-cozy .nv-cozy__copy .nv-cozy__btn {
    width: calc(227 * var(--u));
  }
}

@media (prefers-reduced-motion: reduce) {
  .nv-cozy .nv-cozy__track {
    transition-duration: 0.01s;
  }
}

/* ==================================================================
   Budget grid
   ================================================================== */

.nv-budget,
.nv-budget *,
.nv-budget *::before,
.nv-budget *::after {
  box-sizing: border-box;
}

.nv-budget * {
  margin: 0;
  padding: 0;
}

.nv-budget {
  --bg: #ebd9c8;
  --ink: #1d1b18;
  --line: #5a5551;
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  font-family: var(--sans);
  background: var(--bg);
}

.nv-budget a {
  color: inherit;
  text-decoration: none;
}

.nv-budget .nv-budget__head {
  height: calc(172 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(20 * var(--u));
}

.nv-budget .nv-budget__title {
  font-family: "Libre Bodoni";
  font-style: normal;
  font-weight: 500;

  font-size: calc(42 * var(--u));
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  white-space: nowrap;
  padding-top: calc(2 * var(--u));
}

.nv-budget .nv-budget__title br {
  display: none;
}

.nv-budget .nv-budget__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.nv-budget .nv-budget__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: calc(418 * var(--u));
  padding-top: calc(34 * var(--u));
  border-left: 1px solid var(--line);
}

.nv-budget .nv-budget__cell:first-child {
  border-left: 0;
}

.nv-budget .nv-budget__cell-label {
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 25px;
}

.nv-budget .nv-budget__cell-price {
  font-family: "Libre Bodoni";
  font-style: normal;
  font-weight: 400;

  font-size: calc(96 * var(--u));
  line-height: calc(86 * var(--u));
  letter-spacing: -0.02em;
  margin-top: calc(4 * var(--u));
}

.nv-budget .nv-budget__cell-desc {
  font-size: calc(16 * var(--u));
  line-height: calc(22 * var(--u));
  margin-top: calc(46 * var(--u));
  padding: 0 calc(20 * var(--u));
  max-width: 100%;
}

.nv-budget .nv-budget__cell-arrow {
  margin-top: auto;
  margin-bottom: calc(30 * var(--u));
  width: calc(44 * var(--u));
  height: calc(44 * var(--u));
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.2s,
    color 0.2s;
}

.nv-budget .nv-budget__cell-arrow svg {
  width: calc(14 * var(--u));
  height: calc(14 * var(--u));
}

.nv-budget .nv-budget__cell:hover .nv-budget__cell-arrow {
  background: var(--ink);
  color: #fff;
}

/* Tablet: 2x2 grid, 560 design width */
@media (max-width: 1024px) {
  .nv-budget {
    --u: calc(100vw / 560);
  }
  .nv-budget .nv-budget__head {
    height: calc(100 * var(--u));
  }
  .nv-budget .nv-budget__title {
    font-size: calc(25 * var(--u));
    white-space: normal;
    max-width: calc(420 * var(--u));
  }
  .nv-budget .nv-budget__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .nv-budget .nv-budget__cell {
    height: calc(300 * var(--u));
    padding-top: calc(40 * var(--u));
  }
  .nv-budget .nv-budget__cell:nth-child(odd) {
    border-left: 0;
  }
  .nv-budget .nv-budget__cell:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }
  .nv-budget .nv-budget__cell-label {
    font-size: calc(17 * var(--u));
    line-height: calc(22 * var(--u));
  }
  .nv-budget .nv-budget__cell-price {
    font-size: calc(68 * var(--u));
    line-height: calc(92 * var(--u));
    margin-top: calc(10 * var(--u));
  }
  .nv-budget .nv-budget__cell-desc {
    font-size: calc(14 * var(--u));
    line-height: calc(18 * var(--u));
    margin-top: calc(2 * var(--u));
    max-width: calc(250 * var(--u));
  }
  .nv-budget .nv-budget__cell-arrow {
    width: calc(34 * var(--u));
    height: calc(34 * var(--u));
    margin-bottom: calc(30 * var(--u));
  }
}

/* Mobile: 370 reference */
@media (max-width: 600px) {
  .nv-budget .nv-budget__title br {
    display: inline;
  }
  .nv-budget {
    --u: calc(100vw / 370);
  }
  .nv-budget .nv-budget__head {
    height: calc(170 * var(--u));
  }
  .nv-budget .nv-budget__title {
    font-size: calc(30 * var(--u));
    line-height: calc(35 * var(--u));
    max-width: calc(300 * var(--u));
  }
  .nv-budget .nv-budget__cell {
    height: calc(248 * var(--u));
    padding-top: calc(26 * var(--u));
  }
  .nv-budget .nv-budget__cell-label {
    font-size: calc(13 * var(--u));
    line-height: calc(16 * var(--u));
  }
  .nv-budget .nv-budget__cell-price {
    font-size: calc(66 * var(--u));
    line-height: calc(70 * var(--u));
    margin-top: calc(6 * var(--u));
  }
  .nv-budget .nv-budget__cell-desc {
    font-size: calc(12.5 * var(--u));
    line-height: calc(17 * var(--u));
    margin-top: calc(22 * var(--u));
    padding: 0 calc(8 * var(--u));
    max-width: none;
  }
  .nv-budget .nv-budget__cell-arrow {
    width: calc(25 * var(--u));
    height: calc(25 * var(--u));
    margin-bottom: calc(28 * var(--u));
  }
  .nv-budget .nv-budget__cell-arrow svg {
    width: calc(12 * var(--u));
    height: calc(12 * var(--u));
  }

  .september-hero-copy h2 {
    font-size: 35px !important;
    line-height: 50px !important;
  }
}

/* ==================================================================
   "Fits in your carry-on"
   ================================================================== */

.nv-road,
.nv-road *,
.nv-road *::before,
.nv-road *::after {
  box-sizing: border-box;
}

.nv-road * {
  margin: 0;
  padding: 0;
}

.nv-road {
  --bg: #c06627;
  --u: min(calc(100vw / 1440), 1.6px);
  --k: 1;
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #fff;
  font-family: var(--sans);
  display: grid;
  grid-template-columns: calc(441 * var(--u)) 1fr;
  height: calc(430 * var(--u));
  background: var(--bg);
  overflow: hidden;
}

.nv-road a {
  color: inherit;
  text-decoration: none;
}
.nv-road svg {
  display: block;
}

.nv-road .nv-road__copy {
  padding-left: calc(50 * var(--u));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.nv-road .nv-road__title {
  font-family: "Libre Bodoni";
  font-style: normal;

  font-weight: 400;
  font-size: calc(48 * var(--u));
  line-height: calc(50 * var(--u));
  text-transform: uppercase;
  letter-spacing: -0.005em;
}

.nv-road .nv-road__sub {
  font-size: calc(16 * var(--u));
  line-height: calc(24 * var(--u));
  max-width: calc(330 * var(--u));
  margin-top: calc(32 * var(--u));
}

.nv-road .nv-road__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  height: calc(52 * var(--u));
  padding: 0 calc(20 * var(--u));
  border-radius: 999px;
  background: #fff;
  color: #000;
  font: 500 calc(16 * var(--u))/1 var(--sans);
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: calc(30 * var(--u));
  transition: transform 0.2s;
}

.nv-road .nv-road__btn:hover {
  transform: translateY(-1px);
}

.nv-road .nv-road__title br.nv-road__m {
  display: none;
}

.nv-road .nv-road__btn svg {
  flex: none;
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
}

.nv-road .nv-road__slider {
  overflow: hidden;
  display: flex;
  align-items: center;
  min-width: 0;
  padding-top: calc(6 * var(--u));
}

.nv-road .nv-road__track {
  display: flex;
  width: max-content;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.25, 1);
  will-change: transform;
}

.nv-road .nv-road__item {
  flex: none;
  width: calc(228 * var(--u));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nv-road .nv-road__item img {
  display: block;
  width: calc(var(--w) * var(--u) * var(--k));
  height: auto;
  user-select: none;
}

.nv-road .nv-road__item-label {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--u));
  margin-top: calc(26 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(21 * var(--u));
  white-space: nowrap;
}

.nv-road .nv-road__dot {
  width: calc(21 * var(--u));
  height: calc(21 * var(--u));
  border-radius: 50%;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.2s,
    color 0.2s;
}

.nv-road .nv-road__dot svg {
  flex: none;
  width: calc(11 * var(--u));
  height: calc(11 * var(--u));
}

.nv-road .nv-road__item:hover .nv-road__dot {
  background: #000;
  color: #fff;
}

@media (max-width: 1024px) {
  .nv-road {
    --u: calc(100vw / 500);
    --k: 0.83;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto;
    padding: calc(34 * var(--u)) 0 calc(38 * var(--u));
  }
  .nv-road .nv-road__copy {
    display: contents;
  }
  .nv-road .nv-road__title {
    order: 1;
    text-align: center;
    font-size: calc(28 * var(--u));
    line-height: calc(31 * var(--u));
  }
  .nv-road .nv-road__title br.nv-road__d {
    display: none;
  }
  .nv-road .nv-road__title br.nv-road__m {
    display: inline;
  }
  .nv-road .nv-road__sub {
    order: 2;
    text-align: center;
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    max-width: calc(290 * var(--u));
    margin: calc(3 * var(--u)) auto 0;
  }
  .nv-road .nv-road__slider {
    order: 3;
    padding: calc(14 * var(--u)) 0 0;
  }
  .nv-road .nv-road__item {
    width: calc(135 * var(--u));
  }
  .nv-road .nv-road__item-label {
    margin-top: calc(16 * var(--u));
    font-size: calc(12 * var(--u));
    line-height: calc(18 * var(--u));
    gap: calc(10 * var(--u));
  }
  .nv-road .nv-road__dot {
    width: calc(18 * var(--u));
    height: calc(18 * var(--u));
  }
  .nv-road .nv-road__dot svg {
    width: calc(9 * var(--u));
    height: calc(9 * var(--u));
  }
  .nv-road .nv-road__btn {
    order: 4;
    align-self: center;
    height: calc(30 * var(--u));
    padding: 0 calc(20 * var(--u));
    font-size: calc(14 * var(--u));
    margin-top: calc(30 * var(--u));
    gap: calc(8 * var(--u));
  }
  .nv-road .nv-road__btn svg {
    width: calc(15 * var(--u));
    height: calc(15 * var(--u));
  }
}

@media (max-width: 600px) {
  .nv-road {
    --u: calc(100vw / 370);
  }
  .nv-road .nv-road__btn {
    width: calc(202 * var(--u));
  }
}

@media (prefers-reduced-motion: reduce) {
  .nv-road .nv-road__track {
    transition-duration: 0.01s;
  }
}

/* ==================================================================
   "Purpose in every light"
   ================================================================== */

.nv-cause,
.nv-cause *,
.nv-cause *::before,
.nv-cause *::after {
  box-sizing: border-box;
}

.nv-cause * {
  margin: 0;
  padding: 0;
}

.nv-cause {
  --olive: #706d4e;
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #fff;
  font-family: var(--sans);
  display: grid;
  grid-template-columns: 721fr 719fr;
  height: calc(650 * var(--u));
  background: var(--olive);
  overflow: hidden;
}

.nv-cause a {
  color: inherit;
  text-decoration: none;
}
.nv-cause img {
  display: block;
}

.nv-cause .nv-cause__photo {
  height: 100%;
  min-width: 0;
}
.nv-cause .nv-cause__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nv-cause .nv-cause__side {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.nv-cause .nv-cause__crowd {
  height: calc(177 * var(--u));
  flex: none;
}
.nv-cause .nv-cause__crowd img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nv-cause .nv-cause__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 calc(20 * var(--u)) calc(17 * var(--u));
}

.nv-cause .nv-cause__title {
  font-family: "Libre Bodoni";
  font-style: normal;
  font-weight: 400;

  font-size: calc(42 * var(--u));
  line-height: calc(54 * var(--u));
  text-transform: uppercase;
  letter-spacing: -0.005em;
}

.nv-cause .nv-cause__text {
  font-size: calc(16 * var(--u));
  line-height: calc(22.5 * var(--u));
  max-width: calc(510 * var(--u));
  margin-top: calc(19 * var(--u));
}

.nv-cause .nv-cause__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  height: calc(56 * var(--u));
  width: calc(258 * var(--u));
  border-radius: 999px;
  background: #fff;
  color: #000;
  font: 500 calc(16 * var(--u))/1 var(--sans);
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: calc(33 * var(--u));
  transition: transform 0.2s;
}

.nv-cause .nv-cause__btn:hover {
  transform: translateY(-1px);
}
.nv-cause .nv-cause__btn svg {
  flex: none;
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
}

@media (max-width: 1024px) {
  .nv-cause {
    --u: calc(100vw / 1000);
  }
}

@media (max-width: 600px) {
  .nv-cause {
    --u: calc(100vw / 370);
    display: block;
    height: auto;
  }
  .nv-cause .nv-cause__photo {
    height: auto;
    aspect-ratio: 370/336;
  }
  .nv-cause .nv-cause__side {
    display: block;
  }
  .nv-cause .nv-cause__crowd {
    height: auto;
    aspect-ratio: 370/91;
  }
  .nv-cause .nv-cause__body {
    padding: calc(35 * var(--u)) calc(20 * var(--u)) calc(41 * var(--u));
  }
  .nv-cause .nv-cause__title {
    font-size: calc(28 * var(--u));
    line-height: calc(31 * var(--u));
  }
  .nv-cause .nv-cause__text {
    font-size: calc(14 * var(--u));
    line-height: calc(21 * var(--u));
    max-width: calc(340 * var(--u));
    margin-top: calc(13 * var(--u));
  }
  .nv-cause .nv-cause__btn {
    height: calc(46 * var(--u));
    width: calc(206 * var(--u));
    font-size: calc(14 * var(--u));
    margin-top: calc(25 * var(--u));
  }
  .nv-cause .nv-cause__btn svg {
    width: calc(15 * var(--u));
    height: calc(15 * var(--u));
  }
}

/* ==================================================================
   Black Friday banner
   ================================================================== */

.nv-bf,
.nv-bf *,
.nv-bf *::before,
.nv-bf *::after {
  box-sizing: border-box;
}

.nv-bf * {
  margin: 0;
  padding: 0;
}

.nv-bf {
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-family: var(--sans);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(36 * var(--u));
  height: calc(106 * var(--u));
  background: #4a2a12 url("/assets/img/november/bf-leaves-desktop.webp")
    center/cover no-repeat;
  color: #fff;
  padding: 0 calc(20 * var(--u));
  overflow: hidden;
}

.nv-bf a {
  color: inherit;
  text-decoration: none;
}

.nv-bf .nv-bf__title {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: calc(44 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-shadow: 0 0 calc(12 * var(--u)) rgba(0, 0, 0, 0.12);
}

.nv-bf .nv-bf__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  height: calc(54 * var(--u));
  width: calc(242 * var(--u));
  border-radius: 999px;
  background: #fff;
  color: #000;
  font: 500 calc(16 * var(--u))/1 var(--sans);
  text-transform: uppercase;
  white-space: nowrap;
  flex: none;
  transition: transform 0.2s;
}

.nv-bf .nv-bf__btn:hover {
  transform: translateY(-1px);
}
.nv-bf .nv-bf__btn svg {
  flex: none;
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
}
.nv-bf .nv-bf__title br {
  display: none;
}

@media (max-width: 1024px) {
  .nv-bf {
    --u: calc(100vw / 1000);
  }
}

@media (max-width: 767px) {
  .nv-bf {
    --u: calc(100vw / 370);
    flex-direction: column;
    justify-content: center;
    gap: calc(29 * var(--u));
    height: calc(231 * var(--u));
    background-image: url("/assets/img/november/bf-leaves-mobile.webp");
    padding: calc(6 * var(--u)) calc(16 * var(--u)) 0;
  }
  .nv-bf .nv-bf__title {
    font-size: calc(34 * var(--u));
    line-height: calc(45 * var(--u));
    text-align: center;
    white-space: normal;
    letter-spacing: -0.005em;
  }
  .nv-bf .nv-bf__title br {
    display: inline;
  }
  .nv-bf .nv-bf__btn {
    width: calc(193 * var(--u));
    height: calc(30 * var(--u));
    font-size: calc(14 * var(--u));
  }
  .nv-bf .nv-bf__btn svg {
    width: calc(15 * var(--u));
    height: calc(15 * var(--u));
  }
}

/* ==================================================================
   "Medicine meets mindfulness"
   ================================================================== */

.nv-story,
.nv-story *,
.nv-story *::before,
.nv-story *::after {
  box-sizing: border-box;
}

.nv-story * {
  margin: 0;
  padding: 0;
}

.nv-story {
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-family: var(--sans);
  color: #000;
  height: calc(768 * var(--u));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(30 * var(--u));
  background: #5a4a3a url("/assets/img/november/story-bg-desktop.webp")
    center/cover no-repeat;
  overflow: hidden;
}

.nv-story a {
  color: inherit;
  text-decoration: none;
}
.nv-story img {
  display: block;
}

.nv-story .nv-story__card {
  width: calc(504 * var(--u));
  height: calc(592 * var(--u));
  flex: none;
}

.nv-story .nv-story__card--photo {
  padding: calc(21 * var(--u));
}
.nv-story .nv-story__card--photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nv-story .nv-story__card--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 calc(42 * var(--u)) calc(6 * var(--u));
  background: #fff;
}

.nv-story .nv-story__title {
  font-family: "Libre Bodoni";
  font-style: normal;
  font-weight: 400;

  font-size: calc(42 * var(--u));
  line-height: calc(48 * var(--u));
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.nv-story .nv-story__quote {
  font-size: calc(16 * var(--u));
  line-height: calc(23 * var(--u));
  margin-top: calc(23 * var(--u));
  max-width: calc(425 * var(--u));
}

.nv-story .nv-story__author {
  font-size: calc(16 * var(--u));
  line-height: calc(23 * var(--u));
  margin-top: calc(23 * var(--u));
}

.nv-story .nv-story__author strong {
  font-weight: 500;
  display: block;
}

.nv-story .nv-story__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  height: calc(52 * var(--u));
  width: calc(159 * var(--u));
  border-radius: 999px;
  background: #000;
  color: #fff;
  font: 500 calc(16 * var(--u))/1 var(--sans);
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: calc(28 * var(--u));
  transition: transform 0.2s;
}

.nv-story .nv-story__btn:hover {
  transform: translateY(-1px);
}
.nv-story .nv-story__btn svg {
  flex: none;
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
}

@media (max-width: 1024px) {
  .nv-story {
    --u: calc(100vw / 1100);
  }
}

@media (max-width: 767px) {
  .nv-story {
    --u: calc(100vw / 370);
    height: auto;
    min-height: calc(945 * var(--u));
    flex-direction: column;
    justify-content: flex-start;
    padding: calc(40 * var(--u)) calc(16 * var(--u));
    gap: calc(22 * var(--u));
    background-image: url("/assets/img/november/story-bg-mobile.webp");
    background-size: 100% 100%;
  }
  .xobs2026-section__title {
    font-size: 42px !important;
  }
  .nv-story .nv-story__card {
    width: 100%;
    height: auto;
  }
  .nv-story .nv-story__card--photo {
    padding: calc(15 * var(--u));
    aspect-ratio: 338/420;
  }
  .nv-story .nv-story__card--text {
    padding: calc(26 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u));
    justify-content: flex-start;
    min-height: calc(423 * var(--u));
  }
  .nv-story .nv-story__title {
    font-size: calc(28 * var(--u));
    line-height: calc(36 * var(--u));
  }
  .nv-story .nv-story__quote {
    font-size: calc(13 * var(--u));
    line-height: calc(21 * var(--u));
    margin-top: calc(14 * var(--u));
    max-width: none;
  }
  .nv-story .nv-story__author {
    font-size: calc(14 * var(--u));
    line-height: calc(21 * var(--u));
    margin-top: calc(22 * var(--u));
  }
  .nv-story .nv-story__btn {
    height: calc(35 * var(--u));
    width: calc(135 * var(--u));
    font-size: calc(14 * var(--u));
    margin-top: calc(20 * var(--u));
  }
  .nv-story .nv-story__btn svg {
    width: calc(15 * var(--u));
    height: calc(15 * var(--u));
  }
}

/* ==================================================================
   Sale bar
   ================================================================== */

.nv-bar,
.nv-bar *,
.nv-bar *::before,
.nv-bar *::after {
  box-sizing: border-box;
}

.nv-bar * {
  margin: 0;
  padding: 0;
}

.nv-bar {
  --bg: #784e52;
  --u: min(calc(100vw / 1440), 1.6px);
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-family: var(--sans);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(51 * var(--u));
  padding: 0 calc(16 * var(--u));
  background: var(--bg);
  color: #fff;
  text-align: center;
}

.nv-bar p {
  font-size: calc(16 * var(--u));
  line-height: calc(24 * var(--u));
  text-transform: uppercase;
  letter-spacing: 0;

  font-style: normal;
  font-weight: 300;
}

.nv-bar a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: calc(3 * var(--u));
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

.nv-bar a:hover {
  opacity: 0.8;
}

@media (max-width: 1024px) {
  .nv-bar {
    --u: calc(100vw / 1000);
  }
}

@media (max-width: 767px) {
  .nv-bar {
    --u: calc(100vw / 370);
    min-height: calc(62 * var(--u));
    padding: calc(6 * var(--u)) calc(16 * var(--u));
  }
  .nv-bar p {
    font-size: calc(9 * var(--u));
    line-height: calc(25 * var(--u));
    max-width: calc(325 * var(--u));
  }
}

/* ==================================================================
   "Obsessed is an understatement" video cards
   ================================================================== */

.nv-obs,
.nv-obs *,
.nv-obs *::before,
.nv-obs *::after {
  box-sizing: border-box;
}

.nv-obs * {
  margin: 0;
  padding: 0;
}

.nv-obs {
  --bg: #ebdaca;
  --u: min(calc(100vw / 1440), 1.6px);
  --serif: "Bodoni Moda", "Bodoni 72", "Didot", "Libre Bodoni", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #000;
  font-family: var(--sans);
  background: var(--bg);
  padding: calc(66 * var(--u)) 0 calc(55 * var(--u));
}

.nv-obs a {
  color: inherit;
  text-decoration: none;
}
.nv-obs button {
  font: inherit;
  border: 0;
  cursor: pointer;
}

.nv-obs .nv-obs__title {
  font-family: "Libre Bodoni";
  font-weight: 500;
  font-size: calc(56 * var(--u));
  line-height: calc(64 * var(--u));
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-bottom: calc(48 * var(--u));
}

.nv-obs .nv-obs__title br {
  display: none;
}

.nv-obs .nv-obs__slider {
  overflow: hidden;
  padding: 0 calc(50 * var(--u));
}

.nv-obs .nv-obs__track {
  display: flex;
  gap: calc(32 * var(--u));
  width: max-content;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.25, 1);
  will-change: transform;
}

.nv-obs .nv-obs__card {
  flex: none;
  position: relative;
  width: calc(311 * var(--u));
  aspect-ratio: 311/454;
  background: #999 center/cover no-repeat;
  container-type: inline-size;
  display: block;
  overflow: hidden;
}

.nv-obs .nv-obs__clone {
  display: none;
}

.nv-obs .nv-obs__card {
  --p: calc(100cqw / 311);
}

.nv-obs .nv-obs__tile {
  position: absolute;
  left: calc(15 * var(--p));
  bottom: calc(15 * var(--p));
  width: calc(281 * var(--p));
  height: calc(119 * var(--p));
  background: #fff;
  display: flex;
  gap: calc(11 * var(--p));
  padding: calc(10 * var(--p)) calc(7 * var(--p)) 0;
}

.nv-obs .nv-obs__tile-img {
  width: calc(69 * var(--p));
  height: calc(97 * var(--p));
  object-fit: cover;
  flex: none;
  display: block;
}

.nv-obs .nv-obs__tile-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-top: calc(8 * var(--p));
}

.nv-obs .nv-obs__tile-name {
  font-size: calc(14 * var(--p));
  line-height: calc(18 * var(--p));
  white-space: nowrap;
}
.nv-obs .nv-obs__tile-price {
  font-size: calc(14 * var(--p));
  line-height: calc(18 * var(--p));
  margin-top: calc(5 * var(--p));
}

.nv-obs .nv-obs__play {
  position: absolute;
  left: calc(267 * var(--p));
  top: calc(18 * var(--p));
  width: calc(27 * var(--p));
  height: calc(27 * var(--p));
  border-radius: 50%;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease;
  z-index: 1;
}

.nv-obs .nv-obs__play svg {
  width: 46%;
  height: 46%;
  display: block;
}

.nv-obs .nv-obs__play::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  animation: nv-obs-pulse 2.4s ease-out infinite;
  pointer-events: none;
}

.nv-obs .nv-obs__card:hover .nv-obs__play {
  transform: scale(1.12);
}

@keyframes nv-obs-pulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  70%,
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}

.nv-obs .nv-obs__card video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000;
}

.nv-obs .nv-obs__play .nv-obs__ico-pause {
  display: none;
}
.nv-obs .nv-obs__card.nv-obs__is-playing .nv-obs__play .nv-obs__ico-play {
  display: none;
}
.nv-obs .nv-obs__card.nv-obs__is-playing .nv-obs__play .nv-obs__ico-pause {
  display: block;
}
.nv-obs .nv-obs__card.nv-obs__is-playing .nv-obs__play::after {
  animation: none;
  opacity: 0;
}
.nv-obs .nv-obs__card[data-has-video] {
  cursor: pointer;
}

.nv-obs .nv-obs__qa {
  margin-top: calc(11 * var(--p));
  height: calc(28 * var(--p));
  width: calc(84 * var(--p));
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-family: var(--sans);
  font-size: calc(12 * var(--p));
  text-transform: uppercase;
  line-height: 1;
}

@media (max-width: 1024px) {
  .nv-obs {
    --u: calc(100vw / 560);
    padding: calc(35 * var(--u)) 0 calc(40 * var(--u));
  }
  .nv-obs .nv-obs__title {
    font-size: calc(36 * var(--u));
    line-height: calc(35 * var(--u));
    margin-bottom: calc(31 * var(--u));
  }
  .nv-obs .nv-obs__title br {
    display: inline;
  }
  .nv-obs .nv-obs__slider {
    padding: 0 0 0 calc(18 * var(--u));
  }
  .nv-obs .nv-obs__track {
    gap: calc(11 * var(--u));
  }
  .nv-obs .nv-obs__card {
    width: calc(197 * var(--u));
  }
  .nv-obs .nv-obs__clone {
    display: block;
  }
}

@media (max-width: 600px) {
  .nv-obs {
    --u: calc(100vw / 370);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nv-obs .nv-obs__track {
    transition-duration: 0.01s;
  }
  .nv-obs .nv-obs__play::after {
    animation: none;
    opacity: 0;
  }
}

.nv-obs .nv-obs__c0 {
  background-image: url("/assets/img/november/obs-video-1.webp");
}
.nv-obs .nv-obs__c1 {
  background-image: url("/assets/img/november/obs-video-2.webp");
}
.nv-obs .nv-obs__c2 {
  background-image: url("/assets/img/november/obs-video-3.webp");
}
.nv-obs .nv-obs__c3 {
  background-image: url("/assets/img/november/obs-video-4.webp");
}

/* ==================================================================
   Hero banners
   ================================================================== */

.banner-1 .hero-content {
  max-width: 650px;
}

.hero-title {
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
}

.banner-2 .hero-content {
  top: 25%;
  justify-content: flex-end;
  height: 100%;
}
.banner-2 .hero-content h3 {
  color: #000;
}

@media (max-width: 1600px) {
  .banner-2 .hero-content {
    top: 45%;
  }
}

@media (max-width: 1350px) {
  .banner-1 .hero-content {
    top: 60%;
  }
  .banner-2 .hero-content {
    top: 40%;
  }
}

@media (max-width: 1200px) {
  .banner-2 .hero-btn {
    margin-top: 39px;
  }
  .banner-2 .hero-title {
    font-size: 45px;
  }
  .banner-2 .hero-content h3 {
    line-height: 1;
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
  .banner-1 .hero-content {
    top: 60%;
  }
  .banner-2 .hero-title {
    font-size: 40px !important;
  }
  .banner-2 .hero-btn {
    margin-top: 35px !important;
  }
  .hero-content .hero-title {
    font-size: 43px !important;
    line-height: 51px !important;
  }
  .hero-content h3 {
    font-size: 25px !important;
    max-width: 360px !important;
  }
}

@media (max-width: 992px) {
  .banner-1 .hero-content {
    top: 55%;
  }
  .hero-content .hero-title {
    font-size: 30px;
    line-height: 35px;
  }
  .hero-content h3 {
    font-size: 16px !important;
  }
  .hero-btn {
  }
}

@media (max-width: 768px) {
  .banner-2 .hero-content,
  .banner-1 .hero-content {
    top: 53%;
    justify-content: flex-start;
    height: 100%;
  }

  .banner-2 .hero-content .header-container,
  .banner-1 .hero-content .header-container {
    margin-top: 30px;
  }

  .banner-2 .hero-content .hero-title,
  .banner-1 .hero-content .hero-title {
    font-size: 55px;
  }

  .banner-2 .hero-content .hero-btn,
  .banner-1 .hero-content .hero-btn {
    font-size: 18px;
    padding: 20px 24px;
  }

  .banner-2 .hero-content h3,
  .banner-1 .hero-content h3 {
    color: #fff;
  }
}

@media (max-width: 500px) {
  .banner-2 .hero-content .hero-title,
  .banner-1 .hero-content .hero-title {
    font-size: 45px;
  }
}

@media (max-width: 400px) {
  .banner-2 .hero-content .hero-title,
  .banner-1 .hero-content .hero-title {
    font-size: 35px;
  }

  .banner-2 .hero-content h3,
  .banner-1 .hero-content h3 {
    font-size: 20px;
  }
}

/* ==================================================================
   Own-atmosphere slider
   ================================================================== */

.own-atmosphere-slider {
  padding-bottom: 40px; /* space for pagination dots */
}

.own-atmosphere-slider .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

.own-atmosphere-slider .swiper-pagination-bullet-active {
  background: #c86428 !important;
}

/* ==================================================================
   Ticker strip (light)
   ================================================================== */

.light-sec {
  background: #c06627 !important;
}

.ticker-strip.light-sec {
  background: #c06627 !important;
}

.ticker-strip.light-sec .ticker-content span:not(.star-icon) {
  font-family: "Libre Bodoni", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex: none;
}

.ticker-strip.light-sec .star-icon {
  color: #fff;
}

/* ==================================================================
   September hero
   ================================================================== */

.september-hero {
  position: relative;
  width: 100%;
  background-image: url("https://frontend.laxmayatechnologies.com//assets/img/november/bg123.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.september-hero-copy h1 {
  width: 553px;
  font-family: "Libre Bodoni", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 55px;
  color: #fff;
}

.september-hero-buttons {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.september-hero-btn {
  padding: 18px 20px;
  display: block;
  background: #fff;
  color: #000;
  border-radius: 40px;
  text-decoration: none;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  line-height: 17px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* ==================================================================
   Press logo box
   ================================================================== */

.press-logo-box {
  width: 100%;
  height: 145px;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ebdaca;
  border-radius: 30px;
  overflow: hidden;
}

/* ==================================================================
   Dropdown buttons
   ================================================================== */

@media (min-width: 768px) {
  .btn.show,
  .drop_btn,
  .btn:first-child:active {
    border-color: #ffffff00 !important;
  }

  .gap-2 {
    gap: 0.5rem !important;
  }
}

/* ==================================================================
   Seasonal hero text
   ================================================================== */

.hero-content {
  width: 100%;
  max-width: max-content;
}

.hero-content-box {
  width: 100%;
}

/* SPRUCE */
.hero-spruce {
  font-family: "Libre Bodoni", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 72px;
  line-height: 1.74;
  color: #ffffff;
  margin-bottom: 50px;
}

/* IT UP */
.hero-it-up {
  font-family: "Libre Bodoni", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 200px;
  line-height: 80px;
  width: 100%;
  color: #ffffff;
  margin: 0;
  margin-bottom: 20px;
}

/* Subtitle */
.hero-subtitle {
  font-family: "Libre Bodoni", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 3px;
  color: #ffffff;
}

/* Button */
.hero-seasonal-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: #111;
  text-decoration: none;
  text-transform: uppercase;
  padding: 11px 24px;
  border-radius: 50px;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  margin-top: 35px;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.35s ease;
}

.hero-seasonal-btn:hover {
  background: #000;
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .hero-spruce {
    font-size: 55px;
    line-height: 1.4;
  }
  .hero-it-up {
    font-size: 130px;
    line-height: 65px;
  }
  .hero-subtitle {
    font-size: 26px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .hero-spruce {
    font-size: 42px;
    line-height: 1.3;
  }
  .hero-it-up {
    font-size: 90px;
    line-height: 50px;
  }
  .hero-subtitle {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 480px) {
  .hero-spruce {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 22px;
  }
  .hero-it-up {
    font-size: 70px;
    line-height: 42px;
    margin-bottom: 0;
  }
  .hero-subtitle {
    font-size: 19px;
    line-height: 28px;
  }
}