/* =========================================================
   KENZORA MORE SOFA OPTIONS + CTA
   FULLY SCOPED
   ========================================================= */

.kenzora-more-options-cta {

  --kmo-primary:
    var(--e-global-color-primary, #7d8f2a);

  --kmo-secondary:
    var(--e-global-color-secondary, #7d8f2a);

  --kmo-accent:
    var(--e-global-color-accent, #b6c82e);


  /* FULL BROWSER WIDTH */

  width: 100vw !important;

  max-width: 100vw !important;

  margin-left:
    calc(50% - 50vw) !important;

  margin-right:
    calc(50% - 50vw) !important;


  /* PURE WHITE */

  background: #ffffff !important;


  padding:
    105px 0 100px;


  color: #171a18;

  font-family: inherit;

  box-sizing: border-box;

}


/* =========================================================
   BOX SIZING
   ========================================================= */

.kenzora-more-options-cta *,
.kenzora-more-options-cta *::before,
.kenzora-more-options-cta *::after {

  box-sizing: border-box;

}


/* =========================================================
   MAIN WRAPPER
   ========================================================= */

.kenzora-more-options-wrap {

  width: 100%;

  max-width: 1480px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 45px;

  padding-right: 45px;

}


/* =========================================================
   MORE OPTIONS
   ========================================================= */

.kenzora-more-options {

  width: 100%;

}


/* =========================================================
   HEADER
   ========================================================= */

.kenzora-more-options-heading {

  display: grid;

  grid-template-columns:
    0.7fr
    1fr
    1.1fr;

  gap: 35px;

  align-items: end;

  padding-bottom: 28px;

  border-bottom:
    1px solid #dfe2dc;

}


/* =========================================================
   EXPLORE MORE KICKER
   ========================================================= */

.kenzora-more-options-kicker {

  display: flex;

  align-items: center;

  gap: 12px;

  margin: 0;

  color:
    var(--kmo-primary);

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

  font-weight: 800;

  letter-spacing: 0.13em;

}


/* GREEN LINE BEFORE EXPLORE MORE */

.kenzora-more-options-kicker::before {

  content: "";

  width: 38px;

  height: 2px;

  flex: 0 0 38px;

  background:
    var(--kmo-primary);

}


/* =========================================================
   HEADING
   ========================================================= */

.kenzora-more-options-heading h2 {

  margin: 0;

  color:
    var(--kmo-primary);

  font-family: inherit;

  font-size:
    clamp(30px, 3vw, 43px);

  line-height: 1;

  font-weight: 800;

  letter-spacing: -0.035em;

  text-shadow:
    0 4px 14px rgba(0,0,0,0.07);

}


/* =========================================================
   HEADER DESCRIPTION
   ========================================================= */

.kenzora-more-options-heading p {

  max-width: 430px;

  margin: 0;

  color: #676c67;

  font-family: inherit;

  font-size: inherit;

  line-height: 1.65;

}


/* =========================================================
   OPTIONS LIST
   ========================================================= */

.kenzora-more-options-list {

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  border-bottom:
    1px solid #dfe2dc;

}


/* =========================================================
   OPTION ITEM
   ========================================================= */

.kenzora-more-options-item {

  display: grid;

  grid-template-columns:
    45px
    minmax(0, 1fr)
    36px;

  align-items: center;

  gap: 15px;

  min-height: 105px;

  padding:
    18px 20px 18px 0;

  border-bottom:
    1px solid #e2e5df;

  color: inherit;

  text-decoration: none;

  background: #ffffff;

  transition:
    background 0.25s ease,
    padding 0.25s ease;

}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

.kenzora-more-options-item:nth-child(odd) {

  padding-left: 0;

  padding-right: 35px;

  border-right:
    1px solid #e2e5df;

}


/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.kenzora-more-options-item:nth-child(even) {

  padding-left: 35px;

}


/* =========================================================
   IMPORTANT:
   7TH ITEM MUST REMAIN A NORMAL-SIZED BOX
   ========================================================= */

.kenzora-more-options-item:nth-child(7) {

  grid-column: auto;

  border-right:
    1px solid #e2e5df;

  padding-left: 0;

  padding-right: 35px;

}


/* =========================================================
   LAST ITEM — NO BOTTOM BORDER
   ========================================================= */

.kenzora-more-options-item:last-child {

  border-bottom: 0;

}


/* =========================================================
   HOVER
   ========================================================= */

.kenzora-more-options-item:hover {

  background:
    #fafbf7;

}


/* =========================================================
   NUMBER
   ========================================================= */

.kenzora-more-options-number {

  color:
    var(--kmo-primary);

  font-family: inherit;

  font-size: inherit;

  line-height: 1;

  font-weight: 800;

  opacity: 0.6;

}


/* =========================================================
   CONTENT
   ========================================================= */

.kenzora-more-options-content {

  display: flex;

  flex-direction: column;

  gap: 5px;

  min-width: 0;

}


/* =========================================================
   OPTION TITLE
   ========================================================= */

.kenzora-more-options-content strong {

  color: #202420;

  font-family: inherit;

  font-size: 18px;

  line-height: 1.25;

  font-weight: 800;

}


/* =========================================================
   OPTION DESCRIPTION
   ========================================================= */

.kenzora-more-options-content small {

  color: #71766f;

  font-family: inherit;

  font-size: inherit;

  line-height: 1.45;

}


/* =========================================================
   ROUND GREEN ARROW
   ========================================================= */

.kenzora-more-options-arrow {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  flex: 0 0 36px;

  border-radius: 50%;

  background:
    var(--kmo-primary);

  color: #ffffff;

  font-size: 18px;

  line-height: 1;

  font-weight: 700;

  transition:
    transform 0.25s ease,
    background-color 0.25s ease;

}


.kenzora-more-options-item:hover
.kenzora-more-options-arrow {

  transform:
    translate(3px,-3px);

  background:
    var(--kmo-secondary);

}


/* =========================================================
   CTA BOX
   ========================================================= */

.kenzora-more-options-cta-box {

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap: 60px;

  align-items: center;

  margin-top: 80px;

  padding:
    55px 60px;

  border-radius: 8px;

  background:
    var(--kmo-primary);

  box-shadow:
    0 18px 45px rgba(22,30,20,0.12);

}


/* =========================================================
   CTA KICKER
   ========================================================= */

.kenzora-more-options-cta-kicker {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 17px;

  color:
    var(--kmo-accent);

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

  font-weight: 800;

  letter-spacing: 0.13em;

}


.kenzora-more-options-cta-kicker::before {

  content: "";

  width: 38px;

  height: 2px;

  flex: 0 0 38px;

  background:
    var(--kmo-accent);

}


/* =========================================================
   CTA HEADING
   ========================================================= */

.kenzora-more-options-cta-content h3 {

  max-width: 800px;

  margin: 0;

  color: #ffffff;

  font-family: inherit;

  font-size:
    clamp(34px, 4vw, 55px);

  line-height: 1;

  font-weight: 800;

  letter-spacing: -0.04em;

}


.kenzora-more-options-cta-content h3 span {

  display: block;

  color:
    var(--kmo-accent);

}


/* =========================================================
   CTA DESCRIPTION
   ========================================================= */

.kenzora-more-options-cta-content p {

  max-width: 700px;

  margin:
    20px 0 0;

  color:
    rgba(255,255,255,0.72);

  font-family: inherit;

  font-size: inherit;

  line-height: 1.75;

}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.kenzora-more-options-cta-button {

  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

  min-width: 265px;

  padding:
    18px 20px 18px 23px;

  border:
    1px solid var(--kmo-accent);

  border-radius: 4px;

  background:
    var(--kmo-accent);

  color:
    var(--kmo-primary);

  font-family: inherit;

  font-size: inherit;

  line-height: 1.2;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;

}


.kenzora-more-options-cta-button strong {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 32px;

  height: 32px;

  flex: 0 0 32px;

  border-radius: 50%;

  background:
    var(--kmo-primary);

  color:
    #ffffff;

  font-size: 17px;

  line-height: 1;

}


.kenzora-more-options-cta-button:hover {

  color:
    var(--kmo-primary);

  transform:
    translateY(-3px);

  box-shadow:
    0 10px 25px rgba(0,0,0,0.18);

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .kenzora-more-options-cta {

    padding:
      80px 0;

  }


  .kenzora-more-options-wrap {

    padding-left: 30px;

    padding-right: 30px;

  }


  .kenzora-more-options-heading {

    gap: 25px;

    grid-template-columns:
      0.7fr 1fr 1fr;

  }


  .kenzora-more-options-item {

    grid-template-columns:
      38px minmax(0,1fr) 32px;

  }


  .kenzora-more-options-item:nth-child(odd) {

    padding-right: 25px;

  }


  .kenzora-more-options-item:nth-child(even) {

    padding-left: 25px;

  }


  .kenzora-more-options-item:nth-child(7) {

    padding-left: 0;

    padding-right: 25px;

  }


  .kenzora-more-options-cta-box {

    padding:
      45px;

    gap: 40px;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .kenzora-more-options-cta {

    padding:
      65px 0;

  }


  .kenzora-more-options-wrap {

    padding-left: 17px;

    padding-right: 17px;

  }


  /* HEADER */

  .kenzora-more-options-heading {

    display: block;

    padding-bottom: 25px;

  }


  .kenzora-more-options-heading h2 {

    margin:
      10px 0 12px;

    font-size: 35px;

  }


  .kenzora-more-options-heading p {

    max-width: 100%;

  }


  /* LIST */

  .kenzora-more-options-list {

    display: block;

  }


  .kenzora-more-options-item,
  .kenzora-more-options-item:nth-child(odd),
  .kenzora-more-options-item:nth-child(even),
  .kenzora-more-options-item:nth-child(7) {

    display: grid;

    grid-template-columns:
      35px minmax(0,1fr) 36px;

    min-height: 85px;

    padding:
      17px 0;

    border-right: 0;

    border-bottom:
      1px solid #e2e5df;

  }


  .kenzora-more-options-item:last-child {

    border-bottom: 0;

  }


  .kenzora-more-options-arrow {

    width: 34px;

    height: 34px;

    flex-basis: 34px;

  }


  /* CTA */

  .kenzora-more-options-cta-box {

    display: block;

    margin-top: 60px;

    padding:
      38px 25px;

  }


  .kenzora-more-options-cta-content h3 {

    font-size: 38px;

  }


  .kenzora-more-options-cta-button {

    width: 100%;

    min-width: 0;

    margin-top: 30px;

  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .kenzora-more-options-cta {

    padding:
      55px 0;

  }


  .kenzora-more-options-wrap {

    padding-left: 14px;

    padding-right: 14px;

  }


  .kenzora-more-options-heading h2 {

    font-size: 34px;

  }


  .kenzora-more-options-item,
  .kenzora-more-options-item:nth-child(7) {

    grid-template-columns:
      30px minmax(0,1fr) 34px;

    gap: 10px;

  }


  .kenzora-more-options-content strong {

    font-size: 17px;

  }


  .kenzora-more-options-cta-box {

    padding:
      32px 20px;

  }


  .kenzora-more-options-cta-content h3 {

    font-size: 34px;

  }

}