/* styles from template */
/* Less file is created by GRID system DO NOT CHANGE */
@import '/components/node/node_modules/@splidejs/splide/dist/css/splide.min.css';
.grid-row {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.grid-row > .grid {
  flex-grow: 1;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid {
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  min-width: 10%;
}
.grid.html,
.grid.text,
.grid.bullets {
  display: block;
}
.grid.b-col,
.grid.b-form,
.grid.b-image {
  flex-direction: column;
}
.grid.b-col.reverse,
.grid.b-form.reverse,
.grid.b-image.reverse {
  flex-direction: column-reverse;
}
.grid.b-col.b-center,
.grid.b-form.b-center,
.grid.b-image.b-center {
  align-items: center;
}
.grid.b-row {
  flex-direction: row;
  flex-wrap: wrap;
}
.grid.b-row.reverse {
  flex-direction: row-reverse;
}
.grid.b-row.left {
  justify-content: left;
}
.grid.b-row.left > .grid-box {
  justify-content: flex-start;
}
.grid.b-row.right {
  justify-content: right;
}
.grid.b-row.right > .grid-box {
  justify-content: flex-start;
}
.grid.b-row.center {
  justify-content: center;
}
.grid.b-row.center > .grid-box {
  justify-content: flex-start;
}
.grid.b-row.space-between {
  justify-content: space-between;
}
.grid.b-row.space-between > .grid-box {
  justify-content: flex-start;
}
.grid.b-row.space-around {
  justify-content: space-around;
}
.grid.b-row.space-around > .grid-box {
  justify-content: flex-start;
}
.grid.b-row.space-evenly {
  justify-content: space-evenly;
}
.grid.b-row.space-evenly > .grid-box {
  justify-content: flex-start;
}
.grid.b-link.b-center {
  justify-content: center;
  align-items: center;
}
.grid.b-image {
  position: relative;
  overflow: hidden;
}
.grid.b-image > img {
  position: relative;
  width: 100%;
  height: auto;
}
.grid.b-image .bg-inner {
  position: absolute;
  top: 0;
}
.grid.b-image.type-content > img {
  position: absolute;
  width: 100%;
  height: auto;
}
.grid.b-image.type-content .bg-inner {
  position: relative;
  top: 0;
}
.grid.b-image.type-auto {
  display: grid;
}
.grid.b-image.type-auto > img {
  position: relative;
  grid-area: 1/1;
}
.grid.b-image.type-auto .bg-inner {
  position: relative;
  grid-area: 1/1;
}
.grid .b-row-1,
.grid .b-link-1,
.grid.b-image-1 {
  flex-grow: 0;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid .b-row-1 > .grid,
.grid .b-link-1 > .grid,
.grid.b-image-1 > .grid,
.grid .b-row-1 > .grid-row,
.grid .b-link-1 > .grid-row,
.grid.b-image-1 > .grid-row {
  box-sizing: border-box;
  flex-basis: 100%;
}
.grid .b-row-1.column-count,
.grid .b-link-1.column-count,
.grid.b-image-1.column-count {
  display: block;
  column-count: 1;
}
.grid .b-row-1.column-count > .grid,
.grid .b-link-1.column-count > .grid,
.grid.b-image-1.column-count > .grid,
.grid .b-row-1.column-count > .grid-row,
.grid .b-link-1.column-count > .grid-row,
.grid.b-image-1.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .b-row-2,
.grid .b-link-2,
.grid.b-image-2 {
  flex-grow: 0;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid .b-row-2 > .grid,
.grid .b-link-2 > .grid,
.grid.b-image-2 > .grid,
.grid .b-row-2 > .grid-row,
.grid .b-link-2 > .grid-row,
.grid.b-image-2 > .grid-row {
  box-sizing: border-box;
  flex-basis: 50%;
  min-width: calc(50% - 10px);
}
.grid .b-row-2.column-count,
.grid .b-link-2.column-count,
.grid.b-image-2.column-count {
  display: block;
  column-count: 2;
}
.grid .b-row-2.column-count > .grid,
.grid .b-link-2.column-count > .grid,
.grid.b-image-2.column-count > .grid,
.grid .b-row-2.column-count > .grid-row,
.grid .b-link-2.column-count > .grid-row,
.grid.b-image-2.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .b-row-3,
.grid .b-link-3,
.grid.b-image-3 {
  flex-grow: 0;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid .b-row-3 > .grid,
.grid .b-link-3 > .grid,
.grid.b-image-3 > .grid,
.grid .b-row-3 > .grid-row,
.grid .b-link-3 > .grid-row,
.grid.b-image-3 > .grid-row {
  box-sizing: border-box;
  flex-basis: 33.33%;
  min-width: calc(33% - 10px);
}
.grid .b-row-3.column-count,
.grid .b-link-3.column-count,
.grid.b-image-3.column-count {
  display: block;
  column-count: 3;
}
.grid .b-row-3.column-count > .grid,
.grid .b-link-3.column-count > .grid,
.grid.b-image-3.column-count > .grid,
.grid .b-row-3.column-count > .grid-row,
.grid .b-link-3.column-count > .grid-row,
.grid.b-image-3.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .b-row-4,
.grid .b-link-4,
.grid.b-image-4 {
  flex-grow: 0;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid .b-row-4 > .grid,
.grid .b-link-4 > .grid,
.grid.b-image-4 > .grid,
.grid .b-row-4 > .grid-row,
.grid .b-link-4 > .grid-row,
.grid.b-image-4 > .grid-row {
  box-sizing: border-box;
  flex-basis: 25%;
  min-width: calc(25% - 10px);
}
.grid .b-row-4.column-count,
.grid .b-link-4.column-count,
.grid.b-image-4.column-count {
  display: block;
  column-count: 4;
}
.grid .b-row-4.column-count > .grid,
.grid .b-link-4.column-count > .grid,
.grid.b-image-4.column-count > .grid,
.grid .b-row-4.column-count > .grid-row,
.grid .b-link-4.column-count > .grid-row,
.grid.b-image-4.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .b-row-5,
.grid .b-link-5,
.grid.b-image-5 {
  flex-grow: 0;
  flex-wrap: wrap;
  row-gap: 40px;
}
.grid .b-row-5 > .grid,
.grid .b-link-5 > .grid,
.grid.b-image-5 > .grid,
.grid .b-row-5 > .grid-row,
.grid .b-link-5 > .grid-row,
.grid.b-image-5 > .grid-row {
  box-sizing: border-box;
  flex-basis: 20%;
  min-width: calc(20% - 10px);
}
.grid .b-row-5.column-count,
.grid .b-link-5.column-count,
.grid.b-image-5.column-count {
  display: block;
  column-count: 5;
}
.grid .b-row-5.column-count > .grid,
.grid .b-link-5.column-count > .grid,
.grid.b-image-5.column-count > .grid,
.grid .b-row-5.column-count > .grid-row,
.grid .b-link-5.column-count > .grid-row,
.grid.b-image-5.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .b-row-6,
.grid .b-link-6,
.grid.b-image-6 {
  flex-grow: 0;
  flex-wrap: wrap;
}
.grid .b-row-6 > .grid,
.grid .b-link-6 > .grid,
.grid.b-image-6 > .grid,
.grid .b-row-6 > .grid-row,
.grid .b-link-6 > .grid-row,
.grid.b-image-6 > .grid-row {
  box-sizing: border-box;
  flex-basis: 16.66%;
  min-width: calc(16% - 10px);
}
.grid .b-row-6.column-count,
.grid .b-link-6.column-count,
.grid.b-image-6.column-count {
  display: block;
  column-count: 6;
}
.grid .b-row-6.column-count > .grid,
.grid .b-link-6.column-count > .grid,
.grid.b-image-6.column-count > .grid,
.grid .b-row-6.column-count > .grid-row,
.grid .b-link-6.column-count > .grid-row,
.grid.b-image-6.column-count > .grid-row {
  break-inside: avoid;
  flex: 0 0 100%;
}
.grid .grow-0 {
  flex-grow: 0;
}
.grid .grow-1 {
  flex-grow: 1;
}
.grid .grow-2 {
  flex-grow: 2;
}
.grid .grow-3 {
  flex-grow: 3;
}
.grid .grow-4 {
  flex-grow: 4;
}
.grid .grow-5 {
  flex-grow: 5;
}
.grid .grow-6 {
  flex-grow: 6;
}
.grid .shrink-1 {
  flex-shrink: 1;
}
.grid .shrink-2 {
  flex-shrink: 2;
}
.grid .shrink-3 {
  flex-shrink: 3;
}
.grid .shrink-4 {
  flex-shrink: 4;
}
.grid .shrink-5 {
  flex-shrink: 5;
}
.grid .shrink-6 {
  flex-shrink: 6;
}
.grid .g-visible {
  display: flex;
}
.grid .g-hidden {
  display: none;
}
.grid .html.gnum-1,
.grid .text.gnum-1,
.grid .bullets.gnum-1 {
  /*display: block;*/
  column-count: 1;
}
.grid .html.gnum-2,
.grid .text.gnum-2,
.grid .bullets.gnum-2 {
  /*display: block;*/
  column-count: 2;
}
.grid .html.gnum-3,
.grid .text.gnum-3,
.grid .bullets.gnum-3 {
  /*display: block;*/
  column-count: 3;
}
.grid .html.gnum-4,
.grid .text.gnum-4,
.grid .bullets.gnum-4 {
  /*display: block;*/
  column-count: 4;
}
.grid .html.gnum-5,
.grid .text.gnum-5,
.grid .bullets.gnum-5 {
  /*display: block;*/
  column-count: 5;
}
.grid .html.gnum-6,
.grid .text.gnum-6,
.grid .bullets.gnum-6 {
  /*display: block;*/
  column-count: 6;
}
.grid .space.gnum-1 {
  height: 10px;
}
.grid .space.gnum-2 {
  height: 20px;
}
.grid .space.gnum-3 {
  height: 40px;
}
.grid .space.gnum-4 {
  height: 60px;
}
.grid .space.gnum-5 {
  height: 80px;
}
.grid .space.gnum-6 {
  height: 100px;
}
@media (max-width: 1400px) {
  .grid.gxl-dir-row {
    flex-direction: row !important;
  }
  .grid.gxl-dir-rrow {
    flex-direction: row-reverse !important;
  }
  .grid.gxl-dir-col {
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .grid.gxl-dir-rcol {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }
  .grid .gxl-num-1 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxl-num-1 > .grid,
  .grid .gxl-num-1 > .grid-row {
    box-sizing: border-box;
    flex-basis: 100%;
  }
  .grid .gxl-num-1.column-count {
    display: block;
    column-count: 1;
  }
  .grid .gxl-num-1.column-count > .grid,
  .grid .gxl-num-1.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-num-2 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxl-num-2 > .grid,
  .grid .gxl-num-2 > .grid-row {
    box-sizing: border-box;
    flex-basis: 50%;
    min-width: calc(50% - 10px);
  }
  .grid .gxl-num-2.column-count {
    display: block;
    column-count: 2;
  }
  .grid .gxl-num-2.column-count > .grid,
  .grid .gxl-num-2.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-num-3 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxl-num-3 > .grid,
  .grid .gxl-num-3 > .grid-row {
    box-sizing: border-box;
    flex-basis: 33.33%;
    min-width: calc(33% - 10px);
  }
  .grid .gxl-num-3.column-count {
    display: block;
    column-count: 3;
  }
  .grid .gxl-num-3.column-count > .grid,
  .grid .gxl-num-3.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-num-4 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxl-num-4 > .grid,
  .grid .gxl-num-4 > .grid-row {
    box-sizing: border-box;
    flex-basis: 25%;
    min-width: calc(25% - 10px);
  }
  .grid .gxl-num-4.column-count {
    display: block;
    column-count: 4;
  }
  .grid .gxl-num-4.column-count > .grid,
  .grid .gxl-num-4.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-num-5 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxl-num-5 > .grid,
  .grid .gxl-num-5 > .grid-row {
    box-sizing: border-box;
    flex-basis: 20%;
    min-width: calc(20% - 10px);
  }
  .grid .gxl-num-5.column-count {
    display: block;
    column-count: 5;
  }
  .grid .gxl-num-5.column-count > .grid,
  .grid .gxl-num-5.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-num-6 {
    flex-grow: 0;
    flex-wrap: wrap;
  }
  .grid .gxl-num-6 > .grid,
  .grid .gxl-num-6 > .grid-row {
    box-sizing: border-box;
    flex-basis: 16.66%;
    min-width: calc(16% - 10px);
  }
  .grid .gxl-num-6.column-count {
    display: block;
    column-count: 6;
  }
  .grid .gxl-num-6.column-count > .grid,
  .grid .gxl-num-6.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxl-grow-0 {
    flex-grow: 0;
  }
  .grid .gxl-grow-1 {
    flex-grow: 1;
  }
  .grid .gxl-grow-2 {
    flex-grow: 2;
  }
  .grid .gxl-grow-3 {
    flex-grow: 3;
  }
  .grid .gxl-grow-4 {
    flex-grow: 4;
  }
  .grid .gxl-grow-5 {
    flex-grow: 5;
  }
  .grid .gxl-grow-6 {
    flex-grow: 6;
  }
  .grid .gxl-visible {
    display: flex;
  }
  .grid .gxl-hidden {
    display: none;
  }
  .grid .html.gxl-num-1,
  .grid .text.gxl-num-1,
  .grid .bullets.gxl-num-1 {
    /*display: block;*/
    column-count: 1;
  }
  .grid .html.gxl-num-2,
  .grid .text.gxl-num-2,
  .grid .bullets.gxl-num-2 {
    /*display: block;*/
    column-count: 2;
  }
  .grid .html.gxl-num-3,
  .grid .text.gxl-num-3,
  .grid .bullets.gxl-num-3 {
    /*display: block;*/
    column-count: 3;
  }
  .grid .html.gxl-num-4,
  .grid .text.gxl-num-4,
  .grid .bullets.gxl-num-4 {
    /*display: block;*/
    column-count: 4;
  }
  .grid .html.gxl-num-5,
  .grid .text.gxl-num-5,
  .grid .bullets.gxl-num-5 {
    /*display: block;*/
    column-count: 5;
  }
  .grid .html.gxl-num-6,
  .grid .text.gxl-num-6,
  .grid .bullets.gxl-num-6 {
    /*display: block;*/
    column-count: 6;
  }
  .grid .space.gxl-num-1 {
    height: 10px;
  }
  .grid .space.gxl-num-2 {
    height: 20px;
  }
  .grid .space.gxl-num-3 {
    height: 40px;
  }
  .grid .space.gxl-num-4 {
    height: 60px;
  }
  .grid .space.gxl-num-5 {
    height: 80px;
  }
  .grid .space.gxl-num-6 {
    height: 100px;
  }
}
@media (max-width: 1200px) {
  .grid.glg-dir-row {
    flex-direction: row !important;
  }
  .grid.glg-dir-rrow {
    flex-direction: row-reverse !important;
  }
  .grid.glg-dir-col {
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .grid.glg-dir-rcol {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }
  .grid .glg-num-1 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .glg-num-1 > .grid,
  .grid .glg-num-1 > .grid-row {
    box-sizing: border-box;
    flex-basis: 100%;
  }
  .grid .glg-num-1.column-count {
    display: block;
    column-count: 1;
  }
  .grid .glg-num-1.column-count > .grid,
  .grid .glg-num-1.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-num-2 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .glg-num-2 > .grid,
  .grid .glg-num-2 > .grid-row {
    box-sizing: border-box;
    flex-basis: 50%;
    min-width: calc(50% - 10px);
  }
  .grid .glg-num-2.column-count {
    display: block;
    column-count: 2;
  }
  .grid .glg-num-2.column-count > .grid,
  .grid .glg-num-2.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-num-3 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .glg-num-3 > .grid,
  .grid .glg-num-3 > .grid-row {
    box-sizing: border-box;
    flex-basis: 33.33%;
    min-width: calc(33% - 10px);
  }
  .grid .glg-num-3.column-count {
    display: block;
    column-count: 3;
  }
  .grid .glg-num-3.column-count > .grid,
  .grid .glg-num-3.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-num-4 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .glg-num-4 > .grid,
  .grid .glg-num-4 > .grid-row {
    box-sizing: border-box;
    flex-basis: 25%;
    min-width: calc(25% - 10px);
  }
  .grid .glg-num-4.column-count {
    display: block;
    column-count: 4;
  }
  .grid .glg-num-4.column-count > .grid,
  .grid .glg-num-4.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-num-5 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .glg-num-5 > .grid,
  .grid .glg-num-5 > .grid-row {
    box-sizing: border-box;
    flex-basis: 20%;
    min-width: calc(20% - 10px);
  }
  .grid .glg-num-5.column-count {
    display: block;
    column-count: 5;
  }
  .grid .glg-num-5.column-count > .grid,
  .grid .glg-num-5.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-num-6 {
    flex-grow: 0;
    flex-wrap: wrap;
  }
  .grid .glg-num-6 > .grid,
  .grid .glg-num-6 > .grid-row {
    box-sizing: border-box;
    flex-basis: 16.66%;
    min-width: calc(16% - 10px);
  }
  .grid .glg-num-6.column-count {
    display: block;
    column-count: 6;
  }
  .grid .glg-num-6.column-count > .grid,
  .grid .glg-num-6.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .glg-grow-0 {
    flex-grow: 0;
  }
  .grid .glg-grow-1 {
    flex-grow: 1;
  }
  .grid .glg-grow-2 {
    flex-grow: 2;
  }
  .grid .glg-grow-3 {
    flex-grow: 3;
  }
  .grid .glg-grow-4 {
    flex-grow: 4;
  }
  .grid .glg-grow-5 {
    flex-grow: 5;
  }
  .grid .glg-grow-6 {
    flex-grow: 6;
  }
  .grid .glg-visible {
    display: flex;
  }
  .grid .glg-hidden {
    display: none;
  }
  .grid .html.glg-num-1,
  .grid .text.glg-num-1,
  .grid .bullets.glg-num-1 {
    /*display: block;*/
    column-count: 1;
  }
  .grid .html.glg-num-2,
  .grid .text.glg-num-2,
  .grid .bullets.glg-num-2 {
    /*display: block;*/
    column-count: 2;
  }
  .grid .html.glg-num-3,
  .grid .text.glg-num-3,
  .grid .bullets.glg-num-3 {
    /*display: block;*/
    column-count: 3;
  }
  .grid .html.glg-num-4,
  .grid .text.glg-num-4,
  .grid .bullets.glg-num-4 {
    /*display: block;*/
    column-count: 4;
  }
  .grid .html.glg-num-5,
  .grid .text.glg-num-5,
  .grid .bullets.glg-num-5 {
    /*display: block;*/
    column-count: 5;
  }
  .grid .html.glg-num-6,
  .grid .text.glg-num-6,
  .grid .bullets.glg-num-6 {
    /*display: block;*/
    column-count: 6;
  }
  .grid .space.glg-num-1 {
    height: 10px;
  }
  .grid .space.glg-num-2 {
    height: 20px;
  }
  .grid .space.glg-num-3 {
    height: 40px;
  }
  .grid .space.glg-num-4 {
    height: 60px;
  }
  .grid .space.glg-num-5 {
    height: 80px;
  }
  .grid .space.glg-num-6 {
    height: 100px;
  }
}
@media (max-width: 992px) {
  .grid.gmd-dir-row {
    flex-direction: row !important;
  }
  .grid.gmd-dir-rrow {
    flex-direction: row-reverse !important;
  }
  .grid.gmd-dir-col {
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .grid.gmd-dir-rcol {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }
  .grid .gmd-num-1 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gmd-num-1 > .grid,
  .grid .gmd-num-1 > .grid-row {
    box-sizing: border-box;
    flex-basis: 100%;
  }
  .grid .gmd-num-1.column-count {
    display: block;
    column-count: 1;
  }
  .grid .gmd-num-1.column-count > .grid,
  .grid .gmd-num-1.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-num-2 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gmd-num-2 > .grid,
  .grid .gmd-num-2 > .grid-row {
    box-sizing: border-box;
    flex-basis: 50%;
    min-width: calc(50% - 10px);
  }
  .grid .gmd-num-2.column-count {
    display: block;
    column-count: 2;
  }
  .grid .gmd-num-2.column-count > .grid,
  .grid .gmd-num-2.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-num-3 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gmd-num-3 > .grid,
  .grid .gmd-num-3 > .grid-row {
    box-sizing: border-box;
    flex-basis: 33.33%;
    min-width: calc(33% - 10px);
  }
  .grid .gmd-num-3.column-count {
    display: block;
    column-count: 3;
  }
  .grid .gmd-num-3.column-count > .grid,
  .grid .gmd-num-3.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-num-4 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gmd-num-4 > .grid,
  .grid .gmd-num-4 > .grid-row {
    box-sizing: border-box;
    flex-basis: 25%;
    min-width: calc(25% - 10px);
  }
  .grid .gmd-num-4.column-count {
    display: block;
    column-count: 4;
  }
  .grid .gmd-num-4.column-count > .grid,
  .grid .gmd-num-4.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-num-5 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gmd-num-5 > .grid,
  .grid .gmd-num-5 > .grid-row {
    box-sizing: border-box;
    flex-basis: 20%;
    min-width: calc(20% - 10px);
  }
  .grid .gmd-num-5.column-count {
    display: block;
    column-count: 5;
  }
  .grid .gmd-num-5.column-count > .grid,
  .grid .gmd-num-5.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-num-6 {
    flex-grow: 0;
    flex-wrap: wrap;
  }
  .grid .gmd-num-6 > .grid,
  .grid .gmd-num-6 > .grid-row {
    box-sizing: border-box;
    flex-basis: 16.66%;
    min-width: calc(16% - 10px);
  }
  .grid .gmd-num-6.column-count {
    display: block;
    column-count: 6;
  }
  .grid .gmd-num-6.column-count > .grid,
  .grid .gmd-num-6.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gmd-grow-0 {
    flex-grow: 0;
  }
  .grid .gmd-grow-1 {
    flex-grow: 1;
  }
  .grid .gmd-grow-2 {
    flex-grow: 2;
  }
  .grid .gmd-grow-3 {
    flex-grow: 3;
  }
  .grid .gmd-grow-4 {
    flex-grow: 4;
  }
  .grid .gmd-grow-5 {
    flex-grow: 5;
  }
  .grid .gmd-grow-6 {
    flex-grow: 6;
  }
  .grid .gmd-visible {
    display: flex;
  }
  .grid .gmd-hidden {
    display: none;
  }
  .grid .html.gmd-num-1,
  .grid .text.gmd-num-1,
  .grid .bullets.gmd-num-1 {
    /*display: block;*/
    column-count: 1;
  }
  .grid .html.gmd-num-2,
  .grid .text.gmd-num-2,
  .grid .bullets.gmd-num-2 {
    /*display: block;*/
    column-count: 2;
  }
  .grid .html.gmd-num-3,
  .grid .text.gmd-num-3,
  .grid .bullets.gmd-num-3 {
    /*display: block;*/
    column-count: 3;
  }
  .grid .html.gmd-num-4,
  .grid .text.gmd-num-4,
  .grid .bullets.gmd-num-4 {
    /*display: block;*/
    column-count: 4;
  }
  .grid .html.gmd-num-5,
  .grid .text.gmd-num-5,
  .grid .bullets.gmd-num-5 {
    /*display: block;*/
    column-count: 5;
  }
  .grid .html.gmd-num-6,
  .grid .text.gmd-num-6,
  .grid .bullets.gmd-num-6 {
    /*display: block;*/
    column-count: 6;
  }
  .grid .space.gmd-num-1 {
    height: 10px;
  }
  .grid .space.gmd-num-2 {
    height: 20px;
  }
  .grid .space.gmd-num-3 {
    height: 40px;
  }
  .grid .space.gmd-num-4 {
    height: 60px;
  }
  .grid .space.gmd-num-5 {
    height: 80px;
  }
  .grid .space.gmd-num-6 {
    height: 100px;
  }
}
@media (max-width: 768px) {
  .grid.gsm-dir-row {
    flex-direction: row !important;
  }
  .grid.gsm-dir-rrow {
    flex-direction: row-reverse !important;
  }
  .grid.gsm-dir-col {
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .grid.gsm-dir-rcol {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }
  .grid .gsm-num-1 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gsm-num-1 > .grid,
  .grid .gsm-num-1 > .grid-row {
    box-sizing: border-box;
    flex-basis: 100%;
  }
  .grid .gsm-num-1.column-count {
    display: block;
    column-count: 1;
  }
  .grid .gsm-num-1.column-count > .grid,
  .grid .gsm-num-1.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-num-2 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gsm-num-2 > .grid,
  .grid .gsm-num-2 > .grid-row {
    box-sizing: border-box;
    flex-basis: 50%;
    min-width: calc(50% - 10px);
  }
  .grid .gsm-num-2.column-count {
    display: block;
    column-count: 2;
  }
  .grid .gsm-num-2.column-count > .grid,
  .grid .gsm-num-2.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-num-3 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gsm-num-3 > .grid,
  .grid .gsm-num-3 > .grid-row {
    box-sizing: border-box;
    flex-basis: 33.33%;
    min-width: calc(33% - 10px);
  }
  .grid .gsm-num-3.column-count {
    display: block;
    column-count: 3;
  }
  .grid .gsm-num-3.column-count > .grid,
  .grid .gsm-num-3.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-num-4 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gsm-num-4 > .grid,
  .grid .gsm-num-4 > .grid-row {
    box-sizing: border-box;
    flex-basis: 25%;
    min-width: calc(25% - 10px);
  }
  .grid .gsm-num-4.column-count {
    display: block;
    column-count: 4;
  }
  .grid .gsm-num-4.column-count > .grid,
  .grid .gsm-num-4.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-num-5 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gsm-num-5 > .grid,
  .grid .gsm-num-5 > .grid-row {
    box-sizing: border-box;
    flex-basis: 20%;
    min-width: calc(20% - 10px);
  }
  .grid .gsm-num-5.column-count {
    display: block;
    column-count: 5;
  }
  .grid .gsm-num-5.column-count > .grid,
  .grid .gsm-num-5.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-num-6 {
    flex-grow: 0;
    flex-wrap: wrap;
  }
  .grid .gsm-num-6 > .grid,
  .grid .gsm-num-6 > .grid-row {
    box-sizing: border-box;
    flex-basis: 16.66%;
    min-width: calc(16% - 10px);
  }
  .grid .gsm-num-6.column-count {
    display: block;
    column-count: 6;
  }
  .grid .gsm-num-6.column-count > .grid,
  .grid .gsm-num-6.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gsm-grow-0 {
    flex-grow: 0;
  }
  .grid .gsm-grow-1 {
    flex-grow: 1;
  }
  .grid .gsm-grow-2 {
    flex-grow: 2;
  }
  .grid .gsm-grow-3 {
    flex-grow: 3;
  }
  .grid .gsm-grow-4 {
    flex-grow: 4;
  }
  .grid .gsm-grow-5 {
    flex-grow: 5;
  }
  .grid .gsm-grow-6 {
    flex-grow: 6;
  }
  .grid .gsm-visible {
    display: flex;
  }
  .grid .gsm-hidden {
    display: none;
  }
  .grid .html.gsm-num-1,
  .grid .text.gsm-num-1,
  .grid .bullets.gsm-num-1 {
    /*display: block;*/
    column-count: 1;
  }
  .grid .html.gsm-num-2,
  .grid .text.gsm-num-2,
  .grid .bullets.gsm-num-2 {
    /*display: block;*/
    column-count: 2;
  }
  .grid .html.gsm-num-3,
  .grid .text.gsm-num-3,
  .grid .bullets.gsm-num-3 {
    /*display: block;*/
    column-count: 3;
  }
  .grid .html.gsm-num-4,
  .grid .text.gsm-num-4,
  .grid .bullets.gsm-num-4 {
    /*display: block;*/
    column-count: 4;
  }
  .grid .html.gsm-num-5,
  .grid .text.gsm-num-5,
  .grid .bullets.gsm-num-5 {
    /*display: block;*/
    column-count: 5;
  }
  .grid .html.gsm-num-6,
  .grid .text.gsm-num-6,
  .grid .bullets.gsm-num-6 {
    /*display: block;*/
    column-count: 6;
  }
  .grid .space.gsm-num-1 {
    height: 10px;
  }
  .grid .space.gsm-num-2 {
    height: 20px;
  }
  .grid .space.gsm-num-3 {
    height: 40px;
  }
  .grid .space.gsm-num-4 {
    height: 60px;
  }
  .grid .space.gsm-num-5 {
    height: 80px;
  }
  .grid .space.gsm-num-6 {
    height: 100px;
  }
}
@media (max-width: 576px) {
  .grid.gxs-dir-row {
    flex-direction: row !important;
  }
  .grid.gxs-dir-rrow {
    flex-direction: row-reverse !important;
  }
  .grid.gxs-dir-col {
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .grid.gxs-dir-rcol {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }
  .grid .gxs-num-1 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxs-num-1 > .grid,
  .grid .gxs-num-1 > .grid-row {
    box-sizing: border-box;
    flex-basis: 100%;
  }
  .grid .gxs-num-1.column-count {
    display: block;
    column-count: 1;
  }
  .grid .gxs-num-1.column-count > .grid,
  .grid .gxs-num-1.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-num-2 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxs-num-2 > .grid,
  .grid .gxs-num-2 > .grid-row {
    box-sizing: border-box;
    flex-basis: 50%;
    min-width: calc(50% - 10px);
  }
  .grid .gxs-num-2.column-count {
    display: block;
    column-count: 2;
  }
  .grid .gxs-num-2.column-count > .grid,
  .grid .gxs-num-2.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-num-3 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxs-num-3 > .grid,
  .grid .gxs-num-3 > .grid-row {
    box-sizing: border-box;
    flex-basis: 33.33%;
    min-width: calc(33% - 10px);
  }
  .grid .gxs-num-3.column-count {
    display: block;
    column-count: 3;
  }
  .grid .gxs-num-3.column-count > .grid,
  .grid .gxs-num-3.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-num-4 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxs-num-4 > .grid,
  .grid .gxs-num-4 > .grid-row {
    box-sizing: border-box;
    flex-basis: 25%;
    min-width: calc(25% - 10px);
  }
  .grid .gxs-num-4.column-count {
    display: block;
    column-count: 4;
  }
  .grid .gxs-num-4.column-count > .grid,
  .grid .gxs-num-4.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-num-5 {
    flex-grow: 0;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .grid .gxs-num-5 > .grid,
  .grid .gxs-num-5 > .grid-row {
    box-sizing: border-box;
    flex-basis: 20%;
    min-width: calc(20% - 10px);
  }
  .grid .gxs-num-5.column-count {
    display: block;
    column-count: 5;
  }
  .grid .gxs-num-5.column-count > .grid,
  .grid .gxs-num-5.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-num-6 {
    flex-grow: 0;
    flex-wrap: wrap;
  }
  .grid .gxs-num-6 > .grid,
  .grid .gxs-num-6 > .grid-row {
    box-sizing: border-box;
    flex-basis: 16.66%;
    min-width: calc(16% - 10px);
  }
  .grid .gxs-num-6.column-count {
    display: block;
    column-count: 6;
  }
  .grid .gxs-num-6.column-count > .grid,
  .grid .gxs-num-6.column-count > .grid-row {
    break-inside: avoid;
    flex: 0 0 100%;
  }
  .grid .gxs-grow-0 {
    flex-grow: 0;
  }
  .grid .gxs-grow-1 {
    flex-grow: 1;
  }
  .grid .gxs-grow-2 {
    flex-grow: 2;
  }
  .grid .gxs-grow-3 {
    flex-grow: 3;
  }
  .grid .gxs-grow-4 {
    flex-grow: 4;
  }
  .grid .gxs-grow-5 {
    flex-grow: 5;
  }
  .grid .gxs-grow-6 {
    flex-grow: 6;
  }
  .grid .gxs-visible {
    display: flex;
  }
  .grid .gxs-hidden {
    display: none;
  }
  .grid .html.gxs-num-1,
  .grid .text.gxs-num-1,
  .grid .bullets.gxs-num-1 {
    /*display: block;*/
    column-count: 1;
  }
  .grid .html.gxs-num-2,
  .grid .text.gxs-num-2,
  .grid .bullets.gxs-num-2 {
    /*display: block;*/
    column-count: 2;
  }
  .grid .html.gxs-num-3,
  .grid .text.gxs-num-3,
  .grid .bullets.gxs-num-3 {
    /*display: block;*/
    column-count: 3;
  }
  .grid .html.gxs-num-4,
  .grid .text.gxs-num-4,
  .grid .bullets.gxs-num-4 {
    /*display: block;*/
    column-count: 4;
  }
  .grid .html.gxs-num-5,
  .grid .text.gxs-num-5,
  .grid .bullets.gxs-num-5 {
    /*display: block;*/
    column-count: 5;
  }
  .grid .html.gxs-num-6,
  .grid .text.gxs-num-6,
  .grid .bullets.gxs-num-6 {
    /*display: block;*/
    column-count: 6;
  }
  .grid .space.gxs-num-1 {
    height: 10px;
  }
  .grid .space.gxs-num-2 {
    height: 20px;
  }
  .grid .space.gxs-num-3 {
    height: 40px;
  }
  .grid .space.gxs-num-4 {
    height: 60px;
  }
  .grid .space.gxs-num-5 {
    height: 80px;
  }
  .grid .space.gxs-num-6 {
    height: 100px;
  }
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-200.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-300.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-500.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-600.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-700.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/tmpl/lavy/fonts/poppins-v24-latin_latin-ext-800.woff2") format("woff2");
}
:root {
  /* ==================== */
  /* COLORS - FOUNDATIONS */
  /* ==================== */
  /* Page & Surface */
  --color-page-bg: #fbfbfb;
  --color-card-bg: #ffffff;
  --color-surface-muted: #f0f2f5;
  --color-surface-light: #ffffff;
  --color-surface-input: #f3f4f6;
  --color-surface-soft: #f5f5f5;
  --color-surface-hover: #eef0f3;
  --color-surface-about: #F2F2F2;
  --color-surface-hero-cta: #1A1A1A;
  /* Text Colors */
  --color-text-primary: #222222;
  --color-text-secondary: #6b7280;
  --color-text-muted: #6b7280;
  --color-text-dark: #111111;
  --color-text-dark-alt: #111827;
  --color-text-light: #555555;
  --color-text-inverse: #ffffff;
  /* Brand Colors */
  --color-brand-primary: #e24a64;
  --color-brand-primary-soft: #ffe8ee;
  --color-brand-primary-dark: #c9415a;
  /* darken(#e24a64, 10%) */
  --color-brand-primary-darker: #b33749;
  /* darken(#e24a64, 15%) */
  /* Border Colors */
  --color-border-default: #000000;
  --color-border-primary: #454545;
  --color-border-primary-lighter: #615852;
  --color-border-primary-hover: #e5e7eb;
  --color-border-soft: #e5e7eb;
  --color-border-mobile-menu: #010101;
  --color-border-hover: #d1d5db;
  --color-border-line: #e5e7eb;
  --color-line: #e5e7eb;
  --color-border-accent-grey: #e2e2e2;
  --color-border-divider: #d8d8d8;
  --color-border-plp: #e8e8e8;
  /* Background Colors */
  --color-bg-default: #000000;
  --color-bg-default-inverse: #ffffff;
  --color-bg-primary: #454545;
  /* Star Rating */
  --color-star-rating: #f5b301;
  --color-star-fill: #f5c542;
  /* Category Colors - Pills for diseases. Values aligned to the fav-categories palette (--cat-bg) per design. */
  --color-category-pain: #f2c8be;
  --color-category-immune: #c8e4cf;
  /* Readable text tone on the immune pill background (design: @pill_immune_dark). */
  --color-category-immune-dark: #2a653b;
  --color-category-psyche: #ddd2ea;
  --color-category-digestion: #d8e4c4;
  --color-category-more: #E9E9E9;
  /* Product Line Colors */
  --color-product-lavyl: #5E93E4;
  --color-product-haevyl: #F13A55;
  --color-product-pentyll: #BC458C;
  --color-product-exyol: #33B79E;
  --color-product-solvyl: #FF6243;
  --color-product-yummy: #BC458C;
  --color-product-rollon: #D98A3D;
  --color-product-oils: #6b7d5a;
  /* Special Effect Colors */
  --color-pill-hairs-bg: #f2e4c9;
  --color-pill-teeth-bg: #E9E9E9;
  /* Semantic Colors */
  --color-stock-success: #2e9b4a;
  --color-stock-delivery: #039b6e;
  --color-accent-purple: #9c3e90;
  --color-accent-orange: #ffc99a;
  /* Gradient & Alpha Colors - for fade() replacements */
  --color-brand-alpha-8: rgba(226, 74, 100, 0.08);
  /* fade(@color-primary, 8%) */
  --color-brand-alpha-10: rgba(226, 74, 100, 0.1);
  /* fade(@color-primary, 10%) */
  --color-brand-alpha-15: rgba(226, 74, 100, 0.15);
  /* fade(@color-primary, 15%) */
  --color-brand-alpha-35: rgba(226, 74, 100, 0.35);
  /* fade(@color-primary, 35%) */
  --color-brand-alpha-40: rgba(226, 74, 100, 0.4);
  /* fade(@color-primary, 40%) */
  --color-brand-alpha-45: rgba(226, 74, 100, 0.45);
  /* fade(@color-primary, 45%) */
  --color-brand-alpha-50: rgba(226, 74, 100, 0.5);
  /* fade(@color-primary, 50%) */
  --color-brand-alpha-55: rgba(226, 74, 100, 0.55);
  /* fade(@color-primary, 55%) */
  --color-brand-alpha-65: rgba(226, 74, 100, 0.65);
  /* fade(@color-primary, 65%) */
  --color-border-alpha-10: rgba(0, 0, 0, 0.1);
  --color-border-alpha-16: rgba(0, 0, 0, 0.16);
  --color-border-alpha-60: rgba(229, 231, 235, 0.6);
  /* fade(@color-border-soft, 60%) */
  --color-dark-alpha-4: rgba(17, 24, 39, 0.04);
  --color-dark-alpha-6: rgba(15, 23, 42, 0.06);
  --color-black-alpha-8: rgba(0, 0, 0, 0.08);
  --color-black-alpha-9: rgba(0, 0, 0, 0.09);
  --color-grey-alpha-45: rgba(233, 233, 233, 0.45);
  /* fade(#E9E9E9, 45%) */
  --color-text-alpha-60: rgba(34, 34, 34, 0.6);
  /* fade(@color-text-main, 60%) */
  --color-text-alpha-80: rgba(34, 34, 34, 0.8);
  /* fade(@color-text-main, 80%) */
  /* Experience Section Colors */
  --color-exp-text-primary: #111827;
  --color-exp-text-secondary: #6b7280;
  --color-exp-quote-grad-top: #f3f4f6;
  --color-exp-quote-grad-bot: #f9fafb;
  /* Testimonials Section Colors */
  --color-testimonial-card-bg: #ffffff;
  --color-testimonial-card-grad-top: #f4f4f4;
  --color-testimonial-card-grad-bot: #fbfbfb;
  --color-testimonial-text: #0f172a;
  --color-testimonial-muted: #6b7280;
  --color-testimonial-border: rgba(15, 23, 42, 0.06);
  /* Disease Navigation Colors */
  --color-disease-letter-bg: #fff;
  --color-disease-letter-bg-hover: #f2e4c9;
  --color-disease-letter-border: rgba(0, 0, 0, 0.1);
  --color-disease-letter-border-hover: rgba(0, 0, 0, 0.16);
  --color-disease-letter-border-active: rgba(226, 74, 100, 0.45);
  --color-disease-focus-outline: rgba(226, 74, 100, 0.65);
  --disease-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  /* Product Info Section Colors */
  --color-info-text: #3b342c;
  --color-info-check: #5d544a;
  --color-info-divider: #d7c8b5;
  /* Tabs Colors */
  --color-tab-border: #dcdcdc;
  --color-tab-bg: #f3f3f3;
  /* Product Description Colors */
  --color-description-text: #4b5563;
  --color-description-heading-muted: #9c9c9c;
  --color-link-hover: #1295cc;
  /* ==================== */
  /* SPACING & LAYOUT     */
  /* ==================== */
  /* Border Radius */
  --radius-xlg: 24px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --radius-xs: 8px;
  --radius-pill: 999px;
  /* Container Widths */
  --container-width: 1440px;
  --container-submenu-width: 1240px;
  /* Component Sizing - General */
  --info-max-width: 600px;
  --card-radius: 16px;
  --card-radius-lg: 24px;
  --card-radius-xl: 28px;
  --grid-gap: 28px;
  --button-height: 45px;
  --button-height-sm: 36px;
  --button-gap: 6px;
  --button-padding-x: 10px;
  --button-font-size: 14px;
  --button-border: 1px solid #555555;
  --input-width-sm: 44px;
  --input-height: 44px;
  --icon-size-sm: 16px;
  --icon-size-md: 24px;
  --radio-size: 20px;
  /* Product Variants & Info */
  --variant-gap: 16px;
  --variant-padding-y: 18px;
  --variant-padding-x: 14px;
  --info-gap-col: 56px;
  --info-gap-row: 22px;
  /* Buy Box & Pricing */
  --buy-box-gap-y: 14px;
  --price-size: 24px;
  --price-old-size: 14px;
  --price-old-opacity: 0.7;
  --availability-font-size: 14px;
  /* Product Description */
  --description-col-margin-top: 25px;
  /* Experience Section Sizing */
  --exp-radius-card: 32px;
  --exp-radius-quote: 18px;
  /* Disease Navigation Sizing */
  --disease-nav-padding: 4px 11px 4px;
  --disease-submenu-col-left: 240px;
  --disease-submenu-gap: clamp(18px, 2.4vw, 36px);
  --disease-title-margin-bottom: 12px;
  --disease-alphabet-gap: 8px;
  --disease-letter-minw: 34px;
  --disease-letter-h: 30px;
  --disease-letter-padding-x: 10px;
  --disease-letter-radius: 10px;
  --disease-letter-font-size: 12px;
  --disease-letter-font-weight: 400;
  /* ==================== */
  /* SHADOWS              */
  /* ==================== */
  --shadow-default: 0 18px 40px rgba(15, 23, 42, 0.12);
  --shadow-card: 0 18px 40px rgba(15, 23, 42, 0.15);
  --shadow-soft: 0 10px 28px rgba(15, 23, 42, 0.1);
  --shadow-soft-alt: 0 10px 24px rgba(16, 24, 40, 0.06);
  --shadow-button-primary: 0 10px 25px rgba(226, 74, 100, 0.4);
  --shadow-button-primary-hover: 0 14px 32px rgba(226, 74, 100, 0.5);
  --shadow-disease: 0 10px 24px rgba(15, 23, 42, 0.1);
  --shadow-thumbnail: 2px 2px 6px rgba(16, 24, 40, 0.16);
  --shadow-meta-box: 0 8px 20px rgba(16, 24, 40, 0.16);
  /* ==================== */
  /* TYPOGRAPHY           */
  /* ==================== */
  --font-family-base: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-size-xs: 11px;
  --text-size-sm: 12px;
  --text-size-md: 13px;
  --text-size-base: 14px;
  --text-size-default: 16px;
  --text-size-lg: 18px;
  --text-size-xl: 24px;
  --text-size-xxl: 26px;
  --text-font-weight-thin: 200;
  --text-font-weight-light: 300;
  --text-font-weight-lighter: 400;
  --text-font-weight-mid: 500;
  --text-font-weight-bold: 600;
  --text-font-weight-bolder: 700;
  --text-font-weight-heavy: 800;
  --text-line-height-tight: 1.25;
  --text-line-height-relaxed: 1.55;
  /* ==================== */
  /* TRANSITIONS          */
  /* ==================== */
  --transition-fast: 0.18s ease-out;
  /* ==================== */
  /* SPECIAL EFFECTS      */
  /* ==================== */
  --gradient-border: linear-gradient(90deg, #20c997, #6f42c1, #dc3545);
  /* Review Star SVG */
  --review-star-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.9L18.18 22 12 18.56 5.82 22 7 14.17l-5-4.9 6.91-1.01L12 2z'/%3E%3C/svg%3E");
  /* ==================== */
  /* CATEGORY ALIASES     */
  /* ==================== */
  /* Category mappings for disease navigation */
  --category-relief: var(--color-category-pain);
  --category-psyche: var(--color-category-psyche);
  --category-vitality: var(--color-pill-hairs-bg);
  --category-immunity: var(--color-category-immune);
  --category-detox: var(--color-category-digestion);
  --category-other: var(--color-pill-teeth-bg);
  /* ========================== */
  /* DISEASE / CATEGORY PILLS   */
  /* ========================== */
  --color-pill-bg-default: #f9fafb;
  /* Covered by the fav-categories palette (--cat-bg) - aligned to design. */
  --color-pill-inflammation: #f5d4be;
  --color-pill-joints: #f0cdc2;
  --color-pill-skin: #f2dece;
  --color-pill-insomnia: #c8d5ea;
  --color-pill-venus: #eac8d4;
  --color-pill-breathing: #c5e2e9;
  --color-pill-allergies: #dccfe8;
  /* Not in the fav-categories set - kept on the original pill palette. */
  --color-pill-brain: #c5acdc;
  --color-pill-cosmetics: #efe0c2;
  --color-pill-cardio: #ebdcbb;
  --color-pill-longevity: #e8d7b3;
  --color-pill-cold: #a8d3b1;
  --color-pill-toxins: #bed1a2;
  --color-pill-lymph: #b4c896;
  --color-pill-urinary: #aabe8a;
  --color-pill-pets: #e6d9c5;
  --color-pill-vitamins: #f3d7a3;
  --color-pill-covid: #d8d8d8;
  --color-pill-diseases: #f2e4c9;
  /* ====================== */
  /* HP FAV CATEGORY SCROLL */
  /* ====================== */
  --scroll-offset: 96px;
  --favcat-collapsed-h: 360px;
  --favcat-expanded-h: 2200px;
  /* ========================== */
  /* BLOG                       */
  /* ========================== */
  --radius-xl: 32px;
  --shadow-blog-card: 0 18px 45px rgba(0, 0, 0, 0.22);
  --blog-overlay-start: rgba(0, 0, 0, 0.75);
  --blog-overlay-mid: rgba(0, 0, 0, 0.25);
  --blog-overlay-end: rgba(0, 0, 0, 0);
  --blog-overlay-mobile-start: #f0a641;
  --blog-overlay-mobile-mid: #f18e1d;
  --blog-overlay-mobile-end: #f48d10;
  --blog-text-color: #ffffff;
  /* ========================== */
  /* PHONE / CONTACT            */
  /* ========================== */
  --page-contact-sep: rgba(0, 0, 0, 0.1);
  --page-contact-kicker: rgba(0, 0, 0, 0.75);
  --page-contact-hours: rgba(0, 0, 0, 0.65);
  --page-contact-hover-bg: rgba(0, 0, 0, 0.03);
  --page-contact-link-color: #6b7280;
  --page-footer-divider-color: #cbcbcd;
  --page-contact-hover-bg-transparent: transparent;
  --page-contact-online: #67a85e;
  --page-contact-online-ring: #ffffff;
  --page-contact-online-size: 14px;
  --user-auth-dot-size: 10px;
  --user-auth-backdrop: rgba(0, 0, 0, 0.58);
  /* ========================== */
  /* PRODUCT REVIEWS (pr)       */
  /* ========================== */
  --pr-text: var(--color-text-primary, #111827);
  --pr-muted: var(--color-text-muted, #6b7280);
  --pr-line: var(--color-line, #e5e7eb);
  --pr-field-border: #d1d5db;
  --pr-accent: #ffc07f;
  --pr-upload-error: #b42318;
  --pr-review-star-bg: var(--color-star-fill);
  --pr-review-star: var(--review-star-svg);
  --pr-panel-bg-layer: #f4f4f4;
  --pr-panel-bg-layer-final: #fbfbfb;
  --pr-panel-shadow: rgba(16, 24, 40, 0.1);
  --pr-panel-radius: 22px;
  --pr-panel-pad-y: 15px;
  --pr-panel-pad-x: 40px;
  --pr-img-gap: 10px;
  --pr-grid-gap: 60px;
  --pr-title-size: 34px;
  --pr-title-weight: 200;
  --pr-label-size: 16px;
  --pr-body-size: 16px;
  --pr-body-lh: 1.6;
  --pr-field-bg: #fff;
  --pr-field-radius: 14px;
  --pr-field-h: 54px;
  --pr-field-pad-x: 16px;
  --pr-field-pad-y: 14px;
  --pr-textarea-minh: 140px;
  --pr-btn-radius: 16px;
  --pr-btn-font: 13px;
  --pr-btn-pad-x: 30px;
  --pr-card-radius: 16px;
  --pr-card-pad: 22px 26px;
  --pr-upload-gap: 10px;
  --pr-dd-radius: 16px;
  --pr-dd-pad-y: 14px;
  --pr-dd-pad-x: 16px;
  --pr-dd-gap: 16px;
  --pr-dd-chevron: #111827;
  --pr-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /* ========================== */
  /* PRODUCT REVIEWS SUMMARY    */
  /* ========================== */
  --prs-divider: #e6e8ee;
  --prs-star: #ffd13c;
  --prs-star-off: #d9dde6;
  --prs-bar-fill: #f6b800;
  --prs-left-col: clamp(220px, 28vw, 230px);
  --prs-left-val: 50px;
  --prs-left-max: 50px;
  --prs-meta: 22px;
  --prs-stars-lg: 20px;
  --prs-stars-xlg: 25px;
  --prs-right-star: 20px;
  --prs-right-count: 20px;
  --prs-gap-x: clamp(20px, 28vw, 30px);
  --prs-gap-y: 0;
  --prs-bar-h: 16px;
  /* ========================== */
  /* PRODUCT VIDEO (pv)         */
  /* ========================== */
  --pv-panel-bg: linear-gradient(180deg, var(--pr-panel-bg-layer) 0%, var(--pr-panel-bg-layer-final) 100%);
  --pv-panel-shadow: var(--pr-panel-shadow);
  --pv-panel-radius: var(--pr-panel-radius);
  --pv-pad-x: 25px;
  --pv-pad-b: 30px;
  --pv-panel-pad: var(--pr-panel-pad-y) var(--pr-panel-pad-x);
  --pv-title-size: var(--pr-title-size);
  --pv-title-weight: var(--pr-title-weight);
  --pv-lead: 18px;
  --pv-text: var(--pr-text);
  --pv-muted: #6b7280;
  --pv-gap: 18px;
  --pv-card-radius: 16px;
  --pv-card-bd: #e6e8ee;
  --pv-card-bg: #f8f8f8;
  --pv-thumb-bg: #f3f4f6;
  --pv-play-size: 54px;
  --pv-play-bg: rgba(17, 24, 39, 0.55);
  --pv-play-stroke: rgba(255, 255, 255, 0.9);
  /* ========================== */
  /* PRODUCT QUESTIONS (pq)     */
  /* ========================== */
  --pq-text: var(--color-text-primary, #111827);
  --pq-muted: var(--color-text-muted, #6b7280);
  --pq-line: var(--color-line, #e5e7eb);
  --pq-accent: #ffc07f;
  --pq-panel-bg-layer: #f4f4f4;
  --pq-panel-bg-layer-final: #fbfbfb;
  --pq-panel-box-shadow: rgba(16, 24, 40, 0.1);
  --pq-panel-radius: 22px;
  --pq-panel-pad-y: 15px;
  --pq-panel-pad-x: 40px;
  --pq-grid-gap: 60px;
  --pq-title-size: 34px;
  --pq-title-weight: 200;
  --pq-label-size: 16px;
  --pq-body-size: 16px;
  --pq-body-lh: 1.6;
  --pq-field-bg: #fff;
  --pq-field-border: #d1d5db;
  --pq-field-radius: 14px;
  --pq-field-h: 54px;
  --pq-field-pad-x: 16px;
  --pq-field-pad-y: 14px;
  --pq-btn-h: 54px;
  --pq-btn-radius: 12px;
  --pq-btn-pad-x: 26px;
  --pq-text-color: #111827;
  --pq-bg-color-inverse: #fff;
  --pq-border-color: #cfd5df;
  --pq-reply-line: 3px;
  --pq-reply-gap: 18px;
  /* ============================== */
  /* PRODUCT DETAIL MORE INFO (pd)  */
  /* ============================== */
  --pd-more-bg: #f7efe2;
  --pd-more-check-fg: #ffffff;
  --pd-more-title-size: 26px;
  --pd-usage-title-size: 34px;
  /* ========================== */
  /* STATS                      */
  /* ========================== */
  --stats-reviews-bg: rgba(255, 255, 255, 0.9);
  --stats-review-bg: #ffffff;
  --stats-reviews-shadow: 0 18px 56px rgba(15, 23, 42, 0.12);
  --stats-star: #d6b35b;
  --stats-review-text: #2b2b2b;
  /* ========================== */
  /* BUY QTY                    */
  /* ========================== */
  --qty-h: 36px;
  --qty-radius: 8px;
  --qty-border: #555555;
  --qty-sep: #555555;
  --qty-ink: #111;
  --qty-btn-w: 36px;
  --qty-input-w: 36px;
  --qty-icon-w: 12px;
  --qty-icon-h: 2px;
  --qty-icon-w-vert: 2px;
  --qty-icon-h-vert: 12px;
  /* ========================== */
  /* ABOUT                      */
  /* ========================== */
  --about-radius: 24px;
  --about-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
  --about-gap: 30px;
  --about-awards-title: 30px;
  --about-awards-title-sm: 24px;
  --about-img-height: 380px;
  --about-panel-height: 420px;
  --about-panel-img-margin-top: -12px;
  --about-panel-content-margin-top: 12px;
  --about-default-text: #000000;
  --about-pill-phone-bg: #cfefff;
  --about-pill-chat-bg: #57d38c;
  --about-pill-text: #0f172a;
  /* ========================== */
  /* MAIN ADVANTAGES            */
  /* ========================== */
  --main-advantages-radius: 24px;
  --main-advantages-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
  --main-advantages-gap: 30px;
  --main-advantages-awards-title: 30px;
  --main-advantages-awards-title-sm: 24px;
  --main-advantages-img-height: 380px;
  --main-advantages-panel-height: 420px;
  --main-advantages-panel-img-margin-top: -12px;
  --main-advantages-panel-content-margin-top: 12px;
  --main-advantages-default-text: #000000;
  --main-advantages-pill-phone-bg: #cfefff;
  --main-advantages-pill-chat-bg: #57d38c;
  --main-advantages-pill-text: #0f172a;
  /* ========================== */
  /* PRODUCTS HP                */
  /* ========================== */
  --products-hp-bg: #f5f7fb;
  --products-hp-shadow: 0 10px 25px rgba(16, 24, 40, 0.12);
  --pill-blue: #4f8bed;
  --pill-blue-ink: #fff;
  --pill-lilac: #e3d7ff;
  --pill-lilac-ink: #3f2a75;
  --pill-pink: #f6d8e7;
  --pill-pink-ink: #5b233c;
  --btn-max-w: 260px;
  --products-media-bg: #eaf0f7;
  --products-card-transition: 0.15s;
  --products-card-hover-translate: -4px;
  --products-card-hover-shadow: 0 8px 20px rgba(16, 24, 40, 0.16);
  --products-label-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  --products-track-padding: 5px 18px 50px;
  --products-track-margin: 0 12px;
  --products-slider-side-padding: 10px;
  --products-arrow-border: 1px solid #000;
  --products-arrow-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  --products-arrow-radius: 30%;
  --products-pagination: #6b7280;
  --products-pagination-active: #1a1a1a;
  --products-pagination-active-scale: 1.2;
  --products-btn-font: 400 13px / 1.2 system-ui, Arial, sans-serif;
  --products-btn-hover-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  /* ========================== */
  /* CATEGORY MENU SUBMENU      */
  /* ========================== */
  --category-menu-gutter: 20px;
  --category-menu-gap: 37px;
  --category-menu-gap-mobile: 12px;
  --category-menu-max: calc(var(--container-width) - (var(--category-menu-gutter) * 2));
  --pill-more-offset-top: 0;
  --pill-more-maxcap: 720px;
  --submenu-bridge: 14px;
  --submenu-bridge-mobile: 10px;
  /* ========================== */
  /* LAVYLITES USAGE            */
  /* ========================== */
  --lavylites-usage-col-margin-top: 25px;
  /* ========================== */
  /* TESTIMONIALS               */
  /* ========================== */
  --color-testimonial-media-bg: #f1f5f9;
  /* ========================== */
  /* BEFORE-AFTER               */
  /* ========================== */
  --before-after-overlay: rgba(17, 17, 17, 0.92);
  /* ========================== */
  /* CROSSSELL                  */
  /* ========================== */
  --crosssell-title-size: 28px;
  --shadow-crosssell-cart-hover: 0 8px 20px rgba(79, 139, 237, 0.35);
  /* ========================== */
  /* CART                       */
  /* ========================== */
  --cart-steps-number-size: 32px;
  --cart-steps-number-bg: var(--color-surface-muted);
  --cart-steps-number-bg-active: var(--color-text-dark);
  --cart-steps-number-color: var(--color-text-secondary);
  --cart-steps-number-color-active: var(--color-text-inverse);
  --cart-item-padding-y: 20px;
  --cart-item-img-size: 90px;
  --cart-item-border: var(--color-border-soft);
  --cart-item-remove-color: var(--color-text-secondary);
  --cart-item-remove-hover: var(--color-brand-primary);
  --cart-checkbox-size: 20px;
  --cart-checkbox-border: #808080;
  --cart-checkbox-checked-bg: var(--color-text-dark);
  --cart-checkbox-checked-border: var(--color-text-dark);
  --cart-checkbox-check-color: var(--color-text-inverse);
  --cart-gift-bar-h: 8px;
  --cart-gift-bar-bg: var(--color-surface-muted);
  --cart-gift-bar-fill: var(--color-stock-delivery);
  --cart-gift-milestone-size: 12px;
  --cart-gift-milestone-border: var(--color-card-bg);
  --cart-nav-padding: 15px;
  --cart-summary-radius: var(--radius-xlg);
  --cart-summary-padding: 28px;
  --cart-summary-bg: var(--color-card-bg);
  --cart-summary-shadow: var(--shadow-soft);
  --cart-summary-total-size: var(--text-size-xl);
  --cart-layout-gap: 36px;
  --cart-aside-width: 340px;
  --cart-nav-gap: 16px;
  /* ========================== */
  /* CART ORDER                 */
  /* ========================== */
  --cart-service-radius: var(--radius-md);
  --cart-service-border: var(--color-border-soft);
  --cart-service-border-selected: var(--color-text-dark);
  --cart-service-bg: var(--color-card-bg);
  --cart-service-bg-selected: var(--color-surface-soft);
  --cart-service-logo-w: 40px;
  --cart-service-logo-h: 28px;
  --cart-form-input-h: 48px;
  --cart-form-input-radius: var(--radius-xs);
  --cart-form-input-border: var(--color-border-soft);
  --cart-form-gap: 16px;
  --cart-form-field-gap: 12px;
  /* ========================== */
  /* GRADIENT BORDER PATTERNS   */
  /* ========================== */
  --color-surface-grey: #f7f7f7;
  --gradient-border-bg-grey: linear-gradient(var(--color-surface-grey), var(--color-surface-grey)) padding-box, var(--gradient-border) border-box;
  --gradient-border-bg-white: linear-gradient(#fff, #fff) padding-box, var(--gradient-border) border-box;
  /* ========================== */
  /* WORD LIST                  */
  /* ========================== */
  --word-list-highlighted: #393c43;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--font-family-base);
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-light);
  line-height: 1.5;
  color: var(--color-text-primary);
  background: var(--color-page-bg);
  /* to be removed */
  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: var(--color-text-primary);
}
header,
.header,
.site-header,
.page-header {
  position: relative;
  z-index: 1000;
}
.category-pills {
  position: static;
  overflow: visible;
}
.hero,
.hero-banner,
.section--hero,
.hero-section {
  position: relative;
  z-index: 1;
}
.page {
  min-height: 100vh;
  background: var(--color-page-bg);
}
.site-header {
  max-width: var(--container-width);
  margin: 0 auto;
}
.site-main {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px 40px;
}
.site-footer {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 24px 20px 40px;
  font-size: var(--text-size-md);
  color: var(--color-text-secondary);
  text-align: center;
}
/* Header */
.site-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}
.site-header__logo {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-weight: var(--text-font-weight-bolder);
  font-size: 22px;
}
.site-header__logo .logo-main {
  letter-spacing: 0.08em;
}
.site-header__logo .logo-sub {
  font-size: var(--text-size-md);
  color: var(--color-text-secondary);
  text-transform: uppercase;
}
.site-header__nav-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1100;
  overflow: visible;
  max-width: var(--container-width);
}
.site-header__nav-wrapper .site-header__nav {
  display: flex;
  gap: 18px;
  font-size: var(--text-size-base);
}
.site-header__nav-wrapper .site-header__nav a {
  text-decoration: none;
  color: var(--color-border-default);
  padding: 4px 0;
  position: relative;
}
.site-header__nav-wrapper .site-header__nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: var(--color-brand-primary);
  transition: width var(--transition-fast);
}
.site-header__nav-wrapper .site-header__nav a:hover {
  color: var(--color-text-primary);
}
.site-header__nav-wrapper .site-header__nav a:hover::after {
  width: 100%;
}
.site-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Buttons */
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-text,
.btn-icon {
  font-family: inherit;
  border: none;
  cursor: pointer;
  font-size: var(--text-size-base);
  line-height: 1.2;
  padding: 10px 18px;
  border-radius: var(--radius-xs);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);
}
.btn-primary {
  background: linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-primary-dark));
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-button-primary);
}
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-button-primary-hover);
}
.btn-primary--ghost {
  background: transparent;
  color: var(--color-brand-primary);
  border: 1px solid var(--color-brand-alpha-40);
  box-shadow: none;
}
.btn-primary--ghost:hover {
  background: var(--color-brand-alpha-8);
}
.btn-secondary {
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary);
  border: 1px solid var(--color-brand-alpha-35);
}
.btn-secondary:hover {
  background: var(--color-brand-alpha-10);
}
.btn-ghost {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-soft);
}
.btn-ghost:hover {
  color: var(--color-text-primary);
  border-color: var(--color-border-hover);
}
.btn-text {
  background: transparent;
  color: var(--color-text-secondary);
  padding-inline: 8px;
}
.btn-text:hover {
  color: var(--color-text-primary);
}
.btn-icon {
  width: 38px;
  height: 38px;
  padding: 0;
}
.all-btn-more {
  display: inline-flex;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-dark);
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-text-dark);
  background-color: var(--color-bg-default-inverse);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.all-btn-more:hover {
  background: var(--color-text-dark-alt);
  color: var(--color-bg-default-inverse);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
.all-btn-more-wrap {
  display: flex;
  justify-content: center;
}
.page-pagination {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.page-pagination__info {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.page-pagination__pages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-pagination__link {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: var(--radius-xs);
  font-size: var(--text-size-base);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: background-color var(--transition-fast);
}
.page-pagination__link:hover {
  background: var(--color-surface-soft);
}
.page-pagination__link--active {
  background: var(--color-text-dark);
  color: var(--color-text-inverse);
  font-weight: var(--text-font-weight-bold);
  pointer-events: none;
}
.page-pagination__link--prev svg,
.page-pagination__link--next svg {
  width: 16px;
  height: 16px;
}
.pr-form__submit.btn-default,
.pq-form__submit.btn-default {
  background: var(--color-accent-orange);
  border: 1px solid var(--color-accent-orange);
}
/* Search row */
.site-header__search-row {
  display: grid;
  grid-template-columns: minmax(0, 200px) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
}
.search-select select,
.search-input input {
  width: 100%;
  border-radius: 999px;
  border: 1px solid var(--color-border-soft);
  padding: 9px 14px;
  font-size: var(--text-size-base);
  background: var(--color-bg-default-inverse);
}
.search-input input {
  padding-inline: 16px;
}
/* Generic sections */
.section {
  margin-bottom: 40px;
  max-width: var(--container-width);
}
.section__header {
  display: flex;
  justify-content: center;
  margin: 60px 0 36px;
}
.section__header h2 {
  margin: 0;
  font-size: clamp(26px, 2.4vw, 32px);
  font-weight: var(--text-font-weight-light);
  color: var(--color-exp-text-primary);
}
.section__header .section__link {
  font-size: var(--text-size-md);
  color: var(--color-text-secondary);
  text-decoration: none;
}
.section__header .section__link:hover {
  color: var(--color-brand-primary);
}
.section__text {
  margin: 0;
  color: var(--color-text-secondary);
  max-width: 640px;
}
/* Placeholders */
.image-placeholder,
.product-card__image-placeholder,
.testimonial-card__avatar-placeholder,
.why-card__image-placeholder,
.story-card__image-placeholder,
.blog-card__image-placeholder,
.hero__media-placeholder {
  background: radial-gradient(circle at top left, var(--color-bg-default-inverse), var(--color-surface-muted));
  border-radius: var(--radius-lg);
  border: 1px dashed var(--color-border-alpha-60);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
  font-size: var(--text-size-sm);
}
/* HEADER – SEARCH + CATEGORIES */
.site-header__search {
  flex: 1;
}
.search-input {
  position: relative;
  width: inherit;
}
.search-input input {
  width: 100%;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-border-soft);
  padding: 9px 40px 9px 14px;
  font-size: var(--text-size-base);
  background: var(--color-bg-default-inverse);
  outline: none;
}
.search-input input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.search-input__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
  height: 20px;
  line-height: 1;
  padding: 0;
}
.search-input__icon img {
  height: 100%;
}
.breadcrumbs-nav {
  padding: 16px 0 0;
}
.page-head {
  padding: 20px 0 10px;
}
.page-head__title {
  margin: 0;
  padding: 0 0 25px;
  font-size: 44px;
  line-height: 1.3;
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-primary);
}
.page-body {
  padding: 0;
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: var(--text-size-base);
  line-height: 1.2;
  color: var(--color-text-muted);
}
.breadcrumbs__item:not(:last-child)::after {
  content: '›';
  margin-left: 8px;
  opacity: 0.7;
}
.breadcrumbs__link {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
}
.breadcrumbs__item--current {
  color: inherit;
}
ul {
  list-style: none;
}
@media (max-width: 1024px) {
  .section {
    margin-bottom: 0;
  }
  .section__header h2 {
    text-align: center;
  }
  .site-header__top {
    flex-wrap: wrap;
  }
  .site-header__search {
    order: 3;
    width: 100%;
    max-width: none;
  }
  .site-header__categories {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-header__nav--secondary {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.top-infobar {
  background: var(--color-text-dark);
  color: #f9fafb;
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-light);
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, #2dd4bf, #60a5fa, #ec4899, #f97316) 1;
}
.top-infobar__inner {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.top-infobar__promo {
  display: inline-block;
}
.top-infobar__close {
  display: flex;
  align-items: center;
  color: var(--color-text-inverse);
  border-radius: 5px;
  height: 18px;
  width: 18px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.top-infobar__close:hover {
  opacity: 0.6;
}
.top-infobar__close svg {
  display: block;
}
.top-infobar__highlight {
  color: var(--color-brand-primary);
  font-weight: bold;
}
.top-infobar__contacts {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  font-weight: var(--text-font-weight-light);
}
.top-infobar__contacts a {
  color: inherit;
  text-decoration: none;
}
.top-infobar__contacts a:hover {
  text-decoration: underline;
}
.top-infobar__note {
  margin-left: 4px;
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-text-inverse);
}
@media (max-width: 1024px) {
  .top-infobar {
    font-size: var(--text-size-sm);
  }
}
.site-header {
  background: var(--color-page-bg);
  padding: 0 20px;
}
.site-header__top {
  max-width: var(--container-width);
  margin: 26px auto;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.site-header__burger {
  display: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-border-mobile-menu);
  border-radius: 8px;
  background: var(--color-card-bg);
  cursor: pointer;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.site-header__burger:focus-visible {
  outline: 2px solid var(--color-text-primary);
  outline-offset: 2px;
}
.site-header__burger-lines {
  position: relative;
  width: 18px;
  height: 12px;
  display: block;
}
.site-header__burger-lines::before,
.site-header__burger-lines::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--color-border-default);
}
.site-header__burger-lines::before {
  top: 0;
  box-shadow: 0 5px 0 var(--color-border-default);
}
.site-header__burger-lines::after {
  bottom: 0;
}
.site-header__logo {
  flex: 0 0 auto;
}
.site-header__logo .logo-main {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  max-height: 43px;
}
.site-header__logo .logo-main img {
  max-height: inherit;
}
.site-header__search {
  flex: 1 1 auto;
  display: flex;
}
.site-header__actions {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0px;
}
.site-header .search-input--header {
  width: 100%;
  position: relative;
}
.site-header .search-input--header input {
  width: 100%;
  height: 44px;
  border-radius: 14px;
  border: 1px solid var(--color-border-default);
  padding: 0 44px 0 14px;
  background: var(--color-card-bg);
  font-size: var(--text-size-base);
}
.site-header .search-input--header .search-input__icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.site-header .header-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-border-default);
  font-size: var(--text-size-md);
  padding: 8px 10px;
  border-radius: 12px;
  white-space: nowrap;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
}
.site-header .header-link:hover {
  background: var(--color-surface-muted);
  color: var(--color-brand-primary);
  transform: translateY(0);
}
.site-header .header-link:active {
  transform: translateY(1px);
}
.site-header .header-link--account {
  display: flex;
  align-items: center;
  font-weight: var(--text-font-weight-light);
  padding: 0 5px 0 0;
}
.site-header .header-link--account:hover {
  background: none;
}
.site-header .header-link--account .user-mobile {
  display: none;
}
.site-header .header-link--account .price {
  display: none;
}
.site-header .header-link .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid var(--color-border-soft);
  background: var(--color-card-bg);
}
.site-header .header-link .svg-ico {
  width: 20px;
  height: 20px;
}
.site-header .header-link .number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
  right: 3px;
  min-width: 14px;
  height: 14px;
  font-size: 9px;
  font-weight: normal;
  color: var(--color-border-default);
  border-radius: 12px;
  border: solid 1px var(--color-border-default);
  background: var(--color-card-bg);
  padding: 0 3px;
  line-height: 1;
}
.site-header .header-link .price {
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-bold);
  white-space: nowrap;
}
.site-header .header-cart {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-border-default);
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-light);
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
}
.site-header .header-cart .btn-icon {
  position: relative;
}
.site-header .header-cart .btn-icon .svg-ico {
  width: 24px;
  height: 24px;
  color: var(--color-border-default);
  transition: color 0.5s ease, transform 0.5s ease;
}
.site-header .header-cart .btn-icon .number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
  right: 3px;
  min-width: 14px;
  height: 14px;
  font-size: 9px;
  font-weight: normal;
  color: var(--color-border-default);
  border-radius: 12px;
  border: solid 1px var(--color-border-default);
  background: var(--color-bg-default-inverse);
  transition: color 0.5s ease, transform 0.5s ease, border-color 0.5s ease;
}
.site-header .header-cart:hover,
.site-header .header-cart:hover .svg-ico,
.site-header .header-cart:hover .number {
  color: var(--color-brand-primary);
  transform: translateY(0);
}
.site-header .header-cart:hover .number {
  border: solid 1px var(--color-brand-primary);
}
.site-header .header-lang-wrap .header-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 46px;
  font-size: var(--text-size-xs);
  padding-inline: 12px;
  border: 1px solid var(--color-border-primary);
  border-radius: 999px;
  background: var(--color-card-bg);
  padding: 2px 6px 2px 4px;
  height: 24px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.site-header .header-lang-wrap .header-lang:hover {
  background: var(--color-surface-input);
}
.site-header .header-lang-wrap .header-lang .lang-flag {
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: -1px 0 0 -2px;
}
.site-header .header-lang-wrap .header-lang .lang-flag img {
  width: 18px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.site-header .header-lang-wrap .header-lang .lang-name {
  display: none;
}
.site-header .header-lang-wrap .header-lang .icon-caret {
  width: 14px;
  height: 14px;
  color: var(--color-text-dark);
  flex-shrink: 0;
  margin-top: 1px;
  transition: transform 0.25s ease-in-out, color 0.2s ease;
  transform-origin: center;
}
.site-header .header-lang-wrap .header-lang-other {
  position: absolute;
  top: 30px;
  left: 0;
  margin-top: 8px;
  background: var(--color-card-bg);
  border: 1px solid var(--color-border-soft);
  border-radius: 20px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  z-index: 1160;
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.5s ease, visibility 0s linear 0.5s;
}
.site-header .header-lang-wrap .header-lang-other ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.site-header .header-lang-wrap .header-lang-other li {
  flex: 0 0 calc(50% - 8px);
  text-align: left;
  font-size: var(--text-size-base);
  padding: 6px 8px;
  border-radius: 5px;
  transition: background-color 0.2s ease;
}
.site-header .header-lang-wrap .header-lang-other li:hover {
  background: var(--color-surface-input);
  color: var(--color-brand-primary);
  cursor: pointer;
}
.site-header .header-lang-wrap .header-lang-other li a {
  text-decoration: none;
  color: inherit;
}
.site-header .header-lang-wrap .header-lang-other li a .lang {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-header .header-lang-wrap .header-lang-other li a .lang .flag {
  width: 20px;
  height: 24px;
  margin: 0 8px 0 0;
}
.site-header .header-lang-wrap .header-lang-other li a .lang .flag img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.site-header .header-lang-wrap:hover .header-lang-other,
.site-header .header-lang-wrap:focus-within .header-lang-other,
.site-header .header-lang-wrap .header-lang-other:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.5s ease, visibility 0s;
}
.site-header .header-lang-wrap:hover .icon-caret,
.site-header .header-lang-wrap:focus-within .icon-caret {
  transform: rotate(180deg);
}
.site-header .mobile-menu-section--categories {
  display: none;
}
@media (max-width: 1024px) {
  .site-header {
    /*.mobile-drawer__user .header-link--account {
      .user-mobile {
        display: block;
      }
    }*/
  }
  .site-header .site-header__top {
    margin: 14px auto;
    padding-bottom: 10px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .site-header .site-header__logo {
    order: 1;
  }
  .site-header .site-header__logo .logo-main {
    max-height: 35px;
  }
  .site-header .site-header__actions {
    order: 2;
    margin-left: auto;
  }
  .site-header .site-header__actions .header-link--account .title {
    display: none;
  }
  .site-header .site-header__actions .header-cart .price {
    display: none;
  }
  .site-header .site-header__actions .header-lang-wrap .header-lang {
    margin: 2px 0 0 0;
    width: 100%;
    height: 26px;
    padding: 2px 4px 2px 5px;
  }
  .site-header .site-header__actions .header-lang-wrap .header-lang .icon-caret {
    display: none;
  }
  .site-header .site-header__actions .header-lang-wrap .lang-name {
    display: none;
  }
  .site-header .site-header__actions .header-lang-wrap .header-lang-other {
    left: -48px;
  }
  .site-header .site-header__actions .header-lang-wrap .header-lang-other li {
    flex: auto;
  }
  .site-header .site-header__burger {
    display: inline-flex;
    order: 3;
  }
  .site-header .site-header__search {
    order: 4;
    flex: 1 1 100%;
  }
  .site-header .mobile-menu-section--categories {
    display: block;
  }
  .site-header .header-link--cart .price {
    display: none;
  }
  .site-header .header-link {
    padding: 0;
  }
  .site-header .header-link:hover {
    background: none;
  }
  .site-header .header-link .user-mobile {
    display: none;
  }
  .site-header .mobile-drawer__user .header-link--account .title {
    display: none;
  }
  .site-header .mobile-drawer__user .header-link--account .user-mobile {
    display: flex;
    flex-direction: column;
    font-size: var(--text-size-sm);
    font-weight: var(--text-font-weight-lighter);
    line-height: 1.2;
  }
}
.site-header__actions .page-contact__mail {
  display: none;
}
.page-contact {
  display: inline-flex;
  align-items: center;
}
.page-contact__avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid #2f2f2f;
  padding: 2px;
  position: relative;
  overflow: visible;
  flex: 0 0 auto;
  background: #eee;
}
.page-contact__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
.page-contact__status {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: var(--page-contact-online-size);
  height: var(--page-contact-online-size);
  border-radius: 999px;
  background: var(--page-contact-online);
  border: 1px solid var(--page-contact-online-ring);
  display: none;
}
.page-contact.is-online .page-contact__status {
  display: block;
}
.page-contact__link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: #000000;
  gap: 12px;
  padding: 6px 8px;
  border-radius: 14px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.page-contact__link:hover {
  background: var(--page-contact-hover-bg-transparent);
  color: var(--color-brand-primary);
}
.page-contact__text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  line-height: 1.15;
  min-width: 0;
}
.page-contact__kicker {
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-lighter);
  color: var(--page-contact-kicker);
  white-space: nowrap;
}
.page-contact__row {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  white-space: nowrap;
}
.page-contact__icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.page-contact__phone {
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
}
.page-contact__hours {
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-lighter);
  color: var(--page-contact-hours);
}
.site-footer .page-contact__link {
  padding: 10px 20px;
  height: 100%;
  border: 1px solid var(--page-footer-divider-color);
}
.site-footer .page-contact__avatar {
  border: 1px solid #ababae;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .page-contact__avatar {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 1024px) {
  .page-contact__icon {
    display: none;
  }
  .site-footer .page-contact {
    justify-content: space-evenly;
    margin: 0 0 10px;
  }
  .site-footer .page-contact__link {
    min-width: 370px;
    justify-content: center;
  }
  .site-footer .page-contact__text {
    gap: 8px;
  }
  .site-footer .page-contact__avatar {
    width: 55px;
    height: 55px;
  }
  .site-footer .page-contact__kicker {
    font-size: var(--text-size-lg);
    text-align: left;
    color: var(--page-contact-link-color);
    font-weight: var(--text-font-weight-thin);
  }
  .site-footer .page-contact__phone {
    font-size: var(--text-size-lg);
    font-weight: var(--text-font-weight-lighter);
  }
  .site-footer .page-contact__hours {
    font-size: var(--text-size-base);
  }
}
@media (max-width: 1024px) {
  .site-header__actions .page-contact__kicker,
  .site-header__actions .page-contact__hours,
  .site-header__actions .page-contact__avatar,
  .site-header__actions .page-contact__phone {
    display: none;
  }
  .site-header__actions .page-contact__link {
    padding: 0;
  }
  .site-footer .page-contact {
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 10px;
  }
  .site-footer .page-contact__icon {
    display: none;
  }
  .site-footer .page-contact__link {
    width: 100%;
    min-height: 70px;
  }
}
.site-header__categories > .category-pills,
.site-header__categories > .site-header__nav--secondary {
  max-width: var(--container-width);
  padding: 10px 0;
}
.site-header__nav--secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: var(--text-size-md);
  padding-top: 0;
  padding-bottom: 10px;
  margin-left: auto;
}
.site-header__nav--secondary .menu-submenu-item {
  display: inline-flex;
  align-items: center;
}
.site-header__nav--secondary :is(a, button):not(.pill),
.pill-more-menu__title a {
  text-decoration: none;
  color: var(--color-text-primary);
  position: relative;
  padding-bottom: 2px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color var(--transition-fast), transform var(--transition-fast);
}
.site-header__nav--secondary :is(a, button):not(.pill)::after,
.pill-more-menu__title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--color-brand-primary);
  transition: width var(--transition-fast);
}
.site-header__nav--secondary :is(a, button):not(.pill):hover,
.pill-more-menu__title a:hover,
.site-header__nav--secondary :is(a, button):not(.pill):focus-visible,
.pill-more-menu__title a:focus-visible {
  color: var(--color-border-default);
  transform: translateY(-1px);
}
.site-header__nav--secondary :is(a, button):not(.pill):hover::after,
.pill-more-menu__title a:hover::after,
.site-header__nav--secondary :is(a, button):not(.pill):focus-visible::after,
.pill-more-menu__title a:focus-visible::after {
  width: 100%;
}
.site-header__nav--secondary :is(a, button):not(.pill):focus-visible,
.pill-more-menu__title a:focus-visible {
  outline: 2px solid var(--color-brand-alpha-55);
  outline-offset: 3px;
  border-radius: 8px;
}
.site-header__nav--secondary .menu-submenu-item:hover > :is(a, button):not(.pill),
.site-header__nav--secondary .menu-submenu-item:focus-within > :is(a, button):not(.pill) {
  color: var(--color-text-primary);
  transform: translateY(-1px);
}
.site-header__nav--secondary .menu-submenu-item:hover > :is(a, button):not(.pill)::after,
.site-header__nav--secondary .menu-submenu-item:focus-within > :is(a, button):not(.pill)::after {
  width: 100%;
}
@supports selector(:has(*)) {
  .site-header__nav--secondary > :is(a, button):not(.pill):has(+ .menu-submenu:hover),
  .site-header__nav--secondary > :is(a, button):not(.pill):has(+ .menu-submenu:focus-within) {
    color: var(--color-text-primary);
    transform: translateY(-1px);
  }
  .site-header__nav--secondary > :is(a, button):not(.pill):has(+ .menu-submenu:hover)::after,
  .site-header__nav--secondary > :is(a, button):not(.pill):has(+ .menu-submenu:focus-within)::after {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .category-pills {
    gap: 6px;
  }
  .pill {
    font-size: var(--text-size-sm);
    padding: 6px 10px;
  }
  .pill-more-menu {
    min-width: 220px;
  }
}
body.is-mobile-menu-open {
  overflow: hidden;
  touch-action: none;
}
.mobile-drawer {
  display: none;
}
@media (max-width: 1024px) {
  .site-header__nav-slot {
    display: none;
  }
}
@media (max-width: 1024px) {
  .mobile-drawer {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 14px;
  }
  .mobile-drawer.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.2s ease;
  }
  .mobile-drawer__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
  }
  .mobile-drawer__panel {
    position: relative;
    width: min(92vw, 400px);
    border-radius: 28px;
    overflow: hidden;
    border: 2px solid var(--color-border-primary-lighter);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
    background: linear-gradient(145deg, #24201d 0%, #df8452 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transform: translateY(10px) scale(0.985);
    transition: transform 0.22s ease;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: calc(100vh - 28px);
    max-height: calc(100dvh - 28px);
  }
  .mobile-drawer.is-open .mobile-drawer__panel {
    transform: translateY(0) scale(1);
  }
  .mobile-drawer__close {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1200;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border-mobile-menu);
    border-radius: 8px;
    background: var(--color-card-bg);
    color: var(--color-border-default);
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-drawer__close:focus-visible {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px;
  }
  .mobile-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-drawer__menu {
    width: 100%;
  }
  .mobile-drawer__language {
    display: none !important;
  }
  .mobile-drawer #site-nav-wrapper {
    display: flex;
    flex-direction: column;
    background: #fcfafa;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
  }
  .mobile-drawer .category-pills,
  .mobile-drawer .site-header__nav--secondary {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: -webkit-fill-available;
    max-width: -webkit-fill-available;
  }
  .mobile-drawer .menu-submenu-item {
    width: 100%;
  }
  .mobile-drawer .category-pills > a.category {
    display: none;
  }
  .mobile-drawer .site-header__nav--secondary i,
  .mobile-drawer .site-header__nav--secondary .flaticon-down-arrow {
    display: none !important;
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > a,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a {
    width: 100%;
    min-height: 25px;
    padding: 18px 26px 18px 26px !important;
    text-decoration: none;
    text-transform: math-auto;
    color: var(--color-border-default);
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    flex-direction: row !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 14px;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background: transparent;
    border-radius: 0;
    font-size: var(--text-size-default);
    font-weight: var(--text-font-weight-mid);
    line-height: 1.1;
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a.site-header__nav-link--contact,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > a.site-header__nav-link--contact,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a.site-header__nav-link--contact {
    border-bottom: 0;
  }
  .mobile-drawer .site-header__nav--secondary .menu-submenu-item {
    flex-direction: column;
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > a {
    font-weight: var(--text-font-weight-lighter);
    font-size: var(--text-size-default);
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a .expand,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a .expand,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > a .expand {
    display: none;
  }
  .mobile-drawer .site-header__nav-link--about {
    background: linear-gradient(90deg, rgba(245, 205, 210, 0.55) 0%, rgba(255, 255, 255, 0) 75%);
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a::before,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > a::before,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a::before {
    content: "";
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    opacity: 0.92;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .mobile-drawer #site-nav-wrapper .category-pills > .menu-submenu-item > a::after,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary > .site-header__nav-link::after,
  .mobile-drawer #site-nav-wrapper .site-header__nav--secondary .menu-submenu-item > a::after {
    position: relative;
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    margin-left: auto;
    opacity: 0.55;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M9 18l6-6-6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M9 18l6-6-6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: transform 0.18s ease, opacity 0.18s ease;
  }
  .mobile-drawer .menu-submenu-item.is-open > a::after {
    transform: rotate(90deg);
    opacity: 0.85;
  }
  .mobile-drawer .pill--all::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0004%209V6C16.0004%203.79086%2014.2095%202%2012.0004%202C9.79123%202%208.00037%203.79086%208.00037%206V9M3.59237%2010.352L2.99237%2016.752C2.82178%2018.5717%202.73648%2019.4815%203.03842%2020.1843C3.30367%2020.8016%203.76849%2021.3121%204.35839%2021.6338C5.0299%2022%205.94374%2022%207.77142%2022H16.2293C18.057%2022%2018.9708%2022%2019.6423%2021.6338C20.2322%2021.3121%2020.6971%2020.8016%2020.9623%2020.1843C21.2643%2019.4815%2021.179%2018.5717%2021.0084%2016.752L20.4084%2010.352C20.2643%208.81535%2020.1923%208.04704%2019.8467%207.46616C19.5424%206.95458%2019.0927%206.54511%2018.555%206.28984C17.9444%206%2017.1727%206%2015.6293%206H8.37142C6.82806%206%206.05638%206%205.44579%206.28984C4.90803%206.54511%204.45838%206.95458%204.15403%207.46616C3.80846%208.04704%203.73643%208.81534%203.59237%2010.352Z%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0004%209V6C16.0004%203.79086%2014.2095%202%2012.0004%202C9.79123%202%208.00037%203.79086%208.00037%206V9M3.59237%2010.352L2.99237%2016.752C2.82178%2018.5717%202.73648%2019.4815%203.03842%2020.1843C3.30367%2020.8016%203.76849%2021.3121%204.35839%2021.6338C5.0299%2022%205.94374%2022%207.77142%2022H16.2293C18.057%2022%2018.9708%2022%2019.6423%2021.6338C20.2322%2021.3121%2020.6971%2020.8016%2020.9623%2020.1843C21.2643%2019.4815%2021.179%2018.5717%2021.0084%2016.752L20.4084%2010.352C20.2643%208.81535%2020.1923%208.04704%2019.8467%207.46616C19.5424%206.95458%2019.0927%206.54511%2018.555%206.28984C17.9444%206%2017.1727%206%2015.6293%206H8.37142C6.82806%206%206.05638%206%205.44579%206.28984C4.90803%206.54511%204.45838%206.95458%204.15403%207.46616C3.80846%208.04704%203.73643%208.81534%203.59237%2010.352Z%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
  }
  .mobile-drawer .site-header__nav-link--diseases::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M9 2h6v3H9V2Z' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M8 5h8v5a4 4 0 0 1-8 0V5Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M7 13h10v9H7v-9Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M9 2h6v3H9V2Z' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M8 5h8v5a4 4 0 0 1-8 0V5Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M7 13h10v9H7v-9Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mobile-drawer .site-header__nav-link--about::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M12 10v6' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M12 7h.01' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M12 10v6' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M12 7h.01' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .mobile-drawer .site-header__nav-link--references::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M4 5h16v11H7l-3 3V5Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M4 5h16v11H7l-3 3V5Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mobile-drawer .site-header__nav-link--blog::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M4 20l4-1 11-11-3-3L5 16l-1 4Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14 5l3 3' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M4 20l4-1 11-11-3-3L5 16l-1 4Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14 5l3 3' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .mobile-drawer .site-header__nav-link--contact::before {
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M7 3h4l2 5-3 2c1 3 3 5 6 6l2-3 5 2v4c0 1-1 2-2 2C11 21 3 13 3 5c0-1 1-2 2-2h2Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M7 3h4l2 5-3 2c1 3 3 5 6 6l2-3 5 2v4c0 1-1 2-2 2C11 21 3 13 3 5c0-1 1-2 2-2h2Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mobile-drawer .menu-submenu {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    max-height: 0;
    width: inherit !important;
    overflow: hidden;
    transition: max-height 0.24s ease;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--color-bg-default-inverse);
    margin: 0;
    padding-top: 0;
  }
  .mobile-drawer .menu-submenu.menu-submenu--categories {
    margin: 10px 0 0 0;
    border-radius: 25px;
  }
  .mobile-drawer .menu-submenu .menu-submenu__panel {
    box-shadow: none;
    border: 0;
    background: transparent;
    width: initial;
    padding: clamp(22px, 3vw, 22px) clamp(0px, 4vw, 0px);
  }
  .mobile-drawer .menu-submenu .menu-submenu__panel .diseases-submenu__content .pill-more-menu__title {
    font-size: 20px;
    font-weight: var(--text-font-weight-light);
  }
  .mobile-drawer .menu-submenu .menu-submenu__panel .pill-more-menu__title {
    font-size: var(--text-size-default);
    font-weight: var(--text-font-weight-light);
  }
  .mobile-drawer .menu-submenu.pill-more-menu {
    border-radius: 25px;
    margin: 5px 0;
  }
  .mobile-drawer .menu-submenu__panel {
    padding: 10px 0 14px;
    opacity: 1;
    visibility: visible;
    margin: 10px 0;
  }
  .mobile-drawer .menu-submenu__panel .pill-more-menu__grid {
    width: 260px;
  }
  .mobile-drawer .menu-submenu-item.is-open > .menu-submenu {
    max-height: 2400px;
  }
  .mobile-drawer .mobile-menu-section--categories {
    position: relative;
    width: 100%;
    padding: 16px 18px 12px;
    border-radius: 28px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0) 45%);
  }
  .mobile-drawer .mobile-menu-section__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }
  .mobile-drawer .mobile-menu-section--categories .mobile-menu-section__head {
    min-height: 32px;
    padding-right: 48px;
  }
  .mobile-drawer .mobile-menu-section__label {
    font-size: var(--text-size-base);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.55;
  }
  .mobile-drawer .mobile-menu-section__rule {
    height: 1px;
    flex: 1 1 auto;
    background: rgba(0, 0, 0, 0.1);
  }
  .mobile-drawer .mobile-menu-categories[data-mobile-categories] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    padding-bottom: 8px;
  }
  .mobile-drawer .mobile-menu-categories[data-mobile-categories] .category.pill {
    width: 100%;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 10px 16px 10px 14px;
    font-size: var(--text-size-base);
    font-weight: var(--text-font-weight-lighter);
    text-transform: none;
    border: 0;
    box-shadow: none;
  }
  .mobile-drawer .mobile-menu-categories[data-mobile-categories] .category.pill .expand {
    padding: 5px 3px 5px 10px;
  }
  .mobile-drawer .mobile-menu-categories .pill--pain {
    background: linear-gradient(90deg, rgba(248, 206, 190, 0.9), rgba(248, 206, 190, 0.45));
  }
  .mobile-drawer .mobile-menu-categories .pill--immune {
    background: linear-gradient(90deg, rgba(201, 230, 208, 0.9), rgba(201, 230, 208, 0.45));
  }
  .mobile-drawer .mobile-menu-categories .pill--psyche {
    background: linear-gradient(90deg, rgba(203, 194, 235, 0.9), rgba(203, 194, 235, 0.45));
  }
  .mobile-drawer .mobile-menu-categories .pill--digestion {
    background: linear-gradient(90deg, rgba(213, 224, 188, 0.9), rgba(213, 224, 188, 0.45));
  }
  .mobile-drawer .mobile-menu-categories .pill-more-menu__group .pill::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    opacity: 0.85;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .mobile-drawer .mobile-menu-categories .pill--pain::before {
    background-image: url(/tmpl/lavy/img/icon/pain.svg);
  }
  .mobile-drawer .mobile-menu-categories .pill--immune::before {
    background-image: url(/tmpl/lavy/img/icon/imune.svg);
  }
  .mobile-drawer .mobile-menu-categories .pill--psyche::before {
    background-image: url(/tmpl/lavy/img/icon/psyche.svg);
  }
  .mobile-drawer .mobile-menu-categories .pill--digestion::before {
    background-image: url(/tmpl/lavy/img/icon/digestion.svg);
  }
  .mobile-drawer .mobile-menu-section--language {
    padding: 10px 18px 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    width: 100%;
  }
  .mobile-drawer .mobile-menu-language[data-mobile-language] .header-lang-wrap {
    width: 100%;
  }
  .mobile-drawer .mobile-menu-language .lang-toggle {
    width: 100%;
    min-height: 50px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
  }
  .mobile-drawer .mobile-menu-language .lang-toggle .lang {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .mobile-drawer .mobile-menu-language .lang-toggle .lang .lang-name {
    font-size: var(--text-size-base);
    font-weight: var(--text-font-weight-lighter);
  }
  .mobile-drawer .mobile-menu-language .header-lang-other {
    position: static;
    margin-top: 10px;
    display: none;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 24px;
    overflow: hidden;
  }
  .mobile-drawer .mobile-menu-language .header-lang-other ul {
    margin: 0;
    padding: 6px 0;
    list-style: none;
  }
  .mobile-drawer .mobile-menu-language .header-lang-other ul li a {
    display: block;
    padding: 12px 14px;
    text-decoration: none;
    color: var(--color-border-default);
  }
  .mobile-drawer .mobile-menu-language .header-lang-other ul li a:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .mobile-drawer .mobile-menu-language .header-lang-wrap.is-open .header-lang-other {
    display: block;
  }
  .mobile-drawer .mobile-menu-language .header-lang-wrap.is-open .header-lang-other ul li {
    flex: none;
    width: 100%;
  }
  .mobile-drawer .mobile-menu-categories[data-mobile-categories] > .category.menu-submenu-item {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
  .mobile-drawer .mobile-menu-categories[data-mobile-categories] > .category.menu-submenu-item > .has-submenu {
    width: 100%;
  }
}
.category-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-bottom: 6px;
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 5px;
  font-size: var(--text-size-md);
  line-height: 1.3;
  text-transform: uppercase;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-border-soft);
  background: var(--color-pill-bg-default);
  color: var(--color-text-primary);
  white-space: nowrap;
  transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
  text-decoration: none;
}
.pill:not(.not-link) {
  cursor: pointer;
}
.pill:not(.not-link):hover {
  background: var(--color-bg-default-inverse);
  border-color: var(--color-brand-alpha-40);
  box-shadow: 0 6px 18px var(--color-black-alpha-9);
  transform: translateY(-1px);
}
.pill:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 2px;
}
.pill::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
.pill--all {
  background: var(--color-text-dark-alt);
  border-color: var(--color-text-dark-alt);
  color: var(--color-pill-bg-default);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  padding: 4px 11px 4px;
  border: 1px solid transparent;
  background: linear-gradient(var(--color-surface-hero-cta), var(--color-surface-hero-cta)) padding-box, var(--gradient-border) border-box;
  transition: color 0.5s ease, transform 0.5s ease, border-color 0.5s ease;
}
.pill--all:hover {
  color: var(--color-text-primary);
  border: 1px solid transparent;
  background: linear-gradient(var(--color-surface-hero-cta), var(--color-surface-hero-cta)) padding-box, var(--gradient-border) border-box;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.4);
  transform: translateY(-1px);
}
.pill--all::before {
  display: none;
}
/* main menu 4 colors */
.pill--pain {
  background: var(--color-category-pain);
  border-color: var(--color-category-pain);
}
.pill--pain::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/pain.svg");
}
.pill--immune {
  background: var(--color-category-immune);
  border-color: var(--color-category-immune);
}
.pill--immune::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/imune.svg");
}
.pill--psyche {
  background: var(--color-category-psyche);
  border-color: var(--color-category-psyche);
}
.pill--psyche::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/psyche.svg");
}
.pill--digestion {
  background: var(--color-category-digestion);
  border-color: var(--color-category-digestion);
}
.pill--digestion::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/digestion.svg");
}
/* end of */
.pill--inflammation {
  background: var(--color-pill-inflammation);
  border-color: var(--color-pill-inflammation);
}
.pill--inflammation::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/inflammation.svg");
}
.pill--joints {
  background: var(--color-pill-joints);
  border-color: var(--color-pill-joints);
}
.pill--joints::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/joints.svg");
}
.pill--skin {
  background: var(--color-pill-skin);
  border-color: var(--color-pill-skin);
}
.pill--skin::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/skin.svg");
}
.pill--insomnia {
  background: var(--color-pill-insomnia);
  border-color: var(--color-pill-insomnia);
}
.pill--insomnia::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/insomnia.svg");
}
.pill--brain {
  background: var(--color-pill-brain);
  border-color: var(--color-pill-brain);
}
.pill--brain::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/brain.svg");
}
.pill--venus {
  background: var(--color-pill-venus);
  border-color: var(--color-pill-venus);
}
.pill--venus::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/venus.svg");
}
.pill--hairs {
  background: var(--color-pill-hairs-bg);
  border-color: var(--color-pill-hairs-bg);
}
.pill--hairs::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/hairs.svg");
}
.pill--cosmetics {
  background: var(--color-pill-cosmetics);
  border-color: var(--color-pill-cosmetics);
}
.pill--cosmetics::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/cosmetics.svg");
}
.pill--cardio {
  background: var(--color-pill-cardio);
  border-color: var(--color-pill-cardio);
}
.pill--cardio::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/cardio.svg");
}
.pill--longevity {
  background: var(--color-pill-longevity);
  border-color: var(--color-pill-longevity);
}
.pill--longevity::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/longevity.svg");
}
.pill--breathing {
  background: var(--color-pill-breathing);
  border-color: var(--color-pill-breathing);
}
.pill--breathing::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/breathing.svg");
}
.pill--cold {
  background: var(--color-pill-cold);
  border-color: var(--color-pill-cold);
}
.pill--cold::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/cold.svg");
}
.pill--allergies {
  background: var(--color-pill-allergies);
  border-color: var(--color-pill-allergies);
}
.pill--allergies::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/allergies.svg");
}
.pill--toxins {
  background: var(--color-pill-toxins);
  border-color: var(--color-pill-toxins);
}
.pill--toxins::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/toxins.svg");
}
.pill--lymph {
  background: var(--color-pill-lymph);
  border-color: var(--color-pill-lymph);
}
.pill--lymph::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/lymph.svg");
}
.pill--urinary {
  background: var(--color-pill-urinary);
  border-color: var(--color-pill-urinary);
}
.pill--urinary::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/urinary.svg");
}
.pill--pets {
  background: var(--color-pill-pets);
  border-color: var(--color-pill-pets);
}
.pill--pets::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/pets.svg");
}
.pill--teeth {
  background: var(--color-pill-teeth-bg);
  border-color: var(--color-pill-teeth-bg);
}
.pill--teeth::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/teeth.svg");
}
.pill--vitamins {
  background: var(--color-pill-vitamins);
  border-color: var(--color-pill-vitamins);
}
.pill--vitamins::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/vitamins.svg");
}
.pill--covid-19 {
  background: var(--color-pill-covid);
  border-color: var(--color-pill-covid);
}
.pill--covid-19::before {
  opacity: 1;
  background-image: url("/tmpl/lavy/img/icon/covid-19.svg");
}
.pill--diseases {
  background: var(--color-pill-diseases);
  border-color: var(--color-pill-diseases);
}
.pill--diseases::before {
  display: none;
}
.pill--more {
  position: relative;
  background: var(--color-category-more);
  border-color: var(--color-grey-alpha-45);
  color: var(--color-border-default);
  font-weight: var(--text-font-weight-mid);
  padding: 5px 10px 5px 10px;
}
.pill--more:hover {
  transform: none;
}
.pill--more::before {
  display: none;
}
.pill--default {
  background: var(--color-bg-default-inverse);
  border-color: var(--color-category-more);
}
.pill__label {
  display: inline-flex;
  align-items: center;
}
.pill--product {
  letter-spacing: -0.01em;
}
.pill--product::before {
  display: none;
  opacity: 0;
}
.pill--product-lavyl {
  background: var(--color-product-lavyl);
  border-color: var(--color-product-lavyl);
}
.pill--product-haevyl {
  background: var(--color-product-haevyl);
  border-color: var(--color-product-haevyl);
}
.pill--product-pentyll {
  background: var(--color-product-pentyll);
  border-color: var(--color-product-pentyll);
}
.pill--product-exyol {
  background: var(--color-product-exyol);
  border-color: var(--color-product-exyol);
}
.pill--product-solvyl {
  background: var(--color-product-solvyl);
  border-color: var(--color-product-solvyl);
}
.pill--product-yummy {
  background: var(--color-product-yummy);
  border-color: var(--color-product-yummy);
}
.pill--product-rollon {
  background: var(--color-product-rollon);
  border-color: var(--color-product-rollon);
}
.pill--product-oils {
  background: var(--color-product-oils);
  border-color: var(--color-product-oils);
}
.pill--own-icon::before {
  opacity: 1;
  background-image: var(--icon-src);
}
.mobile-drawer .mobile-menu-categories .pill--own-icon::before {
  background-image: var(--icon-src);
}
.menu-submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: min(var(--category-menu-max), calc(100vw - (var(--category-menu-gutter) * 2)));
  transform: translateX(-50%);
  /* Hover bridge: wrapper jde o kousek nahoru (neg margin), ale panel začne stejně níž */
  padding-top: calc(var(--category-menu-gap) + var(--submenu-bridge));
  padding-left: var(--category-menu-gutter);
  padding-right: var(--category-menu-gutter);
  margin-top: calc(-1 * var(--submenu-bridge));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: transparent;
  z-index: 4999;
  transition: opacity 160ms ease, visibility 160ms ease;
}
.menu-submenu__panel {
  position: relative;
  inset: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: var(--color-bg-default-inverse);
  border-radius: 28px;
  border: 1px solid var(--color-black-alpha-8);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
  padding: clamp(22px, 3vw, 44px) clamp(18px, 4vw, 56px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  max-height: min(calc(100dvh - var(--pill-more-offset-top)), var(--pill-more-maxcap));
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.menu-submenu--categories .menu-submenu__panel {
  padding: clamp(22px, 3vw, 22px) clamp(18px, 4vw, 18px);
}
.category-pills > :is(a, button):hover + .menu-submenu,
.category-pills > :is(a, button):focus-visible + .menu-submenu,
.site-header__nav--secondary > :is(a, button):hover + .menu-submenu,
.site-header__nav--secondary > :is(a, button):focus-visible + .menu-submenu,
.menu-submenu:hover,
.menu-submenu:focus-within {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.category-pills > :is(a, button):hover + .menu-submenu .menu-submenu__panel,
.category-pills > :is(a, button):focus-visible + .menu-submenu .menu-submenu__panel,
.site-header__nav--secondary > :is(a, button):hover + .menu-submenu .menu-submenu__panel,
.site-header__nav--secondary > :is(a, button):focus-visible + .menu-submenu .menu-submenu__panel,
.menu-submenu:hover .menu-submenu__panel,
.menu-submenu:focus-within .menu-submenu__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.site-header__nav--secondary .menu-submenu-item:hover > .menu-submenu,
.site-header__nav--secondary .menu-submenu-item:focus-within > .menu-submenu,
.category-pills .menu-submenu-item:hover > .menu-submenu,
.category-pills .menu-submenu-item:focus-within > .menu-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.site-header__nav--secondary .menu-submenu-item:hover > .menu-submenu .menu-submenu__panel,
.site-header__nav--secondary .menu-submenu-item:focus-within > .menu-submenu .menu-submenu__panel,
.category-pills .menu-submenu-item:hover > .menu-submenu .menu-submenu__panel,
.category-pills .menu-submenu-item:focus-within > .menu-submenu .menu-submenu__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.category-pills .pill--more {
  position: static;
  display: inline-flex;
  align-items: center;
}
.category-pills .pill--more:hover,
.category-pills .pill--more:focus-within {
  transform: none;
}
.pill--more:hover > .menu-submenu,
.pill--more:focus-within > .menu-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pill--more:hover > .menu-submenu .menu-submenu__panel,
.pill--more:focus-within > .menu-submenu .menu-submenu__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.pill-more-menu__title {
  margin: 0;
  font-size: clamp(22px, 1.5vw, 34px);
  line-height: 1.15;
  font-weight: var(--text-font-weight-thin);
  color: #2b2b2b;
  text-transform: none;
}
.site-header__nav--secondary .menu-submenu-item:hover > .pill,
.site-header__nav--secondary .menu-submenu-item:focus-within > .pill,
.category-pills .menu-submenu-item:hover > .pill,
.category-pills .menu-submenu-item:focus-within > .pill {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}
.category-pills .menu-submenu-item:hover > .pill--more,
.category-pills .menu-submenu-item:focus-within > .pill--more,
.site-header__nav--secondary .menu-submenu-item:hover > .pill--diseases,
.site-header__nav--secondary .menu-submenu-item:focus-within > .pill--diseases {
  background: var(--color-bg-default-inverse);
  border-color: rgba(226, 74, 100, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
  transform: translateY(-1px);
}
.pill-more-menu__inner {
  width: 100%;
}
.pill-more-menu__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
}
.pill-more-menu__col {
  display: flex;
  flex-direction: column;
  gap: clamp(22px, 3vw, 34px);
  min-width: 0;
}
.pill-more-menu__group {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pill-more-menu__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pill--more .pill-more-menu .pill {
  font-size: var(--text-size-sm);
  line-height: 1;
  padding: 5px 14px 5px 12px;
  border-radius: 8px;
  transform: none;
  box-shadow: none;
}
.pill--more .pill-more-menu .pill:hover {
  transform: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(18px, 2.2vw, 34px);
  align-items: flex-start;
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) > .item {
  flex: 1 1 240px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) .item ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) .item li {
  margin: 0;
  padding: 0;
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) .item li a {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  text-decoration: none;
  color: var(--color-text-primary);
  font-size: var(--text-size-base);
  line-height: 1.35;
  font-weight: var(--text-font-weight-light);
}
.menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) .item li a:focus-visible {
  outline: 2px solid var(--color-brand-alpha-65);
  outline-offset: 3px;
  border-radius: 10px;
}
/* Responsive */
@media (max-width: 1024px) {
  .menu-submenu__panel {
    border-radius: 24px;
  }
  .pill-more-menu__grid {
    grid-template-columns: 1fr;
  }
  .pill--more .pill-more-menu .pill {
    font-size: var(--text-size-base);
    padding: 10px 14px 10px 10px;
    border-radius: 13px;
  }
}
@media (max-width: 768px) {
  .menu-submenu {
    padding-top: calc(var(--category-menu-gap-mobile) + var(--submenu-bridge-mobile));
    margin-top: calc(-1 * var(--submenu-bridge-mobile));
  }
  .menu-submenu__panel {
    overflow: hidden;
  }
  .pill--more .pill-more-menu {
    border-radius: 22px;
    max-height: min(72vh, 620px);
  }
  .pill--more .pill-more-menu .pill {
    font-size: var(--text-size-md);
    padding: 9px 12px 9px 10px;
    border-radius: 12px;
  }
}
@media (max-width: 520px) {
  .pill--more .pill-more-menu {
    max-height: min(75vh, 560px);
  }
  .menu-submenu__panel:not(.pill-more-menu):not(.diseases-submenu) .item li a {
    font-size: 15px;
  }
}
.products-submenu {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 34px);
  align-items: start;
}
.products-submenu .pill-more-menu__title {
  padding: 0 0 20px;
}
.products-submenu .item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.products-submenu .item > a {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.products-submenu .item h2 {
  margin: 0;
  font-size: clamp(18px, 1.2vw, 22px);
  line-height: 1.15;
  font-weight: var(--text-font-weight-bolder);
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}
.products-submenu .item ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.products-submenu .item li {
  margin: 0;
  padding: 0;
}
.products-submenu .item li a {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  text-decoration: none;
  color: var(--color-text-primary);
  font-size: var(--text-size-base);
  line-height: 1.35;
  font-weight: var(--text-font-weight-lighter);
  width: 100%;
}
.products-submenu .item li a span {
  display: inline-block;
  min-width: 0;
}
.products-submenu .item li a:hover span,
.products-submenu .item li a:focus-visible span {
  text-decoration: none;
}
.products-submenu .item li a:focus-visible {
  outline: 2px solid var(--color-brand-alpha-65);
  outline-offset: 3px;
  border-radius: 10px;
}
.products-submenu .pill {
  text-transform: none;
}
@media (max-width: 1200px) {
  .products-submenu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .products-submenu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .products-submenu {
    grid-template-columns: 1fr;
  }
  .products-submenu .item ul {
    gap: 12px;
  }
  .products-submenu .item li a {
    font-size: 15px;
  }
}
.site-header__nav-link--diseases {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: var(--disease-nav-padding) !important;
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-text-primary);
}
.site-header__nav-link--diseases::after {
  display: none;
}
.site-header__nav-link--diseases:hover {
  transform: none;
}
.site-header__nav-link--diseases .icon-caret {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  transition: transform var(--transition-fast);
}
.site-header__nav-link--diseases:hover .icon-caret,
.site-header__nav-link--diseases:focus-visible .icon-caret {
  transform: rotate(180deg);
}
.diseases-submenu__content {
  width: 100%;
}
.diseases-submenu__content .submenu {
  position: static;
  inset: auto;
  left: auto !important;
  top: auto;
  display: grid;
  grid-template-columns: var(--disease-submenu-col-left) minmax(0, 1fr);
  gap: var(--disease-submenu-gap);
  width: 100%;
}
.diseases-submenu__content .alphabet {
  min-width: 0;
}
.diseases-submenu__content .alphabet .title {
  margin: 0 0 var(--disease-title-margin-bottom);
  font-size: var(--text-size-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.diseases-submenu__content .alphabet .list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--disease-alphabet-gap);
}
.diseases-submenu__content .alphabet .list li {
  margin: 0;
  padding: 0;
}
.diseases-submenu__content .alphabet .list li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--disease-letter-minw);
  height: var(--disease-letter-h);
  padding: 0 var(--disease-letter-padding-x);
  border-radius: var(--disease-letter-radius);
  border: 1px solid var(--color-disease-letter-border);
  background: var(--color-disease-letter-bg);
  color: var(--color-text-primary);
  font-size: var(--disease-letter-font-size);
  font-weight: var(--disease-letter-font-weight);
  cursor: pointer;
  user-select: none;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}
.diseases-submenu__content .alphabet .list li span:hover {
  background: var(--color-disease-letter-bg-hover);
  transform: translateY(-1px);
  box-shadow: var(--disease-shadow);
  border-color: var(--color-disease-letter-border-hover);
}
.diseases-submenu__content .alphabet .list li span.active {
  border-color: var(--color-disease-letter-border-active);
  box-shadow: var(--disease-shadow);
}
.diseases-submenu__content .index {
  display: none;
  min-width: 0;
}
.diseases-submenu__content .index.open {
  display: block;
}
.diseases-submenu__content .index > .title,
.diseases-submenu__content .index > .words {
  margin: 0 0 var(--disease-title-margin-bottom);
  font-size: var(--text-size-lg);
  line-height: 1.15;
  font-weight: var(--text-font-weight-heavy);
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}
.diseases-submenu__content .words ul {
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 2;
  column-gap: var(--disease-submenu-gap);
}
.diseases-submenu__content .words li {
  break-inside: avoid;
  padding: 0;
  margin: 0 0 10px;
}
.diseases-submenu__content .words a {
  text-decoration: none;
  color: var(--color-text-primary);
  font-size: var(--text-size-base);
  line-height: 1.35;
  font-weight: var(--text-font-weight-lighter);
}
.diseases-submenu__content .words a:focus-visible {
  outline: 2px solid var(--disease-focus-outline);
  outline-offset: 3px;
  border-radius: var(--disease-letter-radius);
}
@media (max-width: 1024px) {
  .site-header__nav-link--diseases::after {
    display: block;
  }
  .diseases-submenu__content .alphabet .list li span {
    min-width: 36px;
    height: 36px;
    font-size: var(--text-size-base);
    font-weight: var(--text-font-weight-mid);
  }
}
@media (max-width: 980px) {
  .diseases-submenu__content .submenu {
    grid-template-columns: 1fr;
  }
  .diseases-submenu__content .words ul {
    columns: 1;
  }
}
.hero-banner {
  margin: 16px 0 32px;
  max-width: var(--container-width);
  /* RESPONSIVE – hero */
}
.hero-banner__card {
  display: flex;
  align-items: center;
  padding: 100px;
  color: var(--color-text-inverse);
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: clamp(240px, 36vw, 640px);
  background: var(--color-bg-primary) right center / cover no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  /*background-blend-mode: multiply;*/
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.08);
}
.hero-banner__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hero-banner__title {
  font-size: 74px;
  font-weight: var(--text-font-weight-lighter);
  line-height: 1.2;
  margin: 0;
}
.hero-banner__title span {
  display: block;
  font-size: 60px;
  font-weight: var(--text-font-weight-thin);
}
.hero-banner__subtitle {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-inverse);
  max-width: 450px;
  line-height: 180%;
  padding: 0;
  margin: 10px 0 15px;
}
.hero-banner__cta {
  opacity: 0.6;
  margin-top: 8px;
  text-transform: uppercase;
  width: fit-content;
  height: 66px;
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  font: 400 20px / 1.2 system-ui, Arial, sans-serif;
  background: linear-gradient(var(--color-surface-hero-cta), var(--color-surface-hero-cta)) padding-box, var(--gradient-border) border-box;
  transition: opacity 0.3s ease, transform 0.5s ease;
}
.hero-banner__cta:hover {
  opacity: 0.8;
  transform: translateY(-1px);
}
@media (max-width: 1024px) {
  .hero-banner__card {
    position: relative;
  }
  .hero-banner__card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05) 80%);
  }
  .hero-banner__content {
    position: relative;
  }
  .hero-banner__title,
  .hero-banner__subtitle {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45), 0 2px 18px rgba(0, 0, 0, 0.55);
  }
  .hero-banner__media {
    justify-content: center;
  }
  .hero-banner__title span {
    max-width: 330px;
  }
}
@media (max-width: 1200px) {
  .hero-banner__card {
    padding: 50px;
  }
  .hero-banner__title {
    font-size: 60px;
  }
  .hero-banner__title span {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .hero-banner__title {
    font-size: 36px;
  }
  .hero-banner__title span {
    font-size: 32px;
  }
}
@media (max-width: 600px) {
  .hero-banner__card {
    padding: 18px 16px 18px;
    background-blend-mode: multiply;
  }
  .hero-banner__subtitle {
    max-width: none;
  }
}
.hero-v2 {
  margin: 16px 0 32px;
  max-width: var(--container-width);
}
.hero-v2__grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
  min-height: clamp(280px, 32vw, 480px);
}
.hero-v2__main {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 0;
  display: block;
  color: var(--color-text-inverse);
}
.hero-v2__main:only-child {
  grid-column: 1 / -1;
  min-height: clamp(240px, 36vw, 640px);
}
.hero-v2__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-v2__main::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.1) 60%, transparent 100%);
  pointer-events: none;
}
.hero-v2__main-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 100px 60px;
  z-index: 1;
}
.hero-v2__main-title {
  font-size: clamp(28px, 4vw, 74px);
  font-weight: var(--text-font-weight-lighter);
  line-height: 1.2;
  margin: 0;
}
.hero-v2__main-title span {
  display: block;
  font-weight: var(--text-font-weight-thin);
}
.hero-v2__main-subtitle {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-inverse);
  max-width: 450px;
  line-height: 180%;
  margin: 10px 0 15px;
}
.hero-v2__main-cta {
  opacity: 0.6;
  text-transform: uppercase;
  width: fit-content;
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  font-family: system-ui, Arial, sans-serif;
  background: linear-gradient(var(--color-surface-hero-cta), var(--color-surface-hero-cta)) padding-box, var(--gradient-border) border-box;
  transition: opacity 0.3s ease, transform 0.5s ease;
  display: inline-flex;
  align-items: center;
  padding: 20px 32px;
  text-decoration: none;
  color: var(--color-text-inverse);
}
.hero-v2__main-cta:hover {
  opacity: 0.8;
  transform: translateY(-1px);
}
.hero-v2__side {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}
.hero-v2__side-banner {
  position: relative;
  flex: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: var(--color-text-inverse);
  transition: box-shadow var(--transition-fast);
}
.hero-v2__side-banner:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.hero-v2__side-banner:hover img {
  transform: scale(1.04);
}
.hero-v2__side-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.hero-v2__side-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 60%, transparent 100%);
  pointer-events: none;
}
.hero-v2__side-banner-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 34px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hero-v2__side-banner-title {
  font-size: clamp(22px, 2vw, 24px);
  font-weight: var(--text-font-weight-lighter);
  line-height: 1.3;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  margin: 0;
}
.hero-v2__side-banner-text {
  font-size: clamp(18px, 1vw, 22px);
  font-weight: var(--text-font-weight-light);
  opacity: 0.9;
  margin: 0;
}
@media (max-width: 1024px) {
  .hero-v2__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .hero-v2__main {
    min-height: clamp(280px, 70vw, 450px);
  }
  .hero-v2__main-content {
    padding: 24px 20px;
    gap: 4px;
  }
  .hero-v2__side {
    flex-direction: row;
  }
  .hero-v2__side-banner {
    min-height: 140px;
  }
  .hero-v2__side-banner-content {
    padding: 22px 16px;
  }
}
@media (max-width: 600px) {
  .hero-v2__main-content {
    padding: 18px 16px;
  }
  .hero-v2__main-title {
    font-size: 28px;
  }
  .hero-v2__main-subtitle {
    max-width: none;
  }
  .hero-v2__main-cta {
    font-size: 20px;
    padding: 10px 18px;
  }
}
@media (max-width: 450px) {
  .hero-v2__side {
    flex-direction: column;
  }
  .hero-v2__side-banner {
    min-height: 120px;
  }
}
.hero-v2__play {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.hero-v2__play::before {
  content: "";
  width: var(--pv-play-size);
  height: var(--pv-play-size);
  border-radius: 999px;
  background: var(--pv-play-bg);
  backdrop-filter: blur(2px);
  transition: transform 0.4s ease;
}
.hero-v2__play::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7.5v9l8-4.5-8-4.5Z' fill='white'/%3E%3C/svg%3E");
  transform: translateX(1px);
}
.hero-v2__side-banner--video:hover .hero-v2__play::before {
  transform: scale(1.04);
}
.hero-v2__play[data-video-embed] {
  inset: auto;
  top: 50%;
  left: 50%;
  width: var(--pv-play-size);
  height: var(--pv-play-size);
  transform: translate(-50%, -50%);
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  z-index: 2;
}
.section--products {
  position: relative;
  max-width: var(--container-width);
  margin: 0 auto 32px;
  padding: 0;
  overflow-x: hidden;
  overflow-x: clip;
}
.section--products .products .product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--color-card-bg);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--products-card-transition) transform, var(--products-card-transition) box-shadow;
}
.section--products .products .product-card:hover {
  transform: translateY(var(--products-card-hover-translate));
  box-shadow: var(--products-card-hover-shadow);
}
.section--products .products .product-media {
  position: relative;
  background: var(--products-media-bg);
  display: grid;
  place-items: center;
}
.section--products .products .product-media img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.section--products .products .sg-labels {
  position: absolute;
  top: 18px;
  left: 18px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.section--products .products .sg-label {
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  line-height: 1;
  padding: 6px 10px;
  border-radius: 6px;
  letter-spacing: 0.2px;
  box-shadow: var(--products-label-shadow);
  text-transform: uppercase;
}
.section--products .products .sg-label.tip {
  background: var(--pill-blue);
  color: var(--pill-blue-ink);
}
.section--products .products .product-body {
  padding: 14px 0 12px;
  text-align: center;
}
.section--products .products .product-body a {
  text-decoration: none;
  color: var(--color-text-primary);
}
.section--products .products .product-body a:hover {
  text-decoration: underline;
}
.section--products .products .product-body .pr-summary__stars--lg {
  display: flex;
  justify-content: center;
  gap: 2px;
  padding: 10px 0 6px;
}
.section--products .products .title {
  font-size: var(--text-size-lg);
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.section--products .products .size {
  display: block;
  font-size: var(--text-size-lg);
}
.section--products .products .subtitle {
  display: block;
  line-height: 1.45;
  margin: 6px 0 0;
  padding-inline: 5px;
}
.section--products .products .gbtn3 {
  display: block;
  margin: 20px 0 22px;
  padding: 10px 12px;
  max-width: var(--btn-max-w);
  width: calc(100% - 10px);
  border-radius: var(--radius-xs);
  border: 1px solid transparent;
  font: var(--products-btn-font);
  background: var(--gradient-border-bg-white);
  text-align: center;
  cursor: pointer;
  transition: background 0.25s, color 0.25s;
}
.section--products .products .gbtn3 span {
  background: var(--gradient-border);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.section--products .products .gbtn3:hover {
  transform: translateY(-1px);
  box-shadow: var(--products-btn-hover-shadow);
}
.section--products .products .title,
.section--products .products .size,
.section--products .products .subtitle {
  font-weight: var(--text-font-weight-lighter);
}
.section--products .products .buy-box {
  width: calc(100% - 10px);
}
.section--products .products .buy-box:last-child {
  padding-bottom: 12px;
}
.section--products .products-grid.products:not(.splide__list) .product-card {
  width: calc(25% - 30px);
  min-width: 270px;
  max-width: 340px;
}
.section--products .products-slider {
  position: relative;
}
.section--products .products-slider .splide__track {
  overflow: hidden;
  padding: var(--products-track-padding) !important;
  margin: var(--products-track-margin);
}
.section--products .products-grid.products:not(.splide__list) .product-card {
  flex: 0 0 auto;
}
.section--products .splide__arrow {
  background: none;
  height: 3em;
  width: 3em;
  top: 42%;
  border-radius: var(--products-arrow-radius);
  transform: translateY(-50%);
}
.section--products .products-slider__arrow {
  transition: border-color 0.25s ease, border-width 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.section--products .products-slider__arrow {
  border: var(--products-arrow-border);
  box-shadow: var(--products-arrow-shadow);
}
.section--products .splide__arrow svg {
  height: 2em;
  width: 2em;
}
.section--products .splide__arrow--next {
  right: 0;
}
.section--products .splide__arrow--prev {
  left: 0;
}
.section--products .splide__arrow--prev svg {
  margin-left: -3px;
}
.section--products .splide__arrow--prev svg {
  transform: scaleX(1);
}
.section--products .splide__pagination__page {
  background: var(--products-pagination);
}
.section--products .splide__pagination__page.is-active {
  transform: scale(var(--products-pagination-active-scale));
  z-index: 1;
  background: var(--products-pagination-active) !important;
}
.section--products .products-slider,
.section--products .products-slider .splide,
.section--products .products-slider .splide__track {
  overflow-x: hidden;
  padding-left: var(--products-slider-side-padding) !important;
  padding-right: var(--products-slider-side-padding) !important;
}
@media (max-width: 768px) {
  .products-slider__arrows {
    position: static;
    margin-top: 16px;
    justify-content: center;
  }
  .products-grid.products:not(.splide__list) {
    gap: 16px;
  }
}
@media (max-width: 1199px) {
  .section--products .products-grid.products:not(.splide__list) .product-card {
    width: calc(50% - 30px);
  }
}
@media (max-width: 640px) {
  .section--products .products-grid.products:not(.splide__list) .product-card {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .section--products:has(.splide__list > .splide__slide:nth-child(-n+3):last-child) .splide__list {
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .section--products .splide__arrow--prev {
    left: 8px;
  }
  .section--products .splide__arrow--next {
    right: 8px;
  }
}
@media (max-width: 768px) {
  .section--products {
    display: block;
  }
  .section--products .products-slider .splide__track {
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: var(--products-slider-side-padding) !important;
    padding-right: var(--products-slider-side-padding) !important;
  }
  .section--products .products-slider .splide__slide {
    display: flex;
    justify-content: center;
    min-width: 0;
  }
  .section--products .products-slider .product-card {
    width: 100%;
    box-sizing: border-box;
  }
  .section--products .splide__arrow {
    width: 3em;
    height: 3em;
  }
  .section--products .splide__arrow--prev {
    left: 8px;
  }
  .section--products .splide__arrow--next {
    right: 8px;
  }
}
.section--benefits {
  max-width: var(--container-width);
  margin: 60px auto 32px;
  padding: 0 16px;
}
.section--benefits .benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 35px 0 0;
}
.section--benefits .benefit-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
.section--benefits .benefit-item h3 {
  font-size: 22px;
  font-weight: var(--text-font-weight-lighter);
  margin: 12px 0 8px;
  text-align: center;
}
.section--benefits .benefit-item h3 a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
  transition: transform 0.12s ease, color 0.18s ease;
}
.section--benefits .benefit-item h3 a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--color-brand-primary);
  transition: width 0.18s ease-out;
}
.section--benefits .benefit-item h3 a:hover,
.section--benefits .benefit-item h3 a:focus-visible {
  transform: translateY(-1px);
}
.section--benefits .benefit-item h3 a:hover::after,
.section--benefits .benefit-item h3 a:focus-visible::after {
  width: 100%;
}
.section--benefits .benefit-item h3 a:focus-visible {
  outline: none;
}
.section--benefits .benefit-item p {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
  max-width: 220px;
}
.section--benefits .benefit-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.section--benefits .benefit-item__icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.5s ease, transform 0.12s ease, box-shadow 0.12s ease;
}
.section--benefits .benefit-item__icon a:hover,
.section--benefits .benefit-item__icon a:focus-visible {
  transform: translateY(-2px);
}
.section--benefits .benefit-item__icon a:focus-visible {
  outline: none;
}
@media (max-width: 1024px) {
  .section--benefits .benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .section--benefits .benefits-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.section--stats {
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: none;
}
.section--stats .stats {
  position: relative;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  background-image: url("/tmpl/lavy/img/stats/stats-bkg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 0 40px;
}
.section--stats .stats__inner {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 80px;
}
.section--stats .stats__headline {
  text-align: center;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--stats .stats__kpi {
  font-weight: var(--text-font-weight-lighter);
  font-size: 50px;
  line-height: 1.02;
  letter-spacing: 0.01em;
}
.section--stats .stats__lead {
  font-size: 34px;
  line-height: 1.15;
  font-weight: var(--text-font-weight-thin);
  padding: 25px 50px 30px;
  border-radius: 20px;
  background: var(--stats-reviews-bg);
}
.section--stats .stats__link-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  max-width: 340px;
  margin: 30px auto 0;
  padding: 28px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(6px);
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.section--stats .stats__link-all:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.1);
}
.section--stats .stats__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section--stats .stats__value {
  font-size: 44px;
  line-height: 1.05;
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-dark);
  letter-spacing: 0.01em;
}
.section--stats .stats__label {
  margin-top: 10px;
  font-size: 24px;
  line-height: 1.25;
  color: var(--color-text-primary);
  font-weight: var(--text-font-weight-thin);
}
.section--stats .stats__reviews {
  margin: 30px auto 0;
  padding: 26px 34px;
  border-radius: 44px;
  background: var(--stats-reviews-bg);
  box-shadow: var(--stats-reviews-shadow);
  backdrop-filter: blur(6px);
}
.section--stats .stats__reviews-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.section--stats .stats__review {
  flex: 1 1 0;
  min-width: 200px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 10px 22px;
  border-radius: 26px;
  background-color: var(--stats-review-bg);
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.1);
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.section--stats .stats__review:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.1);
}
.section--stats .stats__review-logo {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--stats .stats__review-logo img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.section--stats .stats__review-logo--wide {
  width: 150px;
  height: 55px;
}
.section--stats .stats__review-rating {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.section--stats .stats__review-score {
  font-size: 26px;
  line-height: 1;
  font-weight: var(--text-font-weight-bold);
  letter-spacing: 0.01em;
  color: var(--stats-review-text);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}
.section--stats .stats__review-stars {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transform: translateY(2px);
}
.section--stats .stats__star {
  font-size: var(--text-size-lg);
  line-height: 1;
  color: var(--stats-star);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
.section--stats .stats__review-source {
  margin-top: 10px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bolder);
  letter-spacing: 0.06em;
  color: var(--stats-review-text);
  opacity: 0.92;
}
@media (max-width: 1200px) {
  .section--stats .stats {
    padding: 72px 0 50px;
  }
  .section--stats .stats__inner {
    padding: 0 50px;
  }
  .section--stats .stats__kpi {
    font-size: 48px;
  }
  .section--stats .stats__lead {
    font-size: 24px;
  }
  .section--stats .stats__link-all {
    margin-top: 28px;
    padding: 26px 18px;
    border-radius: 26px;
  }
  .section--stats .stats__value {
    font-size: 34px;
  }
  .section--stats .stats__label {
    font-size: 15px;
  }
  .section--stats .stats__reviews {
    margin-top: 26px;
    padding: 18px 16px;
    border-radius: 28px;
  }
  .section--stats .stats__reviews-grid {
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
  }
  .section--stats .stats__review {
    flex: 1 1 240px;
    min-width: 240px;
    padding: 12px 10px;
    border-radius: 22px;
  }
  .section--stats .stats__review-score {
    font-size: 38px;
  }
  .section--stats .stats__review-source {
    font-size: var(--text-size-base);
  }
}
.section--testimonials .section__header {
  display: flex;
  justify-content: center;
  margin: 60px 0 36px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.section--testimonials .section__header p,
.section--testimonials .section__header > div {
  max-width: 800px;
  text-align: center;
}
.section--testimonials .testimonials {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 1024px) {
  .section--testimonials .testimonials {
    max-width: 450px;
    margin: auto;
  }
}
@media (min-width: 1024px) {
  .section--testimonials .testimonials {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .section--testimonials .testimonials {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
.section--testimonials .all-btn-more-wrap {
  padding: 40px 0 0;
}
.section--testimonials .t-card {
  border-radius: var(--card-radius-xl);
  background: linear-gradient(180deg, var(--color-testimonial-card-grad-top) 0%, var(--color-testimonial-card-grad-bot) 100%);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section--testimonials .t-card__top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 20px 35px 0 35px;
}
@media (min-width: 1024px) {
  .section--testimonials .t-card__top {
    gap: 20px;
    margin-bottom: 18px;
  }
}
.section--testimonials .t-card__avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}
.section--testimonials .t-card__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section--testimonials .t-card__name {
  font-size: clamp(20px, 1.6vw, 24px);
  line-height: 1.25;
  font-weight: var(--text-font-weight-light);
  letter-spacing: 0.2px;
  padding: 0;
  margin: 0;
}
.section--testimonials .t-card__date {
  font-size: var(--text-size-base);
  color: var(--color-testimonial-muted);
}
.section--testimonials .t-card__stars {
  display: flex;
  gap: 8px;
}
.section--testimonials .t-card__stars .pr-star {
  width: 22px;
  height: 22px;
  display: block;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.06));
}
.section--testimonials .t-card__quote {
  font-size: clamp(16px, 1.4vw, 18px);
  font-weight: var(--text-font-weight-thin);
  line-height: 1.6;
  letter-spacing: 0.2px;
  margin: 10px 0 20px;
  padding: 0 35px 20px 35px;
  color: var(--color-testimonial-text);
}
.section--testimonials .t-card__product {
  display: flex;
  align-items: center;
  margin-top: auto;
  gap: 24px;
  border-radius: var(--radius-xlg);
  background: var(--color-bg-default-inverse);
  border: 1px solid var(--color-testimonial-border);
  padding: 14px 16px 14px 14px;
  text-decoration: none;
  color: var(--color-testimonial-text);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.section--testimonials .t-card__product:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.08);
  border-color: rgba(15, 23, 42, 0.12);
}
.section--testimonials .t-card__product:hover .t-prod__chevron {
  transform: translateX(2px);
}
.section--testimonials .t-prod__media {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex: 0 0 auto;
  background: var(--color-testimonial-media-bg);
  display: grid;
  place-items: center;
}
.section--testimonials .t-prod__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section--testimonials .t-prod__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
}
.section--testimonials .t-prod__title {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: var(--text-font-weight-light);
}
.section--testimonials .t-prod__size {
  font-size: 20px;
  font-weight: var(--text-font-weight-light);
  color: var(--color-testimonial-text);
  opacity: 0.9;
}
.section--testimonials .t-prod__chevron {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--color-bg-default-inverse);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}
.section--testimonials .t-prod__chevron svg {
  width: 22px;
  height: 22px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .section--testimonials .testimonials > .t-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 28px) / 2);
  }
}
.section--before-after .before-after-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  padding: 0 0 40px;
}
.section--before-after .ba-card-wrapper--hidden {
  display: none;
}
.section--before-after .before-after-grid.is-expanded .ba-card-wrapper--hidden {
  display: block;
}
.section--before-after .ba-card {
  border-radius: 26px;
  background: var(--color-card-bg);
  border: 1px solid rgba(15, 23, 42, 0.06);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--before-after .ba-photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.section--before-after .ba-photo {
  margin: 0;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  overflow: hidden;
  background: var(--color-testimonial-media-bg);
}
.section--before-after .ba-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.section--before-after .ba-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  background: var(--before-after-overlay);
  color: var(--color-text-inverse);
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  padding: 7px 12px;
  border-radius: 999px;
  line-height: 1;
}
.section--before-after .ba-body {
  padding: 2px 15px 15px;
}
.section--before-after .ba-name {
  margin: 8px 0 6px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: var(--text-font-weight-mid);
  letter-spacing: 0.2px;
  color: var(--color-text-dark);
}
.section--before-after .ba-topic {
  margin: 0 0 12px;
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
}
.section--before-after .ba-text {
  margin: 0 0 10px;
  font-size: var(--text-size-lg);
  line-height: 1.6;
  color: var(--color-text-primary);
}
.section--before-after .ba-more {
  display: inline-block;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--before-after .ba-more:hover {
  opacity: 0.85;
}
.section--before-after .ba-product {
  margin-top: 10px;
}
.section--before-after .ba-product.t-card__product {
  display: flex;
  align-items: center;
  gap: 24px;
  border-radius: var(--radius-xlg);
  background: var(--color-card-bg);
  border: 1px solid var(--color-testimonial-border);
  padding: 14px 16px 14px 14px;
  text-decoration: none;
  color: var(--color-testimonial-text);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.section--before-after .ba-product.t-card__product:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.08);
  border-color: rgba(15, 23, 42, 0.12);
}
.section--before-after .ba-product.t-card__product .t-prod__media {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex: 0 0 auto;
  background: var(--color-testimonial-media-bg);
  display: grid;
  place-items: center;
}
.section--before-after .ba-product.t-card__product .t-prod__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section--before-after .ba-product.t-card__product .t-prod__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
}
.section--before-after .ba-product.t-card__product .t-prod__title {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: var(--text-font-weight-light);
}
.section--before-after .ba-product.t-card__product .t-prod__size {
  font-size: 20px;
  font-weight: var(--text-font-weight-light);
  color: var(--color-testimonial-text);
  opacity: 0.9;
}
.section--before-after .ba-product.t-card__product .t-prod__chevron {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--color-card-bg);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}
.section--before-after .ba-product.t-card__product .t-prod__chevron svg {
  width: 22px;
  height: 22px;
}
.section--before-after .ba-product.t-card__product .t-card__product:hover .t-prod__chevron {
  transform: translateX(2px);
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .section--before-after .before-after-grid > .ba-card-wrapper:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 28px) / 2);
  }
}
@media (max-width: 1024px) {
  .section--before-after .before-after-grid {
    max-width: 450px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .section--before-after .before-after-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .section--before-after .before-after-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
@media (max-width: 520px) {
  .section--before-after .ba-text {
    font-size: var(--text-size-default);
  }
}
.section--why {
  max-width: var(--container-width);
  margin: 80px auto 80px;
  padding: 0;
}
.why-card {
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 30px 20px 36px;
  border-radius: 32px;
  background: linear-gradient(90deg, #e9f6ff 0%, #f4f8ff 45%, var(--color-bg-default-inverse) 100%);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.why-card__side {
  flex: 1;
  display: flex;
  align-items: center;
}
.why-card__side--lavy {
  justify-content: space-around;
}
.why-card__side--lavy .why-card__content {
  max-width: 430px;
}
.why-card__side--regular {
  justify-content: center;
}
.why-card__side--regular .why-card__content {
  max-width: 430px;
}
.why-card__divider {
  width: 1px;
  border-radius: 999px;
  background-image: var(--gradient-border);
  margin: 0 20px;
  opacity: 0.9;
}
.why-card__product {
  flex: 0 0 auto;
  width: 200px;
  display: flex;
  justify-content: center;
}
.why-card__product img {
  display: block;
  max-height: 340px;
  height: auto;
}
.why-card__product--regular img {
  max-height: 320px;
}
.why-card__logo {
  margin-bottom: 10px;
  height: 86px;
}
.why-card__logo img {
  width: 100%;
  max-width: 280px;
}
.why-card__subtitle {
  font-size: 32px;
  font-weight: var(--text-font-weight-light);
  margin: 0 0 10px;
  height: 86px;
  display: flex;
  align-items: center;
}
.why-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.why-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: var(--text-size-lg);
  line-height: 1.6;
  color: var(--color-text-primary);
}
.why-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  margin-top: 2px;
}
@media (max-width: 1100px) {
  .why-card {
    padding: 40px 32px;
    flex-direction: column;
  }
  .why-card__divider {
    margin: 0 32px;
  }
  .why-card__subtitle {
    font-size: 26px;
  }
}
@media (max-width: 900px) {
  margin: 80px auto 80px;
  max-width: 450px;
  .why-card {
    flex-direction: column;
  }
  .why-card__divider {
    width: 100%;
    height: 1px;
    margin: 32px 0;
  }
  .why-card__side {
    align-items: flex-start;
  }
}
@media (max-width: 700px) {
  margin: 64px auto 64px;
  .why-card {
    padding: 32px 20px 40px;
  }
  .why-card__subtitle {
    justify-content: center;
  }
  .why-card__side {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .why-card__side--regular .why-card__content {
    order: -1;
  }
  .why-card__product img {
    max-height: 220px;
  }
  .why-list li {
    justify-content: center;
    text-align: left;
  }
}
.section--fav-categories {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 16px;
}
.section--fav-categories .section__header {
  scroll-margin-top: var(--scroll-offset);
  margin: 60px 0 0;
}
.fav-categories {
  display: grid;
  grid-template-columns: repeat(4, 130px);
  justify-content: center;
  align-items: start;
  gap: 28px 100px;
  padding: 36px 0 25px;
  scroll-margin-top: var(--scroll-offset);
}
.fav-categories__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  padding: 0 0 20px;
  color: var(--color-text-primary);
  transition: transform var(--transition-fast);
}
.fav-categories__item:hover {
  transform: translateY(-3px);
}
.fav-categories__item:hover .fav-categories__blob {
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.13));
}
.fav-categories__item:hover .fav-categories__blob::before {
  background-color: var(--cat-main, #c0c0c0);
}
.fav-categories__item:hover .fav-categories__icon {
  background-color: #fff;
}
.fav-categories__item:hover .fav-categories__name {
  color: #fff;
}
.fav-categories__item:hover .fav-categories__desc {
  opacity: 1;
}
.fav-categories__item:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 4px;
  border-radius: 4px;
}
.fav-categories__item--hidden {
  display: none;
}
.fav-categories__item--mobile {
  display: flex;
}
.fav-categories.is-expanded .fav-categories__item--hidden {
  display: flex;
}
.fav-categories__blob {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  aspect-ratio: 1;
  width: 100%;
  padding: 20px 16px;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.03));
  transition: filter var(--transition-fast);
}
.fav-categories__blob::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--cat-bg, #f0f0f0);
  -webkit-mask: url("/tmpl/lavy/img/favorite-categories/blob-card.svg") center / contain no-repeat;
  mask: url("/tmpl/lavy/img/favorite-categories/blob-card.svg") center / contain no-repeat;
  z-index: -1;
  transition: background-color var(--transition-fast);
}
.fav-categories__icon {
  display: block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  background-color: #2b2b2b;
  -webkit-mask-image: var(--icon-src, none);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--icon-src, none);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  transition: background-color var(--transition-fast);
}
.fav-categories__name {
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: #2b2b2b;
  transition: color var(--transition-fast);
}
.fav-categories__desc {
  width: 160px;
  font-size: var(--text-size-default);
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
  color: #2b2b2b;
  opacity: 0.8;
  padding: 0 6px;
  transition: opacity var(--transition-fast);
}
.site-header-non-hp .fav-categories {
  grid-template-columns: repeat(auto-fill, minmax(120px, 0fr));
  gap: 30px 80px;
  padding: 45px 30px;
}
.site-header-non-hp .fav-categories__item--hidden {
  display: flex;
}
.site-header-non-hp .fav-categories .fav-categories__desc {
  /* display: none; */
}
.site-header-non-hp .fav-categories .fav-categories__blob {
  padding: 14px 12px;
}
@media (max-width: 1024px) {
  .site-header-non-hp .fav-categories {
    grid-template-columns: repeat(2, 110px);
    justify-content: center;
    gap: 20px 50px;
    padding: 0;
  }
}
@media (max-width: 375px) {
  .site-header-non-hp .fav-categories {
    grid-template-columns: 120px;
    gap: 16px 0;
  }
}
#fav-categories.is-highlighted {
  animation: favcatPulse 1650ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #fav-categories {
    transition: none;
  }
  #fav-categories.is-highlighted {
    animation: none;
  }
}
@media (max-width: 1200px) {
  .fav-categories {
    grid-template-columns: repeat(4, 120px);
    gap: 24px 32px;
  }
}
@media (max-width: 768px) {
  .fav-categories {
    grid-template-columns: repeat(2, 130px);
    gap: 25px 80px;
  }
  .fav-categories__name {
    font-size: 12px;
  }
  .fav-categories__item--mobile {
    display: none;
  }
  .fav-categories.is-expanded .fav-categories__item--mobile {
    display: flex;
  }
}
.fav-cat--joints {
  --cat-main: #A35742;
  --cat-bg: #f0cdc2;
}
.fav-cat--immune {
  --cat-main: #306838;
  --cat-bg: #c8e4cf;
}
.fav-cat--psyche {
  --cat-main: #66568A;
  --cat-bg: #ddd2ea;
}
.fav-cat--skin {
  --cat-main: #B07C58;
  --cat-bg: #f2dece;
}
.fav-cat--teeth {
  --cat-main: #3F9177;
  --cat-bg: #c5e8e0;
}
.fav-cat--breath {
  --cat-main: #3D8191;
  --cat-bg: #c5e2e9;
}
.fav-cat--energy {
  --cat-main: #C1851B;
  --cat-bg: #f5e2be;
}
.fav-cat--pets {
  --cat-main: #735247;
  --cat-bg: #e4d8d2;
}
.fav-cat--pain {
  --cat-main: #923528;
  --cat-bg: #f2c8be;
}
.fav-cat--inflammation {
  --cat-main: #B05823;
  --cat-bg: #f5d4be;
}
.fav-cat--digestion {
  --cat-main: #597633;
  --cat-bg: #d8e4c4;
}
.fav-cat--fatigue {
  --cat-main: #A36913;
  --cat-bg: #f5e0b8;
}
.fav-cat--hormones {
  --cat-main: #A34C73;
  --cat-bg: #eecfdf;
}
.fav-cat--sleep {
  --cat-main: #334B73;
  --cat-bg: #c8d5ea;
}
.fav-cat--allergy {
  --cat-main: #765991;
  --cat-bg: #dccfe8;
}
.fav-cat--women {
  --cat-main: #85354B;
  --cat-bg: #eac8d4;
}
.section--experience .section__header.section__header--experience {
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  margin-top: 72px;
  margin-bottom: 40px;
  gap: 32px;
}
.section--experience .section__header.section__header--experience .section__heading {
  flex: 0 0 45%;
  max-width: 520px;
}
.section--experience .section__header.section__header--experience .section__heading h2 {
  margin: 0;
  line-height: 1.3;
  letter-spacing: 0.01em;
}
.section--experience .section__header.section__header--experience .section__intro {
  flex: 1 1 auto;
  max-width: 680px;
}
.section--experience .section__header.section__header--experience .section__intro p {
  margin: 0;
  font-size: var(--text-size-lg);
  line-height: 1.7;
  color: var(--color-exp-text-primary);
}
@media (max-width: 1024px) {
  .section--experience .section__header.section__header--experience {
    flex-direction: column;
    gap: 24px;
    max-width: 450px;
    text-align: center;
  }
  .section--experience .section__header.section__header--experience .section__heading,
  .section--experience .section__header.section__header--experience .section__intro {
    max-width: 100%;
  }
}
.section--experience .stories-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .section--experience .stories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .section--experience .stories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px;
  }
}
.section--experience .story-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 100%;
}
.section--experience .story-card__media {
  position: relative;
  border-radius: var(--exp-radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  background: #e5e7eb;
  min-height: 280px;
}
.section--experience .story-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}
.section--experience .story-card__play {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -100%);
  width: 60px;
  height: 60px;
  border-radius: 999px;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow-soft);
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.section--experience .story-card__play:hover {
  transform: translate(-50%, -100%) scale(1.03);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.22);
}
.section--experience .story-card__play img {
  width: 16px;
  height: auto;
}
.section--experience .story-card.story-card--has-video .story-card__play {
  display: flex;
}
.section--experience .story-card__quote {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 85%;
  padding: 16px 22px;
  border-radius: var(--exp-radius-quote);
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
}
.section--experience .story-card__quote-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 15px;
}
.section--experience .story-card__name {
  font-weight: var(--text-font-weight-bold);
  color: var(--color-exp-text-primary);
}
.section--experience .story-card__role {
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-exp-text-secondary);
  white-space: nowrap;
}
.section--experience .story-card__text {
  margin: 4px 0 0;
  font-size: var(--text-size-lg);
  line-height: 1.6;
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-exp-text-primary);
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .section--experience .stories-grid > .story-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 28px) / 2);
  }
}
@media (max-width: 1024px) {
  .section--experience {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .section--experience .stories-grid {
    max-width: 420px;
    margin-inline: auto;
    max-width: 450px;
  }
}
.section--download-app-banner {
  position: relative;
  max-width: var(--container-width);
  margin: 135px auto 135px;
  padding: 0;
}
.section--download-app-banner .download-app-banner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 50px 100px 35px;
  border-radius: 22px;
  border: 2px solid transparent;
  background: var(--gradient-border-bg-grey);
}
.section--download-app-banner .download-app-banner-content .download-app-text {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.section--download-app-banner .download-app-banner-content .download-banner__heading {
  margin: 0 0 24px;
  font-size: 40px;
  font-weight: var(--text-font-weight-light);
  text-align: left;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.section--download-app-banner .download-app-banner-content .download-banner__actions {
  display: flex;
  gap: 16px;
}
.section--download-app-banner .download-app-banner-content .btn-play,
.section--download-app-banner .download-app-banner-content .btn-appstore {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.section--download-app-banner .download-app-banner-content .btn-play img,
.section--download-app-banner .download-app-banner-content .btn-appstore img {
  height: 48px;
}
.section--download-app-banner .download-app-banner {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -73px;
  right: 55px;
}
.section--download-app-banner .download-app-banner img {
  max-width: 500px;
  height: auto;
}
@media (max-width: 1024px) {
  .section--download-app-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    max-width: 450px;
    border-radius: 22px;
    border: 2px solid transparent;
    background: var(--gradient-border-bg-grey);
    margin: 120px auto 20px;
  }
  .section--download-app-banner .download-app-banner-content {
    border-radius: 0;
    border: 0;
    background: none;
    width: inherit;
    padding: 0 50px;
    margin: -80px 0 0 0;
  }
  .section--download-app-banner .download-app-banner-content .download-app-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    align-items: center;
  }
  .section--download-app-banner .download-app-banner-content .download-app-text .download-banner__heading {
    font-size: 36px;
    text-align: center;
  }
  .section--download-app-banner .download-app-banner-content .download-app-text .download-banner__actions {
    gap: 20px;
    flex-direction: column;
  }
  .section--download-app-banner .download-app-banner {
    position: relative;
    top: -94px;
    right: -8px;
  }
  .section--download-app-banner .download-app-banner img {
    max-width: 450px;
    width: 100%;
  }
}
.section--blog .section--blog .section__header--center {
  text-align: center;
  margin-bottom: 40px;
}
.section--blog .blog-grid {
  display: flex;
  flex-flow: row;
  gap: 24px;
}
.section--blog .blog-card {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-blog-card);
  background-color: #000;
}
.section--blog .blog-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.section--blog .blog-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.section--blog .blog-card__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.section--blog .blog-card__badge {
  position: absolute;
  top: 35px;
  left: 35px;
  padding: 5px 12px;
  border-radius: var(--radius-xs);
  background-color: var(--color-bg-default-inverse);
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  text-decoration: none;
  color: #222222;
  transition: color 0.18s ease-out, transform 0.18s ease-out;
}
.section--blog .blog-card__badge:hover {
  color: var(--color-brand-primary);
  transition: color 0.18s ease-out;
}
.section--blog .blog-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 32px 28px;
  color: var(--blog-text-color);
  background: linear-gradient(to top, var(--blog-overlay-start) 0%, var(--blog-overlay-mid) 55%, var(--blog-overlay-end) 100%);
}
.section--blog .blog-card__title {
  font-size: 22px;
  line-height: 1.4;
  font-weight: var(--text-font-weight-light);
  max-width: 90%;
}
.section--blog .blog-card__bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 15px;
  font-weight: var(--text-font-weight-light);
}
.section--blog .blog-card__time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: 0.9;
}
.section--blog .blog-card__time-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
}
.section--blog .blog-card__time-icon svg {
  width: 100%;
  height: 100%;
}
.section--blog .blog-card__readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--text-font-weight-light);
}
.section--blog .blog-card__chevron {
  width: 18px;
  height: 18px;
  display: inline-flex;
}
.section--blog .blog-card__chevron svg {
  width: 100%;
  height: 100%;
}
.section--blog .blog-card__link:hover .section--blog .blog-card__overlay {
  transform: translateY(-2px);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.section--blog .blog-card__link:hover .section--blog .blog-card__overlay,
.section--blog .blog-card__link:focus-visible .section--blog .blog-card__overlay {
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);
}
.section--blog .blog__actions {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.section--blog .btn-blog-all {
  display: inline-flex;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-dark);
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border-radius: var(--radius-xs);
  border: 1px solid #111111;
  background-color: var(--color-bg-default-inverse);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.section--blog .btn-blog-all:hover {
  background: var(--color-text-dark-alt);
  color: var(--color-text-inverse);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
@media (max-width: 1024px) {
  .section--blog {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section--blog .blog-card__overlay {
    position: relative;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px 32px 28px;
    color: var(--blog-text-color);
    background: linear-gradient(to top, var(--blog-overlay-mobile-start) 0%, var(--blog-overlay-mobile-mid) 55%, var(--blog-overlay-mobile-end) 100%);
  }
  .section--blog .blog-card__title {
    margin: 0;
  }
  .section--blog .blog-grid {
    flex-flow: column;
    max-width: 450px;
    gap: 50px;
  }
}
.section--about {
  max-width: var(--container-width);
  margin: 90px auto 80px;
  padding: 0;
}
.section--about .section__header.section__header--center {
  text-align: center;
  margin-bottom: 40px;
}
.section--about .section__header.section__header--center h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.3;
  color: var(--color-text-primary);
}
.section--about .about-card + .section--about .about-card {
  margin-top: 40px;
}
.section--about .about-card--intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  border-radius: var(--radius-xlg);
  background: var(--color-card-bg);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
  padding: 30px 45px;
  margin: 0 0 30px;
}
.section--about .about-card__col {
  flex: 1 1 0;
}
.section--about .about-card__col--founder {
  flex: 0 0 240px;
  max-width: 260px;
  display: flex;
  justify-content: center;
}
.section--about .about-card__col--text {
  max-width: 580px;
  margin-top: 22px;
}
.section--about .about-card__col--product {
  flex: 0 0 260px;
  max-width: 280px;
  display: flex;
  justify-content: flex-end;
}
.section--about .about-card__body p {
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
}
.section--about .about-card__body p:last-of-type {
  margin-bottom: 25px;
}
.section--about .about-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 28px;
  border-radius: 8px;
  border: 1px solid var(--color-text-dark-alt);
  background: transparent;
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-dark-alt);
  cursor: pointer;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.section--about .about-card__cta:hover {
  background: var(--color-text-dark-alt);
  color: var(--color-text-inverse);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
.section--about .about-card__cta:active {
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.2);
}
.section--about .about-founder {
  margin: 0;
  text-align: center;
}
.section--about .about-founder__photo {
  width: 240px;
  height: auto;
}
.section--about .about-founder__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.section--about .about-founder__meta {
  margin-top: 20px;
}
.section--about .about-founder__name {
  font-weight: var(--text-font-weight-bold);
  font-size: var(--text-size-base);
  color: var(--color-text-primary);
  margin-bottom: 4px;
}
.section--about .about-founder__role {
  font-size: var(--text-size-sm);
  color: var(--color-text-alpha-60);
}
.section--about .about-logo {
  margin-bottom: 18px;
}
.section--about .about-logo img {
  height: auto;
  width: 320px;
  display: block;
}
.section--about .about-product {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--about .about-product img {
  display: block;
  max-width: 260px;
  height: auto;
}
@media (max-width: 1024px) {
  .section--about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 80px;
  }
  .section--about .about-card {
    max-width: 450px;
  }
  .section--about .about-card--intro {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .section--about .about-card__col--founder {
    justify-content: flex-start;
  }
  .section--about .about-card__col--product {
    justify-content: center;
    order: 3;
  }
  .section--about .about-card__col--product .about-product img {
    max-width: 180px;
  }
  .section--about .about-logo {
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
  }
  .section--about .about-logo img {
    width: 250px;
  }
  .section--about .about-founder {
    text-align: center;
  }
}
.section--main-advantages,
.footer-sections .src-advice,
.footer-sections .src-importer,
.footer-sections .src-awards {
  max-width: var(--container-width);
  margin: 80px auto 80px;
  padding: 0;
}
.section--main-advantages .section__header.section__header--center,
.footer-sections .src-advice .section__header.section__header--center,
.footer-sections .src-importer .section__header.section__header--center,
.footer-sections .src-awards .section__header.section__header--center {
  text-align: center;
  margin: 0 0 40px;
}
.section--main-advantages .section__header.section__header--center h2,
.footer-sections .src-advice .section__header.section__header--center h2,
.footer-sections .src-importer .section__header.section__header--center h2,
.footer-sections .src-awards .section__header.section__header--center h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.3;
  color: var(--color-text-primary);
}
.section--main-advantages .main-advantages-card + .section--main-advantages .main-advantages-card,
.section--main-advantages .main-advantages-card + .footer-sections .src-advice .main-advantages-card,
.section--main-advantages .main-advantages-card + .footer-sections .src-importer .main-advantages-card,
.section--main-advantages .main-advantages-card + .footer-sections .src-awards .main-advantages-card,
.footer-sections .src-advice .main-advantages-card + .section--main-advantages .main-advantages-card,
.footer-sections .src-advice .main-advantages-card + .footer-sections .src-advice .main-advantages-card,
.footer-sections .src-advice .main-advantages-card + .footer-sections .src-importer .main-advantages-card,
.footer-sections .src-advice .main-advantages-card + .footer-sections .src-awards .main-advantages-card,
.footer-sections .src-importer .main-advantages-card + .section--main-advantages .main-advantages-card,
.footer-sections .src-importer .main-advantages-card + .footer-sections .src-advice .main-advantages-card,
.footer-sections .src-importer .main-advantages-card + .footer-sections .src-importer .main-advantages-card,
.footer-sections .src-importer .main-advantages-card + .footer-sections .src-awards .main-advantages-card,
.footer-sections .src-awards .main-advantages-card + .section--main-advantages .main-advantages-card,
.footer-sections .src-awards .main-advantages-card + .footer-sections .src-advice .main-advantages-card,
.footer-sections .src-awards .main-advantages-card + .footer-sections .src-importer .main-advantages-card,
.footer-sections .src-awards .main-advantages-card + .footer-sections .src-awards .main-advantages-card {
  margin-top: 40px;
}
.section--main-advantages .main-advantages-card__col,
.footer-sections .src-advice .main-advantages-card__col,
.footer-sections .src-importer .main-advantages-card__col,
.footer-sections .src-awards .main-advantages-card__col {
  flex: 1 1 0;
}
.section--main-advantages .main-advantages-card__col--text,
.footer-sections .src-advice .main-advantages-card__col--text,
.footer-sections .src-importer .main-advantages-card__col--text,
.footer-sections .src-awards .main-advantages-card__col--text {
  max-width: 580px;
  margin-top: 22px;
}
.section--main-advantages .main-advantages-card__col--product,
.footer-sections .src-advice .main-advantages-card__col--product,
.footer-sections .src-importer .main-advantages-card__col--product,
.footer-sections .src-awards .main-advantages-card__col--product {
  flex: 0 0 260px;
  max-width: 280px;
  display: flex;
  justify-content: flex-end;
}
.section--main-advantages .main-advantages-card__body p,
.footer-sections .src-advice .main-advantages-card__body p,
.footer-sections .src-importer .main-advantages-card__body p,
.footer-sections .src-awards .main-advantages-card__body p {
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
}
.section--main-advantages .main-advantages-card__body p:last-of-type,
.footer-sections .src-advice .main-advantages-card__body p:last-of-type,
.footer-sections .src-importer .main-advantages-card__body p:last-of-type,
.footer-sections .src-awards .main-advantages-card__body p:last-of-type {
  margin-bottom: 25px;
}
.section--main-advantages .main-advantages-card__cta,
.footer-sections .src-advice .main-advantages-card__cta,
.footer-sections .src-importer .main-advantages-card__cta,
.footer-sections .src-awards .main-advantages-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 28px;
  border-radius: 8px;
  border: 1px solid var(--color-text-dark-alt);
  background: transparent;
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-dark-alt);
  cursor: pointer;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.section--main-advantages .main-advantages-card__cta:hover,
.footer-sections .src-advice .main-advantages-card__cta:hover,
.footer-sections .src-importer .main-advantages-card__cta:hover,
.footer-sections .src-awards .main-advantages-card__cta:hover {
  background: var(--color-text-dark-alt);
  color: var(--color-text-inverse);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
.section--main-advantages .main-advantages-card__cta:active,
.footer-sections .src-advice .main-advantages-card__cta:active,
.footer-sections .src-importer .main-advantages-card__cta:active,
.footer-sections .src-awards .main-advantages-card__cta:active {
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.2);
}
.section--main-advantages .main-advantages-panels,
.footer-sections .src-advice .main-advantages-panels,
.footer-sections .src-importer .main-advantages-panels,
.footer-sections .src-awards .main-advantages-panels {
  display: flex;
  flex-direction: column;
  gap: var(--main-advantages-gap);
  padding: 0 0 8px;
}
.section--main-advantages .main-advantages-panel,
.footer-sections .src-advice .main-advantages-panel,
.footer-sections .src-importer .main-advantages-panel,
.footer-sections .src-awards .main-advantages-panel {
  position: relative;
  border-radius: var(--main-advantages-radius);
  background: var(--color-card-bg);
  box-shadow: var(--main-advantages-shadow);
  overflow: hidden;
}
.section--main-advantages .main-advantages-awards-hero,
.footer-sections .src-advice .main-advantages-awards-hero,
.footer-sections .src-importer .main-advantages-awards-hero,
.footer-sections .src-awards .main-advantages-awards-hero {
  position: relative;
  min-height: 260px;
}
.section--main-advantages .main-advantages-awards-hero__img,
.footer-sections .src-advice .main-advantages-awards-hero__img,
.footer-sections .src-importer .main-advantages-awards-hero__img,
.footer-sections .src-awards .main-advantages-awards-hero__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 240px;
  margin-top: var(--main-advantages-panel-img-margin-top);
}
.section--main-advantages .main-advantages-awards-hero__overlay,
.footer-sections .src-advice .main-advantages-awards-hero__overlay,
.footer-sections .src-importer .main-advantages-awards-hero__overlay,
.footer-sections .src-awards .main-advantages-awards-hero__overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
  inset: 0;
  padding: 34px 90px;
  max-height: 420px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 70%);
}
.section--main-advantages .main-advantages-awards-hero__title,
.footer-sections .src-advice .main-advantages-awards-hero__title,
.footer-sections .src-importer .main-advantages-awards-hero__title,
.footer-sections .src-awards .main-advantages-awards-hero__title {
  margin: 0;
  color: var(--color-text-inverse);
  font-weight: var(--text-font-weight-light);
  font-size: var(--main-advantages-awards-title);
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.section--main-advantages .main-advantages-awards-hero__title strong,
.footer-sections .src-advice .main-advantages-awards-hero__title strong,
.footer-sections .src-importer .main-advantages-awards-hero__title strong,
.footer-sections .src-awards .main-advantages-awards-hero__title strong {
  font-weight: var(--text-font-weight-bold);
}
.section--main-advantages .main-advantages-awards-hero__badges,
.footer-sections .src-advice .main-advantages-awards-hero__badges,
.footer-sections .src-importer .main-advantages-awards-hero__badges,
.footer-sections .src-awards .main-advantages-awards-hero__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 14px;
  align-items: center;
}
.section--main-advantages .main-advantages-awards-hero__badge,
.footer-sections .src-advice .main-advantages-awards-hero__badge,
.footer-sections .src-importer .main-advantages-awards-hero__badge,
.footer-sections .src-awards .main-advantages-awards-hero__badge {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--text-font-weight-light);
  font-size: var(--text-size-sm);
  color: #3a2d12;
  background: radial-gradient(circle at 30% 30%, #fff3c4 0%, #e6c56a 35%, #b8892f 70%, #8a631f 100%);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}
.section--main-advantages .main-advantages-importer,
.footer-sections .src-advice .main-advantages-importer,
.footer-sections .src-importer .main-advantages-importer,
.footer-sections .src-awards .main-advantages-importer {
  position: relative;
  min-height: 260px;
}
.section--main-advantages .main-advantages-importer__img,
.footer-sections .src-advice .main-advantages-importer__img,
.footer-sections .src-importer .main-advantages-importer__img,
.footer-sections .src-awards .main-advantages-importer__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 260px;
  margin-top: var(--main-advantages-panel-img-margin-top);
}
.section--main-advantages .main-advantages-importer__content,
.footer-sections .src-advice .main-advantages-importer__content,
.footer-sections .src-importer .main-advantages-importer__content,
.footer-sections .src-awards .main-advantages-importer__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  width: 45%;
  width: calc(50% - 82px);
  padding: 34px 42px;
  margin-top: var(--main-advantages-panel-content-margin-top);
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
.section--main-advantages .main-advantages-importer__title,
.footer-sections .src-advice .main-advantages-importer__title,
.footer-sections .src-importer .main-advantages-importer__title,
.footer-sections .src-awards .main-advantages-importer__title {
  margin: 0 0 14px;
  font-size: var(--main-advantages-awards-title);
  line-height: 1.25;
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
}
.section--main-advantages .main-advantages-importer__title strong,
.footer-sections .src-advice .main-advantages-importer__title strong,
.footer-sections .src-importer .main-advantages-importer__title strong,
.footer-sections .src-awards .main-advantages-importer__title strong {
  font-weight: var(--text-font-weight-bold);
}
.section--main-advantages .main-advantages-importer__text,
.footer-sections .src-advice .main-advantages-importer__text,
.footer-sections .src-importer .main-advantages-importer__text,
.footer-sections .src-awards .main-advantages-importer__text {
  margin: 0;
  max-width: 520px;
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-alpha-80);
}
.section--main-advantages .main-advantages-importer__text strong,
.footer-sections .src-advice .main-advantages-importer__text strong,
.footer-sections .src-importer .main-advantages-importer__text strong,
.footer-sections .src-awards .main-advantages-importer__text strong {
  color: var(--color-text-primary);
  font-weight: var(--text-font-weight-bolder);
}
.section--main-advantages .main-advantages-advice,
.footer-sections .src-advice .main-advantages-advice,
.footer-sections .src-importer .main-advantages-advice,
.footer-sections .src-awards .main-advantages-advice {
  position: relative;
  min-height: 220px;
}
.section--main-advantages .main-advantages-advice__content,
.footer-sections .src-advice .main-advantages-advice__content,
.footer-sections .src-importer .main-advantages-advice__content,
.footer-sections .src-awards .main-advantages-advice__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  padding: 34px 0 34px 90px;
  width: calc(50% - 82px);
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
.section--main-advantages .main-advantages-advice__title,
.footer-sections .src-advice .main-advantages-advice__title,
.footer-sections .src-importer .main-advantages-advice__title,
.footer-sections .src-awards .main-advantages-advice__title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  font-size: 30px;
  font-weight: var(--text-font-weight-light);
  line-height: 1.25;
  color: var(--color-text-primary);
}
.section--main-advantages .main-advantages-advice__title-text,
.footer-sections .src-advice .main-advantages-advice__title-text,
.footer-sections .src-importer .main-advantages-advice__title-text,
.footer-sections .src-awards .main-advantages-advice__title-text {
  font-weight: var(--text-font-weight-lighter);
}
.section--main-advantages .main-advantages-advice__operator-name,
.footer-sections .src-advice .main-advantages-advice__operator-name,
.footer-sections .src-importer .main-advantages-advice__operator-name,
.footer-sections .src-awards .main-advantages-advice__operator-name {
  font-size: 24px;
}
.section--main-advantages .main-advantages-advice__actions,
.footer-sections .src-advice .main-advantages-advice__actions,
.footer-sections .src-importer .main-advantages-advice__actions,
.footer-sections .src-awards .main-advantages-advice__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.section--main-advantages .main-advantages-advice__media,
.footer-sections .src-advice .main-advantages-advice__media,
.footer-sections .src-importer .main-advantages-advice__media,
.footer-sections .src-awards .main-advantages-advice__media {
  max-height: 380px;
  display: flex;
  justify-content: end;
}
.section--main-advantages .main-advantages-advice__img,
.footer-sections .src-advice .main-advantages-advice__img,
.footer-sections .src-importer .main-advantages-advice__img,
.footer-sections .src-awards .main-advantages-advice__img {
  width: 70%;
  height: 100%;
  /* max-height: var(--main-advantages-panel-height); */
  object-fit: contain;
  margin-top: var(--main-advantages-panel-img-margin-top);
}
.section--main-advantages .main-advantages-pill,
.footer-sections .src-advice .main-advantages-pill,
.footer-sections .src-importer .main-advantages-pill,
.footer-sections .src-awards .main-advantages-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-size: var(--text-size-md);
  font-weight: var(--text-font-weight-bold);
  min-width: 180px;
  color: var(--main-advantages-pill-text);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.section--main-advantages .main-advantages-pill:hover,
.footer-sections .src-advice .main-advantages-pill:hover,
.footer-sections .src-importer .main-advantages-pill:hover,
.footer-sections .src-awards .main-advantages-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.12);
}
.section--main-advantages .main-advantages-pill--phone,
.footer-sections .src-advice .main-advantages-pill--phone,
.footer-sections .src-importer .main-advantages-pill--phone,
.footer-sections .src-awards .main-advantages-pill--phone {
  background: var(--main-advantages-pill-phone-bg);
}
.section--main-advantages .main-advantages-pill--chat,
.footer-sections .src-advice .main-advantages-pill--chat,
.footer-sections .src-importer .main-advantages-pill--chat,
.footer-sections .src-awards .main-advantages-pill--chat {
  background: var(--main-advantages-pill-chat-bg);
}
.section--main-advantages .main-advantages-pill__icon,
.footer-sections .src-advice .main-advantages-pill__icon,
.footer-sections .src-importer .main-advantages-pill__icon,
.footer-sections .src-awards .main-advantages-pill__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.section--main-advantages .main-advantages-pill__text,
.footer-sections .src-advice .main-advantages-pill__text,
.footer-sections .src-importer .main-advantages-pill__text,
.footer-sections .src-awards .main-advantages-pill__text {
  display: inline-block;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .section--main-advantages .main-advantages-panel,
  .footer-sections .src-advice .main-advantages-panel,
  .footer-sections .src-importer .main-advantages-panel,
  .footer-sections .src-awards .main-advantages-panel {
    max-height: var(--main-advantages-panel-height);
  }
  .section--main-advantages .main-advantages-awards-hero__overlay,
  .footer-sections .src-advice .main-advantages-awards-hero__overlay,
  .footer-sections .src-importer .main-advantages-awards-hero__overlay,
  .footer-sections .src-awards .main-advantages-awards-hero__overlay {
    margin-top: var(--main-advantages-panel-content-margin-top);
  }
}
@media (max-width: 1200px) {
  .section--main-advantages .main-advantages-advice__content,
  .footer-sections .src-advice .main-advantages-advice__content,
  .footer-sections .src-importer .main-advantages-advice__content,
  .footer-sections .src-awards .main-advantages-advice__content {
    gap: 35px;
    width: calc(60% - 82px);
  }
}
@media (max-width: 1024px) {
  .section--main-advantages,
  .footer-sections .src-advice,
  .footer-sections .src-importer,
  .footer-sections .src-awards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px auto 40px;
  }
  .section--main-advantages .main-advantages-panel,
  .footer-sections .src-advice .main-advantages-panel,
  .footer-sections .src-importer .main-advantages-panel,
  .footer-sections .src-awards .main-advantages-panel {
    -webkit-clip-path: inset(0 round var(--main-advantages-radius));
    clip-path: inset(0 round var(--main-advantages-radius));
  }
  .section--main-advantages .main-advantages-panels,
  .footer-sections .src-advice .main-advantages-panels,
  .footer-sections .src-importer .main-advantages-panels,
  .footer-sections .src-awards .main-advantages-panels {
    width: 100%;
    max-width: 450px;
    gap: 18px;
  }
  .section--main-advantages .main-advantages-awards-hero,
  .footer-sections .src-advice .main-advantages-awards-hero,
  .footer-sections .src-importer .main-advantages-awards-hero,
  .footer-sections .src-awards .main-advantages-awards-hero {
    position: relative;
  }
  .section--main-advantages .main-advantages-awards-hero__img,
  .footer-sections .src-advice .main-advantages-awards-hero__img,
  .footer-sections .src-importer .main-advantages-awards-hero__img,
  .footer-sections .src-awards .main-advantages-awards-hero__img {
    margin-left: -50px;
    width: calc(100% + 50px);
    max-width: none;
    max-height: 260px;
    overflow: visible;
  }
  .section--main-advantages .main-advantages-awards-hero__overlay,
  .footer-sections .src-advice .main-advantages-awards-hero__overlay,
  .footer-sections .src-importer .main-advantages-awards-hero__overlay,
  .footer-sections .src-awards .main-advantages-awards-hero__overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
  }
  .section--main-advantages .main-advantages-awards-hero__title,
  .footer-sections .src-advice .main-advantages-awards-hero__title,
  .footer-sections .src-importer .main-advantages-awards-hero__title,
  .footer-sections .src-awards .main-advantages-awards-hero__title {
    color: var(--main-advantages-default-text);
    font-size: var(--main-advantages-awards-title-sm);
    text-align: center;
    line-height: inherit;
  }
  .section--main-advantages .main-advantages-awards-hero__title strong,
  .footer-sections .src-advice .main-advantages-awards-hero__title strong,
  .footer-sections .src-importer .main-advantages-awards-hero__title strong,
  .footer-sections .src-awards .main-advantages-awards-hero__title strong {
    font-weight: var(--text-font-weight-bolder);
  }
  .section--main-advantages .main-advantages-awards-hero__badges,
  .footer-sections .src-advice .main-advantages-awards-hero__badges,
  .footer-sections .src-importer .main-advantages-awards-hero__badges,
  .footer-sections .src-awards .main-advantages-awards-hero__badges {
    position: absolute;
    flex-direction: column;
    top: -194px;
    left: 60px;
    gap: 0;
  }
  .section--main-advantages .main-advantages-awards-hero__badge,
  .footer-sections .src-advice .main-advantages-awards-hero__badge,
  .footer-sections .src-importer .main-advantages-awards-hero__badge,
  .footer-sections .src-awards .main-advantages-awards-hero__badge {
    width: 54px;
    height: 54px;
    font-size: var(--text-size-xs);
  }
  .section--main-advantages .main-advantages-awards-hero__badge img,
  .footer-sections .src-advice .main-advantages-awards-hero__badge img,
  .footer-sections .src-importer .main-advantages-awards-hero__badge img,
  .footer-sections .src-awards .main-advantages-awards-hero__badge img {
    width: 70px;
    height: 70px;
  }
  .section--main-advantages .main-advantages-importer,
  .footer-sections .src-advice .main-advantages-importer,
  .footer-sections .src-importer .main-advantages-importer,
  .footer-sections .src-awards .main-advantages-importer {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0;
  }
  .section--main-advantages .main-advantages-importer__img,
  .footer-sections .src-advice .main-advantages-importer__img,
  .footer-sections .src-importer .main-advantages-importer__img,
  .footer-sections .src-awards .main-advantages-importer__img {
    width: 100%;
    min-height: 260px;
    margin-top: 15px;
    margin-left: 0;
    object-position: left center;
  }
  .section--main-advantages .main-advantages-importer__content,
  .footer-sections .src-advice .main-advantages-importer__content,
  .footer-sections .src-importer .main-advantages-importer__content,
  .footer-sections .src-awards .main-advantages-importer__content {
    position: relative;
    width: 100%;
    padding: 35px 40px 40px;
    align-items: center;
    margin: 0;
  }
  .section--main-advantages .main-advantages-importer__title,
  .footer-sections .src-advice .main-advantages-importer__title,
  .footer-sections .src-importer .main-advantages-importer__title,
  .footer-sections .src-awards .main-advantages-importer__title {
    font-size: 26px;
  }
  .section--main-advantages .main-advantages-advice,
  .footer-sections .src-advice .main-advantages-advice,
  .footer-sections .src-importer .main-advantages-advice,
  .footer-sections .src-awards .main-advantages-advice {
    flex-direction: column;
  }
  .section--main-advantages .main-advantages-advice__content,
  .footer-sections .src-advice .main-advantages-advice__content,
  .footer-sections .src-importer .main-advantages-advice__content,
  .footer-sections .src-awards .main-advantages-advice__content {
    position: relative;
    padding: 26px 22px;
    width: 100%;
    gap: 30px;
  }
  .section--main-advantages .main-advantages-advice__title,
  .footer-sections .src-advice .main-advantages-advice__title,
  .footer-sections .src-importer .main-advantages-advice__title,
  .footer-sections .src-awards .main-advantages-advice__title {
    font-size: 26px;
    text-align: center;
  }
  .section--main-advantages .main-advantages-advice__img,
  .footer-sections .src-advice .main-advantages-advice__img,
  .footer-sections .src-importer .main-advantages-advice__img,
  .footer-sections .src-awards .main-advantages-advice__img {
    width: 100%;
    min-height: 300px;
    max-height: 380px;
    object-fit: cover;
    object-position: right top;
    margin-right: 0;
  }
  .section--main-advantages .main-advantages-pill,
  .footer-sections .src-advice .main-advantages-pill,
  .footer-sections .src-importer .main-advantages-pill,
  .footer-sections .src-awards .main-advantages-pill {
    width: 100%;
  }
}
.footer-sections .src-advice,
.footer-sections .src-importer,
.footer-sections .src-awards {
  margin-block: var(--main-advantages-gap);
}
.footer-sections .src-advice {
  margin-top: 80px;
}
.section--register {
  position: relative;
  height: 430px;
  width: 100%;
  overflow: hidden;
  padding: 35px 0 0;
  border-radius: 26px;
}
.section--register .register {
  position: absolute;
  top: 0;
  height: inherit;
  width: inherit;
  border-radius: 28px;
  padding: 0 50px;
  color: var(--color-text-inverse);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.section--register .register__content {
  width: 72%;
}
.section--register .register__content h2.register__title {
  font-size: 40px;
  line-height: 1.35;
  font-weight: var(--text-font-weight-thin);
  margin: 15px 0;
  letter-spacing: 1px;
}
.section--register .register__content .register__subtitle {
  font-size: 24px;
  margin-bottom: 37px;
  opacity: 0.9;
}
.section--register .register__content .register__btn {
  font: 400 20px / 1.2 system-ui, Arial, sans-serif;
  color: var(--color-text-inverse);
  text-transform: uppercase;
  text-decoration: none;
  width: 230px;
  height: 66px;
  border: 2px solid transparent;
  border-radius: 16px;
  background: linear-gradient(#1A1A1A, #1A1A1A) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
  transition: opacity 0.3s ease, transform 0.5s ease;
  cursor: pointer;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.section--register .register__content .register__btn:hover {
  opacity: 0.6;
  transform: translateY(-1px);
}
.section--register .register__right {
  position: relative;
  right: 420px;
  top: 30px;
}
.section--register .register-benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.section--register .register-benefits li {
  display: block;
  padding: 12px 24px;
  margin-bottom: 22px;
  width: max-content;
  text-transform: uppercase;
  border-radius: 50px;
  font-size: var(--text-size-base);
  border: 2px solid rgba(255, 255, 255, 0.55);
  color: var(--color-text-inverse);
  background: rgba(38, 38, 37, 0.37);
}
.section--register .register__image {
  position: relative;
  height: 395px;
  background: #1a1a1a;
  border-radius: 26px;
}
.section--register .register__image img {
  display: block;
  float: right;
  margin: -34px 0;
  height: 465px;
  border-radius: 26px;
}
.section--register .register__image img.mobile {
  display: none;
}
@media (min-width: 1025px) and (max-width: 1300px) {
  .section--register .register__content h2.register__title {
    font-size: 30px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .section--register .register__content h2.register__title {
    max-width: 300px;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .section--register .register__right {
    right: 360px;
  }
}
@media (max-width: 1024px) {
  .section--register {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 100px auto 80px;
    border-radius: 25px;
    border: 1px solid #f1f2f5;
    background-color: #d3d0be;
    max-width: 450px;
    overflow: visible;
    height: auto;
  }
  .section--register .register__content h2.register__title {
    font-size: 30px;
  }
  .section--register .register__image {
    margin-top: -75px;
    width: inherit;
    overflow: hidden;
    padding: 39px 0 0;
    position: relative;
    height: auto;
    background: none;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .section--register .register__image img {
    float: right;
    margin: -34px 0;
    border-radius: 26px;
    height: auto;
    width: inherit;
  }
  .section--register .register__image img.desktop {
    display: none;
  }
  .section--register .register__image img.mobile {
    display: block;
  }
  .section--register .register {
    flex-direction: column-reverse;
    text-align: center;
    position: relative;
    top: 0;
    border-radius: 28px;
    padding: 0px 0 50px 0;
    color: #000000;
  }
  .section--register .register .register__right {
    position: relative;
    right: 0;
    top: 30px;
  }
  .section--register .register .register__right .register-benefits li {
    width: 100%;
  }
}
.section--newsletter {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: none;
  border-radius: 0;
  overflow: hidden;
  background-image: url("/tmpl/lavy/img/newsletter/newsletter-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 180px 0;
  margin-top: -40px;
  margin-bottom: -63px;
}
.section--newsletter .newsletter-wrapper {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.section--newsletter .newsletter-wrapper h2 {
  margin: 0 0 24px;
  font-size: 40px;
  font-weight: var(--text-font-weight-light);
  line-height: 1.5;
  color: #222222;
}
.section--newsletter .newsletter-wrapper p {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-thin);
}
.section--newsletter .newsletter-wrapper .newsletter__content {
  text-align: center;
}
.section--newsletter .newsletter-wrapper .newsletter__form {
  margin-top: 24px;
  display: flex;
  gap: 10px;
}
.section--newsletter .newsletter-wrapper .newsletter__form input[type="email"] {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 16px;
  font-size: var(--text-size-default);
  width: 400px;
}
.section--newsletter .newsletter-wrapper .newsletter__form button {
  font: 400 18px / 1.2 system-ui, Arial, sans-serif;
  color: var(--color-text-inverse);
  text-transform: uppercase;
  text-decoration: none;
  width: 208px;
  height: 48px;
  border: 2px solid transparent;
  border-radius: 16px;
  background: linear-gradient(#1A1A1A, #1A1A1A) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
  cursor: pointer;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.section--newsletter .newsletter-wrapper .newsletter__form button:hover {
  color: #000000;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
}
@media (max-width: 1024px) {
  .section--newsletter {
    padding: 56px 0 28px;
    margin-top: -81px;
  }
  .section--newsletter .newsletter-wrapper {
    max-width: 450px;
    padding: 0 16px;
  }
  .section--newsletter .newsletter-wrapper h2 {
    padding: 0;
    margin: 18px 0 8px;
    font-size: 28px;
  }
  .section--newsletter .newsletter-wrapper p {
    padding: 0;
    margin: 0;
  }
  .section--newsletter .newsletter-wrapper .newsletter__form {
    flex-direction: column;
    padding: 0 0 65px 0;
    margin: 20px 0 0;
    width: 100%;
  }
  .section--newsletter .newsletter-wrapper .newsletter__form input[type="email"] {
    width: 100%;
  }
  .section--newsletter .newsletter-wrapper .newsletter__form button {
    width: 100%;
  }
}
.section--products .section__inner {
  margin: 0 auto;
  padding: 0;
}
.section--products .page-body {
  display: flex;
  gap: var(--grid-gap);
  align-items: flex-start;
  padding: 20px 0;
}
.section--products .page-body__sidebar {
  flex: 0 0 360px;
  max-width: 360px;
  position: sticky;
  top: 24px;
}
.section--products .page-body__content {
  flex: 1 1 auto;
  min-width: 0;
}
.section--products .page-body .products .product-card {
  width: 100% !important;
}
.section--products .page-head {
  padding: 25px 0 0;
}
.section--products .plp-grid {
  display: grid;
  gap: 22px;
  justify-content: center;
}
@media (min-width: 620px) {
  .section--products .plp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
}
@media (min-width: 1240px) {
  .section--products .plp-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .section--products .page-body {
    flex-direction: column;
    align-items: center;
  }
  .section--products .page-body__sidebar {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
    position: static;
  }
}
.plp-sidebar {
  flex: 0 0 360px;
  max-width: 360px;
}
.plp-sidebar__accordion {
  border-radius: var(--card-radius);
  overflow: hidden;
  background: var(--color-bg-default-inverse);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
}
.plp-sidebar__summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 16px;
  background: #1f78b4;
  color: var(--color-text-inverse);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.plp-sidebar__summary::-webkit-details-marker {
  display: none;
}
.plp-sidebar__summary-text {
  font-weight: var(--text-font-weight-heavy);
}
.plp-sidebar__chev {
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.95);
  border-bottom: 2px solid rgba(255, 255, 255, 0.95);
  transform: rotate(-45deg);
  transition: transform 180ms ease;
}
.plp-sidebar__accordion[open] .plp-sidebar__chev {
  transform: rotate(45deg);
}
.plp-sidebar__box {
  overflow: hidden;
  background: var(--color-bg-default-inverse);
}
.plp-sidebar__box-head {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-border-plp);
  background: #e9e9e9;
  color: #1A1A1A;
  font-weight: 100;
}
.plp-sidebar__all {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: var(--text-size-lg);
}
.plp-sidebar__all:hover {
  text-decoration: underline;
}
.plp-sidebar__all:focus-visible {
  outline: 3px solid rgba(31, 120, 180, 0.35);
  outline-offset: 2px;
}
.plp-sidebar__content {
  padding: 25px 25px 20px;
}
.plp-sidebar__title {
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  color: var(--color-text-secondary);
  font-weight: var(--text-font-weight-bold);
}
.plp-sidebar__list,
.plp-sidebar__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.plp-sidebar__item {
  position: relative;
  padding: 0 0 10px;
}
.plp-sidebar__item--has-children {
  padding-right: 0;
}
.plp-sidebar__item--is-active > .plp-sidebar__link {
  color: #1f78b4;
  font-weight: var(--text-font-weight-heavy);
}
.plp-sidebar__link {
  display: block;
  padding: 10px 10px;
  border-radius: 10px;
  color: var(--color-text-primary);
}
.plp-sidebar__link.pill {
  white-space: normal;
}
.plp-sidebar__link:not(.pill) {
  background: #f6f8fa;
}
.plp-sidebar__link:hover {
  background: #f6f8fa;
  box-shadow: var(--products-card-hover-shadow);
}
.plp-sidebar__link:focus-visible {
  outline: 3px solid rgba(31, 120, 180, 0.35);
  outline-offset: 2px;
}
.plp-sidebar__link[aria-current="page"] {
  color: #1f78b4;
  font-weight: var(--text-font-weight-heavy);
}
.plp-sidebar__toggle {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 34px;
  height: 34px;
  border: 1px solid var(--color-border-plp);
  border-radius: 10px;
  background: var(--color-bg-default-inverse);
  background: #e9e9e9;
  cursor: pointer;
}
.plp-sidebar__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(0, 0, 0, 0.55);
  border-bottom: 2px solid rgba(0, 0, 0, 0.55);
  transform: rotate(-45deg);
  transition: transform 180ms ease;
}
.plp-sidebar__toggle[aria-expanded="true"]::before {
  transform: rotate(45deg);
}
.plp-sidebar__toggle:focus-visible {
  outline: 3px solid rgba(31, 120, 180, 0.35);
  outline-offset: 2px;
}
.plp-sidebar__sublist {
  display: none;
  padding: 6px 0 10px 10px;
}
.plp-sidebar__item.is-open > .plp-sidebar__sublist {
  display: block;
}
@media (min-width: 981px) {
  .plp-sidebar__accordion > summary {
    display: none;
  }
}
@media (max-width: 980px) {
  .plp-sidebar {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
  .plp-sidebar__box-head {
    display: none;
  }
}
.page-pagination {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.page-pagination__info {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.page-pagination__pages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-pagination__link {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: var(--radius-xs);
  font-size: var(--text-size-base);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: background-color var(--transition-fast);
}
.page-pagination__link:hover {
  background: var(--color-surface-soft);
}
.page-pagination__link--active {
  background: var(--color-text-dark);
  color: var(--color-text-inverse);
  font-weight: var(--text-font-weight-bold);
  pointer-events: none;
}
.page-pagination__link--prev svg,
.page-pagination__link--next svg {
  width: 16px;
  height: 16px;
}
.plp-cats {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 760px) {
  .plp-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 980px) {
  .plp-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.plp-cats__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  padding: 14px 16px;
  border-radius: var(--card-radius);
  border: 1px solid var(--color-border-plp);
  text-decoration: none;
  color: #1e1e1e;
  font-weight: var(--text-font-weight-light);
  text-align: center;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.plp-cats__item:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
}
.plp-cats__item:focus-visible {
  outline: 3px solid rgba(31, 120, 180, 0.35);
  outline-offset: 2px;
}
.plp-cats__item--relief {
  background: var(--cat-relief);
}
.plp-cats__item--psyche {
  background: var(--cat-psyche);
}
.plp-cats__item--vitality {
  background: var(--cat-vitality);
}
.plp-cats__item--immunity {
  background: var(--cat-immunity);
}
.plp-cats__item--detox {
  background: var(--cat-detox);
}
.plp-cats__item--other {
  background: var(--cat-other);
}
.buy-box {
  display: flex;
  flex-direction: column;
  gap: var(--buy-box-gap-y);
  margin: 0;
  max-width: var(--btn-max-w);
  width: 100%;
}
.buy-box__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.buy-box__prices {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.buy-box__price-old {
  font-size: var(--price-old-size);
  line-height: 1.2;
  text-decoration: line-through;
  color: var(--color-accent-purple);
  opacity: var(--price-old-opacity);
}
.buy-box__price {
  font-size: var(--price-size);
  line-height: 1;
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-dark);
  letter-spacing: -0.02em;
}
.buy-box__availability {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: var(--availability-font-size);
  line-height: 1.25;
}
.buy-box__availability .availability__stock {
  font-weight: var(--text-font-weight-bold);
  color: var(--color-stock-delivery);
}
.buy-box__availability .availability__delivery {
  opacity: 0.75;
  color: var(--color-text-dark);
}
.buy-box__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.buy-box__qty {
  flex: 0 0 auto;
}
.buy-box__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  height: var(--button-height-sm);
  padding: 0 var(--button-padding-x);
  border: var(--button-border);
  border-radius: var(--radius-xs);
  background: var(--color-card-bg);
  background: var(--color-accent-orange);
  border-color: var(--color-accent-orange);
  color: var(--color-text-dark);
  font-size: var(--button-font-size);
  font-weight: var(--text-font-weight-light);
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: color 0.5s ease, transform 0.12s ease, box-shadow 0.12s ease;
}
.buy-box__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.buy-box__submit--detail {
  width: 100%;
  text-decoration: none;
}
.buy-box--unavailable .buy-box__meta {
  justify-content: center;
}
.buy-box__price-from {
  font-weight: var(--text-font-weight-lighter);
}
.buy-box__submit-ico {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  display: block;
}
.buy-box__submit-text {
  line-height: 1;
}
.buy-box__meta,
.buy-box__actions {
  width: 100%;
}
.buy-box__meta {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 2px;
}
.buy-box__actions {
  justify-content: space-between;
}
.qty {
  display: inline-flex;
  align-items: stretch;
  height: var(--qty-h);
  border: 1px solid var(--qty-border);
  border-radius: var(--qty-radius);
  overflow: hidden;
  background: var(--color-card-bg);
}
.qty__btn {
  width: var(--qty-btn-w);
  border: 0;
  background: var(--color-card-bg);
  cursor: pointer;
  position: relative;
  display: grid;
  place-items: center;
  padding: 0;
}
.qty__btn::before {
  content: "";
  width: var(--qty-icon-w);
  height: var(--qty-icon-h);
  background: var(--qty-ink);
  display: block;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.qty__btn--minus {
  border-right: 1px solid var(--qty-sep);
}
.qty__btn--plus {
  border-left: 1px solid var(--qty-sep);
}
.qty__btn:hover {
  background: var(--color-surface-soft);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.qty__btn--plus::after {
  content: "";
  width: var(--qty-icon-w-vert);
  height: var(--qty-icon-h-vert);
  background: var(--qty-ink);
  position: absolute;
}
.qty__field {
  width: var(--qty-input-w);
  display: grid;
  place-items: center;
}
.qty__input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  text-align: center;
  font-weight: var(--text-font-weight-bold);
  font-size: var(--text-size-default);
  color: var(--color-text-dark);
  padding: 0;
}
.section--product {
  padding: 10px 0 0;
}
.section--product .product-detail {
  max-width: 1440px;
  padding: 0;
  margin: 0 auto;
}
.section--product .breadcrumbs-nav {
  margin: 0 11px;
}
.section--product .product-detail__card {
  padding: 22px 0 0;
}
.section--product .product-detail__grid {
  display: flex;
  gap: 28px;
  align-items: flex-start;
}
.section--product .product-detail__gallery {
  flex: 0 0 54%;
  min-width: 0;
}
.section--product .product-gallery__main {
  margin: 0;
  border-radius: 26px;
  overflow: hidden;
  background: var(--color-card-bg);
}
.section--product .product-gallery__main img {
  display: block;
  width: 100%;
  height: auto;
}
.section--product .product-gallery__thumbs {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 14px;
}
.section--product .product-gallery__thumb {
  width: 118px;
  height: auto;
  border-radius: 16px;
  background: var(--color-card-bg);
  border: 1px solid var(--color-line, #e5e7eb);
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  cursor: pointer;
}
.section--product .product-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.section--product .product-gallery__thumb.is-active,
.section--product .product-gallery__thumb:hover {
  border-color: var(--color-accent-grey, #e2e2e2);
  box-shadow: 2px 2px 6px rgba(16, 24, 40, 0.16);
}
.section--product .product-detail__info {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 0;
  margin-top: -10px;
  max-width: var(--info-max-width);
}
.section--product .product-detail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 35px 0 30px 15px;
}
.section--product .product-detail__tags .pill {
  padding: 10px 18px 10px 20px;
  font-weight: var(--text-font-weight-bold);
  font-size: var(--text-size-base);
}
.section--product .product-detail__title {
  margin: 0;
  font-size: 44px;
  line-height: 1.3;
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-primary, #111827);
}
.section--product .product-detail__short-desc-wrap {
  display: flex;
  justify-content: space-between;
}
.section--product .product-detail__rating-wrap {
  margin-top: 25px;
  padding: 5px 35px 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid;
  border-color: var(--color-border-divider);
}
.section--product .product-detail__ratings {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 15px 0 0;
}
.section--product .product-detail__rating {
  display: flex;
  gap: 1px;
  flex-direction: column;
}
.section--product .product-detail__rating-comment {
  text-align: left;
}
.section--product .product-detail__rating-comment p {
  margin: 0;
  color: var(--color-text-light);
}
.section--product .product-detail__rating-stars {
  display: inline-flex;
  gap: 2px;
  margin: 6px 0 0 0;
}
.section--product .pr-summary__stars--lg {
  gap: 0px;
}
.section--product .pr-summary__stars--lg .pr-star {
  width: var(--prs-stars-xlg);
  height: var(--prs-stars-xlg);
}
.section--product .product-detail__rating-star {
  width: 30px;
  height: 30px;
  fill: var(--color-star-fill);
}
.section--product .product-detail__extracted-rating {
  color: var(--color-text-muted);
  font-size: 24px;
  letter-spacing: 3px;
  font-weight: var(--text-font-weight-bold);
  margin: -3px 5px 0;
}
.section--product .product-detail__rating-link,
.section--product .product-detail__rating-external-link {
  display: flex;
  gap: 18px;
  align-items: center;
  font-size: var(--text-size-default);
  color: var(--color-text-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}
.section--product .product-detail__rating-link:hover,
.section--product .product-detail__rating-external-link:hover {
  text-decoration: none;
}
.section--product .product-detail__rating-external-link {
  text-decoration: none;
}
.section--product .product-detail__rating-img {
  width: 62px;
  height: 62px;
}
.section--product .product-detail__rating-link-wrap {
  display: flex;
  gap: 0;
  flex-direction: column;
}
.section--product .product-detail__rating-link-reviews {
  font-weight: var(--text-font-weight-bold);
  font-size: 26px;
  text-decoration: none;
  margin: -5px 0;
  padding: 0;
}
.section--product .product-detail__rating-link-text {
  font-size: var(--text-size-default);
  text-decoration: underline;
}
.section--product .product-detail__rating-link-text:hover {
  text-decoration: none;
}
.section--product .product-detail__text {
  padding: 0;
  margin: 0;
  color: var(--color-text-primary, #111827);
  font-size: var(--text-size-default);
  line-height: 1.65;
}
.section--product .product-detail__desc {
  border: 1px solid var(--color-border-divider);
  border-radius: 16px;
  padding: 20px 30px 15px;
  margin: 5px 0 30px 0;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-detail__text p {
  margin: 0 0 12px;
}
.section--product .product-detail__text p a {
  display: flex;
  text-decoration: underline;
  text-underline-offset: 6px;
  /* color: var(--default-description-text-color-light); */
  transition: color 0.5s ease, transform 0.5s ease;
  padding: 0 0 0 20px;
}
.section--product .product-detail__text p a:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.section--product .product-detail__text p a::after {
  content: "";
  display: inline-block;
  background-image: url(/tmpl/lavy/img/icon/chevron-down.svg);
  width: 22px;
  height: 22px;
  margin-top: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section--product .product-detail__meta {
  margin: 30px 0 0;
  padding: 10px 20px;
  border: 1px solid var(--color-border-divider);
  border-radius: 24px;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-meta {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 6px 0;
}
.section--product .product-meta__label {
  font-size: var(--text-size-base);
  color: var(--color-text-muted, #6b7280);
}
.section--product .product-meta__value {
  margin: 0;
  font-size: var(--text-size-base);
  color: var(--color-text-primary, #111827);
  font-weight: var(--text-font-weight-bold);
}
.section--product .product-meta__value--ok {
  color: var(--color-stock-success);
}
.section--product .product-meta__link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.section--product .product-detail__form {
  border: 1px solid var(--color-border-divider);
  border-radius: 24px;
  padding: 20px 30px 32px;
  margin: 30px 0;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-detail-variant__sale-note {
  padding: 0;
  margin: 5px 10px 0;
  color: var(--color-accent-purple);
  opacity: 0.7;
}
.section--product .product-detail-variant__sale-note.no-variants {
  margin: 5px 0 0;
}
.section--product .product-detail__buy {
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.section--product .qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-line, #e5e7eb);
  border-radius: 14px;
  height: var(--input-height);
  overflow: hidden;
  background: var(--color-card-bg);
  width: fit-content;
}
.section--product .qty__btn {
  width: 44px;
  height: var(--input-height);
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: var(--text-size-lg);
  line-height: 1;
  color: var(--color-text-primary, #111827);
}
.section--product .qty__btn:hover {
  background: rgba(17, 24, 39, 0.04);
}
.section--product .qty__field {
  width: var(--input-width-sm);
}
.section--product .qty__input {
  height: var(--input-height);
  border: 0;
  border-left: 1px solid var(--color-line, #e5e7eb);
  border-right: 1px solid var(--color-line, #e5e7eb);
  font-size: var(--text-size-lg);
}
.section--product .product-detail__prices {
  display: flex;
  flex-direction: column;
  margin-top: -2px;
}
.section--product .product-detail__price-old {
  font-size: var(--price-old-size);
  line-height: 1.2;
  text-decoration: line-through;
  color: var(--color-accent-purple);
  opacity: var(--price-old-opacity);
}
.section--product .product-detail__price {
  font-size: 32px;
  line-height: 1;
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary, #111827);
  letter-spacing: -0.02em;
}
.section--product .product-detail__actions {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--color-border-divider);
  border-radius: 24px;
  padding: 40px 30px 30px;
  line-height: 1.9;
  margin: 30px 0 0;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-detail__actions h3 {
  font-size: 22px;
  font-weight: var(--text-font-weight-lighter);
  margin: 0;
}
.section--product .product-detail__actions p {
  margin: 10px 0 20px;
}
.section--product .product-detail__actions a {
  flex: 0 0 100%;
  gap: 5px;
  min-height: var(--button-height);
  border-radius: 16px;
  color: var(--color-text-inverse);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 8px 20px;
  margin: 0 0 20px;
  border: 2px solid transparent;
  color: #000000;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
  cursor: pointer;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-detail__actions a:hover {
  background: linear-gradient(#FFFFFF, #f5f5f5) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
}
.section--product .product-detail__actions a strong {
  font-weight: var(--text-font-weight-heavy);
}
.section--product .product-detail__contact {
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--color-border-divider);
  border-radius: 24px;
  padding: 25px 30px 35px;
  line-height: 1.9;
  margin: 30px 0 0;
  box-shadow: var(--products-card-hover-shadow);
}
.section--product .product-detail__cart {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--button-height);
  border-radius: 16px;
  background: var(--color-accent-orange);
  border: 1px solid var(--color-accent-orange);
  box-shadow: var(--products-card-hover-shadow);
  color: var(--color-text-primary, #111827);
  cursor: pointer;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-light);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 9px 10px;
}
.section--product .product-detail__cart:hover {
  background: linear-gradient(#FFFFFF, #f5f5f5);
}
.section--product .product-detail__cart-ico {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  display: inline-flex;
}
.section--product .product-detail__cart-ico svg {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  color: currentColor;
}
.section--product .product-detail__tabs {
  margin: 65px auto 0;
  max-width: 1440px;
  padding: 0 20px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  border: 1px solid #d8d8d8;
  padding: 15px 0;
  border-radius: 24px;
}
.section--product .product-tab {
  height: 38px;
  border-radius: 12px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-light);
  background: var(--color-surface-input);
  border: 1px solid #f3f4f6;
  cursor: pointer;
}
.section--product .product-tab:hover {
  background: var(--color-surface-hover);
}
.section--product .product-tab.is-active {
  background: var(--color-card-bg);
  border-color: var(--color-text-dark-alt);
}
.section--product .section--product-intro {
  padding: 34px 0 0;
}
.section--product .product-intro {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.section--product .product-intro__title {
  margin: 0;
  font-size: 34px;
  font-weight: var(--text-font-weight-mid);
  letter-spacing: -0.02em;
  color: var(--color-text-primary, #111827);
}
.section--product .product-intro__lead {
  margin: 12px auto 0;
  max-width: 860px;
  font-size: var(--text-size-base);
  line-height: 1.7;
  color: var(--color-text-muted, #6b7280);
}
@media (min-width: 1200px) {
  .section--product .product-detail__contact .page-contact {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0 0 0 -25px;
  }
  .section--product .product-detail__contact .page-contact__avatar {
    width: 60px;
    height: 60px;
  }
  .section--product .product-detail__contact .page-contact__kicker {
    font-size: var(--text-size-lg);
  }
  .section--product .product-detail__contact .page-contact__phone {
    font-size: var(--text-size-lg);
  }
  .section--product .product-detail__contact .page-contact__hours {
    font-size: var(--text-size-default);
  }
  .section--product .product-detail__contact .page-contact__mail {
    margin: 0 0 0 55px;
  }
  .section--product .product-detail__contact .page-contact__text {
    gap: 8px;
  }
}
@media (max-width: 1200px) {
  .section--product .product-detail__title {
    font-size: 38px;
    padding: 20px 0 10px;
  }
  .section--product .product-detail__gallery {
    flex-basis: 52%;
  }
  .section--product .product-detail__grid {
    flex-direction: column;
    align-items: center;
  }
  .section--product .product-detail__gallery {
    flex: 1 1 auto;
    max-width: var(--info-max-width);
  }
  .section--product .product-gallery__thumbs {
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
  }
  .section--product .product-gallery__thumb {
    flex: 0 0 auto;
  }
  .section--product .product-detail__buy,
  .section--product .product-detail__actions {
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .section--product .product-detail__card {
    padding: 16px;
  }
  .section--product .product-detail__title {
    font-size: 30px;
  }
  .section--product .product-detail__short-desc-wrap {
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
  }
  .section--product .product-detail__ratings {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .section--product .product-detail__rating {
    flex-direction: column;
    align-items: flex-start;
  }
  .section--product .product-detail__buy {
    flex-direction: column;
    align-items: center;
  }
  .section--product .product-detail__prices {
    align-items: center;
  }
  .section--product .product-detail__actions {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .section--product .product-detail__actions h3 {
    display: flex;
    flex-direction: column;
  }
  .section--product .product-detail__actions a {
    flex-direction: column;
    gap: 0;
  }
  .section--product .product-detail__register {
    flex-basis: auto;
    flex-direction: column;
    width: 100%;
  }
  .section--product .product-detail__contact .page-contact {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .section--product .product-detail__contact .page-contact__avatar {
    display: none;
  }
  .section--product .product-detail__contact .page-contact__icon {
    display: none;
  }
  .section--product .product-detail__contact .page-contact__link {
    text-align: center;
  }
  .section--product .product-detail__contact .page-contact__row {
    justify-content: center;
  }
}
.product-detail__gallery .product-gallery__thumb-item.hide-me {
  display: none;
}
.product-detail__gallery .product-gallery__thumb[aria-current="true"] {
  border-color: var(--color-accent-grey, #e2e2e2);
  box-shadow: 2px 2px 6px rgba(16, 24, 40, 0.16);
}
.product-detail__gallery .product-gallery__thumb .video-img {
  position: relative;
}
.product-detail__gallery .product-gallery__thumb .video-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/tmpl/lavy/img/icon/play.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  opacity: 0.85;
  pointer-events: none;
}
.product-detail__gallery .product-gallery__thumb:focus-visible {
  outline: 2px solid var(--color-text-dark-alt, #111827);
  outline-offset: 2px;
}
.section--product .product-detail__items-wrap {
  padding: 15px 0 30px;
}
.section--product .product-detail-variants__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section--product .product-detail-variant {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--variant-gap);
  padding: var(--variant-padding-y) var(--variant-padding-x);
  border: 1px solid var(--color-border-divider);
  border-radius: var(--card-radius);
  cursor: pointer;
  user-select: none;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
@supports selector(.product-detail-variant:has(input:checked)) {
  .section--product .product-detail-variant:has(.product-detail-variant__check:checked) {
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.16);
    transform: translateY(-1px);
  }
}
.section--product .product-detail-variant__check-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--variant-gap);
}
.section--product .product-detail-variant__check {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--product .product-detail-variant__radio {
  flex: 0 0 auto;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: 999px;
  border: 2px solid #808080;
  margin-top: 2px;
  position: relative;
}
.section--product .product-detail-variant__check:checked + .product-detail-variant__radio {
  border-color: var(--color-stock-delivery);
}
.section--product .product-detail-variant__check:checked + .product-detail-variant__radio::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: var(--color-stock-delivery);
}
.section--product .product-detail-variant__size {
  flex: 0 0 100px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  margin-top: -2px;
}
.section--product .product-detail-variant__availability {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section--product .product-detail-variant__stock {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  color: var(--color-stock-delivery);
  font-size: var(--text-size-base);
  line-height: 1.25;
  font-weight: var(--text-font-weight-bold);
  text-transform: uppercase;
}
.section--product .product-detail-variant__stock .product-detail-variant__stock-ico {
  flex-shrink: 0;
}
.section--product .product-detail-variant__stock .product-detail-variant__stock-amount {
  white-space: nowrap;
  font-size: var(--text-size-base);
  line-height: 1.25;
  font-weight: var(--text-font-weight-lighter);
}
.section--product .product-detail-variant__delivery {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--color-text-primary);
  font-size: var(--text-size-default);
  line-height: 1.25;
}
.section--product .product-detail-variant__prices {
  /* flex: 0 0 170px; */
  flex: 0 0 145px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  margin-top: -2px;
}
.section--product .product-detail-variant__prices .product-detail__price {
  font-size: 26px;
}
.section--product .product-detail-variant:hover {
  background: rgba(17, 24, 39, 0.02);
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.16);
}
.section--product .product-detail-variant:focus-within {
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.16);
}
@media (max-width: 768px) {
  .section--product .product-detail-variant {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 25px;
    text-align: center;
    padding: 25px;
  }
  .section--product .product-detail-variant__size {
    flex: 1 1 auto;
    font-size: 20px;
  }
  .section--product .product-detail-variant__prices {
    flex: 1 1 auto;
    align-items: center;
    flex-direction: column;
    gap: 0;
  }
  .section--product .product-detail-variant__price {
    font-size: 22px;
  }
  .section--product .product-detail-variant__price-old {
    font-size: var(--text-size-lg);
  }
}
.section--product .product-detail-variant__availability--inline {
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px 0 10px;
}
.section--product .product-detail-variant__availability--inline .product-detail-variant__delivery {
  display: block;
}
.section--product .product-detail-variant__availability--inline .product-detail-variant__delivery::first-letter {
  text-transform: uppercase;
}
.section--product .product-detail-variant__sale-note + .product-detail-variants__list {
  margin-top: 8px;
}
.section--product .product-detail-variant--out-of-stock {
  opacity: 0.55;
  cursor: not-allowed;
}
.section--product .product-detail-variant--out-of-stock .product-detail-variant__stock {
  color: var(--color-text-muted, #6b7280);
}
.pd-more {
  color: inherit;
}
.pd-more__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--info-gap-col);
  row-gap: var(--info-gap-row);
  padding: 20px 10px 10px;
}
.pd-more__list {
  display: contents;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pd-more__item {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item {
  grid-column: 1;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item {
  grid-column: 2;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(1) {
  grid-row: 1;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(1) {
  grid-row: 1;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(2) {
  grid-row: 2;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(2) {
  grid-row: 2;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(3) {
  grid-row: 3;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(3) {
  grid-row: 3;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(4) {
  grid-row: 4;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(4) {
  grid-row: 4;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(5) {
  grid-row: 5;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(5) {
  grid-row: 5;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(6) {
  grid-row: 6;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(6) {
  grid-row: 6;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(7) {
  grid-row: 7;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(7) {
  grid-row: 7;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(8) {
  grid-row: 8;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(8) {
  grid-row: 8;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(9) {
  grid-row: 9;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(9) {
  grid-row: 9;
}
.pd-more__grid > .pd-more__list:first-child > .pd-more__item:nth-child(10) {
  grid-row: 10;
}
.pd-more__grid > .pd-more__list:last-child > .pd-more__item:nth-child(10) {
  grid-row: 10;
}
.pd-more__check {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--color-info-check);
  font-size: var(--text-size-default);
  line-height: 1;
  transform: translateY(2px);
}
.pd-more__text {
  font-size: var(--text-size-default);
  line-height: var(--text-line-height-relaxed);
}
.pd-more__divider {
  border: 0;
  height: 1px;
  background: var(--color-info-divider);
  margin: 26px 0 34px;
}
.pd-usage__title {
  margin: 0 0 22px;
  line-height: 1.05;
  font-weight: var(--text-font-weight-bolder);
  letter-spacing: -0.02em;
}
.pd-usage {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 28px;
}
.pd-usage__step {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.pd-usage__ico {
  width: 66px;
  height: 66px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: var(--color-info-text);
  opacity: 0.9;
}
.pd-usage__ico svg {
  width: 100%;
  height: 100%;
}
.pd-usage__text {
  margin: 0;
  line-height: var(--text-line-height-tight);
}
.pd-usage__arrow {
  flex: 0 0 auto;
  font-size: 28px;
  opacity: 0.55;
  transform: translateY(1px);
}
@media (max-width: 1024px) {
  :root {
    --pd-usage-title-size: 38px;
    --pd-usage-step-size: 22px;
  }
  .pd-more__grid {
    column-gap: 32px;
  }
}
@media (max-width: 768px) {
  :root {
    --pd-more-title-size: 22px;
    --text-size-default: 16px;
    --pd-usage-title-size: 32px;
    --pd-usage-step-size: 18px;
  }
  .pd-more__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .pd-more__list {
    display: flex;
    flex-direction: column;
    gap: var(--info-gap-row);
  }
  .pd-more__list + .pd-more__list {
    margin-top: var(--info-gap-row);
  }
  .pd-more__grid > .pd-more__list > .pd-more__item {
    grid-column: unset;
    grid-row: unset;
  }
  .pd-usage {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
  .pd-usage__arrow {
    display: none;
  }
  .pd-usage__ico {
    width: 56px;
    height: 56px;
  }
}
.site-main--product .section--download-app-banner {
  margin: 120px auto 80px;
}
.product-detail__tabs {
  scroll-margin-top: 20px;
}
.product-tabs {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.product-tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12);
}
.product-tabs-panel {
  display: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}
.product-tabs-panel.is-active {
  display: block;
  opacity: 1;
}
.product-ingredients-wrapper {
  padding: 20px 0 10px;
}
.product-ingredients-wrapper .product-ingredients {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.product-ingredients-wrapper .product-ingredients__head {
  text-align: center;
  flex-direction: column;
  margin: 30px 0 36px;
}
.product-ingredients-wrapper .product-ingredients__title {
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.product-ingredients-wrapper .product-ingredients__lead {
  margin: 12px auto 0;
  max-width: 820px;
  line-height: 1.7;
}
.product-ingredients-wrapper .product-ingredients__grid {
  margin-top: 44px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 56px 90px;
}
.product-ingredients-wrapper .ingredient {
  width: 260px;
  text-align: center;
}
.product-ingredients-wrapper .ingredient__media {
  width: 96px;
  height: 96px;
  margin: 0 auto 12px;
  overflow: hidden;
}
.product-ingredients-wrapper .ingredient__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-mask-image: url("/tmpl/lavy/img/product-details/ingredient-shape.svg");
  mask-image: url("/tmpl/lavy/img/product-details/ingredient-shape.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.product-ingredients-wrapper .ingredient__title {
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
  font-weight: var(--text-font-weight-light);
}
.product-ingredients-wrapper .ingredient__sub {
  margin: 8px 0 0;
  font-size: var(--text-size-default);
  line-height: 1.55;
}
@media (max-width: 1024px) {
  .product-ingredients-wrapper .product-ingredients__grid {
    gap: 42px 60px;
  }
}
@media (max-width: 768px) {
  .product-ingredients-wrapper .product-ingredients {
    padding-top: 42px;
  }
  .product-ingredients-wrapper .product-ingredients__title {
    font-size: 28px;
  }
  .product-ingredients-wrapper .product-ingredients__grid {
    gap: 30px 40px;
  }
  .product-ingredients-wrapper .ingredient {
    width: min(320px, 100%);
  }
}
.product-benefits-wrapper {
  padding: 26px 0 10px;
}
.product-benefits-wrapper .product-benefits {
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}
.product-benefits-wrapper .product-benefits__card {
  background: var(--color-card-bg);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.1);
  padding: 30px 30px 30px 50px;
}
.product-benefits-wrapper .product-benefits__grid {
  display: flex;
  gap: 28px;
  align-items: center;
}
.product-benefits-wrapper .product-benefits__list {
  flex: 1 1 auto;
  min-width: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 50px;
}
.product-benefits-wrapper .pdb-item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.product-benefits-wrapper .pdb-item__ico {
  border-radius: 16px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.product-benefits-wrapper .pdb-item__ico a {
  transition: background 0.5s ease, transform 0.12s ease, box-shadow 0.12s ease;
}
.product-benefits-wrapper .pdb-item__ico a:hover,
.product-benefits-wrapper .pdb-item__ico a:focus-visible {
  transform: translateY(-2px);
}
.product-benefits-wrapper .pdb-item__ico img {
  width: inherit;
  display: block;
}
.product-benefits-wrapper .pdb-item__title {
  margin: 2px 0 4px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: var(--text-font-weight-lighter);
}
.product-benefits-wrapper .pdb-item__title a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
  transition: transform 0.12s ease, color 0.18s ease;
}
.product-benefits-wrapper .pdb-item__title a:hover,
.product-benefits-wrapper .pdb-item__title a:focus-visible {
  transform: translateY(-1px);
}
.product-benefits-wrapper .pdb-item__title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--color-brand-primary);
  transition: width 0.18s ease-out;
}
.product-benefits-wrapper .pdb-item__title a:hover::after,
.product-benefits-wrapper .pdb-item__title a:focus-visible::after {
  width: 100%;
}
.product-benefits-wrapper .pdb-item__sub {
  margin: 0;
  font-size: var(--text-size-default);
  line-height: 1.55;
  color: var(--color-text-muted);
}
.product-benefits-wrapper .product-benefits__media {
  flex: 0 0 52%;
  min-width: 0;
  border-radius: 22px;
  overflow: hidden;
  background: #eef2f7;
}
.product-benefits-wrapper .product-benefits__media img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  display: block;
}
@media (max-width: 1200px) {
  .product-benefits-wrapper .product-benefits__list {
    gap: 35px;
  }
}
@media (max-width: 1024px) {
  .product-benefits-wrapper .product-benefits__grid {
    flex-direction: column;
    align-items: stretch;
  }
  .product-benefits-wrapper .product-benefits__media img {
    min-height: 240px;
  }
  .product-benefits-wrapper .product-benefits__list {
    gap: 26px;
  }
}
@media (max-width: 768px) {
  .product-benefits-wrapper .product-benefits__card {
    padding: 18px;
    border-radius: 22px;
  }
  .product-benefits-wrapper .pdb-item__ico {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
  .product-benefits-wrapper .pdb-item__title {
    font-size: var(--text-size-default);
  }
}
.section--lavylites-overview {
  padding: 0 20px;
  margin: 40px 0 60px;
}
.lavylites-overview {
  max-width: 1440px;
  margin: 0 auto;
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(180deg, var(--color-bg-default-inverse) 0%, var(--color-bg-default-inverse) 55%, #f5f5f5 100%);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}
.lavylites-overview__hero {
  position: relative;
  min-height: 360px;
}
.lavylites-overview__hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 26px;
}
.lavylites-overview__hero-overlay {
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: linear-gradient(90deg, rgba(15, 23, 42, 0.62) 0%, rgba(15, 23, 42, 0.28) 48%, rgba(15, 23, 42, 0) 76%);
}
.lavylites-overview__hero-content {
  position: relative;
  z-index: 1;
  max-width: 620px;
  padding: 56px 64px;
  color: var(--color-text-inverse);
}
.lavylites-overview__hero-title {
  margin: 0 0 22px;
  font-size: 44px;
  line-height: 1.2;
  font-weight: var(--text-font-weight-light);
}
.lavylites-overview__hero-text {
  margin: 0;
  font-size: var(--text-size-lg);
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.92);
}
.lavylites-overview__body {
  padding: 54px 64px 64px;
}
.lavylites-overview__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  grid-template-areas: "heading awards" "left right";
  column-gap: 56px;
  row-gap: 34px;
  align-items: start;
}
.lavylites-overview__heading {
  grid-area: heading;
}
.lavylites-overview__title {
  margin: 0;
  font-size: 44px;
  line-height: 1.2;
  font-weight: var(--text-font-weight-light);
}
.lavylites-overview__awards {
  grid-area: awards;
  display: flex;
  gap: 26px;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
}
.lavylites-overview__award {
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
  display: block;
}
.lavylites-overview__text {
  font-size: var(--text-size-default);
  line-height: 1.95;
  color: var(--color-description-text);
}
.lavylites-overview__text p {
  margin: 0;
}
.lavylites-overview__text--left {
  grid-area: left;
}
.lavylites-overview__text--right {
  grid-area: right;
}
@media (max-width: 1200px) {
  .lavylites-overview__hero-content {
    padding: 44px 44px;
  }
  .lavylites-overview__body {
    padding: 46px 44px 56px;
  }
}
@media (max-width: 1024px) {
  .lavylites-overview__hero {
    min-height: 320px;
  }
  .lavylites-overview__hero-title {
    font-size: 36px;
  }
  .lavylites-overview__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "awards" "left" "right";
    row-gap: 22px;
  }
  .lavylites-overview__awards {
    justify-content: flex-start;
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  padding: 0 16px;
  margin: 28px 0 44px;
  .lavylites-overview {
    border-radius: 22px;
  }
  .lavylites-overview__hero {
    min-height: 280px;
  }
  .lavylites-overview__hero-content {
    padding: 28px 22px;
    max-width: 520px;
  }
  .lavylites-overview__hero-title {
    font-size: 28px;
    margin-bottom: 14px;
  }
  .lavylites-overview__hero-text {
    font-size: var(--text-size-default);
    line-height: 1.85;
  }
  .lavylites-overview__body {
    padding: 30px 22px 36px;
  }
  .lavylites-overview__title {
    font-size: 30px;
    line-height: 1.16;
  }
  .lavylites-overview__awards {
    gap: 18px;
    flex-wrap: wrap;
  }
  .lavylites-overview__award {
    max-width: 70px;
    max-height: 70px;
  }
}
.section--lavylites-usage {
  padding: 0 20px;
  margin: 70px 0 0;
}
.section--lavylites-usage .lavylites-usage {
  max-width: 1440px;
  margin: 0 auto;
}
.section--lavylites-usage .lavylites-usage__inner {
  display: flex;
}
.section--lavylites-usage .lavylites-usage__col {
  margin-top: var(--lavylites-usage-col-margin-top);
}
.section--lavylites-usage .lavylites-usage__head {
  margin: 60px 0 15px;
}
.section--lavylites-usage .lavylites-usage__title {
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
  font-size: var(--pq-title-size);
  line-height: 1.15;
  font-weight: var(--pq-title-weight);
  color: var(--pq-text);
}
.section--lavylites-usage .lavylites-usage__copy p {
  margin: 0 0 26px;
  font-size: var(--text-size-default);
  line-height: 1.9;
  color: var(--color-description-text);
}
.section--lavylites-usage .lavylites-usage__copy p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .lavylites-usage__inner {
    column-gap: 56px;
  }
  .lavylites-usage__title {
    font-size: 48px;
  }
}
@media (max-width: 1024px) {
  .section--lavylites-usage {
    margin: 54px 0 54px;
  }
  .section--lavylites-usage .lavylites-usage__inner {
    grid-template-columns: 1fr 0.8fr;
    grid-template-areas: "text text" "media ingredients";
    gap: 34px 44px;
  }
  .section--lavylites-usage .lavylites-usage__col--text {
    grid-area: text;
  }
}
@media (max-width: 768px) {
  .section--lavylites-usage {
    padding: 0 16px;
    margin: 40px 0 40px;
  }
  .section--lavylites-usage .lavylites-usage__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "text" "media" "ingredients";
    row-gap: 26px;
  }
  .section--lavylites-usage .lavylites-usage__title {
    font-size: 34px;
    margin-bottom: 18px;
  }
  .section--lavylites-usage .lavylites-usage__copy p {
    font-size: var(--text-size-default);
    line-height: 1.85;
  }
}
.section--product-description {
  padding: 0 20px;
  margin: 45px 0 0;
}
.section--product-description .product-description {
  max-width: 1440px;
  margin: 0 auto;
}
.section--product-description .product-description__inner {
  display: flex;
  gap: 40px;
  align-items: start;
}
.section--product-description .product-description__head {
  margin: 60px 0 35px;
}
.section--product-description .product-description__title {
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
  font-size: var(--pq-title-size);
  line-height: 1.15;
  font-weight: var(--pq-title-weight);
  color: var(--pq-text);
}
.section--product-description .product-description__copy h3 {
  font-size: 22px;
  font-weight: var(--text-font-weight-lighter);
  margin: 0 0 20px;
}
.section--product-description .product-description__copy p {
  margin: 0 0 26px;
  font-size: var(--text-size-default);
  line-height: 1.9;
  color: var(--color-description-text);
}
.section--product-description .product-description__copy p strong {
  font-weight: var(--text-font-weight-bold);
}
.section--product-description .product-description__copy p a {
  text-decoration: underline;
  color: var(--color-description-text);
  transition: color 0.2s ease;
}
.section--product-description .product-description__copy p a:hover {
  color: var(--color-link-hover);
}
.section--product-description .product-description__copy ul {
  margin: 0 0 26px 20px;
  padding: 0;
  list-style-type: disc;
}
.section--product-description .product-description__copy ul li {
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  color: var(--color-description-text);
}
.section--product-description .product-description__copy ul li:last-child {
  margin-bottom: 0;
}
.section--product-description .product-description__copy ul li strong {
  font-weight: var(--text-font-weight-bold);
}
.section--product-description .product-description__copy p:last-child {
  margin-bottom: 0;
}
.section--product-description .product-description__product {
  position: relative;
  z-index: 1;
  max-height: 380px;
  display: block;
  filter: drop-shadow(0 28px 40px rgba(15, 23, 42, 0.1));
}
.section--product-description .product-description__col--tip {
  float: none;
  width: auto;
  flex: 0 0 100%;
  max-width: 420px;
  position: relative;
  /* background: linear-gradient(180deg, #ffe1c6 0%, #ffe1c640 100%); */
  border-radius: 16px;
  padding: 18px 20px 18px 20px;
  padding-top: 97px;
  margin: 10px 0 0;
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.16);
}
.section--product-description .product-description__col--tip h3 {
  display: flex;
  gap: 3px;
  align-items: center;
  border-bottom: 1px solid #b9b8b8;
  padding: 0 0 10px;
  margin: 0;
  color: var(--color-description-heading-muted);
  font-weight: var(--text-font-weight-light);
}
.section--product-description .product-description__col--tip h3:not(:first-of-type) {
  padding-top: 10px;
}
.section--product-description .product-description__col--tip h3::before {
  content: "";
  display: inline-block;
  opacity: 1;
  background-image: url(/tmpl/lavy/img/icon/info-light.svg);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section--product-description .product-description__col--tip h4 {
  position: absolute;
  top: 10px;
  font-weight: 300;
}
.section--product-description .product-description__col--tip p {
  color: #5b5b5b;
  line-height: 1.9;
}
.section--product-description .product-description__col--tip a {
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.section--product-description .product-description__col--tip a:hover {
  color: var(--color-link-hover);
}
.section--product-description .product-description__tip-photo {
  position: absolute;
  right: 12px;
  top: 25px;
  width: 165px;
  pointer-events: none;
}
.section--product-description .product-description__tip-text {
  margin: 0;
  font-size: var(--text-size-base);
  line-height: 1.6;
}
.section--product-description .product-description__register {
  flex: 0 0 50%;
  min-height: 54px;
  border-radius: 16px;
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
  text-align: center;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 30px;
  border: 2px solid transparent;
  color: #000000;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
  cursor: pointer;
}
.section--product-description .product-description__register:hover {
  background: linear-gradient(#FFFFFF, #f5f5f5) padding-box, linear-gradient(90deg, #20c997, #6f42c1, #dc3545) border-box;
}
@media (max-width: 1200px) {
  .product-description__inner {
    column-gap: 56px;
  }
  .product-description__title {
    font-size: 48px;
  }
}
@media (max-width: 1024px) {
  .section--product-description {
    margin: 54px 0 54px;
  }
  .section--product-description .product-description__inner {
    flex-direction: column;
  }
  .section--product-description .product-description__tip-title {
    margin-top: 12px;
  }
  .section--product-description .product-description__product {
    height: 500px;
  }
  .section--product-description .product-description__col--tip {
    width: 100%;
    margin: 0;
  }
  .section--product-description .product-description__tip {
    padding: 22px 26px;
    border-radius: 18px;
  }
  .section--product-description .product-description__tip-title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .section--product-description {
    padding: 0 16px;
    margin: 40px 0 40px;
  }
  .section--product-description .product-description__title {
    font-size: 34px;
    margin-bottom: 18px;
  }
  .section--product-description .product-description__copy p,
  .section--product-description .product-description__tip {
    font-size: var(--text-size-default);
    line-height: 1.85;
  }
  .section--product-description .product-description__media {
    padding-top: 0;
  }
  .section--product-description .product-description__media::before {
    top: 80px;
    width: 320px;
    height: 320px;
  }
  .section--product-description .product-description__product {
    height: 400px;
  }
  .section--product-description .product-description__tip-title {
    margin: 0 0 12px;
    font-size: 20px;
  }
}
.section--product-ingredients {
  padding: 0 20px;
  margin: 45px 0 0;
}
.section--product-ingredients .product-ingredients {
  max-width: 1440px;
  margin: 0 auto;
}
.section--product-ingredients .product-ingredients__inner {
  display: flex;
  gap: 40px;
  align-items: start;
}
.section--product-ingredients .product-ingredients__col {
  text-align: center;
}
.section--product-ingredients .product-ingredients__col h2 {
  letter-spacing: -0.02em;
  font-size: var(--pq-title-size);
  line-height: 1.15;
  font-weight: var(--pq-title-weight);
  color: var(--pq-text);
  margin: 0 0 20px;
}
.section--product-ingredients .product-ingredients__col h3 {
  font-size: 22px;
  font-weight: var(--text-font-weight-lighter);
  margin: 40px 0 20px;
}
.section--product-ingredients .product-ingredients__col h3:not(:first-of-type) {
  margin: 40px 0 20px;
}
.section--product-ingredients .product-ingredients__col p,
.section--product-ingredients .product-ingredients__col ul > li,
.section--product-ingredients .product-ingredients__col ol figcaption {
  margin: 0;
  font-size: var(--text-size-default);
  line-height: 1.9;
  color: var(--color-description-text);
}
.section--product-ingredients .product-ingredients__col ul > li {
  margin: 0 0 5px;
  list-style: initial;
}
.section--product-ingredients .product-ingredients__col ol {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 34px 56px;
}
.section--product-ingredients .product-ingredients__col ol > li {
  margin: 0;
  padding: 0;
  flex: 1 1 calc(20% - 56px);
  min-width: 150px;
  max-width: 190px;
}
.section--product-ingredients .product-ingredients__col ol figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.section--product-ingredients .product-ingredients__col ol img {
  width: 86px;
  height: auto;
  display: block;
}
.section--product-ingredients .product-ingredients__col ol figcaption {
  margin-top: 12px;
  text-transform: uppercase;
}
.section--reviews {
  padding: 0 20px;
  margin: 80px 0 90px;
}
.reviews {
  max-width: 1440px;
  margin: 0 auto;
}
.reviews__title {
  margin: 0 0 44px;
  text-align: center;
  font-size: 44px;
  font-weight: var(--text-font-weight-light);
}
.reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
  align-items: stretch;
}
.review-card {
  background: #fbfbfb;
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
  padding: 34px 34px 30px;
  display: flex;
  flex-direction: column;
  min-height: 360px;
}
.review-card__head {
  margin-bottom: 20px;
}
.review-card__source {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-light);
}
.review-card__date {
  margin-top: 6px;
  font-size: var(--text-size-base);
  line-height: 1.2;
  color: rgba(31, 41, 55, 0.7);
}
.review-card__stars {
  margin-top: 14px;
  display: inline-flex;
  gap: 10px;
}
.star {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: center / contain no-repeat;
  /* background-image: url("/tmpl/lavy/img/product-details/star.png"); */
}
.review-card__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 6px;
}
.review-card__row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.review-card__text {
  margin: 0;
  font-size: var(--text-size-default);
  line-height: 1.5;
  color: rgba(31, 41, 55, 0.78);
}
.review-card__text--muted {
  color: rgba(31, 41, 55, 0.45);
}
.review-badge {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 2px;
}
.review-badge::before,
.review-badge::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-bg-default-inverse);
}
.review-badge--plus {
  background: #63D28B;
}
.review-badge--plus::after {
  width: 2px;
  height: 12px;
}
.review-badge--minus {
  background: #FF6A55;
}
.review-badge--minus::after {
  display: none;
}
.reviews__cta {
  display: flex;
  justify-content: center;
  margin-top: 46px;
}
.btn--reviews {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 26px;
  border-radius: 10px;
  border: 1px solid rgba(31, 41, 55, 0.85);
  color: rgba(31, 41, 55, 0.95);
  text-decoration: none;
  font-size: var(--text-size-base);
  letter-spacing: 0.08em;
  font-weight: var(--text-font-weight-bold);
  background: transparent;
}
.btn--reviews:hover {
  background: rgba(31, 41, 55, 0.04);
}
.btn--reviews:focus-visible {
  outline: 2px solid rgba(31, 41, 55, 0.35);
  outline-offset: 3px;
}
/* responsive */
@media (max-width: 1200px) {
  .reviews__title {
    font-size: 48px;
  }
  .reviews__grid {
    gap: 28px;
  }
  .review-card {
    padding: 30px 30px 26px;
  }
}
@media (max-width: 1024px) {
  .section--reviews {
    margin: 60px 0 70px;
  }
  .reviews__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .section--reviews {
    padding: 0 16px;
    margin: 44px 0 54px;
  }
  .reviews__title {
    font-size: 34px;
    margin-bottom: 26px;
  }
  .reviews__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .review-card {
    border-radius: 20px;
    padding: 22px 20px 20px;
    min-height: unset;
  }
  .review-card__text {
    font-size: var(--text-size-default);
    line-height: 1.8;
  }
  .reviews__cta {
    margin-top: 28px;
  }
  .btn--reviews {
    height: 50px;
    padding: 0 22px;
  }
}
.product-questions {
  color: var(--pq-text);
  padding: 0 0 70px;
}
.product-questions__panel {
  border-radius: var(--pq-panel-radius);
  padding: var(--pq-panel-pad-y) var(--pq-panel-pad-x);
  background: linear-gradient(180deg, var(--pq-panel-bg-layer) 0%, var(--pq-panel-bg-layer-final) 100%);
  box-shadow: 0 24px 70px var(--pq-panel-box-shadow);
}
.product-questions__grid {
  display: flex;
  align-items: flex-start;
  gap: var(--pq-grid-gap);
}
.product-questions__col {
  min-width: 0;
}
.product-questions__col--form {
  flex: 0 0 48%;
}
.product-questions__col--list {
  flex: 1 1 auto;
}
.pq-item {
  margin: 0 0 25px;
  padding: 20px 30px 30px;
  border-radius: 16px;
  border: 1px solid var(--pq-field-border);
}
.product-questions__title {
  margin: 0 0 22px;
  font-size: var(--pq-title-size);
  line-height: 1.15;
  font-weight: var(--pq-title-weight);
  color: var(--pq-text);
}
/* FORM */
.pq-form__row {
  margin: 0 0 22px;
  position: relative;
}
.pq-form__label {
  display: block;
  margin: 0 0 10px;
  font-size: var(--pq-label-size);
  line-height: 1.25;
  color: var(--pq-text);
}
.pq-form__req {
  color: var(--pq-text);
}
.pq-form__input,
.pq-form__textarea {
  width: 100%;
  background: var(--pq-field-bg);
  border: 1px solid var(--pq-field-border);
  border-radius: var(--pq-field-radius);
  padding: var(--pq-field-pad-y) var(--pq-field-pad-x);
  font: inherit;
  font-size: var(--pq-body-size);
  line-height: var(--pq-body-lh);
  color: var(--pq-text);
  outline: none;
}
.pq-form__input {
  height: var(--pq-field-h);
}
.pq-form__textarea {
  min-height: 220px;
  resize: vertical;
}
.pq-form__textarea {
  position: relative;
}
.pq-form-textarea__placeholder {
  position: absolute;
  left: 6px;
  top: 12px;
  display: inline-block;
  padding: 6px 10px;
  color: #757575;
  pointer-events: none;
}
.pq-form__textarea:focus + .pq-form-textarea__placeholder,
.pq-form__textarea:not(:placeholder-shown) + .pq-form-textarea__placeholder {
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.pq-form__input:focus-visible,
.pq-form__textarea:focus-visible {
  border-color: color-mix(in srgb, var(--pq-accent) 55%, var(--pq-field-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pq-accent) 20%, transparent);
}
.pq-form__terms {
  margin: 8px 0 22px;
  font-size: var(--text-size-default);
  line-height: 1.8;
  color: var(--pq-text);
}
.pq-form__terms a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pq-form__submit {
  border-radius: 16px;
  background: var(--pq-bg-color-inverse);
  border: 1px solid var(--pq-border-color);
  color: var(--color-text-primary, --pq-text-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  font-size: var(--text-size-md);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px 30px;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
.pq-form__submit:hover {
  filter: brightness(0.96);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16, 24, 40, 0.12);
}
/* RIGHT: item */
.pq-item__date {
  font-size: var(--text-size-default);
  color: var(--pq-muted);
  margin: 0 0 10px;
}
.pq-item__name {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bolder);
  margin: 0 0 12px;
  color: var(--pq-text);
}
.pq-item__question {
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  line-height: 1.65;
  color: var(--pq-text);
}
.pq-item__question--thanks {
  margin-top: 6px;
}
/* REPLY */
.pq-reply {
  margin-top: 22px;
  position: relative;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: var(--pq-reply-gap);
  padding-left: 0;
}
.pq-reply::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--pq-reply-line);
  background: var(--pq-accent);
  border-radius: 99px;
}
.pq-reply__brand {
  padding-left: 14px;
  padding-top: 6px;
  line-height: 1;
  user-select: none;
}
.pq-reply__brand-top {
  display: block;
  font-weight: var(--text-font-weight-heavy);
  letter-spacing: -0.02em;
  color: var(--pq-accent);
}
.pq-reply__brand-sub {
  display: block;
  margin-top: 2px;
  font-size: var(--text-size-sm);
  letter-spacing: 0.08em;
  color: #8a8a8a;
}
.pq-reply__content {
  padding-left: 10px;
}
.pq-reply__content p {
  margin: 0 0 14px;
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--pq-text);
}
.pq-reply__sign {
  margin-top: 14px;
}
.product-questions__divider {
  margin-top: 36px;
  height: 1px;
  background: color-mix(in srgb, var(--pq-line) 55%, transparent);
}
/* Responsive */
@media (max-width: 1024px) {
  :root {
    --pq-panel-pad-x: 26px;
    --pq-panel-pad-y: 30px;
    --pq-grid-gap: 40px;
    --pq-title-size: 30px;
  }
  .product-questions__grid {
    flex-direction: column;
  }
  .product-questions__col--form,
  .product-questions__col--list {
    flex: 1 1 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  :root {
    --pq-panel-pad-x: 18px;
    --pq-title-size: 26px;
    --pq-field-radius: 12px;
  }
  .pq-reply {
    grid-template-columns: 40px 1fr;
  }
}
.product-reviews-tab {
  color: var(--pr-text);
  padding: 0 0 70px;
}
.product-reviews-tab__panel {
  border-radius: var(--pr-panel-radius);
  padding: var(--pr-panel-pad-y) var(--pr-panel-pad-x);
  background: linear-gradient(180deg, var(--pr-panel-bg-layer) 0%, var(--pr-panel-bg-layer-final) 100%);
  box-shadow: 0 24px 70px var(--pr-panel-shadow);
}
.product-reviews-tab__grid {
  display: flex;
  align-items: flex-start;
  gap: var(--pr-grid-gap);
}
.product-reviews-tab__col {
  min-width: 0;
}
.product-reviews-tab__col--form {
  flex: 0 0 48%;
}
.product-reviews-tab__col--list {
  flex: 1 1 auto;
}
.product-reviews-tab__title {
  margin: 0 0 22px;
  font-size: var(--pr-title-size);
  line-height: 1.15;
  font-weight: var(--pr-title-weight);
  color: var(--pr-text);
}
.pr-form__row {
  margin: 0 0 22px;
  position: relative;
}
.pr-form__label {
  display: block;
  margin: 0 0 10px;
  font-size: var(--pr-label-size);
  line-height: 1.25;
  color: var(--pr-text);
}
.pr-form__req {
  color: var(--pr-text);
}
.pr-form__input,
.pr-form__textarea {
  width: 100%;
  background: var(--pr-field-bg);
  border: 1px solid var(--pr-field-border);
  border-radius: var(--pr-field-radius);
  padding: var(--pr-field-pad-y) var(--pr-field-pad-x);
  font: inherit;
  font-size: var(--pr-body-size);
  line-height: var(--pr-body-lh);
  color: var(--pr-text);
  outline: none;
}
.pr-form__input {
  height: var(--pr-field-h);
}
.pr-form__textarea {
  min-height: var(--pr-textarea-minh);
  resize: vertical;
}
.pr-form-textarea__placeholder {
  position: absolute;
  left: 6px;
  top: 46px;
  display: inline-block;
  padding: 6px 10px;
  color: #757575;
  pointer-events: none;
}
.pr-form__textarea:focus + .pr-form-textarea__placeholder,
.pr-form__textarea:not(:placeholder-shown) + .pr-form-textarea__placeholder {
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.pr-form__input:focus-visible,
.pr-form__textarea:focus-visible {
  border-color: color-mix(in srgb, var(--pr-accent) 55%, var(--pr-field-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pr-accent) 20%, transparent);
}
.pr-form__row--rating {
  margin-top: 8px;
}
.pr-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 6px;
  margin: 0 0 25px 0;
  align-items: center;
}
.pr-rating__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pr-rating__label {
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #d1d5db;
  transition: transform 0.12s ease, color 0.12s ease;
}
.pr-rating__label svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.pr-rating__label:hover,
.pr-rating__label:hover ~ .pr-rating__label {
  color: var(--pr-review-star-bg);
  transform: translateY(-1px);
}
.pr-rating__input:checked ~ .pr-rating__label {
  color: var(--pr-review-star-bg);
}
.pr-rating__input:focus-visible + .pr-rating__label {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12);
  border-radius: 8px;
}
.pr-upload {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pr-upload-gap);
  align-items: center;
  margin: -15px 0 0;
}
.pr-upload h2 {
  display: block;
  font-weight: var(--text-font-weight-thin);
  padding: 0px;
  margin: 10px 0 0 0;
  width: 100%;
}
.pr-upload p {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  font-weight: var(--text-font-weight-thin);
}
.pr-upload__item {
  position: relative;
  padding: 0 0 10px;
  display: block;
  width: 100%;
}
.pr-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.pr-upload__btn {
  border-radius: 12px;
  background: var(--color-card-bg);
  border: 1px solid color-mix(in srgb, var(--pr-line) 70%, var(--pr-field-border));
  color: var(--pr-text);
  cursor: pointer;
  font-size: var(--text-size-sm);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 12px;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
.pr-upload__btn:hover {
  filter: brightness(0.97);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16, 24, 40, 0.1);
}
.pr-upload__input:focus-visible + .pr-upload__btn {
  outline: 3px solid rgba(17, 24, 39, 0.18);
  outline-offset: 2px;
}
.pr-upload__preview {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pr-upload__preview-item {
  position: relative;
  width: 92px;
  height: 92px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--color-surface-input);
}
.pr-upload__preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pr-upload__preview-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
}
.pr-upload__preview-remove::before,
.pr-upload__preview-remove::after {
  content: "";
  position: absolute;
  inset: 12px 7px;
  height: 2px;
  background: var(--color-text-dark);
  transform-origin: center;
}
.pr-upload__preview-remove::before {
  transform: rotate(45deg);
}
.pr-upload__preview-remove::after {
  transform: rotate(-45deg);
}
.pr-upload__error {
  width: 100%;
  margin-top: 10px;
  color: var(--pr-upload-error);
  font-size: var(--text-size-base);
}
.pr-form__terms {
  margin: 8px 0 22px;
  font-size: var(--text-size-default);
  line-height: 1.8;
  color: var(--pr-text);
}
.pr-form__terms a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pr-form__submit {
  border-radius: var(--pr-btn-radius);
  background: var(--color-card-bg);
  border: 1px solid color-mix(in srgb, var(--pr-line) 55%, var(--pr-field-border));
  color: var(--pr-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--pr-btn-font);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px var(--pr-btn-pad-x);
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
.pr-form__submit:hover {
  filter: brightness(0.96);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16, 24, 40, 0.12);
}
.pr-form-dd {
  border: 0;
  background: transparent;
}
.pr-form-dd__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: var(--pr-dd-pad-y) var(--pr-dd-pad-x);
  border-radius: var(--pr-dd-radius);
  background: var(--color-card-bg);
  border: 1px solid color-mix(in srgb, var(--pr-line) 70%, var(--pr-field-border));
  cursor: pointer;
  user-select: none;
}
.pr-form-dd__summary::-webkit-details-marker {
  display: none;
}
.pr-form-dd__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--text-font-weight-light);
  color: var(--pr-text);
}
.pr-form-dd__chev {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  position: relative;
}
.pr-form-dd__chev::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pr-dd-chevron);
  mask-image: var(--pr-chevron);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: transform 0.18s ease;
}
.pr-form-dd[open] .pr-form-dd__chev::before {
  transform: rotate(180deg);
}
.pr-form-dd__content {
  padding-top: var(--pr-dd-gap);
}
.pr-form-dd__title-desktop {
  display: none;
}
.pr-summary {
  border: 1px solid var(--pr-field-border);
  border-radius: var(--pr-card-radius);
  padding: var(--pr-card-pad);
  background: var(--color-card-bg);
  margin-bottom: 18px;
}
.pr-summary__top {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}
.pr-summary__percent {
  font-size: 34px;
  line-height: 1;
  font-weight: var(--text-font-weight-bolder);
  letter-spacing: -0.02em;
}
.pr-stars {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.pr-stars--sm {
  gap: 5px;
}
.pr-star {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: #d1d5db;
  mask-image: var(--pr-review-star);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.pr-star-summary strong {
  font-weight: var(--text-font-weight-bold);
}
.pr-stars--sm .pr-star {
  width: 16px;
  height: 16px;
}
.pr-stars--lg .pr-star {
  width: 20px;
  height: 20px;
}
.pr-star.is-on {
  background: color-mix(in srgb, var(--pr-review-star-bg) 100%, #111827);
}
.pr-bars {
  display: grid;
  gap: 10px;
}
.pr-barrow {
  display: grid;
  grid-template-columns: 18px 18px 1fr 36px;
  gap: 10px;
  align-items: center;
}
.pr-barrow__n {
  font-size: var(--text-size-md);
  color: var(--pr-text);
  text-align: right;
}
.pr-barrow__star {
  width: 16px;
  height: 16px;
  background: color-mix(in srgb, var(--pr-review-star-bg) 85%, #111827);
  mask-image: var(--pr-review-star);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.pr-bar {
  height: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pr-line) 85%, transparent);
  overflow: hidden;
}
.pr-bar__fill {
  height: 100%;
  width: 0%;
  background: var(--pr-review-star-bg);
  border-radius: inherit;
}
.pr-barrow__count {
  font-size: var(--text-size-md);
  color: var(--pr-text);
  text-align: right;
}
.pr-list {
  display: grid;
  gap: 30px;
}
.pr-entry {
  border: 1px solid var(--pr-field-border);
  border-radius: var(--pr-card-radius);
  padding: var(--pr-card-pad);
}
.pr-entry__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}
.pr-entry__date {
  font-size: var(--text-size-base);
  color: var(--pr-muted);
  margin-bottom: 6px;
}
.pr-entry__name {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bolder);
  color: var(--pr-text);
}
.pr-entry__text {
  margin: 0 0 14px;
  font-size: var(--text-size-default);
  line-height: 1.65;
  color: var(--pr-text);
}
.pr-entry__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.pr-entry__row--muted {
  opacity: 0.9;
}
.pr-entry__label {
  font-size: var(--text-size-base);
  color: var(--pr-text);
}
.pr-entry__label--muted {
  color: var(--pr-muted);
}
.pr-entry__images ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}
.pr-entry__images ul li {
  flex: 0 0 calc((100% - (2 * var(--pr-img-gap))) / 3);
  min-width: 0;
}
.pr-entry__images ul li a {
  display: block;
}
.pr-entry__images ul li a img {
  display: block;
  width: 100%;
  max-width: none;
  border-radius: 12px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.pr-badge {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  position: relative;
  flex: 0 0 auto;
}
.pr-badge::before,
.pr-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 2px;
  background: var(--color-card-bg);
  transform: translate(-50%, -50%);
  border-radius: 999px;
}
.pr-badge--plus {
  background: #2ea44f;
}
.pr-badge--plus::after {
  width: 2px;
  height: 9px;
}
.pr-badge--minus {
  background: #d1242f;
}
@media (min-width: 1024px) {
  details.pr-form-dd > summary {
    display: none;
  }
  details.pr-form-dd:not([open]) > summary ~ * {
    display: block !important;
  }
  .pr-form-dd__content {
    padding-top: 0;
  }
  .pr-form-dd__title-desktop {
    display: block;
  }
}
@media (max-width: 1024px) {
  :root {
    --pr-panel-pad-x: 26px;
    --pr-panel-pad-y: 30px;
    --pr-grid-gap: 40px;
    --pr-title-size: 30px;
  }
  .product-reviews-tab__grid {
    flex-direction: column;
  }
  .product-reviews-tab__col--form,
  .product-reviews-tab__col--list {
    flex: 1 1 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  :root {
    --pr-panel-pad-x: 18px;
    --pr-title-size: 26px;
    --pr-field-radius: 12px;
  }
  .pr-summary__top {
    flex-wrap: wrap;
  }
  .pr-form-dd__title {
    font-size: 22px;
  }
  .pr-form-dd__content {
    padding-top: 14px;
  }
}
.pr-summary.pr-summary--split {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 15px 25px 43px;
  margin: 0 !important;
  display: flex;
  gap: var(--prs-gap-x);
  align-items: center;
}
.pr-summary__left,
.pr-summary__right {
  min-width: 0;
}
.pr-summary__divider {
  width: 1px;
  background: var(--prs-divider);
  align-self: stretch;
}
.pr-summary__left {
  display: grid;
  gap: 16px;
  align-content: start;
  width: var(--prs-left-col);
}
.pr-summary__value {
  display: inline-flex;
  align-items: baseline;
  gap: 14px;
  letter-spacing: -0.03em;
}
.pr-summary__val {
  font-size: var(--prs-left-val);
  line-height: 1;
  font-weight: var(--text-font-weight-heavy);
  color: #000;
}
.pr-summary__sep,
.pr-summary__max {
  font-size: var(--prs-left-max);
  line-height: 1;
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-muted);
}
.pr-summary__meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--prs-meta);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-muted);
}
.pr-summary__info {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid #cfd6e3;
  background: transparent;
  color: var(--color-text-dark);
  font-size: var(--text-size-sm);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pr-summary__stars--lg {
  display: inline-flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
.pr-summary__stars--lg .pr-star {
  width: var(--prs-stars-lg);
  height: var(--prs-stars-lg);
}
.pr-summary__right {
  display: grid;
  gap: var(--prs-gap-y);
  align-content: start;
  width: 100%;
}
.pr-dist-row {
  display: grid;
  grid-template-columns: 110px 35px 1fr;
  gap: 10px;
  align-items: center;
  min-width: 0;
}
.pr-dist-row__stars {
  display: inline-flex;
  gap: 0;
  transform: translateY(-1px);
}
.pr-dist-row__stars .pr-star {
  width: var(--prs-right-star);
  height: var(--prs-right-star);
}
.pr-dist-row__count {
  font-size: var(--prs-right-count);
  font-weight: var(--text-font-weight-lighter);
  color: #000;
}
.pr-dist-row__bar {
  height: var(--prs-bar-h);
  border-radius: 999px;
  position: relative;
  min-width: 0;
}
.pr-dist-row__fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: max(8px, var(--w, 0%));
  border-radius: inherit;
  background: var(--prs-bar-fill);
}
@media (max-width: 768px) {
  .pr-summary.pr-summary--split {
    flex-wrap: wrap;
    gap: 40px;
  }
  .pr-summary__divider {
    display: none;
  }
}
@media (max-width: 480px) {
  :root {
    --prs-left-val: 50px;
    --prs-left-max: 50px;
    --prs-meta: 18px;
    --prs-stars-lg: 22px;
    --prs-right-star: 20px;
    --prs-right-count: 22px;
    --prs-bar-h: 12px;
    --prs-gap-x: 32px;
    --prs-gap-y: 0;
  }
  .pr-dist-row {
    grid-template-columns: 130px 40px 1fr;
    gap: 16px;
  }
}
.product-videos {
  padding: 0 var(--pv-pad-x) var(--pv-pad-b);
}
.product-videos__panel {
  background: var(--pv-panel-bg);
  box-shadow: 0 24px 70px var(--pv-panel-shadow);
  border-radius: var(--pv-panel-radius);
  padding: var(--pv-panel-pad);
}
.product-videos__title {
  margin: 0 0 22px;
  font-size: var(--pv-title-size);
  line-height: 1.15;
  font-weight: var(--pv-title-weight);
  color: var(--pv-text);
  text-align: center;
}
.product-videos__lead {
  margin: 0 0 16px;
  font-size: var(--pv-lead);
  line-height: 1.45;
  color: var(--pv-muted);
  text-align: center;
}
.product-videos__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pv-gap);
}
.product-videos__grid .pv-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: var(--pv-card-bg);
  border: 1px solid var(--pv-card-bd);
  border-radius: var(--pv-card-radius);
  overflow: hidden;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
.product-videos__grid .pv-card:hover {
  transform: translateY(-2px);
  border-color: transparent;
  box-shadow: 0 12px 26px rgba(16, 24, 40, 0.12);
}
.product-videos__grid .pv-card:focus-visible {
  outline: 2px solid rgba(17, 24, 39, 0.35);
  outline-offset: 2px;
}
.product-videos__grid .pv-card__thumb {
  position: relative;
  display: block;
  background: var(--pv-thumb-bg);
  aspect-ratio: 16 / 9;
}
.product-videos__grid .pv-card__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.product-videos__grid .pv-card__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.product-videos__grid .pv-card__play::before {
  content: "";
  width: var(--pv-play-size);
  height: var(--pv-play-size);
  border-radius: 999px;
  background: var(--pv-play-bg);
  backdrop-filter: blur(2px);
}
.product-videos__grid .pv-card__play::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7.5v9l8-4.5-8-4.5Z' fill='white'/%3E%3C/svg%3E");
  transform: translateX(1px);
}
.product-videos__grid .pv-card__body {
  padding: 12px 14px 14px;
  display: grid;
  gap: 6px;
}
.product-videos__grid .pv-card__headline {
  font-size: var(--text-size-lg);
  line-height: 1.35;
  color: var(--pv-text);
  font-weight: var(--text-font-weight-bolder);
}
.product-videos__grid .pv-card__meta {
  margin: 0 0 14px;
  font-size: var(--text-size-default);
  line-height: 1.65;
  color: var(--pv-text);
}
@media (min-width: 768px) {
  .product-videos .product-videos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .product-videos .product-videos__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.site-main--product .section--why {
  margin: 40px auto 60px;
}
@media (max-width: 900px) {
  .site-main--product .section--why {
    margin: 32px auto 48px;
  }
}
.section--blog-page .blog-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.section--blog-page .blog-list__item {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-default-inverse);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-md);
  transition: transform 0.3s ease;
}
.section--blog-page .blog-list__item:hover {
  transform: translateY(-3px);
}
.section--blog-page .blog-list__media {
  aspect-ratio: 16 / 10;
  border-radius: var(--radius-md);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  background: var(--color-surface-soft);
}
.section--blog-page .blog-list__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.section--blog-page .blog-list__item:hover .blog-list__image {
  transform: scale(1.03);
}
.section--blog-page .blog-list__body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}
.section--blog-page .blog-list__title {
  margin: 0;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  line-height: var(--text-line-height-tight);
}
.section--blog-page .blog-list__title a {
  color: var(--color-text-primary);
  text-decoration: none;
}
.section--blog-page .blog-list__title a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--blog-page .blog-list__date {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--blog-page .blog-list__excerpt {
  font-size: var(--text-size-default);
  color: var(--color-text-secondary);
  line-height: 1.6;
}
.section--blog-page .blog-list__more {
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 768px) {
  .section--blog-page .blog-list {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.section--blog-detail .blog-article {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0 40px;
}
.section--blog-detail .blog-article__header {
  margin-bottom: 32px;
}
.section--blog-detail .blog-article__title {
  margin: 0 0 12px;
  font-size: var(--text-size-xxl);
  font-weight: var(--text-font-weight-light);
  line-height: var(--text-line-height-tight);
  color: var(--color-text-primary);
}
.section--blog-detail .blog-article__date {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--blog-detail .blog-article__hero {
  margin-bottom: 32px;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.section--blog-detail .blog-article__hero-img {
  width: 100%;
  height: auto;
  display: block;
}
.section--blog-detail .blog-article__content {
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
}
.section--blog-detail .blog-article__content h3 {
  margin: 36px 0 16px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-bolder);
  line-height: var(--text-line-height-tight);
}
.section--blog-detail .blog-article__content p {
  margin: 0 0 16px;
}
.section--blog-detail .blog-article__content ul {
  margin: 0 0 16px;
  padding-left: 24px;
}
.section--blog-detail .blog-article__content ul li {
  margin-bottom: 10px;
}
.section--blog-detail .blog-article__content a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--blog-detail .blog-article__content a:hover {
  text-decoration: none;
}
.section--blog-detail .blog-article__content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  margin: 16px 0;
}
.section--blog-detail .blog-article__content strong {
  font-weight: var(--text-font-weight-bold);
}
.section--blog-detail .blog-article__footer {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border-soft);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.section--blog-detail .blog-article__share {
  display: flex;
  align-items: center;
  gap: 16px;
}
.section--blog-detail .blog-article__share-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  text-decoration: none;
}
.section--blog-detail .blog-article__share-link:hover {
  color: var(--color-text-primary);
}
.section--blog-detail .blog-article__share-link svg {
  width: 16px;
  height: 16px;
}
.blog-article__share-menu {
  position: relative;
  display: inline-flex;
}
.blog-article__share-trigger {
  border: 0;
  background: none;
  cursor: pointer;
  font: inherit;
}
.blog-article__share-popup {
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  z-index: 4999;
  min-width: 220px;
  padding: 22px 26px 24px;
  background: var(--color-card-bg);
  border: 1px solid var(--color-border-divider);
  border-radius: 24px;
  box-shadow: var(--products-card-hover-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}
.blog-article__share-menu.is-open .blog-article__share-popup {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.blog-article__share-close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-text-secondary);
  cursor: pointer;
}
.blog-article__share-close svg {
  width: 16px;
  height: 16px;
}
.blog-article__share-close:hover {
  color: var(--color-text-primary);
}
.blog-article__share-networks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-height: 28px;
  margin-top: 6px;
}
.blog-article__share-overlay {
  position: fixed;
  inset: 0;
  z-index: 4998;
  background: var(--color-page-bg);
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease, visibility 160ms ease;
}
.blog-article__share-overlay.is-visible {
  opacity: 0.5;
  visibility: visible;
}
@media (max-width: 520px) {
  .blog-article__share-popup {
    position: fixed;
    inset: auto 16px 16px;
    bottom: 16px;
    right: 16px;
    left: 16px;
    min-width: 0;
    transform: translateY(12px);
  }
  .blog-article__share-menu.is-open .blog-article__share-popup {
    transform: translateY(0);
  }
}
.section--contact .contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--grid-gap);
  align-items: start;
  padding: 10px 0 0;
}
.section--contact .contact-info,
.section--contact .contact-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section--contact .contact-info__accent {
  display: none;
}
.section--contact .contact-info__heading,
.section--contact .contact-form__heading {
  margin: 0 0 16px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
  letter-spacing: 0.01em;
}
.section--contact .contact-info__section {
  border: 1px solid var(--color-border-divider);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
  background: var(--color-bg-default-inverse);
  box-shadow: var(--cart-summary-shadow);
}
.section--contact .contact-info__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.section--contact .contact-info__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--color-brand-alpha-08);
  color: var(--color-brand-primary);
  flex-shrink: 0;
}
.section--contact .contact-info__icon svg {
  width: 18px;
  height: 18px;
}
.section--contact .contact-info__label {
  display: block;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0;
}
.section--contact .contact-info__value {
  display: block;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
  line-height: 2;
  padding: 0 0 0 45px;
}
.section--contact .contact-info__value a {
  color: var(--color-brand-primary);
  text-decoration: none;
}
.section--contact .contact-info__value a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--contact .contact-info__address {
  font-style: normal;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
  line-height: 2;
  padding: 0 0 0 45px;
}
.section--contact .contact-info__address strong {
  font-weight: var(--text-font-weight-bold);
}
.section--contact .contact-form {
  background: var(--cart-summary-bg);
  border-radius: var(--radius-lg);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--contact .contact-form__fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--contact .contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section--contact .contact-form__label {
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
}
.section--contact .contact-form__label .contact-form__required {
  color: var(--color-brand-primary);
}
.section--contact .contact-form__input {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--contact .contact-form__input::placeholder {
  color: var(--color-text-muted);
}
.section--contact .contact-form__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--contact .contact-form__textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  resize: vertical;
}
.section--contact .contact-form__textarea::placeholder {
  color: var(--color-text-muted);
}
.section--contact .contact-form__textarea:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--contact .contact-form__phone-group {
  display: flex;
  gap: 8px;
}
.section--contact .contact-form__phone-prefix {
  width: 90px;
  flex-shrink: 0;
  height: var(--cart-form-input-h);
  padding: 0 10px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 28px;
}
.section--contact .contact-form__phone-prefix:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--contact .contact-form__phone-input {
  flex: 1;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--contact .contact-form__phone-input::placeholder {
  color: var(--color-text-muted);
}
.section--contact .contact-form__phone-input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--contact .contact-form__actions {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section--contact .contact-form__terms {
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
  line-height: 2;
}
.section--contact .contact-form__terms a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 1024px) {
  .section--contact .contact-layout {
    grid-template-columns: 1fr;
  }
}
.section--auth .auth-form {
  max-width: 480px;
  margin: 0 auto;
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--auth .auth-form__subheading {
  margin: 0 0 15px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--auth .auth-form__fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--auth .auth-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section--auth .auth-form__label {
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
}
.section--auth .auth-form__required {
  color: var(--color-brand-primary);
}
.section--auth .auth-form__input {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--auth .auth-form__input::placeholder {
  color: var(--color-text-muted);
}
.section--auth .auth-form__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--auth .auth-form__select {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.section--auth .auth-form__select:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--auth .auth-form__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.section--auth .auth-form__checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: var(--color-brand-primary);
}
.section--auth .auth-form__checkbox span {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  line-height: 1.4;
}
.section--auth .auth-form__actions {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--auth .auth-form__actions .btn-primary {
  padding: 12px 28px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: fit-content;
}
.section--auth .auth-form__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--text-size-default);
}
.section--auth .auth-form__links a {
  color: var(--color-brand-primary);
  text-decoration: none;
}
.section--auth .auth-form__links a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--auth .auth-form__terms {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  line-height: 1.5;
}
.section--auth .auth-form__terms a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--user-dashboard .user-header__email {
  font-weight: var(--text-font-weight-normal);
  color: var(--color-text-secondary);
  font-size: var(--text-size-lg);
  display: block;
  margin-top: 4px;
}
.section--user-dashboard .user-tabs__nav {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  border: 1px solid #d8d8d8;
  border-radius: 24px;
  padding: 15px 0;
  margin-bottom: 32px;
}
.section--user-dashboard .user-tabs__link {
  height: 38px;
  border-radius: 12px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
  text-decoration: none;
  white-space: nowrap;
  background: var(--color-surface-input);
  border: 1px solid #f3f4f6;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.section--user-dashboard .user-tabs__link:hover {
  background: var(--color-surface-hover);
}
.section--user-dashboard .user-tabs__link--active {
  background: var(--color-card-bg);
  border-color: var(--color-text-dark-alt);
}
.section--user-dashboard .user-tabs__panel {
  display: none;
}
.section--user-dashboard .user-tabs__panel--active {
  display: block;
}
.section--user-dashboard .user-profile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--grid-gap);
  align-items: start;
}
.section--user-dashboard .user-profile__column {
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--user-dashboard .user-profile__section-title {
  margin: 0 0 20px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--user-dashboard .user-profile__section-title:not(:first-child) {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border-soft);
}
.section--user-dashboard .user-profile__fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--user-dashboard .user-profile__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section--user-dashboard .user-profile__label {
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
}
.section--user-dashboard .user-profile__required {
  color: var(--color-brand-primary);
}
.section--user-dashboard .user-profile__input {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--user-dashboard .user-profile__input::placeholder {
  color: var(--color-text-muted);
}
.section--user-dashboard .user-profile__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--user-dashboard .user-profile__select {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.section--user-dashboard .user-profile__select:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--user-dashboard .user-profile__phone-group {
  display: flex;
  gap: 8px;
}
.section--user-dashboard .user-profile__phone-prefix {
  width: 90px;
  flex-shrink: 0;
  height: var(--cart-form-input-h);
  padding: 0 10px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 28px;
}
.section--user-dashboard .user-profile__phone-prefix:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--user-dashboard .user-profile__phone-input {
  flex: 1;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--user-dashboard .user-profile__phone-input::placeholder {
  color: var(--color-text-muted);
}
.section--user-dashboard .user-profile__phone-input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--user-dashboard .user-profile__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.section--user-dashboard .user-profile__checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: var(--color-brand-primary);
}
.section--user-dashboard .user-profile__checkbox span {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  line-height: 1.4;
}
.section--user-dashboard .user-profile__checkbox span a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--user-dashboard .user-profile__actions {
  grid-column: 1 / -1;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--user-dashboard .user-profile__actions .btn-primary {
  padding: 12px 28px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: fit-content;
}
.section--user-dashboard .user-orders__table {
  width: 100%;
  border-collapse: collapse;
}
.section--user-dashboard .user-orders__table th,
.section--user-dashboard .user-orders__table td {
  padding: 14px 16px;
  text-align: left;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  vertical-align: top;
}
.section--user-dashboard .user-orders__table th {
  font-weight: var(--text-font-weight-bold);
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid var(--color-border-soft);
}
.section--user-dashboard .user-orders__table td {
  border-bottom: 1px solid var(--color-border-soft);
}
.section--user-dashboard .user-orders__table tr:last-child td {
  border-bottom: none;
}
.section--user-dashboard .user-orders__link {
  color: var(--color-brand-primary);
  text-decoration: none;
  font-weight: var(--text-font-weight-mid);
}
.section--user-dashboard .user-orders__link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--user-dashboard .user-orders__actions {
  display: flex;
  gap: 8px;
}
.section--user-dashboard .user-orders__btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  text-decoration: none;
  background: var(--color-bg-default-inverse);
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.section--user-dashboard .user-orders__btn:hover {
  background: var(--color-surface-soft);
  border-color: var(--color-border-hover);
}
.section--user-dashboard .user-orders__btn--rate {
  background: var(--color-category-immune);
  border-color: var(--color-category-immune);
  color: var(--color-category-immune-dark);
}
.section--user-dashboard .user-orders__btn--rate:hover {
  background: color-mix(in srgb, var(--color-category-immune) 85%, var(--color-category-immune-dark));
  border-color: color-mix(in srgb, var(--color-category-immune) 85%, var(--color-category-immune-dark));
}
.section--user-dashboard .user-orders__mobile {
  display: none;
}
.section--user-dashboard .user-discounts {
  max-width: 600px;
}
.section--user-dashboard .user-discounts__info {
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
  margin-bottom: 32px;
}
.section--user-dashboard .user-discounts__info h3 {
  margin: 0 0 12px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
}
.section--user-dashboard .user-discounts__info p {
  margin: 0;
  font-size: var(--text-size-default);
  line-height: 1.6;
  color: var(--color-text-secondary);
}
.section--user-dashboard .user-discounts__info p strong {
  color: var(--color-text-primary);
  font-weight: var(--text-font-weight-bold);
}
.section--user-dashboard .user-discounts__activation {
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--user-dashboard .user-discounts__activation h3 {
  margin: 0 0 8px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
}
.section--user-dashboard .user-discounts__activation p {
  margin: 0 0 16px;
  font-size: var(--text-size-default);
  color: var(--color-text-secondary);
}
.section--user-dashboard .user-discounts__field {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}
.section--user-dashboard .user-discounts__field-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section--user-dashboard .user-discounts__label {
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
}
.section--user-dashboard .user-discounts__input {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--user-dashboard .user-discounts__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--user-dashboard .user-help {
  max-width: 800px;
}
.section--user-dashboard .user-help h2 {
  margin: 0 0 16px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-bolder);
}
.section--user-dashboard .user-help p {
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin: 0 0 12px;
}
.section--user-dashboard .user-help a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--user-dashboard .user-help a:hover {
  text-decoration: none;
}
@media (max-width: 1024px) {
  .section--user-dashboard .user-profile {
    grid-template-columns: 1fr;
  }
  .section--user-dashboard .user-orders__table {
    display: none;
  }
  .section--user-dashboard .user-orders__mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .section--user-dashboard .user-tabs__nav {
    gap: 8px;
    padding: 12px 10px;
  }
  .section--user-dashboard .user-tabs__link {
    height: 34px;
    padding: 0 14px;
    font-size: var(--text-size-default);
  }
}
.user-orders__downloads {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
.user-orders__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 12px;
  border: 1px solid var(--color-brand-alpha-35);
  border-radius: 999px;
  font-size: var(--text-size-sm);
  color: var(--color-brand-primary);
  text-decoration: none;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.user-orders__download:hover {
  background: var(--color-brand-alpha-8);
  border-color: var(--color-brand-alpha-40);
}
.user-orders__status {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--text-size-xs);
  font-weight: var(--text-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--color-surface-soft);
  color: var(--color-text-secondary);
}
.user-orders__status--shipped {
  background: #e8f4fd;
  color: #1a73e8;
}
.user-orders__status--cancelled {
  background: #fef2f2;
  color: #dc2626;
}
.section--user-dashboard .user-orders__card {
  padding: 16px 0;
  border-bottom: 1px solid var(--color-border-soft);
}
.section--user-dashboard .user-orders__card:last-child {
  border-bottom: none;
}
.section--user-dashboard .user-orders__card-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.section--user-dashboard .user-orders__card-row:last-child {
  margin-bottom: 0;
}
.section--user-dashboard .user-orders__card-label {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--user-dashboard .user-orders__card-value {
  font-size: var(--text-size-default);
  text-align: right;
}
.section--user-dashboard .user-orders__card-actions {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}
.header-link--account .btn-icon {
  position: relative;
}
body.is-user-logged .header-link--account .btn-icon::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: var(--user-auth-dot-size);
  height: var(--user-auth-dot-size);
  border-radius: 999px;
  background: var(--page-contact-online);
  border: 2px solid var(--page-contact-online-ring);
}
.user-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 8vh 16px 24px;
  overflow-y: auto;
}
.user-auth-modal[hidden] {
  display: none;
}
.user-auth-modal:not([hidden]) {
  animation: ua-modal-fade-in 0.2s ease;
}
.user-auth-modal:not([hidden]) .user-auth-modal__dialog {
  animation: ua-modal-rise-in 0.22s ease;
}
.user-auth-modal__backdrop {
  position: fixed;
  inset: 0;
  background: var(--user-auth-backdrop);
}
.user-auth-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 480px;
}
.user-auth-modal__dialog .auth-form {
  position: relative;
  margin: 0;
  max-width: none;
}
.user-auth-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--color-border-mobile-menu);
  border-radius: 8px;
  background: var(--color-card-bg);
  color: var(--color-border-default);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}
.user-auth-modal__close:hover {
  background: var(--color-surface-soft);
  color: var(--color-text-primary);
}
.user-auth-modal--menu .user-auth-modal__dialog {
  position: fixed;
  width: min(360px, calc(100vw - 24px));
}
body.ua-modal-open {
  overflow: hidden;
}
.user-menu {
  display: flex;
  flex-direction: column;
  margin: 5px;
}
.user-menu__link {
  padding: 12px 0;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  text-decoration: none;
}
.user-menu__link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@keyframes ua-modal-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes ua-modal-rise-in {
  from {
    transform: translateY(10px) scale(0.985);
  }
}
.section--word-list .word-list-layout {
  display: grid;
  grid-template-columns: var(--disease-submenu-col-left) minmax(0, 1fr);
  gap: var(--disease-submenu-gap);
  align-items: start;
  padding: 10px 0 0;
}
.section--word-list .word-list-alphabet {
  position: sticky;
  top: 24px;
}
.section--word-list .word-list-alphabet__label {
  margin: 0 0 var(--disease-title-margin-bottom);
  font-size: var(--text-size-base);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.section--word-list .word-list-alphabet__letters {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--disease-alphabet-gap);
}
.section--word-list .word-list-alphabet__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  padding: 0 12px;
  border-radius: var(--disease-letter-radius);
  border: 1px solid var(--color-disease-letter-border);
  background: var(--color-disease-letter-bg);
  color: var(--color-text-primary);
  font-size: var(--text-size-base);
  font-weight: var(--disease-letter-font-weight);
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}
.section--word-list .word-list-alphabet__letter:hover {
  background: var(--color-disease-letter-bg-hover);
  border-color: var(--color-disease-letter-bg-hover);
  transform: translateY(-2px);
  box-shadow: var(--disease-shadow);
}
.section--word-list .word-list-alphabet__letter--active {
  background: var(--color-disease-letter-bg-hover);
  border-color: var(--color-disease-letter-bg-hover);
  transform: translateY(-2px);
  box-shadow: var(--disease-shadow);
}
.section--word-list .word-list-content {
  margin-top: 32px;
}
.section--word-list .word-list-group {
  margin-bottom: 60px;
}
.section--word-list .word-list-group:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.section--word-list .word-list-group__letter {
  margin: 0 0 var(--disease-title-margin-bottom);
  font-size: 20px;
  line-height: 1.15;
  font-weight: var(--text-font-weight-lighter);
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
  border: 1px solid var(--color-disease-letter-border);
  padding: 10px 20px;
  border-radius: 14px;
}
.section--word-list .word-list-group__items {
  list-style: none;
  margin: 0;
  padding: 20px 20px 0 20px;
  columns: 2;
  column-gap: var(--disease-submenu-gap);
}
.section--word-list .word-list-group__link {
  display: block;
  break-inside: avoid;
  padding: 0;
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  line-height: 1.35;
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.section--word-list .word-list-group__link:hover {
  color: var(--color-brand-primary);
}
.section--word-list .text-page__perex {
  margin: 0 0 42px;
  border: 1px solid var(--color-disease-letter-bg-hover);
  border-radius: var(--card-radius);
  background: var(--color-disease-letter-bg-hover);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  padding: 32px 36px;
  font-size: var(--text-size-lg);
  line-height: 1.75;
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-primary);
}
.section--word-list .text-page__perex:hover {
  transform: translateY(-2px);
}
.section--word-list .text-page__perex p {
  margin: 0 0 12px;
}
.section--word-list .text-page__perex p:last-child {
  margin-bottom: 0;
}
.section--word-list .text-page__title {
  margin: -8px 0 20px;
  font-size: var(--text-size-xxl);
  font-weight: var(--text-font-weight-thin);
}
.section--word-list .text-page__subtitle {
  margin: 0 0 20px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-thin);
}
.section--word-list .text-page__back {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border-soft);
}
.section--word-list .reference-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section--word-list .reference-card {
  position: relative;
  border-radius: var(--card-radius);
  padding: 32px 36px;
  background: transparent;
  border: 1px solid var(--color-border-soft);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.section--word-list .reference-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
  border-color: var(--color-border-hover);
}
.section--word-list .reference-card__header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 20px;
}
.section--word-list .reference-card__quote-icon {
  display: none;
}
.section--word-list .reference-card__title {
  margin: 0 0 12px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-thin);
  letter-spacing: -0.01em;
  color: var(--color-text-primary);
}
.section--word-list .reference-card__products {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  font-size: var(--text-size-default);
  line-height: 1.5;
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
}
.section--word-list .reference-card__text {
  margin: 0 0 14px;
  font-size: var(--text-size-default);
  line-height: 1.75;
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-primary);
}
.section--word-list .reference-card__text:last-child {
  margin-bottom: 0;
}
.section--word-list .reference-card__list {
  margin: 0 0 14px;
  padding-left: 20px;
  font-size: var(--text-size-default);
  line-height: 1.75;
  font-weight: var(--text-font-weight-thin);
  color: var(--color-text-primary);
}
.section--word-list .reference-card__list li {
  margin-bottom: 8px;
  padding-left: 4px;
}
.section--word-list .reference-card__list li:last-child {
  margin-bottom: 0;
}
.section--word-list .reference-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.section--word-list .reference-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: var(--text-size-base);
  color: var(--word-list-highlighted);
  background: var(--color-surface-muted);
  border-radius: var(--radius-xs);
  letter-spacing: 0.01em;
}
@media (max-width: 1024px) {
  .section--word-list .word-list-layout {
    grid-template-columns: 1fr;
  }
  .section--word-list .word-list-alphabet {
    position: static;
  }
  .section--word-list .word-list-group__items {
    columns: 1;
  }
}
@media (max-width: 768px) {
  .section--word-list .word-list-alphabet__letter {
    min-width: 36px;
    height: 36px;
    font-size: var(--text-size-base);
    font-weight: var(--text-font-weight-mid);
  }
  .section--word-list .reference-card {
    padding: 24px 22px;
    border-radius: var(--card-radius);
  }
  .section--word-list .reference-card__quote-icon {
    font-size: 40px;
  }
  .section--word-list .text-page__title {
    margin: 24px 0 20px;
  }
}
.section--text-page .page-head__title {
  text-align: center;
}
.section--text-page .text-page {
  margin: 0 auto;
}
.section--text-page .text-page__content {
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
}
@media (min-width: 769px) {
  .section--text-page .text-page__content {
    padding: 0 50px;
  }
}
.section--text-page .text-page__content h2 {
  margin: 36px 0 16px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-light);
  line-height: var(--text-line-height-tight);
}
.section--text-page .text-page__content h3 {
  margin: 32px 0 12px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-light);
}
.section--text-page .text-page__content p {
  margin: 0 0 16px;
}
.section--text-page .text-page__content ul,
.section--text-page .text-page__content ol {
  margin: 0 0 16px;
  padding-left: 24px;
}
.section--text-page .text-page__content ul li,
.section--text-page .text-page__content ol li {
  margin-bottom: 8px;
}
.section--text-page .text-page__content a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--text-page .text-page__content a:hover {
  text-decoration: none;
}
.section--text-page .text-page__content strong {
  font-weight: var(--text-font-weight-bold);
}
.section--text-page .text-page__content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  margin: 16px 0;
}
.section--text-page .text-page__content .sg-button {
  display: inline-flex;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-dark);
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-text-dark);
  background-color: var(--color-bg-default-inverse);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.section--text-page .text-page__content .sg-button:hover {
  background: var(--color-text-dark-alt);
  color: var(--color-bg-default-inverse);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
.section--text-page .text-page__content .sg-button.black {
  background: var(--color-bg-default);
  color: var(--color-text-inverse);
  text-decoration: none;
}
.section--text-page .text-page__content .sg-button.black:hover {
  background: var(--color-bg-primary);
  transform: translateY(-1px);
}
.section--listing .page-head {
  text-align: center;
}
.section--listing .page-body {
  display: flex;
  justify-content: center;
}
.section--listing .page-body .added-product {
  margin: 15px 0 0;
  max-width: 1000px;
}
.section--listing .page-body .added-product__card {
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1px solid var(--color-border-divider);
  border-radius: var(--radius-xlg);
  padding: 20px;
  margin: 30px 0;
  box-shadow: var(--shadow-meta-box);
}
.section--listing .page-body .added-product__img-wrap {
  flex: 0 0 180px;
  width: 180px;
}
.section--listing .page-body .added-product__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: var(--radius-sm);
}
.section--listing .page-body .added-product__info {
  flex: 1 1 auto;
}
.section--listing .page-body .added-product__name {
  margin: 0 0 12px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-light);
  color: var(--color-text-primary);
}
.section--listing .page-body .added-product__desc {
  margin: 0;
  font-size: var(--text-size-default);
  color: var(--color-text-secondary);
  line-height: var(--text-line-height-relaxed);
}
.section--listing .page-body .added-product__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 0 0;
}
.section--listing .page-body .added-product__btn-cart {
  display: inline-flex;
  align-items: center;
  height: var(--button-height);
  padding: 0 28px;
  background: var(--color-accent-orange);
  box-shadow: var(--products-card-hover-shadow);
  border: none;
  border-radius: var(--radius-xs);
  font-size: var(--button-font-size);
  font-weight: var(--text-font-weight-lighter);
  letter-spacing: 0.06em;
  color: var(--about-default-text);
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.section--listing .page-body .added-product__btn-cart:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-crosssell-cart-hover);
}
.section--listing .page-body .crosssell-related {
  margin-top: 40px;
}
.section--listing .page-body .crosssell-related__title {
  margin: 0 0 6px;
  font-size: var(--crosssell-title-size);
  font-weight: var(--text-font-weight-bolder);
  color: var(--color-text-primary);
}
.section--listing .page-body .crosssell-related__label {
  margin: 0 0 20px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-product-lavyl);
}
@media (max-width: 768px) {
  .section--listing .page-body .added-product__card {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
  }
  .section--listing .page-body .added-product__img-wrap {
    width: 120px;
    flex: none;
  }
  .section--listing .page-body .added-product__info {
    text-align: center;
  }
  .section--listing .page-body .added-product__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .section--listing .page-body .added-product__actions .added-product__btn-back,
  .section--listing .page-body .added-product__actions .added-product__btn-cart {
    justify-content: center;
    width: 100%;
  }
}
.cart-card {
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-summary-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--cart .cart-steps {
  margin: 32px 0;
}
.section--cart .cart-steps--card {
  background: var(--cart-summary-bg);
  border-radius: var(--cart-summary-radius);
  padding: var(--cart-nav-padding);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
}
.section--cart .cart-steps__list {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.section--cart .cart-steps__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
}
.section--cart .cart-steps__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  background: var(--color-border-soft);
  margin: 0 16px;
}
.section--cart .cart-steps__item--active {
  color: var(--color-text-primary);
  font-weight: var(--text-font-weight-bold);
}
.section--cart .cart-steps__item--active .cart-steps__number {
  background: var(--cart-steps-number-bg-active);
  color: var(--cart-steps-number-color-active);
}
.section--cart .cart-steps__link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.section--cart .cart-steps__link:hover {
  color: var(--color-text-primary);
}
.section--cart .cart-steps__number {
  display: grid;
  place-items: center;
  width: var(--cart-steps-number-size);
  height: var(--cart-steps-number-size);
  border-radius: 999px;
  background: var(--cart-steps-number-bg);
  color: var(--cart-steps-number-color);
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-bold);
  flex-shrink: 0;
}
.section--cart .cart-steps__label {
  white-space: nowrap;
}
.section--cart .cart-layout {
  display: grid;
  grid-template-columns: 1fr var(--cart-aside-width);
  gap: var(--cart-layout-gap);
  align-items: start;
}
.section--cart .cart-layout__main {
  min-width: 0;
}
.section--cart .cart-layout__aside {
  position: sticky;
  top: 20px;
}
.section--cart .cart-summary__heading {
  margin: 0 0 20px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-summary__lines {
  margin: 0;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--color-border-soft);
}
.section--cart .cart-summary__lines--tax {
  padding-top: 16px;
}
.section--cart .cart-summary__lines--total {
  border-bottom: none;
  padding: 16px 0 0;
}
.section--cart .cart-summary__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0;
}
.section--cart .cart-summary__line[hidden] {
  display: none;
}
.section--cart .cart-summary__line:first-child {
  padding-top: 0;
}
.section--cart .cart-summary__line dt {
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
  font-weight: var(--text-font-weight-lighter);
}
.section--cart .cart-summary__line dt span {
  display: block;
}
.section--cart .cart-summary__line dd {
  margin: 0;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-summary__line--grand dt {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-summary__line--grand dd {
  font-size: var(--cart-summary-total-size);
  font-weight: var(--text-font-weight-bolder);
}
.section--cart .cart-summary__line--voucher dt span {
  display: inline;
}
.section--cart .cart-summary__line--saved dt,
.section--cart .cart-summary__line--saved dd {
  color: var(--color-brand-primary);
}
.section--cart .cart-summary__line--saved dt {
  font-weight: var(--text-font-weight-mid);
}
.section--cart .cart-summary__shipping-note {
  margin-top: 20px;
  padding: 14px;
  background: var(--color-surface-muted);
  border-radius: var(--radius-sm);
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  line-height: 1.5;
}
.section--cart .cart-summary__shipping-note strong {
  color: var(--color-text-primary);
}
.section--cart .cart-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cart-nav-gap);
  padding: 32px 0 0;
}
.section--cart .cart-nav__continue {
  padding: 12px 28px;
  border-radius: var(--radius-md);
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  min-width: var(--cart-aside-width);
}
.section--cart .cart-nav__continue svg {
  flex-shrink: 0;
}
.section--cart .cart-nav__back {
  min-width: var(--cart-aside-width);
  border-radius: var(--radius-md);
}
@media (max-width: 1024px) {
  .section--cart .cart-layout {
    grid-template-columns: 1fr;
  }
  .section--cart .cart-layout__aside {
    position: static;
    order: -1;
  }
  .section--cart .cart-steps__item:not(:last-child)::after {
    width: 24px;
    margin: 0 8px;
  }
  .section--cart .cart-steps__label {
    font-size: var(--text-size-sm);
  }
}
@media (max-width: 768px) {
  .section--cart .cart-steps__list {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .section--cart .cart-steps__item:not(:last-child)::after {
    display: none;
  }
  .section--cart .cart-nav {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .section--cart .cart-nav__back,
  .section--cart .cart-nav__continue {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .section--cart .cart-layout__aside {
    order: unset;
  }
}
.section--cart .cart-items__header {
  display: grid;
  grid-template-columns: 1fr 120px 130px 140px;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 2px solid var(--color-text-dark);
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-secondary);
}
.section--cart .cart-item {
  display: grid;
  grid-template-columns: 1fr 120px 130px 140px;
  gap: 16px;
  align-items: center;
  padding: var(--cart-item-padding-y) 0;
  border-bottom: 1px solid var(--cart-item-border);
}
.section--cart .cart-item:last-child {
  border-bottom: none;
}
.section--cart .cart-item__product {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.section--cart .cart-item__img-link {
  flex: 0 0 auto;
}
.section--cart .cart-item__img {
  width: var(--cart-item-img-size);
  height: var(--cart-item-img-size);
  object-fit: contain;
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  display: block;
}
.section--cart .cart-item__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section--cart .cart-item__name {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  text-decoration: none;
  line-height: var(--text-line-height-tight);
}
.section--cart .cart-item__name:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--cart .cart-item__availability {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--cart .cart-item__availability strong {
  color: var(--color-stock-delivery);
  font-weight: var(--text-font-weight-lighter);
}
.section--cart .cart-item__price {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--cart .cart-item__price-label,
.section--cart .cart-item__qty-label,
.section--cart .cart-item__total-label {
  display: none;
}
.section--cart .cart-item__qty-static {
  display: none;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-item__total {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-item__remove {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: var(--cart-item-remove-color);
  border-radius: var(--radius-xs);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  margin-left: auto;
  padding: 0;
}
.section--cart .cart-item__remove:hover {
  color: var(--cart-item-remove-hover);
  background: var(--color-brand-alpha-8);
}
.section--cart .cart-user-discount {
  display: none;
  margin-top: 32px;
}
.section--cart .cart-user-discount__text {
  margin: 0;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--cart .cart-voucher {
  margin: 32px 0;
}
.section--cart .cart-voucher__applied {
  margin-bottom: 20px;
}
.section--cart .cart-voucher__applied-title {
  margin: 0 0 10px;
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.section--cart .cart-voucher__applied-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--cart-item-border);
  border-bottom: 1px solid var(--cart-item-border);
}
.section--cart .cart-voucher__applied-name {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--cart .cart-voucher__applied-value {
  margin-left: auto;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-voucher__applied-remove {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: var(--cart-item-remove-color);
  border-radius: var(--radius-xs);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  padding: 0;
}
.section--cart .cart-voucher__applied-remove:hover {
  color: var(--cart-item-remove-hover);
  background: var(--color-brand-alpha-8);
}
.section--cart .cart-voucher__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}
.section--cart .cart-voucher__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--cart .cart-voucher__checkmark {
  flex: 0 0 auto;
  width: var(--cart-checkbox-size);
  height: var(--cart-checkbox-size);
  border: 2px solid var(--cart-checkbox-border);
  border-radius: 4px;
  position: relative;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.section--cart .cart-voucher__checkmark::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid var(--cart-checkbox-check-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.section--cart .cart-voucher__checkbox:checked + .cart-voucher__checkmark {
  background: var(--cart-checkbox-checked-bg);
  border-color: var(--cart-checkbox-checked-border);
}
.section--cart .cart-voucher__checkbox:checked + .cart-voucher__checkmark::after {
  opacity: 1;
}
.section--cart .cart-voucher__checkbox:focus-visible + .cart-voucher__checkmark {
  box-shadow: 0 0 0 2px var(--color-brand-alpha-40);
}
.section--cart .cart-voucher__label {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--cart .cart-voucher__form {
  margin-top: 16px;
  padding-left: calc(var(--cart-checkbox-size) + 12px);
}
.section--cart .cart-voucher__input-label {
  display: block;
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-secondary);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.section--cart .cart-voucher__field-group {
  display: flex;
  gap: 10px;
}
.section--cart .cart-voucher__input {
  flex: 1;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xs);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  outline: none;
}
.section--cart .cart-voucher__input::placeholder {
  color: var(--color-text-muted);
}
.section--cart .cart-voucher__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart .cart-voucher__submit {
  flex-shrink: 0;
  height: 44px;
  padding: 0 20px;
  font-weight: var(--text-font-weight-mid);
}
.section--cart .cart-gift__title {
  margin: 0 0 12px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-gift__bar {
  position: relative;
  padding: 0 6px;
}
.section--cart .cart-gift__bar-track {
  position: relative;
  height: var(--cart-gift-bar-h);
  background: var(--cart-gift-bar-bg);
  border-radius: var(--radius-pill);
  overflow: visible;
}
.section--cart .cart-gift__bar-fill {
  height: 100%;
  background: var(--cart-gift-bar-fill);
  border-radius: var(--radius-pill);
  transition: width 0.4s ease;
}
.section--cart .cart-gift__bar-milestone {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--cart-gift-milestone-size);
  height: var(--cart-gift-milestone-size);
  border-radius: 999px;
  background: var(--cart-gift-bar-fill);
  border: 2px solid var(--cart-gift-milestone-border);
  cursor: help;
}
.section--cart .cart-gift__prompt {
  margin: 12px 0 0;
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
}
.section--cart .cart-gift__prompt strong {
  color: var(--color-text-primary);
}
.section--cart .cart-gift__options {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}
.section--cart .cart-gift__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--cart .cart-gift__option {
  display: flex;
  cursor: pointer;
}
.section--cart .cart-gift__option-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 130px;
  padding: 14px;
  border: 2px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  background: var(--color-bg-default-inverse);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.section--cart .cart-gift__radio:checked + .cart-gift__option-card {
  border-color: var(--color-stock-delivery);
  box-shadow: 0 0 0 1px rgba(3, 155, 110, 0.15);
}
.section--cart .cart-gift__radio:focus-visible + .cart-gift__option-card {
  box-shadow: 0 0 0 2px rgba(3, 155, 110, 0.4);
}
.section--cart .cart-gift__option-card:hover {
  border-color: var(--color-stock-delivery);
}
.section--cart .cart-gift__option-img,
.section--cart .cart-gift__option-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: var(--radius-xs);
}
.section--cart .cart-gift__option-icon {
  color: var(--color-text-muted);
  opacity: 0.3;
}
.section--cart .cart-gift__option-name {
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--text-line-height-tight);
}
@media (max-width: 768px) {
  .section--cart .cart-items__header {
    display: none;
  }
  .section--cart .cart-item {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 0;
  }
  .section--cart .cart-item__product {
    gap: 12px;
  }
  .section--cart .cart-item__img {
    width: 70px;
    height: 70px;
  }
  .section--cart .cart-item__price-label,
  .section--cart .cart-item__qty-label,
  .section--cart .cart-item__total-label {
    display: inline;
    font-weight: var(--text-font-weight-lighter);
    color: var(--color-text-secondary);
    margin-right: 4px;
  }
  .section--cart .cart-item__price,
  .section--cart .cart-item__qty,
  .section--cart .cart-item__total {
    padding-left: calc(70px + 12px);
  }
  .section--cart .cart-voucher__field-group {
    flex-direction: column;
  }
  .section--cart .cart-gift__bar-milestone {
    width: 8px;
    height: 8px;
  }
  .section--cart .cart-gift__option-card {
    width: 110px;
    padding: 10px;
  }
  .section--cart .cart-gift__option-img {
    width: 64px;
    height: 64px;
  }
}
body.is-user-logged .section--cart .cart-user-discount {
  display: block;
}
.section--cart-order .cart-services {
  margin-bottom: 32px;
}
.section--cart-order .cart-services__title {
  margin: 0 0 16px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart-order .cart-services__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-rows: 1fr;
  gap: 20px;
}
.section--cart-order .cart-service {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--cart-service-border);
  border-radius: var(--cart-service-radius);
  background: var(--cart-service-bg);
  cursor: pointer;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}
.section--cart-order .cart-service:hover {
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
  border-color: var(--color-text-secondary);
}
.section--cart-order .cart-service--selected {
  background: var(--cart-service-bg-selected);
  box-shadow: var(--cart-summary-shadow);
  border: 1px solid var(--color-border-divider);
  border-color: var(--color-text-secondary);
}
.section--cart-order .cart-service__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--cart-order .cart-service__label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  min-height: 80px;
  cursor: pointer;
  user-select: none;
}
.section--cart-order .cart-service__radiomark {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 2px solid var(--cart-checkbox-border);
  border-radius: 999px;
  position: relative;
  transition: border-color var(--transition-fast);
}
.section--cart-order .cart-service__radiomark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--color-text-dark);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.section--cart-order .cart-service__radio:checked ~ .cart-service__label .cart-service__radiomark {
  border-color: var(--cart-service-border-selected);
}
.section--cart-order .cart-service__radio:checked ~ .cart-service__label .cart-service__radiomark::after {
  opacity: 1;
}
.section--cart-order .cart-service__radio:focus-visible ~ .cart-service__label .cart-service__radiomark {
  box-shadow: 0 0 0 2px var(--color-brand-alpha-40);
}
.section--cart-order .cart-service__logo {
  width: var(--cart-service-logo-w);
  height: var(--cart-service-logo-h);
  object-fit: contain;
  flex-shrink: 0;
}
.section--cart-order .cart-service__name {
  flex: 1;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
  min-width: 0;
}
.section--cart-order .cart-service__price {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
  white-space: nowrap;
  margin-left: auto;
}
.section--cart-order .cart-service__desc {
  padding: 0 20px 14px calc(20px + 20px + 14px);
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
  line-height: 1.5;
  min-height: 4.5em;
}
.section--cart-order .cart-service__branch {
  padding: 0 20px 14px calc(20px + 20px + 14px);
}
.section--cart-order .cart-service__branch select {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}
.section--cart-order .cart-service__branch select:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart-order .cart-services__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cart-layout-gap);
  align-items: stretch;
  margin-bottom: 32px;
}
.section--cart-order .cart-services__group .cart-services {
  margin-bottom: 0;
}
.section--cart-order .cart-form {
  margin-bottom: 32px;
}
.section--cart-order .cart-form--bordered {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--color-border-soft);
}
.section--cart-order .cart-form--card {
  margin-bottom: 32px;
}
.section--cart-order .cart-form--card:last-of-type {
  margin-bottom: 0;
}
.section--cart-order .cart-form__heading {
  margin: 0 0 20px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart-order .cart-form__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  margin-bottom: 20px;
}
.section--cart-order .cart-form__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--cart-order .cart-form__checkmark {
  flex: 0 0 auto;
  width: var(--cart-checkbox-size);
  height: var(--cart-checkbox-size);
  border: 2px solid var(--cart-checkbox-border);
  border-radius: 4px;
  position: relative;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.section--cart-order .cart-form__checkmark::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid var(--cart-checkbox-check-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.section--cart-order .cart-form__checkbox:checked + .cart-form__checkmark {
  background: var(--cart-checkbox-checked-bg);
  border-color: var(--cart-checkbox-checked-border);
}
.section--cart-order .cart-form__checkbox:checked + .cart-form__checkmark::after {
  opacity: 1;
}
.section--cart-order .cart-form__checkbox:focus-visible + .cart-form__checkmark {
  box-shadow: 0 0 0 2px var(--color-brand-alpha-40);
}
.section--cart-order .cart-form__toggle-label {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart-order .cart-form__fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cart-form-gap);
}
.section--cart-order .cart-form__field {
  grid-column: span 2;
}
.section--cart-order .cart-form__field--half {
  grid-column: span 1;
}
.section--cart-order .cart-form__label {
  display: block;
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-secondary);
  margin-bottom: 6px;
}
.section--cart-order .cart-form__label .cart-form__required {
  color: var(--color-brand-primary);
}
.section--cart-order .cart-form__input {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--cart-order .cart-form__input::placeholder {
  color: var(--color-text-muted);
}
.section--cart-order .cart-form__input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart-order .cart-form__select {
  width: 100%;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}
.section--cart-order .cart-form__select:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart-order .cart-form__field--phone .cart-form__phone-group {
  display: flex;
  gap: 8px;
}
.section--cart-order .cart-form__phone-prefix {
  width: 90px;
  flex-shrink: 0;
  height: var(--cart-form-input-h);
  padding: 0 10px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 28px;
}
.section--cart-order .cart-form__phone-prefix:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart-order .cart-form__phone-input {
  flex: 1;
  height: var(--cart-form-input-h);
  padding: 0 14px;
  border: 1px solid var(--cart-form-input-border);
  border-radius: var(--cart-form-input-radius);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
}
.section--cart-order .cart-form__phone-input::placeholder {
  color: var(--color-text-muted);
}
.section--cart-order .cart-form__phone-input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart-order .cart-form__collapsible {
  margin-bottom: var(--cart-form-gap);
}
@media (max-width: 1024px) {
  .section--cart-order .cart-services__group {
    grid-template-columns: 1fr;
  }
  .section--cart-order .cart-service__desc {
    padding-left: 20px;
  }
  .section--cart-order .cart-service__branch {
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .section--cart-order .cart-service__label {
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 16px;
  }
  .section--cart-order .cart-service__logo {
    order: -1;
  }
  .section--cart-order .cart-service__name {
    flex-basis: calc(100% - 20px - 14px - var(--cart-service-logo-w) - 14px);
  }
  .section--cart-order .cart-service__price {
    margin-left: calc(20px + 14px);
  }
  .section--cart-order .cart-service__desc,
  .section--cart-order .cart-service__branch {
    padding-left: 16px;
    padding-right: 16px;
  }
  .section--cart-order .cart-form__fields {
    grid-template-columns: 1fr;
  }
  .section--cart-order .cart-form__field--half {
    grid-column: span 1;
  }
}
.section--cart-summary .cart-item__qty-static {
  display: inline;
}
.section--cart-summary .qty,
.section--cart-summary .cart-item__remove {
  display: none;
}
.section--cart h1 {
  text-align: center;
}
.section--cart .cart-review {
  margin-bottom: 32px;
}
.section--cart .cart-review__heading {
  margin: 0 0 16px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-review__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.section--cart .cart-review__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}
.section--cart .cart-review__label {
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
}
.section--cart .cart-review__value {
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
  text-align: right;
}
.section--cart .cart-review__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cart-layout-gap);
  margin-bottom: 32px;
}
.section--cart .cart-products-ro__header {
  display: grid;
  grid-template-columns: 1fr 120px 100px 140px;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 2px solid var(--color-text-dark);
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-secondary);
}
.section--cart .cart-products-ro__row {
  display: grid;
  grid-template-columns: 1fr 120px 100px 140px;
  gap: 16px;
  align-items: center;
  padding: var(--cart-item-padding-y) 0;
  border-bottom: 1px solid var(--cart-item-border);
}
.section--cart .cart-products-ro__product {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.section--cart .cart-products-ro__img {
  width: var(--cart-item-img-size);
  height: var(--cart-item-img-size);
  object-fit: contain;
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  display: block;
  flex-shrink: 0;
}
.section--cart .cart-products-ro__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section--cart .cart-products-ro__name {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  text-decoration: none;
  line-height: var(--text-line-height-tight);
}
.section--cart .cart-products-ro__name:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--cart .cart-products-ro__availability {
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--cart .cart-products-ro__availability strong {
  color: var(--color-stock-delivery);
}
.section--cart .cart-products-ro__price,
.section--cart .cart-products-ro__qty,
.section--cart .cart-products-ro__total {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--cart .cart-products-ro__total {
  font-weight: var(--text-font-weight-bold);
}
.section--cart .cart-products-ro__price-label,
.section--cart .cart-products-ro__qty-label,
.section--cart .cart-products-ro__total-label {
  display: none;
}
.section--cart .cart-note-terms-group {
  margin-top: 32px;
}
.section--cart .cart-note {
  margin-bottom: 32px;
}
.section--cart .cart-note__heading {
  margin: 0 0 12px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-note__desc {
  display: block;
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: 8px;
}
.section--cart .cart-note__textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px 14px;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xs);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  resize: vertical;
}
.section--cart .cart-note__textarea:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart .cart-terms {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section--cart .cart-terms__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}
.section--cart .cart-terms__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section--cart .cart-terms__checkmark {
  flex: 0 0 auto;
  width: var(--cart-checkbox-size);
  height: var(--cart-checkbox-size);
  border: 2px solid var(--cart-checkbox-border);
  border-radius: 4px;
  position: relative;
  margin-top: 2px;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.section--cart .cart-terms__checkmark::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid var(--cart-checkbox-check-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.section--cart .cart-terms__checkbox:checked + .cart-terms__checkmark {
  background: var(--cart-checkbox-checked-bg);
  border-color: var(--cart-checkbox-checked-border);
}
.section--cart .cart-terms__checkbox:checked + .cart-terms__checkmark::after {
  opacity: 1;
}
.section--cart .cart-terms__checkbox:focus-visible + .cart-terms__checkmark {
  box-shadow: 0 0 0 2px var(--color-brand-alpha-40);
}
.section--cart .cart-terms__label {
  font-size: var(--text-size-base);
  color: var(--color-text-primary);
  line-height: 1.5;
}
.section--cart .cart-terms__label a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section--cart .cart-done {
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 60px;
}
.section--cart .cart-done__icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
  color: var(--color-stock-delivery);
}
.section--cart .cart-done__title {
  margin: 0 0 12px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-bolder);
  color: var(--color-text-primary);
}
.section--cart .cart-done__message {
  font-size: var(--text-size-default);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 32px;
}
.section--cart .cart-done__order-id {
  display: inline-block;
  padding: 10px 20px;
  background: var(--color-surface-muted);
  border-radius: var(--radius-sm);
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 32px;
}
.section--cart .cart-done__qr {
  margin: 0 auto 32px;
}
.section--cart .cart-done__qr-title {
  margin: 12px 0 6px;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--cart .cart-done__qr-desc {
  font-size: var(--text-size-base);
  color: var(--color-text-secondary);
  line-height: 1.5;
}
.section--cart .cart-done__actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.section--cart .cart-done__survey {
  margin-top: 48px;
}
.section--cart .cart-done__survey-title {
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
  line-height: 1.5;
  margin: 0 0 24px;
}
.section--cart .smiley-scale {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.section--cart .smiley-scale__radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.section--cart .smiley-scale__face {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 0.08s ease, box-shadow 0.12s ease;
}
.section--cart .smiley-scale__face svg {
  width: 88%;
  height: 88%;
}
.section--cart .smiley-scale__face--5 {
  color: hsl(120, 80%, 38%);
}
.section--cart .smiley-scale__face--4 {
  color: hsl(90, 80%, 38%);
}
.section--cart .smiley-scale__face--3 {
  color: hsl(55, 80%, 38%);
}
.section--cart .smiley-scale__face--2 {
  color: hsl(25, 80%, 38%);
}
.section--cart .smiley-scale__face--1 {
  color: hsl(0, 80%, 38%);
}
.section--cart .smiley-scale__face:hover {
  transform: translateY(-2px);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face--5 {
  box-shadow: 0 4px 14px rgba(30, 174, 19, 0.3);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face--4 {
  box-shadow: 0 4px 14px rgba(97, 174, 19, 0.3);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face--3 {
  box-shadow: 0 4px 14px rgba(174, 162, 19, 0.3);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face--2 {
  box-shadow: 0 4px 14px rgba(174, 84, 19, 0.3);
}
.section--cart .smiley-scale__radio:checked + .smiley-scale__face--1 {
  box-shadow: 0 4px 14px rgba(174, 19, 19, 0.3);
}
.section--cart .smiley-scale__radio:focus-visible + .smiley-scale__face {
  box-shadow: 0 0 0 2px var(--color-brand-alpha-40);
}
.section--cart .cart-done__survey-field {
  margin-top: 24px;
  text-align: left;
}
.section--cart .cart-done__survey-label {
  display: block;
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 15px;
  text-align: center;
}
.section--cart .cart-done__survey-textarea {
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xs);
  font-size: var(--text-size-default);
  font-family: inherit;
  background: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  outline: none;
  resize: vertical;
  text-align: center;
}
.section--cart .cart-done__survey-textarea::placeholder {
  color: var(--color-text-muted);
}
.section--cart .cart-done__survey-textarea:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 1px var(--color-brand-alpha-15);
}
.section--cart .cart-done__survey-helper {
  margin: 10px 0 0;
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
  text-align: center;
}
.section--cart .cart-done__survey-actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .section--cart .cart-review__group {
    grid-template-columns: 1fr;
  }
  .section--cart .cart-products-ro__header {
    display: none;
  }
  .section--cart .cart-products-ro__row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 0;
  }
  .section--cart .cart-products-ro__img {
    width: 70px;
    height: 70px;
  }
  .section--cart .cart-products-ro__price-label,
  .section--cart .cart-products-ro__qty-label,
  .section--cart .cart-products-ro__total-label {
    display: inline;
    font-weight: var(--text-font-weight-lighter);
    color: var(--color-text-secondary);
    margin-right: 4px;
  }
  .section--cart .cart-products-ro__price,
  .section--cart .cart-products-ro__qty,
  .section--cart .cart-products-ro__total {
    padding-left: calc(70px + 12px);
  }
  .section--cart .cart-done__actions {
    flex-direction: column;
  }
  .section--cart .smiley-scale__face {
    width: 56px;
    height: 56px;
  }
}
.section--user-order h1 {
  text-align: left;
}
.section--user-order .page-head__title .user-orders__status {
  vertical-align: middle;
  margin-left: 12px;
}
.section--user-order .cart-products-ro__row--summary .cart-products-ro__product {
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--user-order .cart-products-ro__row--grand {
  border-bottom: none;
}
.section--user-order .cart-products-ro__row--grand .cart-products-ro__total {
  font-size: var(--cart-summary-total-size);
}
.section--user-order .user-order__documents {
  margin-top: 16px;
}
.user-order__actions {
  margin-top: var(--cart-layout-gap);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .user-order__actions {
    flex-direction: column-reverse;
  }
}
.section--user-rating .rate-form {
  max-width: 760px;
}
.section--user-rating .rate-form__note {
  margin: 8px 0 0;
  font-size: var(--text-size-sm);
  color: var(--color-text-secondary);
}
.section--user-rating .rate-form__subtitle {
  margin: 32px 0 20px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.section--user-rating .rate-products {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section--user-rating .rate-card__summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  user-select: none;
}
.section--user-rating .rate-card__summary::-webkit-details-marker {
  display: none;
}
.section--user-rating .rate-card__img {
  width: var(--cart-item-img-size);
  height: var(--cart-item-img-size);
  object-fit: contain;
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  flex-shrink: 0;
}
.section--user-rating .rate-card__name {
  font-size: var(--text-size-default);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-primary);
  min-width: 0;
}
.section--user-rating .rate-card__toggle {
  margin-left: auto;
  flex-shrink: 0;
}
.section--user-rating .rate-card__chev {
  transition: transform var(--transition-fast);
}
.section--user-rating .rate-card__toggle-close {
  display: none;
}
.section--user-rating .rate-card[open] .rate-card__toggle-open {
  display: none;
}
.section--user-rating .rate-card[open] .rate-card__toggle-close {
  display: inline;
}
.section--user-rating .rate-card[open] .rate-card__chev {
  transform: rotate(180deg);
}
.section--user-rating .rate-card__body {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--color-border-soft);
}
.section--user-rating .rate-card__rating-label {
  display: block;
  margin: 0 0 10px;
  font-size: var(--text-size-default);
  color: var(--color-text-primary);
}
.section--user-rating .rate-card__body .pr-upload {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .section--user-rating .rate-card__summary {
    flex-wrap: wrap;
  }
  .section--user-rating .rate-card__toggle {
    margin-left: 0;
    width: 100%;
  }
}
.site-footer {
  margin-top: 0px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}
.site-footer__inner {
  width: 100%;
  max-width: var(--container-width);
  background: var(--color-card-bg);
  border-radius: 32px;
  box-shadow: var(--shadow-soft);
  padding: 48px 72px 40px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.site-footer__columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 72px;
}
.site-footer__copyright {
  margin-top: 4px;
  text-align: center;
  font-size: var(--text-size-md);
  line-height: 1.6;
  color: var(--color-text-secondary);
}
.site-footer__copyright a {
  color: var(--color-text-secondary);
}
.site-footer__divider {
  border-top: 1px solid var(--page-footer-divider-color);
}
.site-footer__middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 32px;
  row-gap: 16px;
  flex-wrap: wrap;
}
.site-footer .footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 1 auto;
}
.site-footer .footer-col__title {
  margin: 0 0 18px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-primary);
}
.site-footer .footer-col__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer .footer-col__list li {
  text-align: left;
}
.site-footer .footer-col__list li + li {
  margin-top: 10px;
}
.site-footer .footer-col__list a {
  font-size: var(--text-size-default);
  line-height: 1.6;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.site-footer .footer-col__list a:hover {
  color: var(--color-brand-primary);
}
.site-footer .footer-payments__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.site-footer .footer-payments__item img {
  display: block;
  height: 32px;
  width: auto;
}
.site-footer .footer-social {
  display: flex;
  align-items: center;
  gap: 16px;
}
.site-footer .footer-social__item {
  display: flex;
  width: 38px;
  height: 38px;
  background: #9c9c9c;
  justify-content: center;
  align-items: center;
  color: var(--color-text-inverse);
  border-radius: 100%;
  text-decoration: none;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}
.site-footer .footer-social__item img,
.site-footer .footer-social__item i {
  display: block;
  font-size: var(--text-size-lg);
  max-width: 70%;
  max-height: 70%;
}
.site-footer .footer-social__item.insta img {
  max-width: 50%;
  max-height: 50%;
}
.site-footer .footer-social__item:hover {
  background: #4a4a4a;
  transform: translateY(-1px);
}
@media (max-width: 1024px) {
  .site-footer {
    margin-bottom: 56px;
  }
  .site-footer__inner {
    padding: 40px 32px 32px;
    row-gap: 28px;
  }
  .site-footer__columns {
    justify-content: flex-start;
    gap: 32px 40px;
  }
  .site-footer__middle {
    flex-direction: column;
    align-items: center;
  }
  .site-footer .footer-col {
    flex: 0 0 calc(50% - 20px);
    align-items: center;
  }
  .site-footer .footer-col__title {
    font-size: 20px;
    text-align: center;
  }
  .site-footer .footer-col__list li {
    text-align: center;
  }
  .site-footer .footer-col__list a {
    font-size: 15px;
  }
  .site-footer .footer-payments__list {
    justify-content: center;
  }
  .site-footer .footer-payments__list {
    gap: 16px;
  }
  .site-footer .footer-social {
    align-self: center;
  }
}
@media (max-width: 768px) {
  .site-footer {
    margin-bottom: 56px;
  }
  .site-footer__inner {
    padding: 28px 18px 26px;
    row-gap: 22px;
  }
  .site-footer__columns {
    gap: 24px;
  }
  .site-footer .footer-col {
    flex: 0 0 100%;
  }
}
.site-footer .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@keyframes flashModalIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.cart-voucher .alert {
  margin: 0;
  padding: 4px 0 16px;
  font-size: var(--text-size-default);
  line-height: 1.5;
}
.cart-voucher .alert-success {
  color: var(--color-stock-delivery);
}
#flashModal.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
#flashModal.modal .modal-content {
  position: relative;
  background: #fff;
  border-top: 5px solid #6c757d;
  border-radius: 12px;
  margin: 15vh auto 0;
  width: 90%;
  max-width: 560px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.2);
  animation: flashModalIn 0.3s ease;
}
#flashModal.modal .modal-content.success {
  border-top-color: #3aa657;
}
#flashModal.modal .modal-content.danger,
#flashModal.modal .modal-content.error {
  border-top-color: #d64545;
}
#flashModal.modal .modal-content.warning {
  border-top-color: #e0a800;
}
#flashModal.modal .modal-content.info {
  border-top-color: #3a7bd5;
}
#flashModal.modal .modal-content .close {
  position: absolute;
  top: 10px;
  right: 16px;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: #9aa0a6;
  transition: color 0.2s ease;
}
#flashModal.modal .modal-content .close:hover {
  color: #333;
}
#flashModal.modal .modal-content .close .flaticon-close::before {
  content: "\00d7";
}
#flashModal.modal .modal-content .modal-body {
  padding: 24px 28px;
}
#flashModal.modal .modal-content .modal-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#flashModal.modal .modal-content .modal-body li.alert {
  margin: 4px 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
#flashModal.modal .modal-content .modal-body li.alert::before {
  content: none;
}
.ajaxloading {
  opacity: 0.5;
}
.ajaxloader {
  position: fixed !important;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px !important;
  z-index: 450;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-top-color: rgba(0, 0, 0, 0.45);
  animation: plpSpin 0.8s linear infinite;
}
.ajaxloader > div {
  display: none;
}
@keyframes plpSpin {
  to {
    transform: rotate(360deg);
  }
}
.cookie-law-wrapper {
  background-color: var(--color-bg-default-inverse);
  color: var(--color-text-primary);
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 500;
}
.cookie-law-wrapper.floating {
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.cookie-law-wrapper.floating .cookie-law {
  position: fixed;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-lg);
  padding: 5px 30px 20px;
  background-color: var(--color-bg-default-inverse);
  flex-direction: column;
  overflow-y: auto;
  font-size: 17px;
}
@media (max-width: 450px) {
  .cookie-law-wrapper.floating .cookie-law {
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
  }
}
@media (min-width: 451px) and (max-width: 1024px) {
  .cookie-law-wrapper.floating .cookie-law {
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 10%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .cookie-law-wrapper.floating .cookie-law {
    top: 15%;
    left: 20%;
    right: 20%;
    bottom: 15%;
  }
}
@media (min-width: 1200px) {
  .cookie-law-wrapper.floating .cookie-law {
    position: revert;
    width: 900px;
    max-height: calc(100vh - 160px);
    margin: 90px auto 0;
  }
}
.cookie-law-wrapper.floating .cookie-law p {
  font-size: 15px;
}
@media (min-width: 451px) {
  .cookie-law-wrapper.floating .cookie-law p {
    font-size: 17px;
  }
}
.cookie-law-wrapper.floating .cookie-law p strong {
  font-size: 22px;
}
@media (min-width: 451px) {
  .cookie-law-wrapper.floating .cookie-law p strong {
    font-size: 30px;
  }
}
.cookie-law-wrapper.floating .consent-info {
  width: 100%;
  padding: 0;
}
.cookie-law-wrapper.floating .consent-info .close.submit {
  float: revert;
  max-width: 300px;
}
.cookie-law-wrapper.floating .consent-buttons {
  align-items: center;
  margin: 38px 10% 0;
}
@media (max-width: 450px) {
  .cookie-law-wrapper.floating .consent-buttons {
    margin: 38px 5% 0;
  }
}
.cookie-law-wrapper.floating .consent-buttons .close.black,
.cookie-law-wrapper.floating .consent-buttons .close.red {
  margin-top: 12px;
}
@media (max-width: 450px) {
  .cookie-law-wrapper.floating .consent-buttons .close.black,
  .cookie-law-wrapper.floating .consent-buttons .close.red {
    margin-top: 7px;
  }
}
.cookie-law {
  padding: 5px 15px 20px;
  border-top: 1px solid var(--color-border-primary);
  font-size: 13px;
  line-height: 150%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .cookie-law {
    flex-direction: row;
  }
}
.cookie-law p {
  color: var(--color-text-primary);
  text-align: left;
  font-size: 14px;
}
.cookie-law p strong {
  font-size: 30px;
  color: var(--color-text-primary);
  line-height: 130%;
}
@media (min-width: 1025px) {
  .cookie-law p strong {
    line-height: 250%;
  }
}
.cookie-law .more,
.cookie-law .close {
  display: inline-flex;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-mid);
  color: var(--color-text-dark);
  align-items: center;
  justify-content: center;
  min-width: 250px;
  padding: 10px 16px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-text-dark);
  background-color: var(--color-bg-default-inverse);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
.cookie-law .more.black,
.cookie-law .close.black {
  background-color: var(--color-text-primary);
  color: var(--color-text-inverse);
  font-weight: var(--text-font-weight-bold);
}
@media (max-width: 1024px) {
  .cookie-law .more,
  .cookie-law .close {
    padding: 8px;
  }
}
.cookie-law .close {
  color: var(--color-text-inverse);
  background: var(--color-stock-delivery);
  border-color: var(--color-stock-delivery);
}
.consent-info {
  padding: 0 10px;
}
@media (min-width: 1025px) {
  .consent-info {
    width: 80%;
    padding: 0 45px;
  }
}
.consent-info .close-cookie-modal {
  float: right;
  font-size: 28px;
  text-decoration: none;
  color: var(--color-brand-primary);
}
.consent-info form div {
  text-align: left;
}
.consent-info label {
  line-height: 150%;
}
.consent-info label p {
  padding-top: 5px;
  padding-bottom: 15px;
  font-weight: normal;
}
.consent-info label strong {
  color: var(--color-text-primary);
}
.consent-info hr {
  display: block;
  margin-top: 25px;
  border-top: 1px solid var(--color-border-hover);
}
.consent-buttons {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.consent-buttons .main-buttons {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .consent-buttons .main-buttons {
    flex-direction: row;
    justify-content: space-around;
    gap: 14px;
    width: 600px;
  }
}
.consent-buttons .main-buttons .close {
  font-weight: var(--text-font-weight-lighter);
  color: var(--color-text-inverse);
  background: var(--color-text-dark);
  border-color: var(--color-text-dark);
}
.section--cookie-settings .page-head__title {
  text-align: center;
}
.section--cookie-settings .cookie-settings {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .section--cookie-settings .cookie-settings {
    padding: 0 50px;
  }
}
.cookie-consent {
  font-size: var(--text-size-default);
  line-height: 1.7;
  color: var(--color-text-primary);
}
.cookie-consent h1:empty {
  display: none;
}
.cookie-consent .reopen-cookie-consent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 8px;
  padding: 10px 24px;
  font-size: var(--text-size-base);
  font-weight: var(--text-font-weight-bold);
  color: var(--color-text-inverse);
  background-color: var(--color-bg-default);
  border: 1px solid var(--color-bg-default);
  border-radius: var(--radius-xs);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
.cookie-consent .reopen-cookie-consent:hover {
  background-color: var(--color-bg-primary);
  box-shadow: 0 12px 24px var(--color-border-alpha-16);
  transform: translateY(-1px);
}
.cookie-consent h2 {
  margin: 36px 0 16px;
  font-size: var(--text-size-xl);
  font-weight: var(--text-font-weight-light);
  line-height: var(--text-line-height-tight);
}
.cookie-consent h3 {
  margin: 32px 0 8px;
  font-size: var(--text-size-lg);
  font-weight: var(--text-font-weight-bold);
}
.cookie-consent p {
  margin: 0 0 16px;
}
.cookie-consent h3 ~ div {
  margin: 0 0 32px;
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  background-color: var(--color-card-bg);
}
.cookie-consent table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: var(--text-size-base);
  line-height: 1.5;
}
.cookie-consent table th {
  padding: 12px 16px;
  font-size: var(--text-size-sm);
  font-weight: var(--text-font-weight-bold);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-secondary);
  background-color: var(--color-surface-soft);
  border-bottom: 1px solid var(--color-border-soft);
}
.cookie-consent table tr:first-child th:first-child {
  border-top-left-radius: calc(var(--radius-sm) - 1px);
}
.cookie-consent table tr:first-child th:last-child {
  border-top-right-radius: calc(var(--radius-sm) - 1px);
}
.cookie-consent table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border-soft);
  vertical-align: top;
}
.cookie-consent table tr:last-child td {
  border-bottom: 0;
}
.cookie-consent table td:first-child {
  font-weight: var(--text-font-weight-mid);
  white-space: nowrap;
}
/* LESS file for project style customization (style differences from basic template), in E-shop HAS TO STAY EMPTY !!! */
.footer-sections {
  display: flow-root;
  background: var(--color-page-bg);
}
.footer-sections .subgrid {
  display: block;
}
.footer-sections__col {
  display: contents;
}
.footer-sections .src-products .section__header {
  margin-top: 80px;
}