.elementor-12 .elementor-element.elementor-element-96e7936{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-17be02e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cfd9a3c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a69704c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-caf16a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8adf52e *//* =========================================================
   HOME REVAMP — SECTION 1
   LG SUBSCRIBE HERO
========================================================= */

.lghome {
  --red: #a50034;
  --red-dark: #820029;
  --black: #171717;
  --grey: #707070;
  --soft: #f3f2f0;
  --line: #d8d8d8;

  width: 100%;
  padding: 85px 0 0;

  overflow: hidden;

  background: #fff;

  font-family: "Poppins", Arial, sans-serif;
}

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

.lghome__wrap {
  width: min(1540px, calc(100% - 70px));
  margin: 0 auto;
}


/* =========================================================
   HERO MAIN
========================================================= */

.lghome__main {
  min-height: 680px;

  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(520px, 1.1fr);

  align-items: stretch;

  gap: 65px;
}


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

.lghome__content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 30px 0 80px;
}


/* =========================================================
   EYEBROW
========================================================= */

.lghome__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 25px;

  color: var(--red);

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.lghome__eyebrow::before {
  content: "";

  width: 38px;
  height: 2px;

  flex: 0 0 38px;

  background: var(--red);
}


/* =========================================================
   HERO TITLE
========================================================= */

.lghome__content h1 {
  max-width: 750px;

  margin: 0;

  color: var(--black);

  font-size: clamp(70px, 7.1vw, 110px);
  line-height: .86;

  font-weight: 300;

  letter-spacing: -6.5px;
}

.lghome__content h1 strong {
  display: inline-block;

  color: var(--red);

  font-weight: 650;
}


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

.lghome__content > p {
  max-width: 570px;

  margin: 35px 0 0;

  color: #666;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 400;
}


/* =========================================================
   BUTTONS
========================================================= */

.lghome__actions {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-top: 38px;
}

.lghome__btn {
  min-height: 62px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  padding: 0 22px;

  text-decoration: none !important;

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: .5px;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.lghome__btn span {
  font-size: 20px;
  line-height: 1;

  font-weight: 300;
}


/* RED BUTTON */

.lghome__btn--red {
  min-width: 220px;

  border: 1px solid var(--red);

  background: var(--red);

  color: #fff !important;
}

.lghome__btn--red:hover {
  border-color: var(--red-dark);

  background: var(--red-dark);
}


/* OUTLINE BUTTON */

.lghome__btn--line {
  min-width: 210px;

  border: 1px solid #bbb;

  background: #fff;

  color: var(--black) !important;
}

.lghome__btn--line span {
  color: var(--red);
}

.lghome__btn--line:hover {
  border-color: var(--black);

  background: #f8f8f8;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.lghome__visual {
  position: relative;

  min-height: 680px;

  overflow: hidden;

  background: #eceae7;
}


/* =========================================================
   VISUAL IMAGE
========================================================= */

.lghome__visual-img {
  position: absolute;

  z-index: 1;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition: transform 1s ease;
}

.lghome__visual:hover .lghome__visual-img {
  transform: scale(1.025);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.lghome__visual::after {
  content: "";

  position: absolute;

  z-index: 2;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .01) 35%,
      rgba(0, 0, 0, .38) 100%
    );
}


/* =========================================================
   LIFE'S GOOD LABEL
========================================================= */

.lghome__visual-word {
  position: absolute;

  z-index: 4;

  top: 32px;
  right: 32px;

  color: rgba(255,255,255,.88);

  font-size: 13px;
  line-height: .95;

  font-weight: 700;

  letter-spacing: 1px;

  text-align: right;
}


/* =========================================================
   RED PANEL
========================================================= */

.lghome__red-panel {
  position: absolute;

  z-index: 5;

  left: 0;
  bottom: 0;

  width: 52%;
  min-height: 230px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 32px 36px;

  background: var(--red);
}

.lghome__red-panel > span {
  display: block;

  margin-bottom: 11px;

  color: rgba(255,255,255,.7);

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.3px;
}

.lghome__red-panel > strong {
  display: block;

  color: #fff;

  font-size: 29px;
  line-height: 1.08;

  font-weight: 500;

  letter-spacing: -1.3px;
}

.lghome__red-panel > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 27px;

  padding-top: 17px;

  border-top: 1px solid rgba(255,255,255,.35);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: .8px;
}

.lghome__red-panel > a b {
  font-size: 19px;
  line-height: 1;

  font-weight: 300;

  transition: transform .25s ease;
}

.lghome__red-panel > a:hover b {
  transform: translate(3px, -3px);
}


/* =========================================================
   FLOAT BOX
========================================================= */

.lghome__float {
  position: absolute;

  z-index: 5;

  right: 25px;
  bottom: 25px;

  width: 180px;
  height: 150px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  padding: 22px;

  background: rgba(255,255,255,.95);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.lghome__float > span {
  display: block;

  margin-bottom: 8px;

  color: #999;

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1px;
}

.lghome__float > strong {
  color: var(--black);

  font-size: 17px;
  line-height: 1.2;

  font-weight: 550;
}

.lghome__float > b {
  position: absolute;

  top: 18px;
  right: 20px;

  color: var(--red);

  font-size: 12px;
  line-height: 1;

  font-weight: 700;
}


/* =========================================================
   PREMIUM EXPLORE NAV
========================================================= */

.lghome__explore {
  position: relative;

  z-index: 10;

  display: grid;

  grid-template-columns:
    minmax(290px, .8fr)
    minmax(0, 2.2fr);

  min-height: 190px;

  background: var(--black);
}


/* =========================================================
   EXPLORE LEFT — RED
========================================================= */

.lghome__explore-intro {
  min-width: 0;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 32px 34px;

  background: var(--red);
}

.lghome__explore-intro > div > span {
  display: block;

  margin-bottom: 12px;

  color: rgba(255,255,255,.7);

  font-size: 11px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.4px;
}

.lghome__explore-intro > div > strong {
  display: block;

  color: #fff;

  font-size: 25px;
  line-height: 1.12;

  font-weight: 500;

  letter-spacing: -1px;
}


/* ALL PRODUCTS */

.lghome__explore-intro > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding-top: 17px;

  border-top: 1px solid rgba(255,255,255,.3);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 11px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: .5px;
}

.lghome__explore-intro > a b {
  font-size: 19px;
  line-height: 1;

  font-weight: 300;

  transition: transform .25s ease;
}

.lghome__explore-intro > a:hover b {
  transform: translate(3px, -3px);
}


/* =========================================================
   EXPLORE CATEGORY AREA
========================================================= */

.lghome__explore-links {
  min-width: 0;

  display: grid;

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

  background: var(--black);
}


/* =========================================================
   CATEGORY ITEM
========================================================= */

.lghome__explore-links > a {
  position: relative;

  min-width: 0;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 30px 25px;

  overflow: hidden;

  border-left: 1px solid rgba(255,255,255,.11);

  color: #fff !important;

  text-decoration: none !important;

  transition:
    background .3s ease,
    padding .3s ease;
}


/* BOTTOM RED LINE */

.lghome__explore-links > a::before {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 4px;

  background: var(--red);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform .3s ease;
}

.lghome__explore-links > a:hover::before {
  transform: scaleX(1);
}

.lghome__explore-links > a:hover {
  background: #222;
}


/* NUMBER */

.lghome__explore-links > a > span {
  display: block;

  color: #777;

  font-size: 11px;
  line-height: 1;

  font-weight: 600;

  transition: color .25s ease;
}

.lghome__explore-links > a:hover > span {
  color: var(--red);
}


/* CATEGORY TITLE */

.lghome__explore-links > a > strong {
  display: block;

  margin-top: auto;

  padding-top: 45px;
  padding-right: 25px;

  color: #fff;

  font-size: 17px;
  line-height: 1.25;

  font-weight: 500;

  letter-spacing: -.4px;
}


/* ARROW */

.lghome__explore-links > a > b {
  position: absolute;

  right: 22px;
  bottom: 28px;

  color: var(--red);

  font-size: 18px;
  line-height: 1;

  font-weight: 300;

  opacity: 0;

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

  transition:
    opacity .25s ease,
    transform .25s ease;
}

.lghome__explore-links > a:hover > b {
  opacity: 1;

  transform: translate(0, 0);
}


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

@media (max-width: 1180px) {

  .lghome {
    padding-top: 70px;
  }

  .lghome__wrap {
    width: calc(100% - 50px);
  }

  .lghome__main {
    grid-template-columns:
      minmax(0, .9fr)
      minmax(440px, 1.1fr);

    gap: 40px;
  }

  .lghome__content {
    padding-bottom: 60px;
  }

  .lghome__content h1 {
    font-size: 75px;

    letter-spacing: -5px;
  }

  .lghome__content > p {
    font-size: 14px;
  }


  /* EXPLORE */

  .lghome__explore {
    grid-template-columns:
      250px
      1fr;
  }

  .lghome__explore-intro {
    padding: 28px;
  }

  .lghome__explore-intro > div > strong {
    font-size: 21px;
  }

  .lghome__explore-links > a {
    padding: 27px 17px;
  }

  .lghome__explore-links > a > strong {
    padding-top: 40px;
    padding-right: 0;

    font-size: 14px;
  }

}


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

@media (max-width: 900px) {

  .lghome__main {
    grid-template-columns: 1fr;
    gap: 0;

    min-height: 0;
  }

  .lghome__content {
    padding: 25px 0 60px;
  }

  .lghome__content h1 {
    max-width: 700px;

    font-size: 82px;
  }

  .lghome__content > p {
    max-width: 600px;
  }

  .lghome__visual {
    min-height: 620px;
  }


  /* EXPLORE */

  .lghome__explore {
    grid-template-columns: 1fr;
  }

  .lghome__explore-intro {
    min-height: 175px;
  }

  .lghome__explore-links {
    min-height: 165px;
  }

}


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

@media (max-width: 767px) {

  .lghome {
    padding-top: 50px;
  }

  .lghome__wrap {
    width: calc(100% - 28px);
  }


  /* =======================================================
     HERO
  ======================================================== */

  .lghome__content {
    padding: 0 0 45px;
  }

  .lghome__eyebrow {
    margin-bottom: 19px;

    font-size: 10px;
  }

  .lghome__eyebrow::before {
    width: 27px;

    flex-basis: 27px;
  }

  .lghome__content h1 {
    font-size: 56px;
    line-height: .9;

    letter-spacing: -3.6px;
  }

  .lghome__content > p {
    max-width: 100%;

    margin-top: 25px;

    font-size: 13px;
    line-height: 1.7;
  }


  /* =======================================================
     BUTTONS
  ======================================================== */

  .lghome__actions {
    display: grid;

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

    gap: 8px;

    margin-top: 29px;
  }

  .lghome__btn {
    min-width: 0;
    min-height: 58px;

    gap: 10px;

    padding: 0 14px;

    font-size: 10px;
  }

  .lghome__btn span {
    font-size: 16px;
  }


  /* =======================================================
     VISUAL
  ======================================================== */

  .lghome__visual {
    min-height: 520px;
  }

  .lghome__visual-word {
    top: 20px;
    right: 19px;

    font-size: 11px;
  }


  /* RED PANEL */

  .lghome__red-panel {
    width: 68%;
    min-height: 185px;

    padding: 23px 21px;
  }

  .lghome__red-panel > span {
    font-size: 10px;
  }

  .lghome__red-panel > strong {
    font-size: 23px;
  }

  .lghome__red-panel > a {
    margin-top: 20px;

    padding-top: 14px;

    font-size: 10px;
  }


  /* FLOAT */

  .lghome__float {
    right: 12px;
    bottom: 12px;

    width: 132px;
    height: 118px;

    padding: 15px;
  }

  .lghome__float > span {
    font-size: 9px;
  }

  .lghome__float > strong {
    font-size: 14px;
  }

  .lghome__float > b {
    top: 14px;
    right: 14px;

    font-size: 10px;
  }


  /* =======================================================
     PREMIUM EXPLORE NAV
  ======================================================== */

  .lghome__explore {
    display: block;

    min-height: 0;

    margin-left: -14px;
    margin-right: -14px;
  }


  /* RED INTRO */

  .lghome__explore-intro {
    min-height: 180px;

    padding: 27px 22px;
  }

  .lghome__explore-intro > div > span {
    margin-bottom: 10px;

    font-size: 10px;
  }

  .lghome__explore-intro > div > strong {
    font-size: 27px;
    line-height: 1.08;

    letter-spacing: -1px;
  }

  .lghome__explore-intro > a {
    padding-top: 15px;

    font-size: 10px;
  }


  /* =======================================================
     MOBILE CATEGORY GRID
  ======================================================== */

  .lghome__explore-links {
    display: grid;

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

    min-height: 0;

    background: var(--black);
  }

  .lghome__explore-links > a {
    min-height: 135px;

    padding: 20px;

    border-left: 0;
    border-right: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
  }

  .lghome__explore-links > a:nth-child(2n) {
    border-right: 0;
  }


  /* LAST CATEGORY FULL WIDTH */

  .lghome__explore-links > a:last-child {
    grid-column: 1 / -1;

    min-height: 115px;

    border-right: 0;
  }


  /* NUMBER */

  .lghome__explore-links > a > span {
    font-size: 10px;
  }


  /* TITLE */

  .lghome__explore-links > a > strong {
    margin-top: auto;

    padding: 25px 25px 0 0;

    font-size: 15px;
    line-height: 1.25;
  }


  /* ARROW ALWAYS SHOW MOBILE */

  .lghome__explore-links > a > b {
    display: block;

    right: 18px;
    bottom: 19px;

    opacity: 1;

    transform: none;

    font-size: 15px;
  }

}


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

@media (max-width: 390px) {

  .lghome__content h1 {
    font-size: 49px;

    letter-spacing: -3px;
  }

  .lghome__actions {
    grid-template-columns: 1fr;
  }

  .lghome__visual {
    min-height: 470px;
  }

  .lghome__red-panel {
    width: 72%;
  }

  .lghome__explore-intro {
    min-height: 165px;
  }

  .lghome__explore-intro > div > strong {
    font-size: 24px;
  }

  .lghome__explore-links > a {
    min-height: 125px;

    padding: 18px;
  }

  .lghome__explore-links > a > strong {
    font-size: 14px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5183e6f *//* =========================================================
   HOME REVAMP — SECTION 2
   SHOP BY LIFESTYLE
========================================================= */

.lglife {
  --red: #a50034;
  --red-dark: #820029;
  --black: #171717;
  --grey: #707070;
  --line: #d8d8d8;
  --soft: #f3f2f0;

  width: 100%;

  padding: 125px 0 115px;

  overflow: hidden;

  background: #fff;

  font-family: "Poppins", Arial, sans-serif;
}

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

.lglife__wrap {
  width: min(1540px, calc(100% - 70px));

  margin: 0 auto;
}


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

.lglife__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(330px, .75fr);

  gap: 100px;

  align-items: end;

  margin-bottom: 65px;
}


/* =========================================================
   EYEBROW
========================================================= */

.lglife__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 20px;

  color: var(--red);

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.lglife__eyebrow::before {
  content: "";

  width: 36px;
  height: 2px;

  flex: 0 0 36px;

  background: var(--red);
}


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

.lglife__head-main h2 {
  margin: 0;

  color: var(--black);

  font-size: clamp(58px, 6vw, 90px);
  line-height: .91;

  font-weight: 300;

  letter-spacing: -5px;
}

.lglife__head-main h2 strong {
  color: var(--red);

  font-weight: 650;
}


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

.lglife__head-side {
  padding-top: 24px;

  border-top: 1px solid #aaa;
}

.lglife__head-side > span {
  display: block;

  margin-bottom: 13px;

  color: var(--red);

  font-size: 11px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lglife__head-side p {
  max-width: 470px;

  margin: 0;

  color: #6f6f6f;

  font-size: 14px;
  line-height: 1.75;
}

.lglife__head-side > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 24px;

  padding: 15px 0 7px;

  border-bottom: 1px solid #aaa;

  color: var(--black) !important;

  text-decoration: none !important;

  font-size: 11px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: .5px;
}

.lglife__head-side > a b {
  color: var(--red);

  font-size: 18px;
  line-height: 1;

  font-weight: 300;

  transition: transform .25s ease;
}

.lglife__head-side > a:hover b {
  transform: translate(3px, -3px);
}


/* =========================================================
   MAIN VISUAL GRID
========================================================= */

.lglife__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(0, .92fr);

  gap: 16px;

  min-height: 820px;
}


/* =========================================================
   GENERAL FEATURE
========================================================= */

.lglife__feature {
  position: relative;

  display: block;

  overflow: hidden;

  background: #ddd;

  color: #fff !important;

  text-decoration: none !important;
}

.lglife__feature > img {
  position: absolute;

  z-index: 1;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 1s cubic-bezier(.2,.7,.2,1);
}

.lglife__feature:hover > img {
  transform: scale(1.035);
}


/* =========================================================
   SHADE
========================================================= */

.lglife__shade {
  position: absolute;

  z-index: 2;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.04) 20%,
      rgba(0,0,0,.12) 50%,
      rgba(0,0,0,.7) 100%
    );
}


/* =========================================================
   FEATURE LARGE
========================================================= */

.lglife__feature--large {
  min-height: 820px;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.lglife__side {
  display: grid;

  grid-template-rows:
    1.08fr
    .92fr;

  gap: 16px;
}

.lglife__feature--wide {
  min-height: 0;
}


/* =========================================================
   FEATURE TOP
========================================================= */

.lglife__feature-top {
  position: absolute;

  z-index: 5;

  top: 0;
  left: 0;
  right: 0;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 28px 30px;
}

.lglife__feature-top > span {
  color: #fff;

  font-size: 11px;
  line-height: 1;

  font-weight: 700;
}

.lglife__feature-top > small {
  color: rgba(255,255,255,.85);

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.2px;
}


/* =========================================================
   FEATURE BOTTOM
========================================================= */

.lglife__feature-bottom {
  position: absolute;

  z-index: 5;

  left: 0;
  right: 0;
  bottom: 0;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 35px;

  padding: 35px;
}

.lglife__feature-bottom > div > span {
  display: block;

  margin-bottom: 13px;

  color: rgba(255,255,255,.7);

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.1px;
}

.lglife__feature-bottom h3 {
  margin: 0;

  color: #fff;

  font-size: clamp(35px, 3.2vw, 52px);
  line-height: .98;

  font-weight: 450;

  letter-spacing: -2.5px;
}

.lglife__feature--wide
.lglife__feature-bottom h3,
.lglife__feature--dark
.lglife__feature-bottom h3 {
  font-size: clamp(30px, 2.7vw, 42px);
}

.lglife__feature-bottom p {
  max-width: 390px;

  margin: 17px 0 0;

  color: rgba(255,255,255,.8);

  font-size: 13px;
  line-height: 1.65;
}

.lglife__feature-bottom > b {
  flex: 0 0 52px;

  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.5);

  color: #fff;

  font-size: 20px;
  line-height: 1;

  font-weight: 300;

  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease;
}

.lglife__feature:hover
.lglife__feature-bottom > b {
  background: #fff;

  color: var(--red);

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


/* =========================================================
   ENTERTAINMENT DARK FEATURE
========================================================= */

.lglife__feature--dark {
  min-height: 0;

  background: var(--black);
}

.lglife__dark-bg {
  position: absolute;

  z-index: 1;

  inset: 0;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 65% 45%,
      #353535 0%,
      #1d1d1d 40%,
      #101010 100%
    );
}


/* TV SCREEN */

.lglife__screen {
  position: absolute;

  top: 18%;
  right: -3%;

  width: 62%;
  height: 52%;

  padding: 5px;

  background: #050505;

  box-shadow:
    0 30px 60px rgba(0,0,0,.4);

  transform:
    perspective(1000px)
    rotateY(-8deg);

  transition: transform .7s ease;
}

.lglife__feature--dark:hover
.lglife__screen {
  transform:
    perspective(1000px)
    rotateY(0deg)
    scale(1.02);
}

.lglife__screen img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}


/* =========================================================
   BOTTOM AREA
========================================================= */

.lglife__bottom {
  display: grid;

  grid-template-columns:
    minmax(270px, .8fr)
    minmax(0, 2.2fr);

  margin-top: 16px;

  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* =========================================================
   BOTTOM COPY
========================================================= */

.lglife__bottom-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 135px;

  padding: 25px 30px 25px 0;

  border-right: 1px solid #ddd;
}

.lglife__bottom-copy span {
  display: block;

  margin-bottom: 8px;

  color: var(--red);

  font-size: 10px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lglife__bottom-copy strong {
  max-width: 270px;

  color: var(--black);

  font-size: 17px;
  line-height: 1.35;

  font-weight: 500;
}


/* =========================================================
   BOTTOM LINKS
========================================================= */

.lglife__bottom-links {
  display: grid;

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

.lglife__bottom-links > a {
  position: relative;

  min-height: 135px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 25px;

  border-right: 1px solid #ddd;

  color: var(--black) !important;

  text-decoration: none !important;

  transition:
    background .25s ease,
    color .25s ease;
}

.lglife__bottom-links > a:last-child {
  border-right: 0;
}

.lglife__bottom-links > a > span {
  color: #aaa;

  font-size: 10px;
  line-height: 1;

  font-weight: 650;
}

.lglife__bottom-links > a {
  font-size: 13px;
  line-height: 1.35;

  font-weight: 550;
}

.lglife__bottom-links > a > b {
  position: absolute;

  right: 20px;
  bottom: 23px;

  color: var(--red);

  font-size: 16px;
  line-height: 1;

  font-weight: 300;

  opacity: 0;

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

  transition:
    opacity .25s ease,
    transform .25s ease;
}

.lglife__bottom-links > a:hover {
  background: var(--black);

  color: #fff !important;
}

.lglife__bottom-links > a:hover > b {
  opacity: 1;

  transform: translate(0,0);
}


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

@media (max-width: 1100px) {

  .lglife {
    padding: 95px 0;
  }

  .lglife__wrap {
    width: calc(100% - 50px);
  }

  .lglife__head {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(300px, .7fr);

    gap: 55px;
  }

  .lglife__head-main h2 {
    font-size: 65px;
  }

  .lglife__grid {
    min-height: 700px;
  }

  .lglife__feature--large {
    min-height: 700px;
  }

  .lglife__feature-bottom {
    padding: 28px;
  }

  .lglife__bottom {
    grid-template-columns: 230px 1fr;
  }

  .lglife__bottom-links > a {
    padding: 20px 15px;

    font-size: 12px;
  }

}


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

@media (max-width: 767px) {

  .lglife {
    padding: 75px 0 70px;
  }

  .lglife__wrap {
    width: calc(100% - 28px);
  }


  /* HEADER */

  .lglife__head {
    display: block;

    margin-bottom: 40px;
  }

  .lglife__eyebrow {
    margin-bottom: 17px;

    font-size: 10px;
  }

  .lglife__eyebrow::before {
    width: 27px;

    flex-basis: 27px;
  }

  .lglife__head-main h2 {
    font-size: 50px;
    line-height: .94;

    letter-spacing: -3px;
  }

  .lglife__head-side {
    margin-top: 35px;

    padding-top: 20px;
  }

  .lglife__head-side > span {
    font-size: 10px;
  }

  .lglife__head-side p {
    font-size: 13px;
    line-height: 1.7;
  }

  .lglife__head-side > a {
    font-size: 10px;
  }


  /* =======================================================
     VISUALS
  ======================================================== */

  .lglife__grid {
    display: block;

    min-height: 0;
  }

  .lglife__feature--large {
    min-height: 570px;
  }

  .lglife__side {
    display: block;
  }

  .lglife__feature--wide,
  .lglife__feature--dark {
    min-height: 400px;

    margin-top: 10px;
  }


  /* FEATURE */

  .lglife__feature-top {
    padding: 20px;
  }

  .lglife__feature-top > span {
    font-size: 10px;
  }

  .lglife__feature-top > small {
    font-size: 9px;
  }

  .lglife__feature-bottom {
    gap: 20px;

    padding: 22px 20px;
  }

  .lglife__feature-bottom > div > span {
    font-size: 9px;
  }

  .lglife__feature-bottom h3,
  .lglife__feature--wide
  .lglife__feature-bottom h3,
  .lglife__feature--dark
  .lglife__feature-bottom h3 {
    font-size: 32px;

    letter-spacing: -1.8px;
  }

  .lglife__feature-bottom p {
    max-width: 260px;

    font-size: 12px;
  }

  .lglife__feature-bottom > b {
    flex-basis: 44px;

    width: 44px;
    height: 44px;

    font-size: 17px;
  }


  /* TV */

  .lglife__screen {
    top: 19%;
    right: -6%;

    width: 72%;
    height: 48%;
  }


  /* =======================================================
     BOTTOM
  ======================================================== */

  .lglife__bottom {
    display: block;

    margin-top: 35px;

    border-bottom: 0;
  }

  .lglife__bottom-copy {
    min-height: 115px;

    padding: 24px 0;

    border-right: 0;
    border-bottom: 1px solid #ddd;
  }

  .lglife__bottom-copy span {
    font-size: 10px;
  }

  .lglife__bottom-copy strong {
    max-width: 100%;

    font-size: 16px;
  }


  /* LINKS */

  .lglife__bottom-links {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .lglife__bottom-links > a {
    min-height: 115px;

    padding: 18px;

    border-bottom: 1px solid #ddd;

    font-size: 12px;
  }

  .lglife__bottom-links > a:nth-child(2n) {
    border-right: 0;
  }

  .lglife__bottom-links > a > b {
    right: 15px;
    bottom: 17px;

    opacity: 1;

    transform: none;

    font-size: 14px;
  }

}


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

@media (max-width: 390px) {

  .lglife__head-main h2 {
    font-size: 45px;
  }

  .lglife__feature--large {
    min-height: 520px;
  }

  .lglife__feature--wide,
  .lglife__feature--dark {
    min-height: 370px;
  }

  .lglife__feature-bottom h3,
  .lglife__feature--wide
  .lglife__feature-bottom h3,
  .lglife__feature--dark
  .lglife__feature-bottom h3 {
    font-size: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30e9385 *//* =========================================================
   HOME REVAMP — SECTION 3
   FEATURED LG SUBSCRIBE
========================================================= */

.lgfeatured {
  --red: #a50034;
  --red-dark: #820029;
  --black: #171717;
  --grey: #707070;
  --soft: #f3f2f0;
  --line: #d5d5d5;

  width: 100%;

  padding: 120px 0;

  overflow: hidden;

  background: var(--soft);

  font-family: "Poppins", Arial, sans-serif;
}

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

.lgfeatured__wrap {
  width: min(1540px, calc(100% - 70px));

  margin: 0 auto;
}


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

.lgfeatured__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(330px, .75fr);

  gap: 100px;

  align-items: end;

  margin-bottom: 65px;
}


/* EYEBROW */

.lgfeatured__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 20px;

  color: var(--red);

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.lgfeatured__eyebrow::before {
  content: "";

  width: 36px;
  height: 2px;

  flex: 0 0 36px;

  background: var(--red);
}


/* TITLE */

.lgfeatured__head-left h2 {
  margin: 0;

  color: var(--black);

  font-size: clamp(58px, 6vw, 90px);
  line-height: .91;

  font-weight: 300;

  letter-spacing: -5px;
}

.lgfeatured__head-left h2 strong {
  color: var(--red);

  font-weight: 650;
}


/* HEADER RIGHT */

.lgfeatured__head-right {
  padding-top: 24px;

  border-top: 1px solid #aaa;
}

.lgfeatured__head-right > span {
  display: block;

  margin-bottom: 13px;

  color: var(--red);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lgfeatured__head-right p {
  max-width: 470px;

  margin: 0;

  color: #6d6d6d;

  font-size: 14px;
  line-height: 1.75;
}

.lgfeatured__head-right > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 24px;

  padding: 15px 0 7px;

  border-bottom: 1px solid #aaa;

  color: var(--black) !important;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .5px;
}

.lgfeatured__head-right > a b {
  color: var(--red);

  font-size: 18px;

  font-weight: 300;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.lgfeatured__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(500px, .9fr);

  gap: 16px;
}


/* =========================================================
   MAIN PRODUCT
========================================================= */

.lgfeatured__main {
  min-height: 850px;

  display: flex;
  flex-direction: column;

  background: #fff;
}


/* TOP */

.lgfeatured__main-top {
  min-height: 76px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 0 30px;

  border-bottom: 1px solid var(--line);
}

.lgfeatured__main-top > div {
  display: flex;
  align-items: center;

  gap: 25px;
}

.lgfeatured__main-top span {
  color: var(--red);

  font-size: 11px;

  font-weight: 700;
}

.lgfeatured__main-top strong {
  color: var(--black);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1px;
}

.lgfeatured__main-top small {
  color: #999;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1px;
}


/* =========================================================
   MAIN VISUAL
========================================================= */

.lgfeatured__main-visual {
  position: relative;

  min-height: 480px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #f8f8f8 0%,
      #ededed 100%
    );
}


/* DECORATIVE WORD */

.lgfeatured__visual-word {
  position: absolute;

  left: 30px;
  top: 28px;

  color: #e2e2e2;

  font-size: clamp(60px, 7vw, 105px);
  line-height: .8;

  font-weight: 700;

  letter-spacing: -7px;
}


/* =========================================================
   PRODUCT PLACEHOLDER
========================================================= */

.lgfeatured__product-placeholder {
  position: relative;

  z-index: 2;

  width: 185px;
  height: 360px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 95px 95px 30px 30px;

  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #ececec 100%
    );

  box-shadow:
    0 30px 70px rgba(0,0,0,.13);

  transition: transform .4s ease;
}

.lgfeatured__main:hover
.lgfeatured__product-placeholder {
  transform: translateY(-7px);
}

.lgfeatured__product-placeholder > span {
  color: var(--red);

  font-size: 20px;

  font-weight: 700;
}

.lgfeatured__product-placeholder > strong {
  margin-top: 9px;

  color: var(--black);

  font-size: 15px;

  font-weight: 600;
}

.lgfeatured__product-placeholder > small {
  margin-top: 6px;

  color: #aaa;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1px;
}


/* =========================================================
   PRICE
========================================================= */

.lgfeatured__price {
  position: absolute;

  z-index: 4;

  right: 30px;
  bottom: 30px;

  width: 155px;
  height: 155px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  padding: 22px;

  background: var(--red);
}

.lgfeatured__price > span {
  margin-bottom: 7px;

  color: rgba(255,255,255,.7);

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1px;
}

.lgfeatured__price > strong {
  color: #fff;

  font-size: 37px;
  line-height: 1;

  font-weight: 550;

  letter-spacing: -2px;
}

.lgfeatured__price > small {
  margin-top: 5px;

  color: rgba(255,255,255,.7);

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1px;
}


/* =========================================================
   MAIN PRODUCT INFO
========================================================= */

.lgfeatured__main-info {
  display: grid;

  grid-template-columns:
    minmax(240px, .8fr)
    minmax(0, 1.2fr);

  gap: 50px;

  padding: 35px 30px;
}


/* TITLE */

.lgfeatured__main-title > span {
  display: block;

  margin-bottom: 8px;

  color: var(--red);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1px;
}

.lgfeatured__main-title h3 {
  margin: 0;

  color: var(--black);

  font-size: 28px;
  line-height: 1.1;

  font-weight: 500;

  letter-spacing: -1.3px;
}


/* DESCRIPTION */

.lgfeatured__main-desc p {
  max-width: 420px;

  margin: 0;

  color: #707070;

  font-size: 13px;
  line-height: 1.7;
}


/* FEATURES */

.lgfeatured__features {
  display: flex;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 18px;
}

.lgfeatured__features span {
  padding: 7px 10px;

  border: 1px solid #d8d8d8;

  color: #666;

  font-size: 10px;
  line-height: 1.2;

  font-weight: 500;
}


/* =========================================================
   MAIN ACTION
========================================================= */

.lgfeatured__main-action {
  display: grid;

  grid-template-columns: 1fr 1fr;

  margin-top: auto;

  border-top: 1px solid var(--line);
}

.lgfeatured__main-action a {
  min-height: 72px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 0 30px;

  color: var(--black) !important;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .5px;

  transition:
    background .25s ease,
    color .25s ease;
}

.lgfeatured__main-action a + a {
  border-left: 1px solid var(--line);

  background: var(--red);

  color: #fff !important;
}

.lgfeatured__main-action a b {
  color: var(--red);

  font-size: 18px;

  font-weight: 300;
}

.lgfeatured__main-action a + a b {
  color: #fff;
}

.lgfeatured__main-action a:first-child:hover {
  background: var(--black);

  color: #fff !important;
}

.lgfeatured__main-action a:first-child:hover b {
  color: #fff;
}

.lgfeatured__main-action a + a:hover {
  background: var(--red-dark);
}


/* =========================================================
   SIDE PRODUCTS
========================================================= */

.lgfeatured__side {
  display: grid;

  grid-template-rows:
    repeat(3, 1fr);

  gap: 16px;
}


/* =========================================================
   PRODUCT ROW
========================================================= */

.lgfeatured__row {
  min-height: 270px;

  display: grid;

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

  gap: 25px;

  padding: 25px;

  background: #fff;
}

.lgfeatured__row-no {
  padding-top: 5px;

  color: var(--red);

  font-size: 11px;

  font-weight: 700;
}


/* =========================================================
   SMALL PRODUCT VISUAL
========================================================= */

.lgfeatured__row-visual {
  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #f1f1f1;
}

.lgfeatured__mini-product {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  transition: transform .3s ease;
}

.lgfeatured__row:hover
.lgfeatured__mini-product {
  transform: translateY(-4px);
}

.lgfeatured__mini-product > span {
  color: var(--red);

  font-size: 15px;

  font-weight: 700;
}

.lgfeatured__mini-product > strong {
  margin-top: 10px;

  color: #777;

  font-size: 9px;

  font-weight: 650;
}


/* FRIDGE */

.lgfeatured__mini-product--fridge {
  width: 80px;
  height: 155px;

  border-radius: 4px;

  background:
    linear-gradient(
      145deg,
      #fafafa,
      #d5d5d5
    );

  box-shadow:
    0 15px 25px rgba(0,0,0,.1);
}


/* WASHER */

.lgfeatured__mini-product--washer {
  width: 125px;
  height: 125px;

  border-radius: 5px;

  background:
    radial-gradient(
      circle at 50% 55%,
      #292929 0 25%,
      #888 26% 31%,
      #eee 32% 100%
    );

  box-shadow:
    0 15px 25px rgba(0,0,0,.1);
}

.lgfeatured__mini-product--washer > span,
.lgfeatured__mini-product--washer > strong {
  opacity: 0;
}


/* TV */

.lgfeatured__mini-product--tv {
  width: 145px;
}

.lgfeatured__tv-screen {
  width: 145px;
  height: 82px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 4px solid #111;

  background:
    linear-gradient(
      135deg,
      #333,
      #111
    );

  color: #fff;

  font-size: 16px;

  font-weight: 600;
}


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

.lgfeatured__row-content {
  display: flex;
  flex-direction: column;

  min-width: 0;
}

.lgfeatured__row-category {
  margin-bottom: 8px;

  color: var(--red);

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1px;
}

.lgfeatured__row-content h3 {
  margin: 0;

  color: var(--black);

  font-size: 20px;
  line-height: 1.2;

  font-weight: 500;

  letter-spacing: -.8px;
}

.lgfeatured__row-content > p {
  max-width: 300px;

  margin: 12px 0 0;

  color: #777;

  font-size: 11px;
  line-height: 1.55;
}


/* =========================================================
   ROW PRICE / CTA
========================================================= */

.lgfeatured__row-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 20px;

  margin-top: auto;

  padding-top: 18px;

  border-top: 1px solid #ddd;
}

.lgfeatured__row-bottom > div > span {
  display: block;

  margin-bottom: 4px;

  color: #999;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1px;
}

.lgfeatured__row-bottom > div > strong {
  color: var(--black);

  font-size: 22px;
  line-height: 1;

  font-weight: 600;

  letter-spacing: -1px;
}

.lgfeatured__row-bottom > div > small {
  margin-left: 4px;

  color: #999;

  font-size: 8px;

  font-weight: 700;
}

.lgfeatured__row-bottom > a {
  flex: 0 0 42px;

  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--black);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 17px;

  transition:
    background .25s ease,
    transform .25s ease;
}

.lgfeatured__row-bottom > a:hover {
  background: var(--red);

  transform: translate(2px, -2px);
}


/* =========================================================
   NOTE
========================================================= */

.lgfeatured__note {
  display: grid;

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

  gap: 30px;

  margin-top: 30px;

  padding-top: 25px;

  border-top: 1px solid #bbb;
}

.lgfeatured__note span {
  color: var(--red);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lgfeatured__note p {
  max-width: 760px;

  margin: 0;

  color: #888;

  font-size: 11px;
  line-height: 1.65;
}


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

@media (max-width: 1100px) {

  .lgfeatured {
    padding: 95px 0;
  }

  .lgfeatured__wrap {
    width: calc(100% - 50px);
  }

  .lgfeatured__head {
    gap: 55px;
  }

  .lgfeatured__head-left h2 {
    font-size: 65px;
  }

  .lgfeatured__layout {
    grid-template-columns: 1fr;
  }

  .lgfeatured__main {
    min-height: 0;
  }

  .lgfeatured__side {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    grid-template-rows: none;
  }

  .lgfeatured__row {
    display: flex;
    flex-direction: column;

    min-height: 470px;
  }

  .lgfeatured__row-no {
    padding: 0;
  }

  .lgfeatured__row-visual {
    min-height: 180px;
  }

  .lgfeatured__row-content {
    flex: 1;
  }

}


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

@media (max-width: 767px) {

  .lgfeatured {
    padding: 75px 0 70px;
  }

  .lgfeatured__wrap {
    width: calc(100% - 28px);
  }


  /* HEADER */

  .lgfeatured__head {
    display: block;

    margin-bottom: 40px;
  }

  .lgfeatured__eyebrow {
    font-size: 10px;
  }

  .lgfeatured__eyebrow::before {
    width: 27px;

    flex-basis: 27px;
  }

  .lgfeatured__head-left h2 {
    font-size: 50px;
    line-height: .94;

    letter-spacing: -3px;
  }

  .lgfeatured__head-right {
    margin-top: 35px;

    padding-top: 20px;
  }

  .lgfeatured__head-right > span {
    font-size: 10px;
  }

  .lgfeatured__head-right p {
    font-size: 13px;
  }


  /* MAIN */

  .lgfeatured__main-top {
    min-height: 65px;

    padding: 0 18px;
  }

  .lgfeatured__main-top > div {
    gap: 15px;
  }

  .lgfeatured__main-top span,
  .lgfeatured__main-top strong,
  .lgfeatured__main-top small {
    font-size: 10px;
  }


  /* VISUAL */

  .lgfeatured__main-visual {
    min-height: 440px;
  }

  .lgfeatured__visual-word {
    left: 18px;
    top: 22px;

    font-size: 65px;

    letter-spacing: -5px;
  }

  .lgfeatured__product-placeholder {
    width: 145px;
    height: 290px;
  }

  .lgfeatured__price {
    right: 15px;
    bottom: 15px;

    width: 125px;
    height: 125px;

    padding: 17px;
  }

  .lgfeatured__price > strong {
    font-size: 29px;
  }


  /* INFO */

  .lgfeatured__main-info {
    display: block;

    padding: 27px 20px;
  }

  .lgfeatured__main-title h3 {
    font-size: 25px;
  }

  .lgfeatured__main-desc {
    margin-top: 22px;
  }

  .lgfeatured__main-desc p {
    font-size: 12px;
  }

  .lgfeatured__features span {
    font-size: 10px;
  }


  /* ACTION */

  .lgfeatured__main-action {
    grid-template-columns: 1fr;
  }

  .lgfeatured__main-action a {
    min-height: 62px;

    padding: 0 20px;

    font-size: 10px;
  }

  .lgfeatured__main-action a + a {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.2);
  }


  /* SIDE */

  .lgfeatured__side {
    display: block;

    margin-top: 10px;
  }

  .lgfeatured__row {
    min-height: 0;

    display: grid;

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

    gap: 13px;

    margin-top: 10px;

    padding: 18px;
  }

  .lgfeatured__row-visual {
    min-height: 190px;
  }

  .lgfeatured__mini-product--fridge {
    width: 62px;
    height: 125px;
  }

  .lgfeatured__mini-product--washer {
    width: 90px;
    height: 90px;
  }

  .lgfeatured__mini-product--tv,
  .lgfeatured__tv-screen {
    width: 100px;
  }

  .lgfeatured__tv-screen {
    height: 58px;
  }

  .lgfeatured__row-content h3 {
    font-size: 16px;
  }

  .lgfeatured__row-content > p {
    font-size: 10px;
  }

  .lgfeatured__row-bottom {
    margin-top: 18px;
  }

  .lgfeatured__row-bottom > div > strong {
    font-size: 18px;
  }

  .lgfeatured__row-bottom > a {
    flex-basis: 37px;

    width: 37px;
    height: 37px;
  }


  /* NOTE */

  .lgfeatured__note {
    display: block;
  }

  .lgfeatured__note span {
    display: block;

    margin-bottom: 10px;
  }

  .lgfeatured__note p {
    font-size: 10px;
  }

}


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

@media (max-width: 420px) {

  .lgfeatured__head-left h2 {
    font-size: 45px;
  }

  .lgfeatured__row {
    grid-template-columns:
      28px
      95px
      minmax(0, 1fr);

    padding: 15px;
  }

  .lgfeatured__row-visual {
    min-height: 175px;
  }

  .lgfeatured__row-content h3 {
    font-size: 15px;
  }

}
/* =========================================================
   REAL PRODUCT IMAGES
========================================================= */

.lgfeatured__main-product-img {
  position: relative;
  z-index: 3;

  width: auto;
  max-width: 52%;
  height: 390px;

  display: block;

  object-fit: contain;
  object-position: center;

  transition: transform .4s ease;
}

.lgfeatured__main:hover
.lgfeatured__main-product-img {
  transform: translateY(-7px) scale(1.02);
}


/* SIDE PRODUCT IMAGE */

.lgfeatured__row-product-img {
  width: 88%;
  height: 88%;

  display: block;

  object-fit: contain;
  object-position: center;

  transition: transform .35s ease;
}

.lgfeatured__row:hover
.lgfeatured__row-product-img {
  transform: translateY(-4px) scale(1.025);
}


/* DIFFERENT PRODUCT TYPES */

.lgfeatured__row-product-img--fridge {
  max-width: 110px;
}

.lgfeatured__row-product-img--washer {
  max-width: 145px;
}

.lgfeatured__row-product-img--tv {
  max-width: 160px;
}


/* MOBILE */

@media (max-width: 767px) {

  .lgfeatured__main-product-img {
    max-width: 58%;
    height: 310px;
  }

  .lgfeatured__row-product-img {
    width: 92%;
    height: 92%;
  }

  .lgfeatured__row-product-img--fridge {
    max-width: 75px;
  }

  .lgfeatured__row-product-img--washer {
    max-width: 95px;
  }

  .lgfeatured__row-product-img--tv {
    max-width: 105px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-993b8f4 *//* =========================================================
   HOME REVAMP — SECTION 4
   WHY LG SUBSCRIBE
========================================================= */

.lgwhy {
  --red: #a50034;
  --red-dark: #820029;
  --black: #171717;
  --dark: #111111;
  --grey: #8c8c8c;
  --line: rgba(255,255,255,.16);

  width: 100%;

  padding: 120px 0 0;

  overflow: hidden;

  background: var(--dark);

  color: #fff;

  font-family: "Poppins", Arial, sans-serif;
}

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

.lgwhy__wrap {
  width: min(1540px, calc(100% - 70px));

  margin: 0 auto;
}


/* =========================================================
   TOP
========================================================= */

.lgwhy__top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(330px, .7fr);

  gap: 100px;

  align-items: end;

  padding-bottom: 70px;
}


/* =========================================================
   EYEBROW
========================================================= */

.lgwhy__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 22px;

  color: #d85a82;

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.lgwhy__eyebrow::before {
  content: "";

  width: 36px;
  height: 2px;

  flex: 0 0 36px;

  background: var(--red);
}


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

.lgwhy__intro h2 {
  max-width: 900px;

  margin: 0;

  color: #fff;

  font-size: clamp(58px, 6vw, 92px);
  line-height: .91;

  font-weight: 300;

  letter-spacing: -5px;
}

.lgwhy__intro h2 strong {
  color: #d85a82;

  font-weight: 650;
}


/* =========================================================
   LEAD
========================================================= */

.lgwhy__lead {
  padding-top: 24px;

  border-top: 1px solid rgba(255,255,255,.35);
}

.lgwhy__lead > span {
  display: block;

  margin-bottom: 13px;

  color: #d85a82;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lgwhy__lead p {
  max-width: 450px;

  margin: 0;

  color: #aaa;

  font-size: 14px;
  line-height: 1.75;
}

.lgwhy__lead > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 25px;

  padding: 15px 0 7px;

  border-bottom: 1px solid rgba(255,255,255,.35);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .6px;
}

.lgwhy__lead > a b {
  color: #d85a82;

  font-size: 18px;

  font-weight: 300;

  transition: transform .25s ease;
}

.lgwhy__lead > a:hover b {
  transform: translate(3px, -3px);
}


/* =========================================================
   MAIN AREA
========================================================= */

.lgwhy__main {
  display: grid;

  grid-template-columns:
    minmax(400px, .85fr)
    minmax(0, 1.15fr);

  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}


/* =========================================================
   LEFT STATEMENT
========================================================= */

.lgwhy__statement {
  position: relative;

  min-height: 680px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 38px;

  overflow: hidden;

  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

  background: var(--red);
}


/* NUMBER */

.lgwhy__statement-number {
  position: relative;

  z-index: 3;

  color: rgba(255,255,255,.7);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1px;
}


/* STATEMENT COPY */

.lgwhy__statement-copy {
  position: relative;

  z-index: 3;
}

.lgwhy__statement-copy > span {
  display: block;

  margin-bottom: 18px;

  color: rgba(255,255,255,.65);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.3px;
}

.lgwhy__statement-copy h3 {
  max-width: 570px;

  margin: 0;

  color: #fff;

  font-size: clamp(42px, 4vw, 64px);
  line-height: .98;

  font-weight: 400;

  letter-spacing: -3px;
}

.lgwhy__statement-copy h3 em {
  color: #fff;

  font-style: normal;

  font-weight: 650;
}


/* =========================================================
   LARGE DECORATIVE LG
========================================================= */

.lgwhy__watermark {
  position: absolute;

  top: 42%;
  right: -45px;

  z-index: 1;

  color: rgba(255,255,255,.075);

  font-size: 330px;
  line-height: .7;

  font-weight: 700;

  letter-spacing: -35px;

  pointer-events: none;
}


/* =========================================================
   BENEFITS
========================================================= */

.lgwhy__benefits {
  min-width: 0;
}


/* =========================================================
   BENEFIT ITEM
========================================================= */

.lgwhy__item {
  position: relative;

  min-height: 227px;

  display: grid;

  grid-template-columns:
    70px
    minmax(0, 1fr)
    60px;

  gap: 25px;

  align-items: center;

  padding: 35px;

  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

  transition: background .3s ease;
}

.lgwhy__item:hover {
  background: #191919;
}


/* NUMBER */

.lgwhy__item-no {
  align-self: start;

  padding-top: 3px;

  color: #777;

  font-size: 11px;

  font-weight: 700;

  transition: color .25s ease;
}

.lgwhy__item:hover
.lgwhy__item-no {
  color: #d85a82;
}


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

.lgwhy__item-content {
  max-width: 580px;
}

.lgwhy__item-content > span {
  display: block;

  margin-bottom: 10px;

  color: #d85a82;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lgwhy__item-content h3 {
  margin: 0;

  color: #fff;

  font-size: 28px;
  line-height: 1.12;

  font-weight: 450;

  letter-spacing: -1.3px;
}

.lgwhy__item-content p {
  max-width: 520px;

  margin: 14px 0 0;

  color: #929292;

  font-size: 12px;
  line-height: 1.65;
}


/* =========================================================
   ITEM MARK
========================================================= */

.lgwhy__item-mark {
  align-self: end;

  display: flex;
  align-items: center;
  justify-content: flex-end;

  color: #555;

  font-size: 27px;

  font-weight: 300;

  transition:
    color .25s ease,
    transform .25s ease;
}

.lgwhy__item:hover
.lgwhy__item-mark {
  color: #d85a82;

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


/* =========================================================
   BOTTOM CTA
========================================================= */

.lgwhy__bottom {
  display: grid;

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

  gap: 50px;

  align-items: center;

  min-height: 165px;

  margin-left: calc((100vw - 100%) / -2);
  margin-right: calc((100vw - 100%) / -2);

  padding-left: max(
    35px,
    calc((100vw - 1540px) / 2)
  );

  padding-right: max(
    35px,
    calc((100vw - 1540px) / 2)
  );

  background: #fff;
}


/* COPY */

.lgwhy__bottom-copy span {
  display: block;

  margin-bottom: 8px;

  color: var(--red);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.lgwhy__bottom-copy strong {
  display: block;

  color: var(--black);

  font-size: 24px;
  line-height: 1.25;

  font-weight: 500;

  letter-spacing: -1px;
}


/* =========================================================
   BOTTOM ACTIONS
========================================================= */

.lgwhy__bottom-actions {
  display: flex;

  gap: 8px;
}

.lgwhy__btn {
  min-width: 205px;
  min-height: 62px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  padding: 0 20px;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .5px;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.lgwhy__btn b {
  font-size: 18px;

  font-weight: 300;
}


/* WHITE */

.lgwhy__btn--white {
  border: 1px solid #bbb;

  background: #fff;

  color: var(--black) !important;
}

.lgwhy__btn--white b {
  color: var(--red);
}

.lgwhy__btn--white:hover {
  border-color: var(--black);

  background: var(--black);

  color: #fff !important;
}


/* RED */

.lgwhy__btn--red {
  border: 1px solid var(--red);

  background: var(--red);

  color: #fff !important;
}

.lgwhy__btn--red:hover {
  border-color: var(--red-dark);

  background: var(--red-dark);
}


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

@media (max-width: 1100px) {

  .lgwhy {
    padding-top: 95px;
  }

  .lgwhy__wrap {
    width: calc(100% - 50px);
  }

  .lgwhy__top {
    gap: 55px;
  }

  .lgwhy__intro h2 {
    font-size: 65px;
  }

  .lgwhy__main {
    grid-template-columns:
      minmax(340px, .75fr)
      minmax(0, 1.25fr);
  }

  .lgwhy__statement {
    min-height: 640px;

    padding: 30px;
  }

  .lgwhy__statement-copy h3 {
    font-size: 46px;
  }

  .lgwhy__watermark {
    font-size: 260px;
  }

  .lgwhy__item {
    min-height: 214px;

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

    gap: 18px;

    padding: 28px;
  }

  .lgwhy__item-content h3 {
    font-size: 24px;
  }

}


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

@media (max-width: 767px) {

  .lgwhy {
    padding-top: 75px;
  }

  .lgwhy__wrap {
    width: calc(100% - 28px);
  }


  /* TOP */

  .lgwhy__top {
    display: block;

    padding-bottom: 45px;
  }

  .lgwhy__eyebrow {
    margin-bottom: 18px;

    font-size: 10px;
  }

  .lgwhy__eyebrow::before {
    width: 27px;

    flex-basis: 27px;
  }

  .lgwhy__intro h2 {
    font-size: 50px;
    line-height: .94;

    letter-spacing: -3px;
  }

  .lgwhy__lead {
    margin-top: 35px;

    padding-top: 20px;
  }

  .lgwhy__lead > span {
    font-size: 10px;
  }

  .lgwhy__lead p {
    font-size: 13px;
    line-height: 1.7;
  }

  .lgwhy__lead > a {
    font-size: 10px;
  }


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

  .lgwhy__main {
    display: block;

    margin-left: -14px;
    margin-right: -14px;

    border-left: 0;
  }


  /* STATEMENT */

  .lgwhy__statement {
    min-height: 500px;

    padding: 25px 20px;

    border-right: 0;
  }

  .lgwhy__statement-number {
    font-size: 10px;
  }

  .lgwhy__statement-copy > span {
    font-size: 10px;
  }

  .lgwhy__statement-copy h3 {
    font-size: 42px;
    line-height: 1;

    letter-spacing: -2.4px;
  }

  .lgwhy__watermark {
    top: 39%;
    right: -35px;

    font-size: 220px;

    letter-spacing: -25px;
  }


  /* =======================================================
     BENEFITS
  ======================================================== */

  .lgwhy__item {
    min-height: 0;

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

    gap: 12px;

    padding: 28px 20px;

    border-right: 0;
  }

  .lgwhy__item-no {
    font-size: 10px;
  }

  .lgwhy__item-content > span {
    font-size: 9px;
  }

  .lgwhy__item-content h3 {
    font-size: 23px;
    line-height: 1.15;

    letter-spacing: -1px;
  }

  .lgwhy__item-content p {
    margin-top: 12px;

    font-size: 11px;
    line-height: 1.65;
  }

  .lgwhy__item-mark {
    font-size: 20px;
  }


  /* =======================================================
     BOTTOM CTA
  ======================================================== */

  .lgwhy__bottom {
    display: block;

    min-height: 0;

    margin-left: -14px;
    margin-right: -14px;

    padding: 32px 20px;

    background: #fff;
  }

  .lgwhy__bottom-copy span {
    font-size: 9px;
  }

  .lgwhy__bottom-copy strong {
    font-size: 21px;
  }

  .lgwhy__bottom-actions {
    display: grid;

    grid-template-columns: 1fr;

    gap: 7px;

    margin-top: 25px;
  }

  .lgwhy__btn {
    min-width: 0;
    min-height: 58px;

    font-size: 10px;
  }

}


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

@media (max-width: 390px) {

  .lgwhy__intro h2 {
    font-size: 45px;
  }

  .lgwhy__statement {
    min-height: 455px;
  }

  .lgwhy__statement-copy h3 {
    font-size: 37px;
  }

  .lgwhy__item-content h3 {
    font-size: 21px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d8853 *//* =========================================================
   HOME SEC 6 — FINAL CTA
========================================================= */

.lgfinal {
  --red: #a50034;
  --red-dark: #780027;
  --red-deep: #650020;
  --white: #ffffff;

  position: relative;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      120deg,
      #a50034 0%,
      #9a0031 47%,
      #810029 100%
    );

  font-family: "Poppins", Arial, sans-serif;
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.lgfinal__bgword {
  position: absolute;

  top: 50%;
  right: -2%;

  transform: translateY(-50%);

  color: rgba(255,255,255,.035);

  font-size: clamp(350px, 45vw, 720px);
  line-height: .7;

  font-weight: 700;

  letter-spacing: -40px;

  pointer-events: none;

  user-select: none;
}


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

.lgfinal__wrap {
  position: relative;
  z-index: 2;

  width: min(1460px, calc(100% - 90px));

  min-height: 720px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    .9fr
    1.1fr;

  align-items: center;
}


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

.lgfinal__content {
  position: relative;

  z-index: 5;

  padding:
    90px
    30px
    90px
    0;
}


/* =========================================================
   EYEBROW
========================================================= */

.lgfinal__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 25px;

  color: rgba(255,255,255,.7);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 2px;
}


.lgfinal__eyebrow > span {
  width: 35px;
  height: 1px;

  display: block;

  background: rgba(255,255,255,.7);
}


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

.lgfinal__content h2 {
  margin: 0;

  color: #fff;

  font-size: clamp(58px, 5.5vw, 84px);
  line-height: .92;

  font-weight: 300;

  letter-spacing: -5px;
}


.lgfinal__content h2 strong {
  display: block;

  color: #fff;

  font-weight: 650;
}


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

.lgfinal__content > p {
  max-width: 450px;

  margin: 28px 0 0;

  color: rgba(255,255,255,.67);

  font-size: 11px;
  line-height: 1.8;

  font-weight: 400;
}


/* =========================================================
   ACTIONS
========================================================= */

.lgfinal__actions {
  display: flex;
  align-items: stretch;

  gap: 0;

  margin-top: 38px;
}


/* =========================================================
   APPLY BUTTON
========================================================= */

.lgfinal__apply {
  min-width: 260px;
  min-height: 80px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;

  padding: 17px 22px;

  background: #fff;

  color: var(--red) !important;

  text-decoration: none !important;

  transition:
    transform .25s ease,
    background .25s ease;
}


.lgfinal__apply:hover {
  transform: translateY(-3px);

  background: #f4f4f4;
}


.lgfinal__apply small {
  display: block;

  margin-bottom: 3px;

  color: #aaa;

  font-size: 6px;

  font-weight: 600;

  letter-spacing: 1.3px;
}


.lgfinal__apply strong {
  display: block;

  color: var(--red);

  font-size: 12px;

  font-weight: 650;
}


.lgfinal__apply > span {
  font-size: 26px;

  font-weight: 300;

  transition:
    transform .25s ease;
}


.lgfinal__apply:hover > span {
  transform: translateX(5px);
}


/* =========================================================
   BROWSE BUTTON
========================================================= */

.lgfinal__browse {
  min-width: 180px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  padding: 0 20px;

  color: #fff !important;

  border:
    1px solid
    rgba(255,255,255,.35);

  border-left: 0;

  text-decoration: none !important;

  font-size: 9px;

  font-weight: 500;

  transition:
    background .25s ease;
}


.lgfinal__browse:hover {
  background: rgba(255,255,255,.08);
}


.lgfinal__browse > span {
  font-size: 18px;

  transition:
    transform .25s ease;
}


.lgfinal__browse:hover > span {
  transform: translateX(4px);
}


/* =========================================================
   CONTACT
========================================================= */

.lgfinal__contact {
  display: flex;
  align-items: center;

  gap: 25px;

  margin-top: 50px;
}


.lgfinal__contact small {
  display: block;

  margin-bottom: 5px;

  color: rgba(255,255,255,.4);

  font-size: 6px;

  font-weight: 600;

  letter-spacing: 1.3px;
}


.lgfinal__contact a,
.lgfinal__contact strong {
  display: block;

  color: #fff !important;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 500;
}


.lgfinal__contact-line {
  width: 1px;
  height: 34px;

  display: block;

  background: rgba(255,255,255,.2);
}


/* =========================================================
   VISUAL
========================================================= */

.lgfinal__visual {
  position: relative;

  align-self: stretch;

  min-height: 720px;
}


/* =========================================================
   HALO
========================================================= */

.lgfinal__halo {
  position: absolute;

  top: 50%;
  left: 52%;

  width: min(43vw, 620px);
  height: min(43vw, 620px);

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 40% 35%,
      rgba(255,255,255,.22) 0%,
      rgba(255,255,255,.10) 40%,
      rgba(255,255,255,.02) 68%,
      transparent 70%
    );

  border:
    1px solid
    rgba(255,255,255,.12);
}


/* SECOND RING */

.lgfinal__halo::before {
  content: "";

  position: absolute;

  inset: 45px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 50%;
}


/* =========================================================
   PRODUCTS
========================================================= */

.lgfinal__product {
  position: absolute;

  z-index: 3;
}


.lgfinal__product img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;

  mix-blend-mode: multiply;

  filter:
    drop-shadow(
      0 30px 28px
      rgba(40,0,10,.20)
    );

  transition:
    transform .6s cubic-bezier(.2,.8,.2,1);
}


/* TV */

.lgfinal__product--tv {
  width: 48%;

  top: 18%;
  left: 2%;
}


/* FRIDGE */

.lgfinal__product--fridge {
  width: 34%;
  height: 68%;

  right: 5%;
  bottom: 4%;
}


/* WASHER */

.lgfinal__product--washer {
  width: 31%;
  height: 36%;

  left: 17%;
  bottom: 5%;
}


/* HOVER */

.lgfinal__visual:hover
.lgfinal__product--tv img {
  transform: translateY(-5px);
}


.lgfinal__visual:hover
.lgfinal__product--fridge img {
  transform: translateY(-8px);
}


.lgfinal__visual:hover
.lgfinal__product--washer img {
  transform: translateY(-4px);
}


/* =========================================================
   VISUAL LABEL
========================================================= */

.lgfinal__visual-label {
  position: absolute;

  z-index: 5;

  top: 65px;
  right: 5px;

  padding-left: 18px;

  border-left:
    1px solid
    rgba(255,255,255,.3);
}


.lgfinal__visual-label > span {
  display: block;

  margin-bottom: 7px;

  color: rgba(255,255,255,.45);

  font-size: 6px;

  font-weight: 600;

  letter-spacing: 1.5px;
}


.lgfinal__visual-label > strong {
  display: block;

  color: #fff;

  font-size: 10px;
  line-height: 1.6;

  font-weight: 500;
}


/* =========================================================
   BOTTOM
========================================================= */

.lgfinal__bottom {
  position: relative;
  z-index: 5;

  width: 100%;

  border-top:
    1px solid
    rgba(255,255,255,.15);

  background:
    rgba(75,0,24,.22);
}


.lgfinal__bottom-inner {
  width: min(1460px, calc(100% - 90px));

  min-height: 65px;

  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 22px;
}


.lgfinal__bottom-inner > span {
  color: rgba(255,255,255,.52);

  font-size: 6px;

  font-weight: 600;

  letter-spacing: 1.4px;
}


.lgfinal__bottom-dot {
  width: 3px;
  height: 3px;

  display: block;

  border-radius: 50%;

  background:
    rgba(255,255,255,.4);
}


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

@media (max-width: 1100px) {

  .lgfinal__wrap {
    width: calc(100% - 50px);

    min-height: 650px;
  }


  .lgfinal__visual {
    min-height: 650px;
  }


  .lgfinal__content h2 {
    font-size: 62px;
  }


  .lgfinal__apply {
    min-width: 220px;
  }


  .lgfinal__browse {
    min-width: 150px;
  }


  .lgfinal__bottom-inner {
    width: calc(100% - 50px);
  }

}


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

@media (max-width: 767px) {

  .lgfinal__bgword {
    display: none;
  }


  .lgfinal__wrap {
    width: calc(100% - 30px);

    min-height: 0;

    display: flex;
    flex-direction: column;
  }


  /* CONTENT */

  .lgfinal__content {
    width: 100%;

    padding:
      65px
      0
      30px;
  }


  .lgfinal__content h2 {
    font-size: 50px;

    letter-spacing: -3px;
  }


  .lgfinal__content > p {
    max-width: 340px;

    margin-top: 20px;

    font-size: 9px;
  }


  /* ACTIONS */

  .lgfinal__actions {
    width: 100%;

    margin-top: 30px;
  }


  .lgfinal__apply {
    min-width: 0;

    flex: 1;

    min-height: 72px;

    padding: 14px 16px;
  }


  .lgfinal__apply strong {
    font-size: 10px;
  }


  .lgfinal__browse {
    min-width: 125px;

    padding: 0 13px;

    font-size: 7px;
  }


  /* CONTACT */

  .lgfinal__contact {
    margin-top: 35px;

    gap: 17px;
  }


  .lgfinal__contact a,
  .lgfinal__contact strong {
    font-size: 9px;
  }


  /* VISUAL */

  .lgfinal__visual {
    width: 100%;

    min-height: 430px;
  }


  .lgfinal__halo {
    width: 380px;
    height: 380px;

    left: 50%;
  }


  .lgfinal__product--tv {
    width: 53%;

    top: 18%;
    left: 0;
  }


  .lgfinal__product--fridge {
    width: 38%;
    height: 67%;

    right: 0;
  }


  .lgfinal__product--washer {
    width: 32%;
    height: 35%;

    left: 17%;
  }


  .lgfinal__visual-label {
    display: none;
  }


  /* BOTTOM */

  .lgfinal__bottom-inner {
    width: calc(100% - 30px);

    min-height: 55px;

    justify-content: flex-start;

    gap: 12px;

    overflow: hidden;
  }


  .lgfinal__bottom-inner > span {
    flex: 0 0 auto;

    font-size: 5px;
  }

}


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

@media (max-width: 390px) {

  .lgfinal__content h2 {
    font-size: 45px;
  }


  .lgfinal__browse {
    min-width: 110px;
  }


  .lgfinal__visual {
    min-height: 390px;
  }


  .lgfinal__halo {
    width: 340px;
    height: 340px;
  }


  .lgfinal__contact {
    align-items: flex-start;
  }

}/* End custom CSS */