/**** VS-SPACING ****/
.pinLocation {
  border: 1px solid #dddddd;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 5px 0 10px;
  height: 55px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer; }
.pinLocation .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
    width: calc(100% - 50px);
    box-sizing: border-box; }
.pinLocation .left svg {
      margin-right: 10px; }
.pinLocation img {
    width: 44px;
    height: auto;
    position: relative;
    display: inline-block; }
body {
  margin: 0 !important;
  max-width: 100%;
  font-family: 'Nunito';
  font-weight: 500;
  font-style: normal; }
body::-webkit-scrollbar {
    width: 8px;
    height: 12px; }
body::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #eee; }
body::-webkit-scrollbar-thumb {
    background-color: #3f1c8e;
    outline: none; }
body.locked {
    overflow: hidden !important; }
body.recipe .categoriesX {
    display: none !important; }
body.recipe .recipeCatBar {
    display: flex;
    justify-content: center;
    align-items: center; }
body.recipeInternal .categoriesX {
    display: none !important; }
body.recipeInternal .recipeScrollBar {
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 900px) {
    body.offer .row.showLater {
      display: none !important; } }
body * {
  font-family: 'Nunito' !important;
  font-weight: 500; }
a,
button {
  text-decoration: none;
  color: inherit;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:focus, a:active,
  button:focus,
  button:active {
    box-shadow: none;
    outline: none; }
a:button,
  button:button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul {
  list-style: none;
  margin: 0;
  padding-left: 0; }
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background-color: transparent;
  border: 0; }
.space {
  width: 100%;
  height: 120px;
  display: block; }
.overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; }
.layeredTxt {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Nunito';
  font-weight: normal; }
form .formGroup {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 40px;
  box-sizing: border-box; }
@media (max-width: 600px) {
    form .formGroup {
      padding-bottom: 25px; } }
form .formGroup p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.02em;
    margin: 15px 0 0; }
form .formGroup p.error {
      color: #ec0127; }
form .splitIndiff {
  display: flex;
  justify-content: space-between;
  align-items: center; }
form .splitIndiff.align-top {
    align-items: flex-start; }
@media (max-width: 600px) {
    form .splitIndiff {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; } }
form .splitIndiff .formGroup:first-child {
    width: 100%;
    max-width: 175px; }
@media (max-width: 600px) {
      form .splitIndiff .formGroup:first-child {
        max-width: 100%; } }
form .splitIndiff .formGroup:last-child {
    width: calc(100% - 200px); }
@media (max-width: 600px) {
      form .splitIndiff .formGroup:last-child {
        width: 100%; } }
form .split {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 25px;
          column-gap: 25px; }
@media (max-width: 600px) {
    form .split {
      grid-template-columns: 1fr;
      -webkit-column-gap: 0;
              column-gap: 0;
      row-gap: 0; } }
form .split .right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }
form .split .right button {
      background-color: #3f1c8e;
      color: #fff !important; }
@media (max-width: 600px) {
    form .split.no-split-m {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
@media (max-width: 600px) {
    form .split.saveAct .right {
      order: 1;
      padding-bottom: 45px; }
      form .split.saveAct .right button {
        width: 100%; }
    form .split.saveAct .left {
      order: 2; } }
form .addressType {
  width: 100%; }
form .addressType .types {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 15px;
            column-gap: 15px; }
@media (max-width: 600px) {
      form .addressType .types {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px; } }
form .addressType .types label {
      border: 1px solid #dddddd;
      height: 55px;
      display: inline-flex !important;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      line-height: 1 !important;
      padding-bottom: 0 !important;
      cursor: pointer;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      font-size: 16px !important;
      border-radius: 5px;
      margin-bottom: 0; }
form .addressType .types label:hover {
        border-color: #3f1c8e; }
form .addressType .types input:checked + label {
      background-color: #3f1c8e;
      color: #fff !important; }
form .areaSelect .selectric-items .disabled {
  display: none; }
form .areaSelect .selectric-wrapper option:disabled {
  display: none; }
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dddddd;
  height: 55px;
  border-radius: 5px;
  background-color: #fff;
  padding: 0 20px;
  font-size: calc(0.00096 * 100vw + 13.59615px);
  line-height: 1;
  color: #000000;
  letter-spacing: 0.02em;
  box-sizing: border-box; }
@media screen and (min-width: 1919px) {
    input,
    textarea {
      font-size: 16px; } }
@media screen and (max-width: 380px) {
    input,
    textarea {
      font-size: 14px; } }
input:focus,
  textarea:focus {
    outline: none;
    box-shadow: none; }
textarea {
  resize: none;
  width: 100%;
  padding: 20px;
  height: 200px;
  overflow-y: auto; }
textarea::-webkit-scrollbar {
    width: 8px;
    height: 12px; }
textarea::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #eee; }
textarea::-webkit-scrollbar-thumb {
    background-color: #3f1c8e;
    outline: none; }
::-webkit-input-placeholder {
  color: #555555; }
:-ms-input-placeholder {
  color: #555555; }
::-ms-input-placeholder {
  color: #555555; }
::placeholder {
  color: #555555; }
.container {
  padding: 0 180px;
  box-sizing: border-box;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1800px) {
    .container {
      padding: 0 100px; } }
@media (max-width: 1530px) {
    .container {
      padding: 0 100px 0 60px; } }
@media (max-width: 900px) {
    .container {
      padding: 0 60px; } }
@media (max-width: 600px) {
    .container {
      padding: 0 15px; } }
.seperator {
  padding: 75px 180px 0;
  width: 100%;
  height: 1px;
  box-sizing: border-box; }
@media (max-width: 1800px) {
    .seperator {
      padding: 75px 100px 0; } }
@media (max-width: 1530px) {
    .seperator {
      padding: 75px 100px 0 60px; } }
@media (max-width: 900px) {
    .seperator {
      padding: 60px 60px; } }
@media (max-width: 600px) {
    .seperator {
      padding: 15px 15px; } }
.seperator.no-padd {
    padding-top: 0; }
.seperator span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd; }
.sectionTitle {
  color: #3f1c8e;
  font-size: calc(0.00481 * 100vw + 27.98077px);
  line-height: 1;
  letter-spacing: -0.01em;
  font-weight: 600;
  margin: 0 0 40px; }
@media screen and (min-width: 1919px) {
    .sectionTitle {
      font-size: 40px; } }
@media screen and (max-width: 380px) {
    .sectionTitle {
      font-size: 30px; } }
.sectionTitle.big {
    width: 100%;
    font-size: calc(0.01683 * 100vw + 32.93269px);
    text-align: center;
    margin: 0 0 100px; }
@media screen and (min-width: 1919px) {
      .sectionTitle.big {
        font-size: 75px; } }
@media screen and (max-width: 380px) {
      .sectionTitle.big {
        font-size: 40px; } }
@media (max-width: 800px) {
      .sectionTitle.big {
        margin: 0 0 40px; } }
.sectionTitle.big span.red,
    .sectionTitle.big b.red,
    .sectionTitle.big strong.red {
      color: #ec0127;
      font-weight: 600; }
.viewMore {
  color: #3f1c8e;
  font-size: calc(0.00192 * 100vw + 11.19231px);
  line-height: 1;
  letter-spacing: 0.02em;
  display: inline-block; }
@media screen and (min-width: 1919px) {
    .viewMore {
      font-size: 16px; } }
@media screen and (max-width: 380px) {
    .viewMore {
      font-size: 12px; } }
@media (max-width: 600px) {
    .viewMore {
      position: relative;
      top: -60px; } }
.viewMore svg {
    margin-left: 10px; }
.viewMore.border {
    border: 1px solid #3f1c8e;
    padding: 0 24px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px; }
.viewMore.border:hover {
      background-color: #3f1c8e;
      color: #fff; }
.viewMore.border:hover svg path {
        stroke: #fff; }
.swiper-button-disabled {
  opacity: 0.2;
  cursor: no-drop; }
.padd-b-60 {
  padding-bottom: 60px; }
.padd-t-60 {
  padding-top: 60px; }
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: none; }
.popup.active {
    display: block; }
.popup .overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2; }
.popup .innerBx {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
    padding: 80px 40px;
    box-sizing: border-box;
    width: 100%;
    max-width: 740px; }
@media (max-width: 900px) {
      .popup .innerBx {
        max-width: calc(100% - 160px); } }
@media (max-width: 1200px) {
      .popup .innerBx {
        padding: 80px 20px; } }
@media (max-width: 500px) {
      .popup .innerBx {
        padding: 50px 10px; } }
@media (max-width: 600px) {
      .popup .innerBx {
        max-width: 100%;
        border-radius: 0;
        height: 100vh;
        overflow-y: auto; }
        .popup .innerBx::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
        .popup .innerBx::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #eee; }
        .popup .innerBx::-webkit-scrollbar-thumb {
          background-color: #3f1c8e;
          outline: none; } }
.popup .innerBx .closeThis {
      position: absolute;
      z-index: 2;
      top: 10px;
      right: 10px;
      cursor: pointer; }
.popup .innerBx form {
      max-height: 60vh;
      overflow-y: auto;
      padding-right: 5px;
      padding-bottom: 20px; }
.popup .innerBx form::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.popup .innerBx form::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #eee; }
.popup .innerBx form::-webkit-scrollbar-thumb {
        background-color: #3f1c8e;
        outline: none; }
@media (max-width: 600px) {
        .popup .innerBx form {
          max-height: inherit; } }
.popup .innerBx h3 {
      color: #3f1c8e;
      font-size: calc(0.0024 * 100vw + 23.99038px);
      line-height: 1;
      margin: 0 0 45px; }
@media screen and (min-width: 1919px) {
        .popup .innerBx h3 {
          font-size: 30px; } }
@media screen and (max-width: 380px) {
        .popup .innerBx h3 {
          font-size: 25px; } }
.popup .innerBx .grouped {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 0 30px; }
.popup .innerBx .grouped .group {
        margin-right: 50px; }
.popup .innerBx .grouped .group:last-child {
          margin-right: 0; }
.popup .innerBx label {
      display: inline-block;
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.025em;
      color: #3f1c8e;
      padding-bottom: 15px; }
.popup .innerBx label.checkbox {
        font-size: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer; }
.popup .innerBx label.checkbox svg {
          margin-right: 10px; }
.popup .innerBx label.checkbox span {
          color: #000;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
.popup .innerBx input[type='checkbox']:checked + label svg .circle {
      fill: #08bc32;
      stroke: #08bc32; }
.popup .innerBx input[type='radio']:checked + label svg .circle {
      fill: #08bc32;
      stroke: #08bc32; }
.popup .innerBx input[type='number'] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -moz-appearance: textfield; }
.popup .innerBx input::-webkit-outer-spin-button,
    .popup .innerBx input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
.popup .innerBx input {
      width: 100%;
      box-sizing: border-box; }
.popup .innerBx textarea {
      height: 160px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
.popup .innerBx .butonSplit {
      display: flex;
      justify-content: space-between;
      align-items: center; }
.popup .innerBx .butonSplit .selectric-wrapper {
        max-width: 150px; }
.popup .innerBx .butonSplit .selectric-wrapper .selectric .label {
          height: 40px;
          line-height: 40px;
          text-align: center;
          color: #3f1c8e; }
.popup .innerBx .butonSplit .selectric-wrapper .selectric .button {
          height: 40px; }
.popup .innerBx .butonSplit .selectric-wrapper .selectric .button svg path {
            stroke: #3f1c8e; }
.popup .innerBx .butonSplit button {
        border: 1px solid #dddddd;
        height: 40px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 1;
        padding: 0 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #8b8b8b;
        cursor: pointer; }
.popup .innerBx .butonSplit button:hover {
          background-color: #ec0127;
          color: #fff; }
.popup .innerBx .butonSplit button:last-child {
          background-color: #3f1c8e;
          border-color: #3f1c8e;
          color: #fff; }
.popup .innerBx .butonSplit button:last-child:hover {
            background-color: #3f1c8e; }
.popup .innerBx .butonSplit button.blue {
          color: #3f1c8e; }
.popup .innerBx .butonSplit button.blue:hover {
            background-color: #fff; }
.popup .innerBx .butonSplit button span {
          display: inline-block;
          position: relative;
          top: -2px; }
.popup .innerBx .butonSplit button svg {
          margin-left: 10px; }
.popup .innerBx p.popupText {
      font-size: 16px;
      line-height: 20px;
      color: #5F5F5F; }
.popup .innerBx p.popupText .bold {
        color: #1a1a1a; }
.popup.editWishlistForm h3 {
    padding: 0;
    color: #3f1c8e; }
.popup.editWishlistForm .memberList {
    width: 100%; }
.popup.editWishlistForm .memberList a {
      color: #FF816B;
      display: inline-block;
      float: right;
      cursor: pointer; }
.popup.addToWishlistPopup .innerBx {
    max-width: 600px; }
.padd-40-s {
  padding: 0 40px;
  box-sizing: border-box; }
.s-accordion-container {
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px auto; }
.s-accordion-container .s-set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: transparent; }
.s-accordion-container .s-set.about {
      display: none; }
@media (max-width: 1200px) {
        .s-accordion-container .s-set.about {
          display: block; } }
.s-accordion-container .s-set .s-set-tab {
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dddddd;
      transition: all 0.2s linear;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 30px;
      color: #3f1c8e;
      font-weight: 500;
      font-size: 18px; }
.s-accordion-container .s-set .s-set-tab.active {
        border-bottom: 0; }
.s-accordion-container .s-set .s-set-tab.active svg {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
@media (max-width: 900px) {
            .s-accordion-container .s-set .s-set-tab.active svg {
              -webkit-transform: rotate(90deg);
                      transform: rotate(90deg); } }
.s-accordion-container .s-set .s-set-tab svg {
        -webkit-transform: rotate(0);
                transform: rotate(0);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.s-accordion-container .s-set .s-set-tab svg.arrow {
          display: inline-block; }
@media (max-width: 900px) {
            .s-accordion-container .s-set .s-set-tab svg.arrow {
              display: none; } }
.s-accordion-container .s-set .s-set-tab svg.cross {
          display: none; }
@media (max-width: 900px) {
            .s-accordion-container .s-set .s-set-tab svg.cross {
              display: inline-block; } }
.s-accordion-container .s-set .s-set-content {
      background-color: transparent;
      border-bottom: 1px solid #dddddd;
      display: none;
      padding: 10px 30px 20px; }
.s-accordion-container .s-set .s-set-content p,
      .s-accordion-container .s-set .s-set-content li {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.02em;
        color: #000000; }
.s-accordion-container .s-set .s-set-content ul li,
      .s-accordion-container .s-set .s-set-content ol li {
        padding: 8px 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
.s-accordion-container .s-set .s-set-content ul li span:first-child,
        .s-accordion-container .s-set .s-set-content ol li span:first-child {
          color: #000; }
.s-accordion-container .s-set .s-set-content ul li span:last-child,
        .s-accordion-container .s-set .s-set-content ol li span:last-child {
          color: #1a1a1a; }
.s-accordion-container .s-set .s-set-content .productsStars {
        margin: 80px 0 30px; }
.selectric-wrapper {
  position: relative;
  cursor: pointer;
  width: 100%; }
.selectric-responsive {
  width: 100%; }
.selectric {
  border: 1px solid #ddd;
  border-radius: 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px; }
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 55px 0 10px;
    font-size: 16px;
    line-height: 55px;
    color: #000;
    height: 55px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 5px;
    font-size: calc(0.00096 * 100vw + 13.59615px); }
@media screen and (min-width: 1919px) {
      .selectric .label {
        font-size: 16px; } }
@media screen and (max-width: 380px) {
      .selectric .label {
        font-size: 14px; } }
.selectric .button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #fff; }
.selectric-open {
  z-index: 9999; }
.selectric-open .selectric-items {
    display: block; }
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
.selectric-hide-select select {
    position: absolute;
    left: -100%; }
.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
.selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      box-sizing: border-box;
      opacity: 0; }
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }
/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #dddddd;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden; }
.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
.selectric-items .selectric-scroll::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.selectric-items .selectric-scroll::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #eee; }
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
      background-color: #3f1c8e;
      outline: none; }
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
.selectric-items ul,
  .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    color: #555555;
    letter-spacing: 0.02em;
    min-height: 20px; }
.selectric-items li {
    display: block;
    padding: 10px;
    color: #555555;
    cursor: pointer; }
.selectric-items li.selected {
      background: #f5f5f5;
      color: #555555; }
.selectric-items li.highlighted {
      background: #f5f5f5;
      color: #555555; }
.selectric-items li:hover {
      background: #f5f5f5;
      color: #555555; }
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
.selectric-items .selectric-group li {
    padding-left: 25px; }
.c-Wrapper {
  display: flex;
  position: relative;
  width: 90%;
  margin: 0 auto;
  flex-direction: column; }
@media screen and (min-width: 601px) {
    .c-Wrapper {
      flex-direction: row; } }
@media screen and (min-width: 1673px) {
    .c-Wrapper {
      width: 100%; } }
.c-SidePanel {
  flex: 0 0 25%;
  max-width: 25%;
  height: 100vh;
  background-color: #fff;
  padding: 0;
  position: relative;
  z-index: 0; }
@media screen and (max-width: 1200px) {
    .c-SidePanel {
      flex: 0 0 40%;
      max-width: 40%; } }
@media screen and (max-width: 600px) {
    .c-SidePanel {
      flex: 0 0 100%;
      max-width: 100%;
      order: 2; } }
.c-SidePanel::-webkit-scrollbar {
    width: 8px;
    height: 12px; }
.c-SidePanel::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #F4F4F4; }
.c-SidePanel::-webkit-scrollbar-thumb {
    background-color: #bababa;
    outline: none; }
.c-SidePanel .store-title {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -1px;
    margin: 0;
    padding: 20px;
    background: #f7f7f7;
    color: #696969; }
@media screen and (min-width: 601px) {
      .c-SidePanel .store-title {
        font-size: 24px; } }
.c-SidePanel [type=search] {
    outline: 0;
    width: 100%;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 20px 30px 20px 60px;
    color: #BABABA;
    font-size: 12px;
    font-family: 'Nunito';
    font-style: normal;
    border: 0;
    text-transform: uppercase; }
.search-store-list {
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
.search-store-list .search-icon {
  position: absolute;
  top: 24px;
  left: 30px; }
.store-filter-toggle {
  padding: 0 30px; }
.c-Map {
  flex: 0 0 75%;
  max-width: 75%;
  height: 100vh;
  display: block; }
@media screen and (max-width: 1200px) {
    .c-Map {
      flex: 0 0 60%;
      max-width: 60%; } }
@media screen and (max-width: 600px) {
    .c-Map {
      flex: auto;
      max-width: 100%;
      order: 1;
      height: 50vh; } }
.c-StoreList {
  padding-left: 0;
  list-style: none;
  margin-bottom: 80px;
  margin-top: 0;
  max-height: calc(100vh - 135px);
  overflow-y: auto; }
.c-StoreList::-webkit-scrollbar {
    width: 8px;
    height: 12px; }
.c-StoreList::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #F4F4F4; }
.c-StoreList::-webkit-scrollbar-thumb {
    background-color: #bababa;
    outline: none; }
.c-StoreList__item {
  background-color: #f7f7f7;
  padding: 20px;
  border-bottom: 1px solid #E6E6E6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  font-weight: bold; }
.c-StoreList__item.is-active, .c-StoreList__item:hover {
    background-color: #ECF2EC; }
.dont-hover:hover {
  background-color: #fff !important;
  color: #1A1A1A !important; }
.c-InfoPanel {
  width: 25%;
  min-height: 100vh;
  background-color: #fff;
  padding: 40px;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: none; }
@media (max-width: 1200px) {
    .c-InfoPanel {
      width: 40%;
      height: calc(100vh);
      flex: 0 0 40%;
      max-width: 40%; } }
@media screen and (max-width: 600px) {
    .c-InfoPanel .c-InfoPanel {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      height: 100%;
      order: 2; }
      .c-InfoPanel .c-InfoPanel::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
      .c-InfoPanel .c-InfoPanel::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
      .c-InfoPanel .c-InfoPanel::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
      .c-InfoPanel .c-InfoPanel h3 {
        font-family: 'Nunito';
        font-style: normal;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 30px;
        color: #3f1c8e; } }
@media screen and (max-width: 600px) {
  .c-InfoPanel__opening-periods {
    list-style: none;
    padding-left: 0; }
  .c-InfoPanel__close {
    position: relative;
    margin: -40px -40px 20px;
    display: flex;
    width: calc(100% + 80px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    outline: none !important;
    cursor: pointer;
    text-align: left;
    padding: 20px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-transform: capitalize; }
  .c-InfoPanel__store-details {
    padding-left: 0;
    list-style: none; }
  .c-InfoPanel__store-details li {
    margin-bottom: 24px;
    font-family: 'Nunito';
    font-style: normal;
    font-size: 15px;
    font-weight: 300;
    color: #1A1A1A;
    line-height: 1.5; }
  .c-InfoPanel__store-details li strong {
    font-family: 'Nunito';
    font-style: normal;
    font-size: 15px;
    font-weight: 500;
    color: #3f1c8e; }
  .get-direction {
    background-color: #3f1c8e;
    width: auto;
    max-width: 220px;
    color: #fff;
    max-height: 44px;
    border-radius: 4px;
    padding: 12px 25px;
    line-height: 1;
    margin-bottom: 40px; }
    .get-direction:hover {
      color: #fff; }
  .c-InfoPanel__store-details li ul li {
    margin-bottom: 0; }
  .c-InfoPanel__store-details li strong {
    display: block;
    color: #3d9939;
    margin-bottom: 5px; }
  .js-store-info-btn {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    cursor: pointer; }
  .js-store-info-btn:focus {
    outline: none;
    box-shadow: none; }
  svg.info-icon .info-circle,
  svg.info-icon .info-exclamation-top,
  svg.info-icon .info-exclamation-dot {
    position: relative;
    z-index: 2; }
  svg.info-icon .info-circle-bg {
    fill: #fff; }
  svg.info-icon .info-circle,
  svg.info-icon .info-exclamation-top,
  svg.info-icon .info-exclamation-dot {
    fill: #3f1c8e; }
  .c-StoreList__item.is-active svg.info-icon .info-circle,
  .c-StoreList__item:hover svg.info-icon .info-circle,
  .c-StoreList__item.is-active svg.info-icon .info-circle-bg,
  .c-StoreList__item:hover svg.info-icon .info-circle-bg {
    fill: #3f1c8e; }
  .c-StoreList__item.is-active svg.info-icon .info-exclamation-top,
  .c-StoreList__item:hover svg.info-icon .info-exclamation-top,
  .c-StoreList__item.is-active svg.info-icon .info-exclamation-dot,
  .c-StoreList__item:hover svg.info-icon .info-exclamation-dot {
    fill: #fff; } }
@media (max-width: 1200px) {
  .store-locator {
    padding-bottom: 50px; } }
@media screen and (max-width: 600px) {
  .store-locator {
    min-height: 100vh; } }
.store-locator .store-locator-title {
  font-family: 'Nunito';
  font-style: normal;
  font-size: 50px;
  font-weight: 600;
  float: none;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 60%;
  margin-bottom: .25em;
  color: #1A1A1A;
  margin-top: 60px; }
@media screen and (max-width: 900px) {
    .store-locator .store-locator-title {
      width: 100%; } }
@media screen and (max-width: 600px) {
    .store-locator .store-locator-title {
      font-size: 26px; } }
.store-locator .rich-text p {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  width: 40%;
  float: none;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 60px;
  color: #1A1A1A; }
@media screen and (max-width: 900px) {
    .store-locator .rich-text p {
      width: 100%;
      margin-bottom: 60px; } }
@media screen and (max-width: 600px) {
    .store-locator .rich-text p {
      font-size: 18px; } }
header {
  width: 100%;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #fff;
  -webkit-transform: none;
          transform: none;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
header .topBar {
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    padding: 0 15px;
    box-sizing: border-box; }
@media (max-width: 900px) {
      header .topBar {
        display: none; } }
header .topBar .left ul,
    header .topBar .right ul {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
header .topBar .left ul li,
      header .topBar .right ul li {
        padding: 0 25px;
        box-sizing: border-box;
        border-right: 1px solid #dddddd; }
header .topBar .left ul li:last-child,
        header .topBar .right ul li:last-child {
          border-right: 0; }
header .topBar .left ul li a,
        header .topBar .left ul li button,
        header .topBar .right ul li a,
        header .topBar .right ul li button {
          color: #3f1c8e;
          font-size: 16px;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
header .topBar .left ul li a svg:first-child,
          header .topBar .left ul li button svg:first-child,
          header .topBar .right ul li a svg:first-child,
          header .topBar .right ul li button svg:first-child {
            margin-right: 10px; }
header .topBar .left ul li a svg:last-child,
          header .topBar .left ul li button svg:last-child,
          header .topBar .right ul li a svg:last-child,
          header .topBar .right ul li button svg:last-child {
            margin-left: 10px; }
header .topBar #triggerUserMenu {
      cursor: pointer; }
header .topBar #triggerUserMenu svg:last-child {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
header .topBar #triggerUserMenu.active svg:last-child {
        -webkit-transform: rotate(0);
                transform: rotate(0); }
header .topBar .userMenu {
      position: fixed;
      top: 50px;
      right: 35px;
      background-color: #fff;
      border: 1px solid #dddddd;
      border-radius: 5px;
      width: 300px;
      z-index: 101;
      overflow: hidden;
      display: none; }
header .topBar .userMenu.active {
        display: block; }
@media (max-width: 900px) {
        header .topBar .userMenu {
          display: block;
          height: 100%;
          top: 0;
          left: 0;
          max-width: 450px;
          min-height: 100vh;
          -webkit-transform: translatey(100%);
                  transform: translatey(100%);
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          width: 100%; }
          header .topBar .userMenu.active {
            -webkit-transform: none;
            transform: none; } }
header .topBar .userMenu h3 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.02em;
        margin: 0;
        padding: 20px 30px;
        border-bottom: 1px solid #dddddd; }
header .topBar .userMenu ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%; }
header .topBar .userMenu ul li {
          border: 0;
          border-bottom: 1px solid #dddddd;
          width: 100%;
          padding: 0; }
header .topBar .userMenu ul li a {
            display: block;
            width: 100%;
            padding: 15px 30px;
            color: #3f1c8e;
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.02em;
            box-sizing: border-box; }
header .topBar .userMenu ul li a:hover {
              background-color: #edeaf6; }
header .topBar .userMenu .logout {
        padding: 25px 30px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
header .topBar .userMenu .logout a {
          border: 1px solid #dddddd;
          color: #3f1c8e;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          text-align: center;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 40px;
          border-radius: 5px; }
header .topBar .userMenu .logout a:hover {
            background-color: #ec0127;
            color: #fff; }
header .topBar .userMenu .userMenuHeader {
        display: flex;
        align-items: self-end;
        justify-content: end; }
header .topBar .userMenu .userMenuHeader .burgerClose {
          position: relative;
          z-index: 2;
          padding-top: 10px;
          padding-right: 10px;
          cursor: pointer; }
header .navBar {
    position: relative;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box; }
header .navBar ul {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
@media (max-width: 900px) {
        header .navBar ul.navbarList {
          position: fixed;
          top: 0px;
          left: 0;
          width: 100%;
          z-index: 89;
          background-color: #fff;
          -webkit-transform: translateY(-75px);
          transform: translateY(-75px);
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          border-bottom: 1px solid #dddddd;
          overflow: hidden;
          height: 75px;
          display: grid;
          grid-template-columns: 1fr 1fr; } }
header .navBar ul li a,
      header .navBar ul li button {
        font-size: 18px; }
header .navBar .burgerToggle {
      width: 125px;
      height: 75px;
      background-color: #3f1c8e;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 900px) {
        header .navBar .burgerToggle {
          width: 100%; } }
header .navBar .burgerToggle:hover {
        background-color: #ffea3d;
        color: #3f1c8e; }
@media (max-width: 900px) {
      header .navBar .searchToggleItem {
        display: none; } }
header .navBar .searchToggle {
      width: 75px;
      height: 75px;
      border-right: 1px solid #dddddd;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
@media (max-width: 900px) {
        header .navBar .searchToggle {
          display: none; } }
header .navBar .specialOffersLink {
      position: relative; }
header .navBar .specialOffersLink .offerLink {
        width: 175px;
        height: 75px;
        background-color: #ec0127;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 900px) {
          header .navBar .specialOffersLink .offerLink {
            width: 100%; } }
header .navBar .specialOffersLink:hover .offerLink {
        background-color: #ffea3d;
        color: #3f1c8e; }
header .navBar .specialOffersLink:hover .specialOffersLinkList {
        display: block; }
header .navBar .specialOffersLink .specialOffersLinkList {
        position: absolute;
        top: 75px;
        left: 0;
        padding-top: 5px;
        display: none; }
header .navBar .specialOffersLink .specialOffersLinkList ul {
          min-width: 250px;
          border-radius: 5px;
          background-color: white;
          padding: 16px 0;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          display: block; }
header .navBar .specialOffersLink .specialOffersLinkList ul li {
            padding: 0 20px; }
header .navBar .specialOffersLink .specialOffersLinkList ul li:hover {
              background-color: #edeaf6; }
header .navBar .specialOffersLink .specialOffersLinkList ul li a {
              color: #EC0127;
              font-size: 16px;
              line-height: 38px;
              letter-spacing: 0.02em; }
header .navBar .logo {
      display: block;
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%); }
header .navBar .logo svg {
        height: 50px;
        width: auto; }
header .navBar .right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 75px;
      color: #3f1c8e;
      font-size: 18px; }
@media (max-width: 900px) {
        header .navBar .right {
          display: none; } }
header .navBar .reorderBtn {
      padding: 0 25px;
      height: 75px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #3f1c8e;
      font-size: 18px;
      border-left: 1px solid #dddddd;
      cursor: pointer; }
@media (max-width: 900px) {
        header .navBar .reorderBtn {
          display: none; } }
header .navBar .reorderBtn svg {
        margin-right: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: none;
                transform: none; }
header .navBar .reorderBtn.disabled {
        color: #d0d0d0;
        pointer-events: none; }
header .navBar .reorderBtn.disabled svg path {
          fill: #d0d0d0; }
header .navBar .cartCheckout {
      padding: 0 40px;
      height: 75px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      position: relative;
      border-left: 1px solid #dddddd; }
header .navBar .cartCheckout .cartTotal {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        line-height: 1;
        -webkit-transform: none;
                transform: none;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
header .navBar .cartCheckout .cartTotal .currency {
          font-size: 12px;
          letter-spacing: 0.025em;
          display: inline-block;
          padding-right: 10px;
          position: relative;
          top: 3px; }
header .navBar .cartCheckout .cartTotal .initiger {
          font-size: 26px;
          font-weight: 600;
          display: inline-block;
          padding-right: 5px; }
header .navBar .cartCheckout .cartTotal .decimal {
          font-size: 16px;
          letter-spacing: 0.015em;
          display: inline-block;
          position: relative;
          top: 3px; }
header .navBar .cartCheckout .checkoutBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 75px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        background-color: #08bc32;
        color: #fff;
        -webkit-transform: translateY(200%);
                transform: translateY(200%);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        box-sizing: border-box; }
header .navBar .cartCheckout:hover .cartTotal {
        -webkit-transform: translateY(-200%);
                transform: translateY(-200%); }
header .navBar .cartCheckout:hover .checkoutBtn {
        -webkit-transform: none;
                transform: none; }
header .navBar .tabView {
      display: none;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
header .navBar .tabView .userMenu {
        position: fixed;
        top: 50px;
        right: 35px;
        background-color: #fff;
        border: 1px solid #dddddd;
        border-radius: 5px;
        width: 300px;
        z-index: 101;
        overflow: hidden;
        display: none; }
header .navBar .tabView .userMenu.active {
          display: block; }
@media (max-width: 900px) {
          header .navBar .tabView .userMenu {
            display: block;
            height: 100%;
            top: 0;
            left: 0;
            max-width: 450px;
            min-height: 100vh;
            -webkit-transform: translatey(100%);
                    transform: translatey(100%);
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            width: 100%; }
            header .navBar .tabView .userMenu.active {
              -webkit-transform: none;
              transform: none; } }
header .navBar .tabView .userMenu h3 {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em;
          margin: 0;
          padding: 20px 30px;
          border-bottom: 1px solid #dddddd; }
header .navBar .tabView .userMenu ul {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%; }
header .navBar .tabView .userMenu ul li {
            border: 0;
            border-bottom: 1px solid #dddddd;
            width: 100%;
            padding: 0; }
header .navBar .tabView .userMenu ul li a {
              display: block;
              width: 100%;
              padding: 15px 30px;
              color: #3f1c8e;
              font-size: 16px;
              line-height: 1;
              letter-spacing: 0.02em;
              box-sizing: border-box; }
header .navBar .tabView .userMenu ul li a:hover {
                background-color: #edeaf6; }
header .navBar .tabView .userMenu .logout {
          padding: 25px 30px;
          box-sizing: border-box;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
header .navBar .tabView .userMenu .logout a {
            border: 1px solid #dddddd;
            color: #3f1c8e;
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.02em;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            border-radius: 5px; }
header .navBar .tabView .userMenu .logout a:hover {
              background-color: #ec0127;
              color: #fff; }
header .navBar .tabView .userMenu .userMenuHeader {
          display: flex;
          align-items: self-end;
          justify-content: end; }
header .navBar .tabView .userMenu .userMenuHeader .burgerClose {
            position: relative;
            z-index: 2;
            padding-top: 10px;
            padding-right: 10px;
            cursor: pointer; }
header .navBar .tabView .hamburgerOverlay {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: 0.2;
        -webkit-transform: translatey(100%);
                transform: translatey(100%);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        display: none; }
header .navBar .tabView .hamburgerOverlay.active {
          -webkit-transform: none;
          transform: none;
          display: block; }
@media (max-width: 900px) {
        header .navBar .tabView {
          display: flex;
          padding: 0 60px; } }
@media (max-width: 600px) {
        header .navBar .tabView {
          padding: 0 15px; } }
header.changePhase {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px); }
@media (max-width: 900px) {
      header.changePhase {
        -webkit-transform: none;
                transform: none; }
        header.changePhase .navBar ul.navbarList {
          -webkit-transform: translateY(0);
                  transform: translateY(0); } }
.categoriesX {
  padding: 15px 30px;
  position: fixed;
  top: 75px;
  left: 0;
  width: calc(100% - 80px);
  z-index: 89;
  background-color: #fff;
  -webkit-transform: translateY(-75px);
          transform: translateY(-75px);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  border-bottom: 1px solid #dddddd;
  overflow: hidden; }
@media (max-width: 1200px) {
    .categoriesX {
      width: 100%;
      padding: 15px 10px; } }
.categoriesX.changePhase {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
.categoriesX .categorySlider {
    margin-bottom: 0; }
.categoriesX .swiper-container {
    overflow: visible; }
.recipeCatBar {
  display: none;
  padding: 0 30px;
  position: fixed;
  top: 75px;
  left: 0;
  width: calc(100% - 80px);
  z-index: 89;
  background-color: #fff;
  -webkit-transform: translateY(-75px);
          transform: translateY(-75px);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box; }
@media (max-width: 1200px) {
    .recipeCatBar {
      width: 100%;
      padding: 20px 40px; } }
@media (max-width: 600px) {
    .recipeCatBar {
      padding: 10px 20px; } }
.recipeCatBar.changePhase {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
.recipeCatBar .catFilter {
    position: relative;
    border-right: 1px solid #dddddd; }
@media (max-width: 1200px) {
      .recipeCatBar .catFilter {
        display: none; } }
.recipeCatBar .catFilter:first-child {
      border-left: 1px solid #dddddd; }
.recipeCatBar .catFilter .catBtn {
      height: 60px;
      padding: 0 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      color: #3f1c8e;
      font-size: calc(0.00192 * 100vw + 13.19231px);
      line-height: 1;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (min-width: 1919px) {
        .recipeCatBar .catFilter .catBtn {
          font-size: 18px; } }
@media screen and (max-width: 380px) {
        .recipeCatBar .catFilter .catBtn {
          font-size: 14px; } }
.recipeCatBar .catFilter .catBtn:hover, .recipeCatBar .catFilter .catBtn.active {
        background-color: #3f1c8e;
        border-color: #3f1c8e;
        color: #fff; }
.recipeCatBar .catFilter .catBtn:hover svg, .recipeCatBar .catFilter .catBtn.active svg {
          -webkit-transform: none;
                  transform: none;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeCatBar .catFilter .catBtn:hover svg path, .recipeCatBar .catFilter .catBtn.active svg path {
            stroke: #fff; }
.recipeCatBar .catFilter .catBtn.active svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
.recipeCatBar .catFilter .catBtn svg {
        margin-left: 12px; }
.recipeCatBar .catFilter .catFilterDrop {
      display: none;
      background-color: #fff;
      width: 300px;
      border-radius: 10px;
      padding: 30px 25px;
      position: absolute;
      z-index: 10;
      top: 80px;
      left: 0;
      box-sizing: border-box;
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); }
.recipeCatBar .catFilter .catFilterDrop ul {
        max-height: 350px;
        height: auto;
        overflow-y: auto; }
.recipeCatBar .catFilter .catFilterDrop ul::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.recipeCatBar .catFilter .catFilterDrop ul::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #eee; }
.recipeCatBar .catFilter .catFilterDrop ul::-webkit-scrollbar-thumb {
          background-color: #3f1c8e;
          outline: none; }
.recipeCatBar .catFilter .catFilterDrop ul li {
          padding: 11px 0;
          font-size: calc(0.00096 * 100vw + 13.59615px); }
@media screen and (min-width: 1919px) {
            .recipeCatBar .catFilter .catFilterDrop ul li {
              font-size: 16px; } }
@media screen and (max-width: 380px) {
            .recipeCatBar .catFilter .catFilterDrop ul li {
              font-size: 14px; } }
.recipeCatBar .catFilter .catFilterDrop ul li label {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            cursor: pointer; }
.recipeCatBar .catFilter .catFilterDrop ul li label svg {
              margin-right: 10px; }
.recipeCatBar .catFilter .catFilterDrop ul li label svg .tick {
                stroke: transparent; }
.recipeCatBar .catFilter .catFilterDrop ul li input:checked + label svg .tick {
            stroke: #3f1c8e; }
.recipeCatBar .catFilter .catFilterDrop .act {
        padding: 30px 0 0; }
.recipeCatBar .catFilter .catFilterDrop button {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        border: 1px solid #dddddd;
        border-radius: 4px;
        font-size: calc(0.00096 * 100vw + 13.59615px);
        cursor: pointer; }
@media screen and (min-width: 1919px) {
          .recipeCatBar .catFilter .catFilterDrop button {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .recipeCatBar .catFilter .catFilterDrop button {
            font-size: 14px; } }
.recipeCatBar .catFilter .catFilterDrop button:hover {
          background-color: #3f1c8e;
          border-color: #3f1c8e;
          color: #fff; }
.recipeCatBar .catFilterToggle {
    display: none;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #3f1c8e;
    font-size: 16px; }
@media (max-width: 1200px) {
      .recipeCatBar .catFilterToggle {
        display: flex; } }
.recipeCatBar .catFilterToggle svg {
      margin-left: 10px; }
.recipeScrollBar {
  display: none;
  padding: 0 30px;
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  z-index: 89;
  background-color: #fff;
  -webkit-transform: translateY(-75px);
          transform: translateY(-75px);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box; }
@media (max-width: 1200px) {
    .recipeScrollBar {
      width: 100%;
      padding: 0; } }
.recipeScrollBar.changePhase {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
.recipeScrollBar .top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px; }
@media (max-width: 900px) {
      .recipeScrollBar .top {
        height: 60px; } }
.recipeScrollBar .top .article {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
.recipeScrollBar .top .article .img {
        width: 75px;
        height: 75px;
        box-sizing: border-box;
        overflow: hidden; }
@media (max-width: 900px) {
          .recipeScrollBar .top .article .img {
            display: none; } }
.recipeScrollBar .top .article .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
.recipeScrollBar .top .article .heart {
        width: 75px;
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #ddd; }
@media (max-width: 900px) {
          .recipeScrollBar .top .article .heart {
            width: 60px;
            height: 60px; } }
.recipeScrollBar .top .article .txt {
        padding: 0 30px;
        box-sizing: border-box;
        border-right: 1px solid #ddd;
        height: 75px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: 1;
        letter-spacing: 0.02em;
        min-width: 50vw; }
@media screen and (min-width: 1919px) {
          .recipeScrollBar .top .article .txt {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .recipeScrollBar .top .article .txt {
            font-size: 14px; } }
@media (max-width: 900px) {
          .recipeScrollBar .top .article .txt {
            height: 60px; } }
.recipeScrollBar .top .article .shareArticle {
        display: flex;
        justify-content: center;
        align-items: center; }
.recipeScrollBar .top .article .shareArticle a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 75px;
          height: 75px;
          border-right: 1px solid #ddd; }
@media (max-width: 900px) {
            .recipeScrollBar .top .article .shareArticle a {
              width: 60px;
              height: 60px; } }
.progress-container {
  width: 100%;
  height: 1px;
  background: #dddddd;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }
.progress-container .progress-bar {
    height: 2px;
    background: #3f1c8e;
    width: 0%; }
.megamenu {
  position: fixed;
  z-index: 109;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
.megamenu.active {
    display: block; }
.megamenu .overlay {
    opacity: 0.4; }
.megamenu .menuInner {
    width: 1350px;
    max-width: 100%;
    height: 100vh;
    position: relative;
    z-index: 10;
    background-color: #fff; }
@media (max-width: 900px) {
      .megamenu .menuInner {
        width: 452px; } }
.megamenu .menuInner .top {
      padding: 55px; }
@media (max-width: 900px) {
        .megamenu .menuInner .top {
          padding: 75px 20px 20px 20px; } }
.megamenu .menuInner .top svg {
        margin-bottom: 50px;
        cursor: pointer; }
@media (max-width: 900px) {
          .megamenu .menuInner .top svg {
            position: absolute;
            right: 12px;
            top: 20px;
            margin-bottom: 0px; } }
.megamenu .menuInner .top h3 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.01em;
        color: #3f1c8e;
        margin: 0;
        font-weight: 600; }
@media (max-width: 900px) {
          .megamenu .menuInner .top h3 {
            display: none; } }
.megamenu .menuInner .top .reorderBtnMobile {
        padding: 0 25px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        font-size: 18px;
        border: 1px solid #dddddd;
        cursor: pointer;
        width: 100%; }
@media (min-width: 901px) {
          .megamenu .menuInner .top .reorderBtnMobile {
            display: none; } }
.megamenu .menuInner .menuSteps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      height: calc(100vh - 250px);
      padding: 0 60px;
      box-sizing: border-box; }
@media (max-width: 900px) {
        .megamenu .menuInner .menuSteps {
          grid-template-columns: 1fr;
          padding: 0 20px; } }
.megamenu .menuInner .menuSteps .column {
        height: calc(100vh - 250px); }
.megamenu .menuInner .menuSteps .column:first-child {
          grid-area: 1 / 1 / 2 / 4; }
.megamenu .menuInner .menuSteps .column:last-child {
          grid-area: 1 / 4 / 2 / 5; }
@media (max-width: 1200px) {
            .megamenu .menuInner .menuSteps .column:last-child {
              display: none; } }
.megamenu .menuInner .menuSteps .column .level-one {
          position: relative;
          flex-grow: 1;
          overflow: auto;
          -ms-overflow-style: none;
          overflow: -moz-scrollbars-none;
          min-width: 900px;
          max-width: 900px;
          height: calc(100vh - 250px); }
.megamenu .menuInner .menuSteps .column .level-one::-webkit-scrollbar {
            display: none; }
@media (max-width: 1200px) {
            .megamenu .menuInner .menuSteps .column .level-one {
              max-width: 90%;
              min-width: 90%; } }
@media (max-width: 900px) {
            .megamenu .menuInner .menuSteps .column .level-one {
              max-width: 100%;
              min-width: 100%; } }
.megamenu .menuInner .menuSteps .column .level-one .menu-div {
            height: 100%;
            position: relative;
            z-index: 9999; }
.megamenu .menuInner .menuSteps .column .level-one .menu-div .back-to-prev-cat {
              color: #1a1a1a;
              text-transform: capitalize;
              font-size: 17px;
              font-weight: 400;
              letter-spacing: 0.3px;
              padding-bottom: 20px;
              color: #8c8c8c; }
@media (min-width: 901px) {
                .megamenu .menuInner .menuSteps .column .level-one .menu-div .back-to-prev-cat {
                  display: none; } }
.megamenu .menuInner .menuSteps .column .level-one ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 300px;
            max-width: 100%;
            padding: 0;
            font-weight: normal;
            line-height: 1;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 12px;
            line-height: 1.2;
            background: #fff;
            list-style: none;
            height: 100%; }
@media (max-width: 1200px) {
              .megamenu .menuInner .menuSteps .column .level-one ul {
                width: 200px; } }
@media (max-width: 900px) {
              .megamenu .menuInner .menuSteps .column .level-one ul {
                width: 100%;
                height: calc(100vh - 250px); } }
.megamenu .menuInner .menuSteps .column .level-one ul li {
              color: #8c8c8c;
              width: 100%;
              cursor: pointer;
              background: #fff; }
@media (max-width: 900px) {
                .megamenu .menuInner .menuSteps .column .level-one ul li {
                  border-bottom: 1px solid #dddddd; }
                  .megamenu .menuInner .menuSteps .column .level-one ul li.hide {
                    display: none; } }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two {
                width: 280px;
                display: none; }
@media (max-width: 900px) {
                  .megamenu .menuInner .menuSteps .column .level-one ul li .level-two {
                    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two .menu-div {
                  margin: 0;
                  position: static; }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two ul {
                  width: 100%;
                  height: 100%;
                  left: calc(100%); }
@media (max-width: 900px) {
                    .megamenu .menuInner .menuSteps .column .level-one ul li .level-two ul {
                      left: 0; } }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two ul li .level-three {
                    width: 280px;
                    display: none; }
@media (min-width: 901px) {
                    .megamenu .menuInner .menuSteps .column .level-one ul li .level-two ul li:hover .level-three {
                      display: block; } }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two ul li .level-three.active {
                    display: block; }
@media (min-width: 901px) {
                .megamenu .menuInner .menuSteps .column .level-one ul li:hover .level-two {
                  display: block; } }
.megamenu .menuInner .menuSteps .column .level-one ul li .level-two.active {
                display: block; }
.megamenu .menuInner .menuSteps .column .level-one ul li a {
                display: inline-block;
                padding-top: 7px;
                padding-bottom: 7px;
                padding-right: 30px;
                width: 92%;
                box-sizing: border-box;
                text-transform: capitalize;
                font-size: 17px;
                font-weight: 400;
                letter-spacing: 0.3px;
                color: #1a1a1a; }
@media (max-width: 900px) {
                  .megamenu .menuInner .menuSteps .column .level-one ul li a {
                    padding-top: 15px;
                    padding-bottom: 15px; } }
.megamenu .menuInner .menuSteps .column .level-one ul li a:hover {
                color: #000; }
@media (min-width: 901px) {
          .megamenu .menuInner .menuSteps .column .level-two a,
          .megamenu .menuInner .menuSteps .column .level-three a {
            padding-left: 24px; } }
.megamenu .menuInner .menuSteps .column .arrow-svg {
          display: inline-block;
          height: auto;
          width: auto; }
.megamenu .menuInner .menuSteps .column .arrow-svg svg {
            width: 10px;
            height: 10px; }
@media (max-width: 900px) {
              .megamenu .menuInner .menuSteps .column .arrow-svg svg {
                width: 15px;
                height: 15px; } }
.megamenu .menuInner .menuSteps .column .active > .arrow-svg {
          display: inline-block; }
.megamenu .menuInner .special-offer {
      color: #ec0127 !important; }
.megamenu .menuInner .banner .img {
      width: 100%; }
.megamenu .menuInner .banner .img img {
        max-width: 100%; }
.megamenu .menuInner .banner p {
      font-size: 13px;
      line-height: 1;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.04em;
      color: #818181; }
.searchTab {
  position: fixed;
  z-index: 109;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
.searchTab.active {
    display: block; }
.searchTab .overlay {
    opacity: 0.4; }
.searchTab .searchInner {
    width: 100%;
    max-width: calc(100% - 300px);
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: #fff; }
@media screen and (max-width: 1200px) {
      .searchTab .searchInner {
        max-width: 100%; } }
.searchTab .searchInner .search-row {
      border-bottom: 1px solid #dddddd;
      height: 120px; }
@media screen and (max-width: 600px) {
        .searchTab .searchInner .search-row {
          height: 80px; } }
.searchTab .searchInner .search-row form {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 35px;
        height: 120px;
        box-sizing: border-box; }
@media screen and (max-width: 600px) {
          .searchTab .searchInner .search-row form {
            height: 80px; } }
.searchTab .searchInner .search-row form input {
          flex-grow: 1;
          width: 100%;
          height: 76px;
          border: 0;
          padding-left: 0; }
.searchTab .searchInner .search-row form .open-search-list-wrapper {
          color: #555555;
          min-width: 140px;
          height: 76px;
          display: flex;
          justify-content: center;
          align-items: center; }
@media screen and (max-width: 600px) {
            .searchTab .searchInner .search-row form .open-search-list-wrapper {
              display: none; } }
.searchTab .searchInner .search-row form .open-search-list-wrapper svg {
            margin-right: 10px; }
.searchTab .searchInner .search-row form .open-search-list-wrapper .submit-search, .searchTab .searchInner .search-row form .open-search-list-wrapper .open-search-by-list {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer; }
.searchTab .searchInner .search-row form #searchClose {
          height: 76px;
          width: 60px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: 20px; }
.searchTab .searchInner .tabs-row {
      border-bottom: 1px solid #dddddd;
      height: 55px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
@media screen and (max-width: 600px) {
        .searchTab .searchInner .tabs-row {
          overflow-x: scroll; } }
.searchTab .searchInner .tabs-row::-webkit-scrollbar {
        display: none; }
.searchTab .searchInner .tabs-row .tabs-btn {
        height: 55px;
        padding: 0 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        line-height: 1;
        color: #bababa;
        letter-spacing: 0.02em; }
.searchTab .searchInner .tabs-row .tabs-btn.active {
          color: #1A1A1A; }
.searchTab .searchInner .search-results {
      display: grid;
      grid-gap: 0px;
      grid-template-rows: auto fit-content(500px);
      height: calc(100vh - 180px);
      max-width: calc(100vw - 300px);
      overflow: hidden; }
@media screen and (max-width: 1200px) {
        .searchTab .searchInner .search-results {
          max-width: 100%; } }
.searchTab .searchInner .search-results .results-content {
        max-width: calc(100vw - 300px);
        height: 100%;
        overflow: hidden;
        padding: 30px 60px 0 60px;
        box-sizing: border-box;
        position: relative; }
.searchTab .searchInner .search-results .results-content::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.searchTab .searchInner .search-results .results-content::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #eee; }
.searchTab .searchInner .search-results .results-content::-webkit-scrollbar-thumb {
          background-color: #3f1c8e;
          outline: none; }
@media screen and (max-width: 1200px) {
          .searchTab .searchInner .search-results .results-content {
            max-width: 100%;
            padding: 30px 30px 0 30px; } }
.searchTab .searchInner .search-results .results-content:after {
          content: "";
          background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 20%, #fff);
          position: absolute;
          height: 66px;
          bottom: 0;
          left: 0;
          z-index: 2;
          width: calc(100% - 80px); }
.searchTab .searchInner .search-results .results-content .results-row {
          position: relative;
          display: none;
          height: 100%;
          overflow-y: auto;
          overflow-x: hidden; }
.searchTab .searchInner .search-results .results-content .results-row::-webkit-scrollbar {
            width: 8px;
            height: 12px; }
.searchTab .searchInner .search-results .results-content .results-row::-webkit-scrollbar-track {
            box-shadow: none;
            background-color: #eee; }
.searchTab .searchInner .search-results .results-content .results-row::-webkit-scrollbar-thumb {
            background-color: #3f1c8e;
            outline: none; }
.searchTab .searchInner .search-results .results-content .results-row.active {
            display: block; }
@media (max-width: 1200px) {
            .searchTab .searchInner .search-results .results-content .results-row {
              height: calc(100vh - 180px); } }
.searchTab .searchInner .search-results .results-content .results-row ul {
            padding-bottom: 60px; }
.searchTab .searchInner .search-results .results-content .results-row ul li {
              padding: 12px 0; }
.searchTab .searchInner .search-results .results-swiper {
        max-width: calc(100vw - 300px); }
@media (max-width: 1200px) {
          .searchTab .searchInner .search-results .results-swiper {
            display: none; } }
.searchTab .searchInner .search-results .results-swiper .slider-row {
          display: none;
          padding: 20px 0 20px; }
.searchTab .searchInner .search-results .results-swiper .slider-row.active {
            display: block; }
@media screen and (max-width: 600px) {
            .searchTab .searchInner .search-results .results-swiper .slider-row {
              display: none !important;
              max-height: 0; } }
@media screen and (max-height: 780px) {
            .searchTab .searchInner .search-results .results-swiper .slider-row {
              display: none !important;
              max-height: 0; } }
@media screen and (max-width: 900px) and (orientation: landscape) {
            .searchTab .searchInner .search-results .results-swiper .slider-row {
              display: none !important;
              max-height: 0; } }
.searchTab .searchInner .search-results .results-swiper .slider-row .container {
            padding: 0 300px 0 60px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 2000px) {
              .searchTab .searchInner .search-results .results-swiper .slider-row .container {
                padding: 0 150px 0 50px; } }
.searchTab .searchInner .search-shopping-list {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 60px);
      box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      height: 100vh;
      z-index: 24;
      display: none;
      box-sizing: border-box; }
.searchTab .searchInner .search-shopping-list * {
        box-sizing: border-box; }
@media screen and (max-width: 1200px) {
        .searchTab .searchInner .search-shopping-list {
          width: 100%; } }
@media screen and (max-width: 600px) {
        .searchTab .searchInner .search-shopping-list {
          display: none; } }
.searchTab .searchInner .search-shopping-list.active {
        display: block; }
.searchTab .searchInner .search-shopping-list .top-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 68px;
        max-height: 68px;
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
        padding: 0 30px; }
.searchTab .searchInner .search-shopping-list .top-row .list-title {
          font-size: 18px;
          line-height: 1;
          color: #1A1A1A;
          margin-bottom: 0; }
.searchTab .searchInner .search-shopping-list #search-shopping-list-close {
        cursor: pointer; }
.searchTab .searchInner .search-shopping-list .shopping-list-add {
        width: 100%;
        height: calc(100vh - 68px);
        padding: 30px;
        position: relative; }
.searchTab .searchInner .search-shopping-list .shopping-list-add .text-input {
          border: 1px solid #e6e6e6;
          border-radius: 8px;
          height: calc(100% - 60px);
          padding: 24px;
          width: 100%; }
.searchTab .searchInner .search-shopping-list .shopping-list-add .text-input textarea {
            background-attachment: local;
            background-image: -webkit-linear-gradient(left, #fff, transparent 0), -webkit-linear-gradient(right, #fff, transparent 0), -webkit-linear-gradient(#fff 39px, #e6e6e6 0, #e6e6e6 40px, #fff 0);
            background-size: 100% 100%, 100% 100%, 100% 40px;
            border: none;
            font-size: calc(.215vw + 16.41202px);
            font-weight: 400;
            height: 100%;
            letter-spacing: .02em;
            line-height: 1.25;
            line-height: 2em;
            outline: none;
            resize: none;
            width: 100%;
            padding: 0; }
@media (min-width: 1672px) {
              .searchTab .searchInner .search-shopping-list .shopping-list-add .text-input textarea {
                font-size: 20px; } }
.searchTab .searchInner .search-shopping-list .shopping-list-add .bottom-row {
          width: 100%;
          padding: 24px;
          display: flex;
          justify-content: flex-end; }
.searchTab .searchInner .search-shopping-list .shopping-list-add .search-for-this-list {
          border: 1px solid #3f1c8e;
          color: #3f1c8e;
          padding: 20px 60px;
          font-size: 13px;
          text-transform: none;
          line-height: 1;
          cursor: pointer; }
.aside {
  position: fixed;
  z-index: 90;
  width: 80px;
  border-left: 1px solid #dddddd;
  box-sizing: border-box;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: none;
          transform: none;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff; }
@media (min-width: 901px) {
    .aside {
      bottom: 0;
      right: 0;
      padding-top: 124px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      height: calc(100vh - 120px); }
      .aside.changePhase {
        height: calc(100vh - 75px); }
      .aside:hover {
        border-color: #3f1c8e; }
        .aside:hover .cartToggle {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
        .aside:hover .productsInCart .product .img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .aside:hover .productsInCart .product .txt {
          opacity: 0; } }
.aside.cart-empty .top .left .checkoutBtnWrapper, .aside.cart-empty .top .left .removeAllWrapper {
    display: none; }
.aside.cart-empty .summary {
    background-color: white !important;
    text-align: center; }
@media (max-width: 900px) {
    .aside {
      top: 100%;
      left: 0;
      width: 100%;
      height: 100vh; }
      .aside.cart-empty .mobileCheckout {
        display: none; }
      .aside.cart-empty .top {
        border: none; }
      .aside.cart-empty .cartQty {
        display: none; } }
@media (min-width: 901px) {
    .aside.expand {
      width: 630px; } }
@media (max-width: 900px) {
    .aside.expand {
      top: 0;
      z-index: 100;
      overflow-y: scroll; }
      .aside.expand .cartTogglebtn {
        top: 90px; }
      .aside.expand .cartQty {
        top: 90px; } }
@media (min-width: 901px) {
    .aside.expand .cartQty {
      display: none; } }
.aside.expand .productsInCart {
    display: none; }
.aside .cartTogglebtn {
    position: absolute;
    z-index: 50;
    top: 24px;
    left: -15px;
    cursor: pointer; }
@media (max-width: 900px) {
      .aside .cartTogglebtn {
        top: -115px;
        right: 0;
        left: 0;
        width: 86px;
        left: calc(50% - 50px); } }
.aside .cartQty {
    background-color: #3f1c8e;
    color: #fff;
    padding: 0 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    min-height: 36px;
    border-radius: 100px;
    width: auto;
    box-sizing: border-box;
    line-height: 1;
    font-size: 20px;
    letter-spacing: 0.02em;
    margin: 0 auto; }
@media (max-width: 900px) {
      .aside .cartQty {
        position: absolute;
        top: -100px;
        left: calc(50% + 23px);
        z-index: 100;
        font-size: 14px;
        min-height: 28px;
        padding: 0 6px; } }
.aside .top {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    z-index: 24;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 95px;
    height: 210px;
    border-bottom: 1px solid #dddddd;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff; }
@media (max-width: 900px) {
      .aside .top {
        position: relative;
        padding-bottom: 65px;
        display: block;
        height: auto;
        padding-left: 0; } }
.aside .top.visible {
      display: flex;
      visibility: visible;
      opacity: 1; }
.aside .top h3 {
      font-size: 30px;
      font-weight: 600;
      line-height: 35px;
      color: #3f1c8e;
      margin: 40px 0 15px; }
@media (max-width: 900px) {
        .aside .top h3 {
          text-align: center;
          margin-top: 0;
          max-width: 200px; } }
.aside .top h3 span {
        font-weight: 600;
        display: inline-block;
        margin: 0 10px;
        border-bottom: 4px solid #ec0127; }
.aside .top a {
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      color: #3f1c8e;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
@media (max-width: 900px) {
        .aside .top a {
          display: none; } }
.aside .top a svg {
        margin-left: 10px; }
.aside .top .left {
      width: calc(100% - 100px);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      height: 209px;
      background-color: #fff;
      box-sizing: border-box; }
@media (max-width: 900px) {
        .aside .top .left {
          width: calc(100% - 30px);
          height: auto;
          padding: 180px 0 0 0;
          align-items: center; } }
.aside .top .left .removeAllWrapper {
        margin: 30px 0 15px 0; }
.aside .top .left .removeAllWrapper a,
        .aside .top .left .removeAllWrapper button {
          border: 1px solid #dddddd;
          border-color: #3f1c8e;
          color: #3f1c8e;
          height: 40px;
          border-radius: 4px;
          padding: 0 20px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          box-sizing: border-box; }
.aside .top .left .removeAllWrapper a:hover,
          .aside .top .left .removeAllWrapper button:hover {
            background-color: #3f1c8e;
            color: #fff; }
.aside .top .left .removeAllWrapper a.forget,
          .aside .top .left .removeAllWrapper button.forget {
            border: 0;
            padding: 0;
            height: auto;
            border-radius: 0;
            display: inline-block;
            width: auto;
            color: #000; }
.aside .top .left .removeAllWrapper a.forget:hover,
            .aside .top .left .removeAllWrapper button.forget:hover {
              background-color: transparent;
              color: #000; }
.aside .top .left .removeAllWrapper a svg,
          .aside .top .left .removeAllWrapper button svg {
            margin-left: 10px; }
.aside .top .left .removeAllWrapper a.plain-link,
          .aside .top .left .removeAllWrapper button.plain-link {
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #3f1c8e;
            padding: 0 16px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            text-decoration: underline; }
.aside .top .left .removeAllWrapper a.plain-link:hover,
            .aside .top .left .removeAllWrapper button.plain-link:hover {
              background-color: transparent;
              color: #3f1c8e; }
.aside .top .left .removeAllWrapper .blue-btn {
          background-color: #3f1c8e;
          color: #fff; }
.aside .top .left .removeAllWrapper .red-btn {
          background-color: #ec0127;
          color: #fff;
          border-color: #ec0127; }
.aside .top .left .removeAllWrapper .red-btn:hover {
            background-color: #ec0127;
            color: #fff; }
@media (max-width: 900px) {
          .aside .top .left .removeAllWrapper {
            margin: 0; } }
.aside .top .right {
      width: 100px;
      height: 209px;
      border-left: 1px solid #dddddd;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background-color: #fff; }
@media (max-width: 900px) {
        .aside .top .right {
          width: 50px;
          height: auto;
          border-left: none;
          position: absolute;
          top: 0;
          right: 0; } }
.aside .top .right svg {
        pointer-events: none; }
@media (max-width: 900px) {
          .aside .top .right svg {
            width: 40px;
            height: 40px;
            top: 0; } }
.aside .mobileCheckout {
    width: 100%; }
.aside .mobileCheckout .checkoutNow {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
.aside .mobileCheckout .checkoutNow a {
        background-color: #ec0127;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        line-height: 1;
        letter-spacing: 0.015em;
        font-weight: 600;
        color: #fff;
        padding: 0 15px 0 25px;
        box-sizing: border-box;
        height: 50px; }
.aside .mobileCheckout .checkoutNow a svg {
          margin-left: 10px; }
@media (min-width: 901px) {
      .aside .mobileCheckout {
        display: none; } }
.aside .mobileCheckout .totalPayable {
      background-color: #fff;
      border: 1px solid #dddddd;
      border-radius: 5px;
      margin: 40px 0 0 0;
      height: 56px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
@media (max-width: 900px) {
        .aside .mobileCheckout .totalPayable {
          height: 48px; } }
.aside .mobileCheckout .totalPayable .right-checkout .checkoutNow a {
        height: 35px;
        margin-right: 10px;
        font-size: 14px; }
.aside .mobileCheckout .totalPayable .left-price {
        color: #3f1c8e;
        position: relative;
        padding-left: 20px; }
.aside .mobileCheckout .totalPayable .left-price span.currency {
          font-size: 12px;
          line-height: 1;
          letter-spacing: 0.025em;
          position: relative;
          top: -10px; }
.aside .mobileCheckout .totalPayable .left-price span.intiger {
          font-size: 26px;
          font-weight: 600;
          line-height: 1; }
.aside .mobileCheckout .totalPayable .left-price span.decimal {
          font-size: 16px;
          font-weight: 600;
          line-height: 1;
          letter-spacing: 0.05em;
          position: relative;
          top: -8px; }
.aside .mobileCheckout.withStickyHeader {
      position: fixed;
      top: 0; }
.aside .mobileCheckout.withStickyHeader .totalPayable {
        margin: 0;
        height: 70px;
        border-radius: 0; }
.aside .mobileCheckout.withStickyHeader .totalPayable .checkoutNow a {
          height: 70px;
          margin-right: 0;
          border-radius: 0;
          font-size: 18px; }
.aside .productsInCart {
    display: grid;
    grid-template-columns: 1fr;
    padding: 12px 0;
    border-top: 1px solid #dddddd;
    margin-top: 22px;
    width: 80px;
    overflow-y: auto; }
.aside .productsInCart::-webkit-scrollbar {
      width: 2px;
      height: 4px; }
.aside .productsInCart::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #f4f4f4; }
.aside .productsInCart::-webkit-scrollbar-thumb {
      background-color: #bababa;
      outline: none; }
@media (max-width: 900px) {
      .aside .productsInCart {
        display: none; } }
.aside .productsInCart .product {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-top: 1px solid #dddddd;
      padding-top: 10px;
      position: relative; }
.aside .productsInCart .product:first-child {
        border-top: 0; }
.aside .productsInCart .product .img {
        width: 55px;
        height: 55px;
        overflow: hidden;
        padding-bottom: 10px;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        position: relative;
        -webkit-transform: none;
                transform: none;
        top: 0; }
.aside .productsInCart .product .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }
.aside .productsInCart .product .txt {
        color: #3f1c8e;
        font-size: 17px;
        line-height: 1;
        letter-spacing: 0.02em;
        padding-bottom: 15px;
        font-weight: 600;
        opacity: 1;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.aside .productsInCartExpanded {
    width: 100%;
    box-sizing: border-box;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    padding-top: 85px;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    position: relative;
    z-index: 2;
    background-color: #fff; }
.aside .productsInCartExpanded::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.aside .productsInCartExpanded::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #eee; }
.aside .productsInCartExpanded::-webkit-scrollbar-thumb {
      background-color: #3f1c8e;
      outline: none; }
@media (max-width: 900px) {
      .aside .productsInCartExpanded {
        max-height: none;
        padding-top: 0; } }
@media (min-width: 901px) {
      .aside .productsInCartExpanded.changePhase {
        max-height: calc(100vh - 240px); } }
.aside .productsInCartExpanded.visible {
      display: block;
      visibility: visible;
      opacity: 1; }
.aside .productsInCartExpanded .products, .aside .productsInCartExpanded .products-action-mobile {
      display: flex;
      justify-content: flex-start;
      position: relative;
      padding: 20px 40px 18px;
      border-bottom: 1px solid #dddddd; }
@media (max-width: 900px) {
        .aside .productsInCartExpanded .products, .aside .productsInCartExpanded .products-action-mobile {
          padding: 20px 10px 20px 10px; }
          .aside .productsInCartExpanded .products.no-bottom-border-mobile, .aside .productsInCartExpanded .products-action-mobile.no-bottom-border-mobile {
            border-bottom: none; } }
.aside .productsInCartExpanded .products .img, .aside .productsInCartExpanded .products-action-mobile .img {
        width: 150px;
        height: 150px; }
@media (max-width: 900px) {
          .aside .productsInCartExpanded .products .img, .aside .productsInCartExpanded .products-action-mobile .img {
            width: 130px;
            height: 130px; } }
@media (max-width: 500px) {
          .aside .productsInCartExpanded .products .img, .aside .productsInCartExpanded .products-action-mobile .img {
            width: 100px;
            height: 100px; } }
@media (max-width: 400px) {
          .aside .productsInCartExpanded .products .img, .aside .productsInCartExpanded .products-action-mobile .img {
            width: 75px;
            height: 75px; } }
.aside .productsInCartExpanded .products .img img, .aside .productsInCartExpanded .products-action-mobile .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }
.aside .productsInCartExpanded .products .txt, .aside .productsInCartExpanded .products-action-mobile .txt {
        position: relative;
        padding-left: 60px;
        box-sizing: border-box;
        width: calc(100% - 150px); }
@media (max-width: 900px) {
          .aside .productsInCartExpanded .products .txt, .aside .productsInCartExpanded .products-action-mobile .txt {
            width: calc(100% - 130px);
            padding-left: 15px; } }
@media (max-width: 500px) {
          .aside .productsInCartExpanded .products .txt, .aside .productsInCartExpanded .products-action-mobile .txt {
            width: calc(100% - 100px); } }
@media (max-width: 400px) {
          .aside .productsInCartExpanded .products .txt, .aside .productsInCartExpanded .products-action-mobile .txt {
            width: calc(100% - 75px); } }
.aside .productsInCartExpanded .products .txt .price, .aside .productsInCartExpanded .products-action-mobile .txt .price {
          color: #3f1c8e;
          position: relative;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start; }
.aside .productsInCartExpanded .products .txt .price .currency, .aside .productsInCartExpanded .products-action-mobile .txt .price .currency {
            display: block;
            width: auto;
            font-size: 11px;
            line-height: 1;
            letter-spacing: 0.08em;
            font-weight: 600;
            position: relative;
            top: 10px;
            margin-right: 5px; }
.aside .productsInCartExpanded .products .txt .price .cost, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost {
            display: flex;
            justify-content: flex-start; }
.aside .productsInCartExpanded .products .txt .price .cost .left .intiger, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .left .intiger {
              font-size: calc(0.00577 * 100vw + 35.57692px);
              line-height: 1;
              letter-spacing: -0.01em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .aside .productsInCartExpanded .products .txt .price .cost .left .intiger, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .left .intiger {
                  font-size: 50px; } }
@media screen and (max-width: 380px) {
                .aside .productsInCartExpanded .products .txt .price .cost .left .intiger, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .left .intiger {
                  font-size: 38px; } }
.aside .productsInCartExpanded .products .txt .price .cost .right, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: flex-start;
              padding: 12px 0 5px 5px;
              box-sizing: border-box; }
.aside .productsInCartExpanded .products .txt .price .cost .right span, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span {
                display: inline-block; }
.aside .productsInCartExpanded .products .txt .price .cost .right span.decimal, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.decimal {
                  position: relative;
                  top: -4px;
                  font-size: calc(0.00048 * 100vw + 14.79808px);
                  line-height: 1;
                  letter-spacing: 0.08em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .aside .productsInCartExpanded .products .txt .price .cost .right span.decimal, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.decimal {
                      font-size: 16px; } }
@media screen and (max-width: 380px) {
                    .aside .productsInCartExpanded .products .txt .price .cost .right span.decimal, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.decimal {
                      font-size: 15px; } }
.aside .productsInCartExpanded .products .txt .price .cost .right span.qtyInfo, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.qtyInfo {
                  position: relative;
                  top: -5px;
                  font-size: calc(0.00144 * 100vw + 10.39423px);
                  line-height: 1;
                  letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                    .aside .productsInCartExpanded .products .txt .price .cost .right span.qtyInfo, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.qtyInfo {
                      font-size: 14px; } }
@media screen and (max-width: 380px) {
                    .aside .productsInCartExpanded .products .txt .price .cost .right span.qtyInfo, .aside .productsInCartExpanded .products-action-mobile .txt .price .cost .right span.qtyInfo {
                      font-size: 11px; } }
.aside .productsInCartExpanded .products .txt .price .oldPrice, .aside .productsInCartExpanded .products-action-mobile .txt .price .oldPrice {
            min-height: 16px;
            margin-top: 15px;
            color: transparent; }
@media (max-width: 1200px) {
              .aside .productsInCartExpanded .products .txt .price .oldPrice, .aside .productsInCartExpanded .products-action-mobile .txt .price .oldPrice {
                position: absolute;
                z-index: 2;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); } }
.aside .productsInCartExpanded .products .txt .excerpt, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt {
          color: #555555;
          font-size: calc(0.00144 * 100vw + 13.39423px);
          line-height: calc(0.00192 * 100vw + 15.19231px);
          letter-spacing: 0.025em;
          padding: 20px 0 0;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
            .aside .productsInCartExpanded .products .txt .excerpt, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .aside .productsInCartExpanded .products .txt .excerpt, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .aside .productsInCartExpanded .products .txt .excerpt, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .aside .productsInCartExpanded .products .txt .excerpt, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt {
              line-height: 16px; } }
.aside .productsInCartExpanded .products .txt .excerpt span, .aside .productsInCartExpanded .products-action-mobile .txt .excerpt span {
            display: inline-block;
            height: auto;
            max-width: calc(100% - 35px);
            display: -webkit-box;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 500; }
.aside .productsInCartExpanded .products .txt .offerTxt, .aside .productsInCartExpanded .products-action-mobile .txt .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          font-size: calc(0.00481 * 100vw + 12.98077px);
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: none !important;
          justify-content: center;
          align-items: center;
          margin-top: 15px; }
@media screen and (min-width: 1919px) {
            .aside .productsInCartExpanded .products .txt .offerTxt, .aside .productsInCartExpanded .products-action-mobile .txt .offerTxt {
              font-size: 25px; } }
@media screen and (max-width: 380px) {
            .aside .productsInCartExpanded .products .txt .offerTxt, .aside .productsInCartExpanded .products-action-mobile .txt .offerTxt {
              font-size: 15px; } }
.aside .productsInCartExpanded .products .txt .bottom, .aside .productsInCartExpanded .products-action-mobile .txt .bottom {
          display: flex;
          justify-content: flex-end;
          padding-top: 20px;
          position: relative; }
.aside .productsInCartExpanded .products .txt .bottom .deleteFromCart, .aside .productsInCartExpanded .products-action-mobile .txt .bottom .deleteFromCart {
            margin-right: 20px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            width: 50px;
            height: 47px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            position: absolute;
            top: 20px;
            left: 0;
            z-index: 10;
            box-sizing: border-box;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.aside .productsInCartExpanded .products .txt .bottom .deleteFromCart span, .aside .productsInCartExpanded .products-action-mobile .txt .bottom .deleteFromCart span {
              display: none;
              font-size: 14px;
              font-weight: 600;
              color: #fff;
              line-height: 1;
              letter-spacing: 0.025em;
              margin-left: 15px; }
.aside .productsInCartExpanded .products .txt .bottom .deleteFromCart:hover, .aside .productsInCartExpanded .products-action-mobile .txt .bottom .deleteFromCart:hover {
              background-color: #ec0127;
              border-color: #ec0127;
              width: 100%;
              justify-content: flex-start;
              padding: 0 15px; }
.aside .productsInCartExpanded .products .txt .bottom .deleteFromCart:hover svg path, .aside .productsInCartExpanded .products-action-mobile .txt .bottom .deleteFromCart:hover svg path {
                fill: #fff; }
.aside .productsInCartExpanded .products .txt .bottom .deleteFromCart:hover span, .aside .productsInCartExpanded .products-action-mobile .txt .bottom .deleteFromCart:hover span {
                display: inline-block; }
.aside .productsInCartExpanded .products .actions, .aside .productsInCartExpanded .products-action-mobile .actions {
        display: block;
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: calc(100% - 70px);
        border-radius: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
          .aside .productsInCartExpanded .products .actions, .aside .productsInCartExpanded .products-action-mobile .actions {
            position: relative;
            display: flex;
            justify-content: center;
            background-color: transparent; } }
.aside .productsInCartExpanded .products .addToCart, .aside .productsInCartExpanded .products-action-mobile .addToCart {
        background-color: #fff;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 45px;
        width: calc(100% - 30px);
        font-size: 17px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        opacity: 1; }
@media (max-width: 1200px) {
          .aside .productsInCartExpanded .products .addToCart, .aside .productsInCartExpanded .products-action-mobile .addToCart {
            width: 100%; } }
.aside .productsInCartExpanded .products .addToCart.disabled, .aside .productsInCartExpanded .products-action-mobile .addToCart.disabled {
          display: none;
          opacity: 0; }
.aside .productsInCartExpanded .products .addToCart:hover, .aside .productsInCartExpanded .products-action-mobile .addToCart:hover {
          background-color: #3f1c8e;
          color: #fff; }
.aside .productsInCartExpanded .products .addToCart:hover svg line, .aside .productsInCartExpanded .products-action-mobile .addToCart:hover svg line {
            stroke: #fff; }
.aside .productsInCartExpanded .products .addToCart svg, .aside .productsInCartExpanded .products-action-mobile .addToCart svg {
          margin-right: 15px; }
.aside .productsInCartExpanded .products .cartAction, .aside .productsInCartExpanded .products-action-mobile .cartAction {
        width: calc(100% - 30px);
        height: 45px;
        grid-template-columns: repeat(3, 1fr);
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fff;
        display: none;
        opacity: 0; }
@media (max-width: 1200px) {
          .aside .productsInCartExpanded .products .cartAction, .aside .productsInCartExpanded .products-action-mobile .cartAction {
            width: 100%; } }
.aside .productsInCartExpanded .products .cartAction.active, .aside .productsInCartExpanded .products-action-mobile .cartAction.active {
          display: grid;
          opacity: 1; }
.aside .productsInCartExpanded .products .cartAction .dec,
        .aside .productsInCartExpanded .products .cartAction .val,
        .aside .productsInCartExpanded .products .cartAction .inc, .aside .productsInCartExpanded .products-action-mobile .cartAction .dec,
        .aside .productsInCartExpanded .products-action-mobile .cartAction .val,
        .aside .productsInCartExpanded .products-action-mobile .cartAction .inc {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer; }
.aside .productsInCartExpanded .products .cartAction .dec:hover,
          .aside .productsInCartExpanded .products .cartAction .val:hover,
          .aside .productsInCartExpanded .products .cartAction .inc:hover, .aside .productsInCartExpanded .products-action-mobile .cartAction .dec:hover,
          .aside .productsInCartExpanded .products-action-mobile .cartAction .val:hover,
          .aside .productsInCartExpanded .products-action-mobile .cartAction .inc:hover {
            background-color: #3f1c8e; }
.aside .productsInCartExpanded .products .cartAction .dec:hover svg line,
            .aside .productsInCartExpanded .products .cartAction .val:hover svg line,
            .aside .productsInCartExpanded .products .cartAction .inc:hover svg line, .aside .productsInCartExpanded .products-action-mobile .cartAction .dec:hover svg line,
            .aside .productsInCartExpanded .products-action-mobile .cartAction .val:hover svg line,
            .aside .productsInCartExpanded .products-action-mobile .cartAction .inc:hover svg line {
              stroke: #fff; }
.aside .productsInCartExpanded .products .cartAction .val, .aside .productsInCartExpanded .products-action-mobile .cartAction .val {
          border-right: 1px solid #dddddd;
          border-left: 1px solid #dddddd;
          font-size: calc(0.00096 * 100vw + 15.59615px);
          letter-spacing: 0.05em;
          line-height: 1;
          cursor: auto; }
@media screen and (min-width: 1919px) {
            .aside .productsInCartExpanded .products .cartAction .val, .aside .productsInCartExpanded .products-action-mobile .cartAction .val {
              font-size: 18px; } }
@media screen and (max-width: 380px) {
            .aside .productsInCartExpanded .products .cartAction .val, .aside .productsInCartExpanded .products-action-mobile .cartAction .val {
              font-size: 16px; } }
.aside .productsInCartExpanded .products .cartAction .val:hover, .aside .productsInCartExpanded .products-action-mobile .cartAction .val:hover {
            background-color: #fff; }
.aside .productsInCartExpanded .products-action-mobile {
      display: block;
      padding: 0 10px 20px 10px; }
.aside .productsInCartExpanded .products-action-mobile .bottom {
        padding: 0px !important; }
.aside .productsInCartExpanded .products-action-mobile .bottom .deleteFromCart {
          top: 0 !important; }
.aside .productsInCartExpanded .products-action-mobile .bottom .actions {
          margin-left: 150px; }
@media (max-width: 500px) {
            .aside .productsInCartExpanded .products-action-mobile .bottom .actions {
              margin-left: 120px; } }
@media (max-width: 400px) {
            .aside .productsInCartExpanded .products-action-mobile .bottom .actions {
              margin-left: 95px; } }
.aside .productsInCartExpanded .products-action-mobile .txt {
        width: 100%;
        padding-left: 0; }
@media (min-width: 901px) {
        .aside .productsInCartExpanded .products-action-mobile {
          display: none; } }
@media (max-width: 900px) {
      .aside .productsInCartExpanded .products-action-desktop {
        display: none !important; } }
.aside .productsInCartExpanded .summary {
      background-color: #fafafa;
      padding: 100px 40px 60px; }
@media (max-width: 900px) {
        .aside .productsInCartExpanded .summary {
          padding: 45px 20px 100px; } }
.aside .productsInCartExpanded .summary h3 {
        font-size: 30px;
        line-height: 1;
        font-weight: 600;
        color: #3f1c8e;
        margin: 0 0 60px; }
@media (max-width: 900px) {
          .aside .productsInCartExpanded .summary h3 {
            display: flex;
            justify-content: space-between;
            align-items: baseline; } }
.aside .productsInCartExpanded .summary h3 span {
          color: #000;
          font-size: 16px;
          letter-spacing: 0.02em; }
.aside .productsInCartExpanded .summary ul li {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0; }
.aside .productsInCartExpanded .summary .totalPayable {
        background-color: #fff;
        border: 1px solid #dddddd;
        border-radius: 5px;
        margin: 60px 0 30px;
        padding: 0 20px;
        height: 56px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center; }
@media (max-width: 900px) {
          .aside .productsInCartExpanded .summary .totalPayable {
            border: none;
            background: none;
            padding: 0; } }
.aside .productsInCartExpanded .summary .totalPayable .left {
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em; }
.aside .productsInCartExpanded .summary .totalPayable .right {
          color: #3f1c8e;
          position: relative; }
.aside .productsInCartExpanded .summary .totalPayable .right span.currency {
            font-size: 12px;
            line-height: 1;
            letter-spacing: 0.025em;
            position: relative;
            top: -10px; }
.aside .productsInCartExpanded .summary .totalPayable .right span.intiger {
            font-size: 26px;
            font-weight: 600;
            line-height: 1; }
.aside .productsInCartExpanded .summary .totalPayable .right span.decimal {
            font-size: 16px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.05em;
            position: relative;
            top: -8px; }
.aside .productsInCartExpanded .summary .checkoutNow {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
.aside .productsInCartExpanded .summary .checkoutNow a {
          background-color: #ec0127;
          border-radius: 5px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 18px;
          line-height: 1;
          letter-spacing: 0.015em;
          font-weight: 600;
          color: #fff;
          padding: 0 15px 0 25px;
          box-sizing: border-box;
          height: 50px; }
.aside .productsInCartExpanded .summary .checkoutNow a svg {
            margin-left: 10px; }
@media (max-width: 900px) {
        .aside .productsInCartExpanded .summary .checkoutNow a {
          width: 100%; } }
.MobileCartbtnFloat {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 101;
  cursor: pointer; }
.overlaySidebar {
  position: fixed;
  z-index: 88;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  pointer-events: none; }
.overlaySidebar.active {
    opacity: 0.4;
    pointer-events: auto; }
footer .signup {
  background-color: #5d429b;
  padding: 180px 0;
  display: flex;
  justify-content: center;
  position: relative; }
@media (max-width: 1200px) {
    footer .signup {
      padding: 120px 0; } }
@media (max-width: 900px) {
    footer .signup {
      padding: 100px 15px; } }
@media (max-width: 600px) {
    footer .signup {
      padding: 80px 15px 100px; } }
footer .signup .inner h3 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    margin: 0 0 30px; }
@media (max-width: 600px) {
      footer .signup .inner h3 {
        text-align: left; } }
footer .signup .inner form .formGroup {
    position: relative;
    padding-bottom: 0; }
footer .signup .inner form .formGroup input {
      width: 100%;
      padding-right: 125px; }
footer .signup .inner form .formGroup button {
      position: absolute;
      z-index: 2;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: #ec0127;
      color: #fff;
      height: 40px;
      padding: 0 16px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      font-size: 16px;
      line-height: 1;
      font-weight: 600; }
footer .signup .inner form .formGroup button svg {
        margin-left: 10px; }
footer .signup p {
    color: #fff;
    margin: 0;
    position: absolute;
    z-index: 3;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.04em; }
@media (max-width: 600px) {
      footer .signup p {
        left: 0;
        -webkit-transform: none;
                transform: none;
        padding: 0 15px; } }
footer .signup p span {
      font-weight: 600; }
footer .footer {
  background-color: #3f1c8e;
  padding: 40px 40px 25px; }
@media (max-width: 900px) {
    footer .footer {
      padding-bottom: 65px; } }
@media (max-width: 600px) {
    footer .footer {
      padding: 60px 20px 65px; } }
footer .footer .row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1400px) {
      footer .footer .row {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
      footer .footer .row {
        grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
      footer .footer .row {
        grid-template-columns: 1fr;
        row-gap: 60px; } }
footer .footer .row:nth-child(2) {
      padding-top: 30px; }
footer .footer .row .column h3 {
      color: #fff;
      margin: 0 0 30px;
      line-height: 1;
      font-weight: 600;
      font-size: calc(0.00385 * 100vw + 20.38462px);
      margin-bottom: calc(0 * 100vw + 15px); }
@media screen and (min-width: 1919px) {
        footer .footer .row .column h3 {
          font-size: 30px; } }
@media screen and (max-width: 380px) {
        footer .footer .row .column h3 {
          font-size: 22px; } }
@media screen and (min-width: 1919px) {
        footer .footer .row .column h3 {
          margin-bottom: 15px; } }
@media screen and (max-width: 380px) {
        footer .footer .row .column h3 {
          margin-bottom: 15px; } }
footer .footer .row .column p {
      color: #fff;
      margin: 0;
      font-size: calc(0.0024 * 100vw + 15.99038px);
      line-height: calc(-0.0024 * 100vw + 28.00962px);
      letter-spacing: 0.01em; }
@media screen and (min-width: 1919px) {
        footer .footer .row .column p {
          font-size: 22px; } }
@media screen and (max-width: 380px) {
        footer .footer .row .column p {
          font-size: 17px; } }
@media screen and (min-width: 1919px) {
        footer .footer .row .column p {
          line-height: 22px; } }
@media screen and (max-width: 380px) {
        footer .footer .row .column p {
          line-height: 27px; } }
@media (max-width: 900px) {
      footer .footer .row .column ul {
        display: none; } }
footer .footer .row .column ul li {
      padding: 0; }
footer .footer .row .column ul li a {
        color: #fff;
        font-size: 13px;
        line-height: 1;
        letter-spacing: 0.04em; }
@media (max-width: 900px) {
    footer .footer .hideInTab {
      display: none; } }
footer .footer .showInTab {
    display: none;
    padding-top: 75px; }
@media (max-width: 900px) {
      footer .footer .showInTab {
        display: block; } }
footer .footer .accordion {
    margin: 0 -40px;
    border-top: 1px solid #8d79bc; }
@media (max-width: 600px) {
      footer .footer .accordion {
        margin: 0 -20px; } }
footer .footer .accordion .s-accordion-container .s-set .s-set-tab {
      border-color: #8d79bc;
      color: #fff;
      padding: 20px 20px; }
footer .footer .accordion .s-accordion-container .s-set .s-set-content {
      padding: 20px; }
footer .footer .accordion .s-accordion-container .s-set .s-set-content ul li {
        padding: 10px 0; }
footer .footer .accordion .s-accordion-container .s-set .s-set-content ul li a {
          font-size: 17px;
          line-height: 1;
          letter-spacing: 0.06em;
          color: #b2a4d2; }
footer .footer .copywrite {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    box-sizing: border-box;
    padding-right: 100px; }
@media (max-width: 900px) {
      footer .footer .copywrite {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-right: 0; } }
footer .footer .copywrite .left {
      color: #fff;
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0.04em; }
@media (max-width: 900px) {
        footer .footer .copywrite .left {
          width: 100%;
          order: 2;
          text-align: center;
          padding-top: 30px; } }
@media (max-width: 900px) {
      footer .footer .copywrite .right {
        width: 100%;
        order: 1; } }
footer .footer .copywrite .right ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
footer .footer .copywrite .right ul li {
        padding: 0 18px; }
footer .footer .copywrite .right ul li a {
          display: inline-block; }
.productSlider {
  padding: 126px 0 100px; }
@media (max-width: 1200px) {
    .productSlider {
      overflow: hidden;
      padding: 80px 0; } }
.productSlider .row.top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.productSlider .row.centeredBtnBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0 120px;
    border-bottom: 1px solid #dddddd; }
@media (max-width: 1200px) {
      .productSlider .row.centeredBtnBox {
        padding: 60px 0 80px; } }
@media (max-width: 900px) {
      .productSlider .row.centeredBtnBox {
        display: none; } }
.productSlider .row.centeredBtnBox a {
      display: inline-block;
      top: 0; }
.productSlider .row.displace {
    margin-left: -155px;
    width: calc(100% + 155px); }
@media (max-width: 1200px) {
      .productSlider .row.displace {
        margin-left: 0;
        width: 100%; } }
@media (max-width: 1200px) {
    .productSlider .swiper-container {
      overflow: visible; } }
.productSlider .swiper-slide .productBox {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 0 15px 24px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative; }
@media (max-width: 800px) {
      .productSlider .swiper-slide .productBox {
        padding: 0 15px 10px; } }
.productSlider .swiper-slide .productBox .oldPrice {
      min-height: 16px;
      margin-top: 15px;
      color: transparent;
      color: #ec0127 !important;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.04em;
      font-weight: 600;
      margin-top: 15px;
      position: relative;
      display: inline-block; }
.productSlider .swiper-slide .productBox .oldPrice::before {
        content: '';
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
        height: 2px;
        background-color: #ec0127;
        opacity: 0.5; }
.productSlider .swiper-slide .productBox:hover {
      background-color: #f7f7f7; }
@media (max-width: 1200px) {
        .productSlider .swiper-slide .productBox:hover {
          background-color: #fff; } }
.productSlider .swiper-slide .productBox:hover .img {
        background-color: #f7f7f7; }
@media (max-width: 1200px) {
          .productSlider .swiper-slide .productBox:hover .img {
            background-color: #fff; } }
.productSlider .swiper-slide .productBox:hover .img img {
          mix-blend-mode: multiply; }
.productSlider .swiper-slide .productBox:hover .actions {
        display: flex;
        justify-content: center;
        align-items: center; }
.productSlider .swiper-slide .productBox:hover .txt .excerpt * {
        color: transparent;
        fill: transparent; }
@media (max-width: 1200px) {
          .productSlider .swiper-slide .productBox:hover .txt .excerpt * {
            color: #555; } }
.productSlider .swiper-slide .productBox:hover .txt .price {
        color: transparent;
        fill: transparent; }
@media (max-width: 1200px) {
          .productSlider .swiper-slide .productBox:hover .txt .price {
            color: #3f1c8e; } }
.productSlider .swiper-slide .productBox:hover .txt .price .oldPrice * {
          color: transparent; }
.productSlider .swiper-slide .productBox.inList .top .addToList svg .circleBg {
      fill: #ec0127; }
.productSlider .swiper-slide .productBox.inList .top .addToList svg .heart {
      stroke: #fff; }
.productSlider .swiper-slide .productBox.inList .top .addToList:hover .heart {
      stroke: #ffea3d; }
.productSlider .swiper-slide .productBox.offer .top .offerTxt,
    .productSlider .swiper-slide .productBox.offer .txt .offerTxt {
      display: inline-flex !important; }
.productSlider .swiper-slide .productBox a {
      display: block;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSlider .swiper-slide .productBox .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 54px;
      position: relative;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSlider .swiper-slide .productBox .top .addToList {
        cursor: pointer;
        position: relative;
        left: -5px;
        z-index: 10;
        padding: 0; }
.productSlider .swiper-slide .productBox .top .addToList svg .circleBg {
          fill: none;
          stroke: none;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSlider .swiper-slide .productBox .top .addToList svg .heart {
          stroke: #8b8b8b;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSlider .swiper-slide .productBox .top .addToList:hover svg .heart {
          stroke: #ec0127; }
.productSlider .swiper-slide .productBox .top .prdQty {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #3f1c8e;
        color: #fff;
        font-size: 15px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.01em;
        display: none;
        justify-content: center;
        align-items: center; }
.productSlider .swiper-slide .productBox .top .prdQty.active {
          display: flex; }
.productSlider .swiper-slide .productBox .top .prdQty span {
          display: inline-block;
          position: relative;
          top: -1px; }
.productSlider .swiper-slide .productBox .top .offerTxt {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        max-width: calc(100% - 100px);
        width: auto;
        padding: 15px 10px;
        font-size: 20px;
        font-size: calc(0.00288 * 100vw + 12.78846px);
        line-height: calc(-0.00192 * 100vw + 24.80769px);
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        display: none !important;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .top .offerTxt {
            font-size: 20px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .top .offerTxt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .top .offerTxt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .top .offerTxt {
            line-height: 24px; } }
@media (max-width: 800px) {
          .productSlider .swiper-slide .productBox .top .offerTxt {
            padding: 10px; } }
.productSlider .swiper-slide .productBox .top .offerTxt.red {
          background-color: #ec0127;
          color: #ffea3d; }
.productSlider .swiper-slide .productBox .top .offerTxt.yellow {
          background-color: #ffea3d;
          color: #ec0127; }
.productSlider .swiper-slide .productBox .top .offerTxt span {
          font: inherit; }
.productSlider .swiper-slide .productBox .img {
      width: 100%;
      padding-top: 100%;
      background-color: #fff;
      position: relative; }
.productSlider .swiper-slide .productBox .img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
           object-fit: contain;
        mix-blend-mode: normal; }
.productSlider .swiper-slide .productBox .txt .price {
      color: #3f1c8e;
      position: relative; }
.productSlider .swiper-slide .productBox .txt .price .currency {
        display: block;
        width: 100%;
        font-size: 11px;
        line-height: 1;
        letter-spacing: 0.08em;
        font-weight: 600; }
.productSlider .swiper-slide .productBox .txt .price .cost {
        display: flex;
        justify-content: flex-start; }
.productSlider .swiper-slide .productBox .txt .price .cost .left .intiger {
          font-size: calc(0.00577 * 100vw + 35.57692px);
          line-height: 1;
          letter-spacing: -0.01em;
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .productSlider .swiper-slide .productBox .txt .price .cost .left .intiger {
              font-size: 50px; } }
@media screen and (max-width: 380px) {
            .productSlider .swiper-slide .productBox .txt .price .cost .left .intiger {
              font-size: 38px; } }
.productSlider .swiper-slide .productBox .txt .price .cost .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-start;
          padding: 12px 0 5px 5px;
          box-sizing: border-box; }
@media (max-width: 800px) {
            .productSlider .swiper-slide .productBox .txt .price .cost .right {
              padding: 6px 0 5px 5px; } }
.productSlider .swiper-slide .productBox .txt .price .cost .right span {
            display: inline-block; }
.productSlider .swiper-slide .productBox .txt .price .cost .right span.decimal {
              font-size: calc(0.00048 * 100vw + 14.79808px);
              line-height: 1;
              letter-spacing: 0.08em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .productSlider .swiper-slide .productBox .txt .price .cost .right span.decimal {
                  font-size: 16px; } }
@media screen and (max-width: 380px) {
                .productSlider .swiper-slide .productBox .txt .price .cost .right span.decimal {
                  font-size: 15px; } }
.productSlider .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
              font-size: calc(0.00144 * 100vw + 10.39423px);
              line-height: 1;
              letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                .productSlider .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: 14px; } }
@media screen and (max-width: 380px) {
                .productSlider .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: 11px; } }
.productSlider .swiper-slide .productBox .txt .price .oldPrice {
        min-height: 16px;
        margin-top: 15px;
        color: transparent; }
@media (max-width: 1200px) {
          .productSlider .swiper-slide .productBox .txt .price .oldPrice {
            position: absolute;
            z-index: 2;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); } }
.productSlider .swiper-slide .productBox .txt .price.big .currency {
        font-size: calc(0.0024 * 100vw + 10.99038px);
        font-weight: 500; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .txt .price.big .currency {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .txt .price.big .currency {
            font-size: 12px; } }
.productSlider .swiper-slide .productBox .txt .price.big .cost .left .intiger {
        font-size: calc(0.01538 * 100vw + 31.53846px);
        font-weight: 600; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .left .intiger {
            font-size: 70px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .left .intiger {
            font-size: 38px; } }
.productSlider .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
        font-size: calc(0.0101 * 100vw + 12.75962px);
        font-weight: 600; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
            font-size: 38px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
            font-size: 17px; } }
.productSlider .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
        font-size: calc(0.0024 * 100vw + 10.99038px);
        font-weight: 500; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: 12px; } }
.productSlider .swiper-slide .productBox .txt .excerpt {
      color: #555555;
      font-size: calc(0.00144 * 100vw + 13.39423px);
      line-height: calc(0.00192 * 100vw + 15.19231px);
      letter-spacing: 0.025em;
      padding: 0 0 10px 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
@media screen and (min-width: 1919px) {
        .productSlider .swiper-slide .productBox .txt .excerpt {
          font-size: 17px; } }
@media screen and (max-width: 380px) {
        .productSlider .swiper-slide .productBox .txt .excerpt {
          font-size: 14px; } }
@media screen and (min-width: 1919px) {
        .productSlider .swiper-slide .productBox .txt .excerpt {
          line-height: 20px; } }
@media screen and (max-width: 380px) {
        .productSlider .swiper-slide .productBox .txt .excerpt {
          line-height: 16px; } }
.productSlider .swiper-slide .productBox .txt .excerpt span {
        display: inline-block;
        max-width: calc(100% - 35px);
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
@media (max-width: 1200px) {
          .productSlider .swiper-slide .productBox .txt .excerpt span {
            max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
        .productSlider .swiper-slide .productBox .txt .excerpt .toolTip {
          display: none; } }
.productSlider .swiper-slide .productBox .txt .offerTxt {
      background-color: #ec0127;
      color: #ffea3d;
      height: 37px;
      font-size: 25px;
      font-weight: 600;
      line-height: 1;
      font-size: calc(0.00481 * 100vw + 12.98077px);
      letter-spacing: 0.01em;
      border-radius: 4px;
      padding: 0 12px;
      width: auto;
      display: none !important;
      justify-content: center;
      align-items: center;
      margin-top: 15px; }
@media screen and (min-width: 1919px) {
        .productSlider .swiper-slide .productBox .txt .offerTxt {
          font-size: 25px; } }
@media screen and (max-width: 380px) {
        .productSlider .swiper-slide .productBox .txt .offerTxt {
          font-size: 15px; } }
.productSlider .swiper-slide .productBox .actions {
      background-color: #f7f7f7;
      display: none;
      position: absolute;
      z-index: 2;
      width: 100%;
      padding-top: 0;
      padding-bottom: 20px;
      bottom: 25px;
      left: 0;
      border-radius: 10px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
        .productSlider .swiper-slide .productBox .actions {
          position: relative;
          display: flex;
          justify-content: center;
          padding: 20px 0 0;
          background-color: transparent;
          bottom: 0; } }
.productSlider .swiper-slide .productBox .addToCart {
      background-color: #fff;
      color: #3f1c8e;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #dddddd;
      border-radius: 4px;
      height: 45px;
      width: calc(100% - 30px);
      font-size: 17px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0.02em;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      cursor: pointer;
      opacity: 1; }
@media (max-width: 1200px) {
        .productSlider .swiper-slide .productBox .addToCart {
          width: 100%; } }
.productSlider .swiper-slide .productBox .addToCart.disabled {
        display: none;
        opacity: 0; }
.productSlider .swiper-slide .productBox .addToCart:hover {
        background-color: #3f1c8e;
        color: #fff; }
.productSlider .swiper-slide .productBox .addToCart:hover svg line {
          stroke: #fff; }
.productSlider .swiper-slide .productBox .addToCart svg {
        margin-right: 15px; }
.productSlider .swiper-slide .productBox .cartAction {
      width: calc(100% - 30px);
      height: 45px;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid #dddddd;
      border-radius: 4px;
      background-color: #fff;
      display: none;
      opacity: 0; }
@media (max-width: 1200px) {
        .productSlider .swiper-slide .productBox .cartAction {
          width: 100%; } }
.productSlider .swiper-slide .productBox .cartAction.active {
        display: grid;
        opacity: 1; }
.productSlider .swiper-slide .productBox .cartAction .dec,
      .productSlider .swiper-slide .productBox .cartAction .val,
      .productSlider .swiper-slide .productBox .cartAction .inc {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer; }
.productSlider .swiper-slide .productBox .cartAction .dec:hover,
        .productSlider .swiper-slide .productBox .cartAction .val:hover,
        .productSlider .swiper-slide .productBox .cartAction .inc:hover {
          background-color: #3f1c8e; }
.productSlider .swiper-slide .productBox .cartAction .dec:hover svg line,
          .productSlider .swiper-slide .productBox .cartAction .val:hover svg line,
          .productSlider .swiper-slide .productBox .cartAction .inc:hover svg line {
            stroke: #fff; }
.productSlider .swiper-slide .productBox .cartAction .val {
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        font-size: calc(0.00096 * 100vw + 15.59615px);
        letter-spacing: 0.05em;
        line-height: 1;
        cursor: auto; }
@media screen and (min-width: 1919px) {
          .productSlider .swiper-slide .productBox .cartAction .val {
            font-size: 18px; } }
@media screen and (max-width: 380px) {
          .productSlider .swiper-slide .productBox .cartAction .val {
            font-size: 16px; } }
.productSlider .swiper-slide .productBox .cartAction .val:hover {
          background-color: #fff; }
.productSlider .row {
    position: relative; }
.productSlider .row:hover .swiper-button-next-prd,
    .productSlider .row:hover .swiper-button-prev-prd {
      display: block; }
.productSlider .row .swiper-button-next-prd,
    .productSlider .row .swiper-button-prev-prd {
      position: absolute;
      z-index: 5;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer;
      display: none; }
@media (max-width: 1200px) {
        .productSlider .row .swiper-button-next-prd,
        .productSlider .row .swiper-button-prev-prd {
          display: none !important; } }
.productSlider .row .swiper-button-next-prd {
      right: -25px; }
.productSlider .row .swiper-button-prev-prd {
      left: -25px; }
.productSlider.mega {
    overflow: hidden; }
.productSlider.mega .row.top {
      position: relative; }
@media (max-width: 900px) {
        .productSlider.mega .row.top .viewMore {
          display: block;
          position: absolute;
          z-index: 2;
          top: -40px;
          right: 0; } }
.productSlider.mega .swiper-container {
      overflow: visible; }
.productSlider.mega .actions {
      padding-top: 15px !important;
      padding-bottom: 30px !important; }
@media (max-width: 1200px) {
        .productSlider.mega .actions {
          padding-top: 20px !important;
          padding-bottom: 0 !important; } }
.productSlider + section.productSlider {
  padding-top: 20px; }
.productSliderMega {
  background-color: #f8f8f8;
  overflow: hidden; }
@media (max-width: 1200px) {
    .productSliderMega {
      overflow: hidden;
      background-color: #fff; } }
.productSliderMega.main {
    background-color: #fff; }
.productSliderMega.main .slider {
      padding-top: 40px;
      padding-bottom: 0 !important; }
.productSliderMega.main > .img {
      background-color: #fff; }
.productSliderMega.main > .img img {
        mix-blend-mode: normal !important; }
.productSliderMega.main .product > .left .img {
      background-color: #fff !important; }
.productSliderMega.main .product > .right .productBox:hover .img,
    .productSliderMega.main .product > .right .productBox .img {
      background-color: #fff !important; }
@media (max-width: 1200px) {
      .productSliderMega.main .productBox {
        background-color: #fff; } }
.productSliderMega.main .productBox:hover {
      background-color: #fff !important; }
.productSliderMega.main .productBox:hover a {
        background-color: #fff !important; }
.productSliderMega.main .productBox:hover .actions {
        background-color: #fff !important; }
.productSliderMega.main .productBox .actions {
      background-color: #fff !important; }
.productSliderMega .swiper-container {
    padding-bottom: 75px; }
@media (max-width: 1200px) {
      .productSliderMega .swiper-container {
        overflow: visible;
        padding-bottom: 0; } }
.productSliderMega .swiper-container .swiper-pagination {
      bottom: 10; }
.productSliderMega .swiper-container .swiper-pagination .swiper-pagination-bullet,
      .productSliderMega .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #8b8b8b; }
.productSliderMega .title {
    background-color: #3f1c8e;
    color: #ffea3d;
    font-weight: 600;
    line-height: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(0.0024 * 100vw + 23.99038px); }
@media screen and (min-width: 1919px) {
      .productSliderMega .title {
        font-size: 30px; } }
@media screen and (max-width: 380px) {
      .productSliderMega .title {
        font-size: 25px; } }
@media (max-width: 900px) {
      .productSliderMega .title {
        position: relative;
        left: -60px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        margin-top: 45px;
        margin-bottom: 25px;
        max-width: 90%; } }
@media (max-width: 600px) {
      .productSliderMega .title {
        left: -15px; } }
.productSliderMega .title span {
      font-weight: 600; }
.productSliderMega .slider {
    padding: 100px 15px;
    box-sizing: border-box; }
@media (max-width: 1440px) {
      .productSliderMega .slider {
        padding-left: 60px; } }
@media (max-width: 900px) {
      .productSliderMega .slider {
        padding: 10px 60px 20px 15px; } }
@media (max-width: 600px) {
      .productSliderMega .slider {
        padding: 10px 15px 20px; } }
.productSliderMega .product {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 18px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    background-color: inherit; }
.productSliderMega .product:hover .productBox .actions {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important; }
.productSliderMega .product:hover .productBox .excerpt * {
      color: transparent;
      fill: transparent; }
.productSliderMega .product:hover .productBox .price * {
      color: transparent;
      fill: transparent; }
.productSliderMega .product:hover .productBox .offerTxt {
      background-color: transparent !important; }
.productSliderMega .product:hover .productBox .offerTxt * {
        color: transparent; }
.productSliderMega .product > .left {
      width: 60%; }
@media (max-width: 900px) {
        .productSliderMega .product > .left {
          display: none; } }
.productSliderMega .product > .left .img {
        background-color: #f8f8f8;
        overflow: hidden;
        width: 100%;
        padding-top: 100%;
        position: relative; }
.productSliderMega .product > .left .img img {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: multiply; }
.productSliderMega .product > .right {
      width: 40%; }
@media (max-width: 900px) {
        .productSliderMega .product > .right {
          width: 100%; } }
.productSliderMega .product > .right .productBox {
        border: 1px solid #dddddd;
        border-radius: 10px;
        padding: 0 15px 24px;
        box-sizing: border-box;
        background-color: #fff;
        position: relative; }
@media (max-width: 800px) {
          .productSliderMega .product > .right .productBox {
            padding: 0 15px 10px; } }
.productSliderMega .product > .right .productBox .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent;
          color: #ec0127 !important;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.04em;
          font-weight: 600;
          margin-top: 15px;
          position: relative;
          display: inline-block; }
.productSliderMega .product > .right .productBox .oldPrice::before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 100%;
            height: 2px;
            background-color: #ec0127;
            opacity: 0.5; }
.productSliderMega .product > .right .productBox:hover {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox:hover {
              background-color: #fff; } }
.productSliderMega .product > .right .productBox:hover .img {
            background-color: #f7f7f7; }
@media (max-width: 1200px) {
              .productSliderMega .product > .right .productBox:hover .img {
                background-color: #fff; } }
.productSliderMega .product > .right .productBox:hover .img img {
              mix-blend-mode: multiply; }
.productSliderMega .product > .right .productBox:hover .actions {
            display: flex;
            justify-content: center;
            align-items: center; }
.productSliderMega .product > .right .productBox:hover .txt .excerpt * {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .productSliderMega .product > .right .productBox:hover .txt .excerpt * {
                color: #555; } }
.productSliderMega .product > .right .productBox:hover .txt .price {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .productSliderMega .product > .right .productBox:hover .txt .price {
                color: #3f1c8e; } }
.productSliderMega .product > .right .productBox:hover .txt .price .oldPrice * {
              color: transparent; }
.productSliderMega .product > .right .productBox.inList .top .addToList svg .circleBg {
          fill: #ec0127; }
.productSliderMega .product > .right .productBox.inList .top .addToList svg .heart {
          stroke: #fff; }
.productSliderMega .product > .right .productBox.inList .top .addToList:hover .heart {
          stroke: #ffea3d; }
.productSliderMega .product > .right .productBox.offer .top .offerTxt,
        .productSliderMega .product > .right .productBox.offer .txt .offerTxt {
          display: inline-flex !important; }
.productSliderMega .product > .right .productBox a {
          display: block;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSliderMega .product > .right .productBox .top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 54px;
          position: relative;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSliderMega .product > .right .productBox .top .addToList {
            cursor: pointer;
            position: relative;
            left: -5px;
            z-index: 10;
            padding: 0; }
.productSliderMega .product > .right .productBox .top .addToList svg .circleBg {
              fill: none;
              stroke: none;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSliderMega .product > .right .productBox .top .addToList svg .heart {
              stroke: #8b8b8b;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productSliderMega .product > .right .productBox .top .addToList:hover svg .heart {
              stroke: #ec0127; }
.productSliderMega .product > .right .productBox .top .prdQty {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #3f1c8e;
            color: #fff;
            font-size: 15px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.01em;
            display: none;
            justify-content: center;
            align-items: center; }
.productSliderMega .product > .right .productBox .top .prdQty.active {
              display: flex; }
.productSliderMega .product > .right .productBox .top .prdQty span {
              display: inline-block;
              position: relative;
              top: -1px; }
.productSliderMega .product > .right .productBox .top .offerTxt {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            max-width: calc(100% - 100px);
            width: auto;
            padding: 15px 10px;
            font-size: 20px;
            font-size: calc(0.00288 * 100vw + 12.78846px);
            line-height: calc(-0.00192 * 100vw + 24.80769px);
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.02em;
            display: none !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .top .offerTxt {
                font-size: 20px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .top .offerTxt {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .top .offerTxt {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .top .offerTxt {
                line-height: 24px; } }
@media (max-width: 800px) {
              .productSliderMega .product > .right .productBox .top .offerTxt {
                padding: 10px; } }
.productSliderMega .product > .right .productBox .top .offerTxt.red {
              background-color: #ec0127;
              color: #ffea3d; }
.productSliderMega .product > .right .productBox .top .offerTxt.yellow {
              background-color: #ffea3d;
              color: #ec0127; }
.productSliderMega .product > .right .productBox .top .offerTxt span {
              font: inherit; }
.productSliderMega .product > .right .productBox .img {
          width: 100%;
          padding-top: 100%;
          background-color: #fff;
          position: relative; }
.productSliderMega .product > .right .productBox .img img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -o-object-fit: contain;
               object-fit: contain;
            mix-blend-mode: normal; }
.productSliderMega .product > .right .productBox .txt .price {
          color: #3f1c8e;
          position: relative; }
.productSliderMega .product > .right .productBox .txt .price .currency {
            display: block;
            width: 100%;
            font-size: 11px;
            line-height: 1;
            letter-spacing: 0.08em;
            font-weight: 600; }
.productSliderMega .product > .right .productBox .txt .price .cost {
            display: flex;
            justify-content: flex-start; }
.productSliderMega .product > .right .productBox .txt .price .cost .left .intiger {
              font-size: calc(0.00577 * 100vw + 35.57692px);
              line-height: 1;
              letter-spacing: -0.01em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .productSliderMega .product > .right .productBox .txt .price .cost .left .intiger {
                  font-size: 50px; } }
@media screen and (max-width: 380px) {
                .productSliderMega .product > .right .productBox .txt .price .cost .left .intiger {
                  font-size: 38px; } }
.productSliderMega .product > .right .productBox .txt .price .cost .right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: flex-start;
              padding: 12px 0 5px 5px;
              box-sizing: border-box; }
@media (max-width: 800px) {
                .productSliderMega .product > .right .productBox .txt .price .cost .right {
                  padding: 6px 0 5px 5px; } }
.productSliderMega .product > .right .productBox .txt .price .cost .right span {
                display: inline-block; }
.productSliderMega .product > .right .productBox .txt .price .cost .right span.decimal {
                  font-size: calc(0.00048 * 100vw + 14.79808px);
                  line-height: 1;
                  letter-spacing: 0.08em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .productSliderMega .product > .right .productBox .txt .price .cost .right span.decimal {
                      font-size: 16px; } }
@media screen and (max-width: 380px) {
                    .productSliderMega .product > .right .productBox .txt .price .cost .right span.decimal {
                      font-size: 15px; } }
.productSliderMega .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: calc(0.00144 * 100vw + 10.39423px);
                  line-height: 1;
                  letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                    .productSliderMega .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 14px; } }
@media screen and (max-width: 380px) {
                    .productSliderMega .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 11px; } }
.productSliderMega .product > .right .productBox .txt .price .oldPrice {
            min-height: 16px;
            margin-top: 15px;
            color: transparent; }
@media (max-width: 1200px) {
              .productSliderMega .product > .right .productBox .txt .price .oldPrice {
                position: absolute;
                z-index: 2;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); } }
.productSliderMega .product > .right .productBox .txt .price.big .currency {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .txt .price.big .currency {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .txt .price.big .currency {
                font-size: 12px; } }
.productSliderMega .product > .right .productBox .txt .price.big .cost .left .intiger {
            font-size: calc(0.01538 * 100vw + 31.53846px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .left .intiger {
                font-size: 70px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .left .intiger {
                font-size: 38px; } }
.productSliderMega .product > .right .productBox .txt .price.big .cost .right span.decimal {
            font-size: calc(0.0101 * 100vw + 12.75962px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .right span.decimal {
                font-size: 38px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .right span.decimal {
                font-size: 17px; } }
.productSliderMega .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 12px; } }
.productSliderMega .product > .right .productBox .txt .excerpt {
          color: #555555;
          font-size: calc(0.00144 * 100vw + 13.39423px);
          line-height: calc(0.00192 * 100vw + 15.19231px);
          letter-spacing: 0.025em;
          padding: 0 0 10px 0;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
@media screen and (min-width: 1919px) {
            .productSliderMega .product > .right .productBox .txt .excerpt {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .productSliderMega .product > .right .productBox .txt .excerpt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .productSliderMega .product > .right .productBox .txt .excerpt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .productSliderMega .product > .right .productBox .txt .excerpt {
              line-height: 16px; } }
.productSliderMega .product > .right .productBox .txt .excerpt span {
            display: inline-block;
            max-width: calc(100% - 35px);
            min-height: 42px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media (max-width: 1200px) {
              .productSliderMega .product > .right .productBox .txt .excerpt span {
                max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox .txt .excerpt .toolTip {
              display: none; } }
.productSliderMega .product > .right .productBox .txt .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          font-size: calc(0.00481 * 100vw + 12.98077px);
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: none !important;
          justify-content: center;
          align-items: center;
          margin-top: 15px; }
@media screen and (min-width: 1919px) {
            .productSliderMega .product > .right .productBox .txt .offerTxt {
              font-size: 25px; } }
@media screen and (max-width: 380px) {
            .productSliderMega .product > .right .productBox .txt .offerTxt {
              font-size: 15px; } }
.productSliderMega .product > .right .productBox .actions {
          background-color: #f7f7f7;
          display: none;
          position: absolute;
          z-index: 2;
          width: 100%;
          padding-top: 0;
          padding-bottom: 20px;
          bottom: 25px;
          left: 0;
          border-radius: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox .actions {
              position: relative;
              display: flex;
              justify-content: center;
              padding: 20px 0 0;
              background-color: transparent;
              bottom: 0; } }
.productSliderMega .product > .right .productBox .addToCart {
          background-color: #fff;
          color: #3f1c8e;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #dddddd;
          border-radius: 4px;
          height: 45px;
          width: calc(100% - 30px);
          font-size: 17px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          opacity: 1; }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox .addToCart {
              width: 100%; } }
.productSliderMega .product > .right .productBox .addToCart.disabled {
            display: none;
            opacity: 0; }
.productSliderMega .product > .right .productBox .addToCart:hover {
            background-color: #3f1c8e;
            color: #fff; }
.productSliderMega .product > .right .productBox .addToCart:hover svg line {
              stroke: #fff; }
.productSliderMega .product > .right .productBox .addToCart svg {
            margin-right: 15px; }
.productSliderMega .product > .right .productBox .cartAction {
          width: calc(100% - 30px);
          height: 45px;
          grid-template-columns: repeat(3, 1fr);
          border: 1px solid #dddddd;
          border-radius: 4px;
          background-color: #fff;
          display: none;
          opacity: 0; }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox .cartAction {
              width: 100%; } }
.productSliderMega .product > .right .productBox .cartAction.active {
            display: grid;
            opacity: 1; }
.productSliderMega .product > .right .productBox .cartAction .dec,
          .productSliderMega .product > .right .productBox .cartAction .val,
          .productSliderMega .product > .right .productBox .cartAction .inc {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #3f1c8e;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
.productSliderMega .product > .right .productBox .cartAction .dec:hover,
            .productSliderMega .product > .right .productBox .cartAction .val:hover,
            .productSliderMega .product > .right .productBox .cartAction .inc:hover {
              background-color: #3f1c8e; }
.productSliderMega .product > .right .productBox .cartAction .dec:hover svg line,
              .productSliderMega .product > .right .productBox .cartAction .val:hover svg line,
              .productSliderMega .product > .right .productBox .cartAction .inc:hover svg line {
                stroke: #fff; }
.productSliderMega .product > .right .productBox .cartAction .val {
            border-right: 1px solid #dddddd;
            border-left: 1px solid #dddddd;
            font-size: calc(0.00096 * 100vw + 15.59615px);
            letter-spacing: 0.05em;
            line-height: 1;
            cursor: auto; }
@media screen and (min-width: 1919px) {
              .productSliderMega .product > .right .productBox .cartAction .val {
                font-size: 18px; } }
@media screen and (max-width: 380px) {
              .productSliderMega .product > .right .productBox .cartAction .val {
                font-size: 16px; } }
.productSliderMega .product > .right .productBox .cartAction .val:hover {
              background-color: #fff; }
.productSliderMega .product > .right .productBox {
        border: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        height: 100%; }
.productSliderMega .product > .right .productBox a {
          background-color: transparent; }
.productSliderMega .product > .right .productBox .top .addToList {
          padding: 0; }
.productSliderMega .product > .right .productBox .img {
          display: none;
          background-color: #f8f8f8; }
@media (max-width: 900px) {
            .productSliderMega .product > .right .productBox .img {
              display: block; } }
.productSliderMega .product > .right .productBox .img img {
            mix-blend-mode: multiply; }
.productSliderMega .product > .right .productBox .centerThis {
          position: absolute;
          z-index: 2;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%; }
@media (max-width: 900px) {
            .productSliderMega .product > .right .productBox .centerThis {
              position: relative;
              top: auto;
              -webkit-transform: none;
                      transform: none; } }
.productSliderMega .product > .right .productBox .excerpt {
          padding-bottom: 20px !important; }
.productSliderMega .product > .right .productBox .actions {
          padding-bottom: 0;
          border-radius: 0;
          padding-top: 20px;
          position: absolute; }
@media (max-width: 1200px) {
            .productSliderMega .product > .right .productBox .actions {
              padding-top: 20px;
              bottom: -60px; } }
@media (max-width: 900px) {
            .productSliderMega .product > .right .productBox .actions {
              bottom: 0;
              position: relative; } }
.productSliderMega .product > .right .productBox .actions .addToCart,
          .productSliderMega .product > .right .productBox .actions .cartAction {
            width: 100%; }
.productSliderMega .product > .right .productBox .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: inline-flex;
          justify-content: center;
          align-items: center; }
@media (max-width: 800px) {
    .productSliderMega .swiper-pagination {
      display: none; } }
.categorySlider {
  margin-bottom: 26px;
  position: relative; }
.categorySlider:hover .swiper-button-next-cat,
  .categorySlider:hover .swiper-button-prev-cat {
    display: block; }
.categorySlider .swiper-slide {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f1c8e;
    border: 1px solid #dddddd;
    border-radius: 4px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.02em;
    padding: 0 20px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.categorySlider .swiper-slide:hover {
      color: #fff;
      background-color: #3f1c8e; }
.categorySlider .fadeLeft {
    position: absolute;
    z-index: 2;
    left: -50px;
    top: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
@media (max-width: 600px) {
      .categorySlider .fadeLeft {
        display: none; } }
.categorySlider .fadeRight {
    position: absolute;
    z-index: 2;
    right: -50px;
    top: 0; }
@media (max-width: 600px) {
      .categorySlider .fadeRight {
        display: none; } }
.categorySlider .swiper-button-next-cat,
  .categorySlider .swiper-button-prev-cat {
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    cursor: pointer;
    display: none; }
@media (max-width: 1200px) {
      .categorySlider .swiper-button-next-cat,
      .categorySlider .swiper-button-prev-cat {
        display: none !important; } }
.categorySlider .swiper-button-next-cat {
    right: -10px; }
.categorySlider .swiper-button-prev-cat {
    left: -10px; }
.categorySlider .swiper-button-prev-cat svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
.banner {
  width: 100%;
  padding-top: 40px; }
@media (max-width: 1200px) {
    .banner {
      padding-top: 0; } }
.banner .container {
    width: 100%; }
.banner .container .inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 175px 0;
      border-top: 1px solid #dddddd; }
@media (max-width: 1200px) {
        .banner .container .inner {
          padding: 60px 0; } }
.banner .container .inner img {
        width: auto;
        max-width: 100%; }
.banner p {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #707070; }
.pageTitleBlock {
  padding-top: 75px; }
@media (max-width: 900px) {
    .pageTitleBlock {
      padding-top: 65px;
      max-width: 100vw;
      overflow: hidden; } }
.pageTitleBlock .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.pageTitleBlock .container h1 {
      color: #3f1c8e;
      margin: 0;
      font-weight: 600;
      letter-spacing: -0.02em;
      font-size: calc(0.01683 * 100vw + 32.93269px);
      line-height: calc(0.01394 * 100vw + 40.14423px);
      text-align: center; }
@media screen and (min-width: 1919px) {
        .pageTitleBlock .container h1 {
          font-size: 75px; } }
@media screen and (max-width: 380px) {
        .pageTitleBlock .container h1 {
          font-size: 40px; } }
@media screen and (min-width: 1919px) {
        .pageTitleBlock .container h1 {
          line-height: 75px; } }
@media screen and (max-width: 380px) {
        .pageTitleBlock .container h1 {
          line-height: 46px; } }
.pageTitleBlock .container h1 span,
      .pageTitleBlock .container h1 b,
      .pageTitleBlock .container h1 strong {
        color: #ec0127;
        font-weight: 600; }
.pageTitleBlock .container .catList {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      max-width: 75%;
      margin: 30px 0 0; }
@media (max-width: 1440px) {
        .pageTitleBlock .container .catList {
          display: none; } }
.pageTitleBlock .container .catList .category {
        width: auto;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        border: 1px solid #dddddd;
        border-radius: 4px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        line-height: 1;
        font-size: 16px;
        letter-spacing: 0.02em;
        padding: 0 20px;
        margin: 0 7.5px 15px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.pageTitleBlock .container .catList .category:hover {
          color: #fff;
          background-color: #3f1c8e; }
.pageTitleBlock .container .showLater {
      display: none;
      padding: 50px 60px 0;
      max-width: 100vw;
      box-sizing: border-box; }
@media (max-width: 1440px) {
        .pageTitleBlock .container .showLater {
          display: block; } }
@media (max-width: 600px) {
        .pageTitleBlock .container .showLater {
          padding: 25px 0 0; } }
.pageTitleBlock .container .showLater .categorySlider {
        overflow: hidden;
        margin-bottom: 0;
        box-sizing: border-box;
        max-width: calc(100vw - 120px); }
@media (max-width: 900px) {
          .pageTitleBlock .container .showLater .categorySlider {
            overflow: visible; } }
@media (max-width: 900px) {
          .pageTitleBlock .container .showLater .categorySlider .swiper-container {
            overflow: visible; } }
.pageTitleBlock .container .showLater .categorySlider .fadeRight {
          right: 0; }
@media (max-width: 600px) {
            .pageTitleBlock .container .showLater .categorySlider .fadeRight {
              display: none; } }
.pageTitleBlock .container .showLater .categorySlider .swiper-button-next-cat {
          right: 10px; }
@media (max-width: 1200px) {
            .pageTitleBlock .container .showLater .categorySlider .swiper-button-next-cat {
              display: none !important; } }
.pageTitleBlock .container .showLater .categorySlider .fadeLeft {
          left: 0; }
@media (max-width: 600px) {
            .pageTitleBlock .container .showLater .categorySlider .fadeLeft {
              display: none; } }
.pageTitleBlock .container .showLater .categorySlider .swiper-button-prev-cat {
          left: 10px; }
@media (max-width: 1200px) {
            .pageTitleBlock .container .showLater .categorySlider .swiper-button-prev-cat {
              display: none !important; } }
.pageTitleBlock .container .filterBtns {
      display: none;
      width: 100%;
      margin-top: 75px; }
@media (max-width: 1440px) {
        .pageTitleBlock .container .filterBtns {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          -webkit-column-gap: 20px;
                  column-gap: 20px; } }
@media (max-width: 600px) {
        .pageTitleBlock .container .filterBtns {
          margin: 45px 0 20px; } }
.pageTitleBlock .container .filterBtns button {
        height: 50px;
        border: 1px solid #dddddd;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        font-size: calc(0.00192 * 100vw + 13.19231px);
        line-height: 1;
        letter-spacing: 0.015em;
        font-weight: 600;
        cursor: pointer; }
@media screen and (min-width: 1919px) {
          .pageTitleBlock .container .filterBtns button {
            font-size: 18px; } }
@media screen and (max-width: 380px) {
          .pageTitleBlock .container .filterBtns button {
            font-size: 14px; } }
.pageTitleBlock .container .filterBtns button svg {
          margin-left: 10px; }
.pageTitleBlock.search .container h1 {
    font-size: calc(0.00481 * 100vw + 27.98077px);
    line-height: 1; }
@media screen and (min-width: 1919px) {
      .pageTitleBlock.search .container h1 {
        font-size: 40px; } }
@media screen and (max-width: 380px) {
      .pageTitleBlock.search .container h1 {
        font-size: 30px; } }
.pageTitleBlock.search .container p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.03em;
    color: #3f1c8e; }
.search + section.shopGrid {
  padding-top: 0; }
.search + section.shopGrid .top {
    justify-content: flex-end; }
.search + section.shopGrid .breadcrumbs {
    display: none; }
.pageTitleBlock + section.productSliderMega.main {
  border-bottom: 1px solid #dddddd; }
.pagination {
  padding: 0 0 140px; }
.pagination h3 {
    text-align: center;
    color: #3f1c8e;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.02em;
    margin: 0 0 75px; }
@media (max-width: 1200px) {
      .pagination h3 {
        margin: 0 0 45px; } }
@media (max-width: 600px) {
      .pagination h3 {
        margin: 0 0 30px; } }
.pagination h3 span {
      font-weight: 500; }
.pagination .percent-bar {
    background-color: #d6c4e9;
    height: 2px;
    margin-bottom: 2em;
    width: 100%; }
.pagination .percent-bar > div {
      background-color: #3f1c8e;
      height: 100%; }
.pagination .pageBox {
    display: flex;
    justify-content: center;
    align-items: center; }
.pagination .pageBox .page-numbers {
      display: flex;
      justify-content: center;
      align-items: center; }
.pagination .pageBox .page-numbers .page-no-bx {
        border: 1px solid #dddddd;
        border-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        cursor: pointer;
        height: 48px;
        width: 48px;
        font-weight: 400;
        box-sizing: border-box;
        color: #878787;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.pagination .pageBox .page-numbers .page-no-bx:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
.pagination .pageBox .page-numbers .page-no-bx:last-child {
          border-right: 1px solid #dddddd;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
.pagination .pageBox .page-numbers .page-no-bx:hover, .pagination .pageBox .page-numbers .page-no-bx.active {
          background-color: #3f1c8e;
          color: #fff; }
.pagination .pageBox .page-numbers .page-no-bx:hover svg path, .pagination .pageBox .page-numbers .page-no-bx.active svg path {
            stroke: #fff; }
#toast-container {
  max-width: 30vw;
  padding-left: 10px;
  margin-right: 10px;
  z-index: 9999;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  right: 0px; }
#toast-container * {
    box-sizing: border-box; }
@media (min-width: 992px) {
    #toast-container {
      margin-right: 120px;
      top: 150px; } }
@media (max-width: 1200px) {
    #toast-container {
      max-width: 500px;
      top: 150px; } }
@media screen and (max-width: 600px) {
    #toast-container {
      padding: 0;
      max-width: calc(100% - 10px);
      left: 10px;
      top: 70px !important; } }
#toast-container .toast-success, #toast-container .toast-warning {
    background-color: #fff !important; }
#toast-container .toast {
    opacity: 1;
    width: auto;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    max-height: 80vh;
    max-width: 100%;
    padding: 0;
    top: 0; }
#toast-container .toast:hover {
      box-shadow: 0 0 14px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 600px) {
      #toast-container .toast {
        max-width: 100%; } }
#toast-container .toast.add_product_notification .toast-message, #toast-container .toast.remove_product_notification .toast-message, #toast-container .toast.delete_product_notification .toast-message {
      background-color: #fff !important;
      border-radius: 4px !important; }
#toast-container .toast.add_product_notification .toast-message img, #toast-container .toast.remove_product_notification .toast-message img, #toast-container .toast.delete_product_notification .toast-message img {
        max-width: 80px; }
#toast-container .toast.add_product_notification .toast-message .info-bx, #toast-container .toast.remove_product_notification .toast-message .info-bx, #toast-container .toast.delete_product_notification .toast-message .info-bx {
        width: 100%;
        color: #767676;
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        padding: 0 15px; }
#toast-container .toast.add_product_notification .toast-message .info-bx span, #toast-container .toast.remove_product_notification .toast-message .info-bx span, #toast-container .toast.delete_product_notification .toast-message .info-bx span {
          color: #BABABA; }
#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd {
          color: #3D9939;
          font-weight: normal;
          font-size: 14px;
          margin-bottom: 0; }
#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd.removed {
            color: #E6194E; }
#toast-container .toast.add_product_notification .toast-message svg, #toast-container .toast.remove_product_notification .toast-message svg, #toast-container .toast.delete_product_notification .toast-message svg {
        cursor: pointer; }
#toast-container .toast.stock_limit_reached_error_notification .toast-message, #toast-container .toast.minimum_order_error_notification .toast-message {
      margin-bottom: 0;
      color: #fff;
      font-weight: 500;
      line-height: 1.25;
      text-align: center;
      justify-content: center;
      font-size: 13px; }
#toast-container .toast .toast-message {
      padding: 16px;
      opacity: 1;
      align-items: center;
      background-color: #FF8A26;
      color: #fff;
      display: flex;
      font-weight: 500;
      line-height: 1.25;
      transition: all .3s ease-out;
      width: 450px;
      max-width: 100%; }
#toast-container .toast .toast-message .info-bx .product-name {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 4px;
        letter-spacing: 1px;
        line-height: 1.4; }
#toast-container .toast .toast-message .info-bx .qty-prd {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 4px;
        letter-spacing: 1px;
        line-height: 1.4; }
.hero {
  width: 100%; }
.hero .img {
    width: 100%;
    height: calc(100vh - 120px);
    position: relative; }
@media (max-width: 900px) {
      .hero .img {
        height: calc(100vh - 75px); } }
.hero .img .overlay {
      opacity: 0.2; }
.hero .img .bot_grad {
      display: none; }
@media (max-width: 900px) {
        .hero .img .bot_grad {
          display: block;
          position: absolute;
          z-index: 2;
          width: 100%;
          height: auto;
          bottom: 0;
          left: 0;
          z-index: 3; } }
.hero .img picture {
      width: 100%;
      height: calc(100vh - 120px);
      position: relative; }
@media (max-width: 900px) {
        .hero .img picture {
          height: calc(100vh - 75px); } }
.hero .img picture img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
.hero .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 120px; }
@media (max-width: 900px) {
      .hero .txt {
        padding: 0 20px;
        box-sizing: border-box; } }
.hero .txt h1 {
      color: #fff;
      font-size: calc(0.01202 * 100vw + 44.95192px);
      line-height: calc(0.00962 * 100vw + 50.96154px);
      letter-spacing: -0.02em;
      margin: 0 0 27px;
      text-align: center;
      font-weight: 600;
      max-width: 30%; }
@media screen and (min-width: 1919px) {
        .hero .txt h1 {
          font-size: 75px; } }
@media screen and (max-width: 380px) {
        .hero .txt h1 {
          font-size: 50px; } }
@media screen and (min-width: 1919px) {
        .hero .txt h1 {
          line-height: 75px; } }
@media screen and (max-width: 380px) {
        .hero .txt h1 {
          line-height: 55px; } }
@media (max-width: 2000px) {
        .hero .txt h1 {
          max-width: 35%; } }
@media (max-width: 1672px) {
        .hero .txt h1 {
          max-width: 40%; } }
@media (max-width: 1100px) {
        .hero .txt h1 {
          max-width: 45%; } }
@media (max-width: 900px) {
        .hero .txt h1 {
          max-width: 60%;
          letter-spacing: -0.01em; } }
@media (max-width: 600px) {
        .hero .txt h1 {
          max-width: 90%; } }
.hero .txt p {
      color: #fff;
      font-size: calc(0.00096 * 100vw + 13.59615px);
      line-height: calc(0.00288 * 100vw + 18.78846px);
      letter-spacing: 0.02em;
      font-weight: 500;
      text-align: center;
      margin: 0 0 35px;
      max-width: 30%; }
@media screen and (min-width: 1919px) {
        .hero .txt p {
          font-size: 16px; } }
@media screen and (max-width: 380px) {
        .hero .txt p {
          font-size: 14px; } }
@media screen and (min-width: 1919px) {
        .hero .txt p {
          line-height: 26px; } }
@media screen and (max-width: 380px) {
        .hero .txt p {
          line-height: 20px; } }
@media (max-width: 2000px) {
        .hero .txt p {
          max-width: 35%; } }
@media (max-width: 1672px) {
        .hero .txt p {
          max-width: 40%; } }
@media (max-width: 1100px) {
        .hero .txt p {
          max-width: 45%; } }
@media (max-width: 900px) {
        .hero .txt p {
          max-width: 60%;
          letter-spacing: 0.025em; } }
@media (max-width: 600px) {
        .hero .txt p {
          max-width: 90%; } }
@media (max-width: 600px) {
      .hero .txt br {
        display: none; } }
.hero .txt .btn {
      color: #fff;
      border: 1px solid #fff;
      height: 40px;
      padding: 0 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      font-size: calc(0.00096 * 100vw + 13.59615px);
      line-height: 1;
      letter-spacing: 0.02em; }
@media screen and (min-width: 1919px) {
        .hero .txt .btn {
          font-size: 16px; } }
@media screen and (max-width: 380px) {
        .hero .txt .btn {
          font-size: 14px; } }
@media (max-width: 1200px) {
        .hero .txt .btn {
          letter-spacing: 0.04em; } }
.featuredProduct {
  background-color: #f8f8f8;
  padding-bottom: 50px; }
@media (max-width: 900px) {
    .featuredProduct {
      background-color: #fff; } }
.featuredProduct .title {
    background-color: #3f1c8e;
    color: #ffea3d;
    font-weight: 600;
    line-height: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(0.0024 * 100vw + 23.99038px); }
@media screen and (min-width: 1919px) {
      .featuredProduct .title {
        font-size: 30px; } }
@media screen and (max-width: 380px) {
      .featuredProduct .title {
        font-size: 25px; } }
@media (max-width: 900px) {
      .featuredProduct .title {
        position: relative;
        left: -60px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        max-width: 90%; } }
@media (max-width: 600px) {
      .featuredProduct .title {
        left: -15px; } }
.featuredProduct .title span {
      font: inherit; }
.featuredProduct .product {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) {
      .featuredProduct .product {
        grid-template-columns: 1fr; } }
.featuredProduct .product > .left {
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      padding-left: 15%;
      box-sizing: border-box; }
@media (max-width: 900px) {
        .featuredProduct .product > .left {
          display: none; } }
.featuredProduct .product > .left .img {
        width: calc(100%);
        background-color: #f8f8f8;
        position: relative; }
.featuredProduct .product > .left .img img {
          width: 100%;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: multiply; }
.featuredProduct .product > .right {
      padding-left: 18%;
      padding-top: 45px; }
@media (max-width: 900px) {
        .featuredProduct .product > .right {
          padding-left: 0; } }
.featuredProduct .product > .right .productBox {
        border: 1px solid #dddddd;
        border-radius: 10px;
        padding: 0 15px 24px;
        box-sizing: border-box;
        background-color: #fff;
        position: relative; }
@media (max-width: 800px) {
          .featuredProduct .product > .right .productBox {
            padding: 0 15px 10px; } }
.featuredProduct .product > .right .productBox .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent;
          color: #ec0127 !important;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.04em;
          font-weight: 600;
          margin-top: 15px;
          position: relative;
          display: inline-block; }
.featuredProduct .product > .right .productBox .oldPrice::before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 100%;
            height: 2px;
            background-color: #ec0127;
            opacity: 0.5; }
.featuredProduct .product > .right .productBox:hover {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .featuredProduct .product > .right .productBox:hover {
              background-color: #fff; } }
.featuredProduct .product > .right .productBox:hover .img {
            background-color: #f7f7f7; }
@media (max-width: 1200px) {
              .featuredProduct .product > .right .productBox:hover .img {
                background-color: #fff; } }
.featuredProduct .product > .right .productBox:hover .img img {
              mix-blend-mode: multiply; }
.featuredProduct .product > .right .productBox:hover .actions {
            display: flex;
            justify-content: center;
            align-items: center; }
.featuredProduct .product > .right .productBox:hover .txt .excerpt * {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .featuredProduct .product > .right .productBox:hover .txt .excerpt * {
                color: #555; } }
.featuredProduct .product > .right .productBox:hover .txt .price {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .featuredProduct .product > .right .productBox:hover .txt .price {
                color: #3f1c8e; } }
.featuredProduct .product > .right .productBox:hover .txt .price .oldPrice * {
              color: transparent; }
.featuredProduct .product > .right .productBox.inList .top .addToList svg .circleBg {
          fill: #ec0127; }
.featuredProduct .product > .right .productBox.inList .top .addToList svg .heart {
          stroke: #fff; }
.featuredProduct .product > .right .productBox.inList .top .addToList:hover .heart {
          stroke: #ffea3d; }
.featuredProduct .product > .right .productBox.offer .top .offerTxt,
        .featuredProduct .product > .right .productBox.offer .txt .offerTxt {
          display: inline-flex !important; }
.featuredProduct .product > .right .productBox a {
          display: block;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProduct .product > .right .productBox .top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 54px;
          position: relative;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProduct .product > .right .productBox .top .addToList {
            cursor: pointer;
            position: relative;
            left: -5px;
            z-index: 10;
            padding: 0; }
.featuredProduct .product > .right .productBox .top .addToList svg .circleBg {
              fill: none;
              stroke: none;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProduct .product > .right .productBox .top .addToList svg .heart {
              stroke: #8b8b8b;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProduct .product > .right .productBox .top .addToList:hover svg .heart {
              stroke: #ec0127; }
.featuredProduct .product > .right .productBox .top .prdQty {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #3f1c8e;
            color: #fff;
            font-size: 15px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.01em;
            display: none;
            justify-content: center;
            align-items: center; }
.featuredProduct .product > .right .productBox .top .prdQty.active {
              display: flex; }
.featuredProduct .product > .right .productBox .top .prdQty span {
              display: inline-block;
              position: relative;
              top: -1px; }
.featuredProduct .product > .right .productBox .top .offerTxt {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            max-width: calc(100% - 100px);
            width: auto;
            padding: 15px 10px;
            font-size: 20px;
            font-size: calc(0.00288 * 100vw + 12.78846px);
            line-height: calc(-0.00192 * 100vw + 24.80769px);
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.02em;
            display: none !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .top .offerTxt {
                font-size: 20px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .top .offerTxt {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .top .offerTxt {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .top .offerTxt {
                line-height: 24px; } }
@media (max-width: 800px) {
              .featuredProduct .product > .right .productBox .top .offerTxt {
                padding: 10px; } }
.featuredProduct .product > .right .productBox .top .offerTxt.red {
              background-color: #ec0127;
              color: #ffea3d; }
.featuredProduct .product > .right .productBox .top .offerTxt.yellow {
              background-color: #ffea3d;
              color: #ec0127; }
.featuredProduct .product > .right .productBox .top .offerTxt span {
              font: inherit; }
.featuredProduct .product > .right .productBox .img {
          width: 100%;
          padding-top: 100%;
          background-color: #fff;
          position: relative; }
.featuredProduct .product > .right .productBox .img img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -o-object-fit: contain;
               object-fit: contain;
            mix-blend-mode: normal; }
.featuredProduct .product > .right .productBox .txt .price {
          color: #3f1c8e;
          position: relative; }
.featuredProduct .product > .right .productBox .txt .price .currency {
            display: block;
            width: 100%;
            font-size: 11px;
            line-height: 1;
            letter-spacing: 0.08em;
            font-weight: 600; }
.featuredProduct .product > .right .productBox .txt .price .cost {
            display: flex;
            justify-content: flex-start; }
.featuredProduct .product > .right .productBox .txt .price .cost .left .intiger {
              font-size: calc(0.00577 * 100vw + 35.57692px);
              line-height: 1;
              letter-spacing: -0.01em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .featuredProduct .product > .right .productBox .txt .price .cost .left .intiger {
                  font-size: 50px; } }
@media screen and (max-width: 380px) {
                .featuredProduct .product > .right .productBox .txt .price .cost .left .intiger {
                  font-size: 38px; } }
.featuredProduct .product > .right .productBox .txt .price .cost .right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: flex-start;
              padding: 12px 0 5px 5px;
              box-sizing: border-box; }
@media (max-width: 800px) {
                .featuredProduct .product > .right .productBox .txt .price .cost .right {
                  padding: 6px 0 5px 5px; } }
.featuredProduct .product > .right .productBox .txt .price .cost .right span {
                display: inline-block; }
.featuredProduct .product > .right .productBox .txt .price .cost .right span.decimal {
                  font-size: calc(0.00048 * 100vw + 14.79808px);
                  line-height: 1;
                  letter-spacing: 0.08em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .featuredProduct .product > .right .productBox .txt .price .cost .right span.decimal {
                      font-size: 16px; } }
@media screen and (max-width: 380px) {
                    .featuredProduct .product > .right .productBox .txt .price .cost .right span.decimal {
                      font-size: 15px; } }
.featuredProduct .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: calc(0.00144 * 100vw + 10.39423px);
                  line-height: 1;
                  letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                    .featuredProduct .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 14px; } }
@media screen and (max-width: 380px) {
                    .featuredProduct .product > .right .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 11px; } }
.featuredProduct .product > .right .productBox .txt .price .oldPrice {
            min-height: 16px;
            margin-top: 15px;
            color: transparent; }
@media (max-width: 1200px) {
              .featuredProduct .product > .right .productBox .txt .price .oldPrice {
                position: absolute;
                z-index: 2;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); } }
.featuredProduct .product > .right .productBox .txt .price.big .currency {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .txt .price.big .currency {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .txt .price.big .currency {
                font-size: 12px; } }
.featuredProduct .product > .right .productBox .txt .price.big .cost .left .intiger {
            font-size: calc(0.01538 * 100vw + 31.53846px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .left .intiger {
                font-size: 70px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .left .intiger {
                font-size: 38px; } }
.featuredProduct .product > .right .productBox .txt .price.big .cost .right span.decimal {
            font-size: calc(0.0101 * 100vw + 12.75962px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .right span.decimal {
                font-size: 38px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .right span.decimal {
                font-size: 17px; } }
.featuredProduct .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 12px; } }
.featuredProduct .product > .right .productBox .txt .excerpt {
          color: #555555;
          font-size: calc(0.00144 * 100vw + 13.39423px);
          line-height: calc(0.00192 * 100vw + 15.19231px);
          letter-spacing: 0.025em;
          padding: 0 0 10px 0;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
@media screen and (min-width: 1919px) {
            .featuredProduct .product > .right .productBox .txt .excerpt {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .featuredProduct .product > .right .productBox .txt .excerpt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .featuredProduct .product > .right .productBox .txt .excerpt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .featuredProduct .product > .right .productBox .txt .excerpt {
              line-height: 16px; } }
.featuredProduct .product > .right .productBox .txt .excerpt span {
            display: inline-block;
            max-width: calc(100% - 35px);
            min-height: 42px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media (max-width: 1200px) {
              .featuredProduct .product > .right .productBox .txt .excerpt span {
                max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
            .featuredProduct .product > .right .productBox .txt .excerpt .toolTip {
              display: none; } }
.featuredProduct .product > .right .productBox .txt .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          font-size: calc(0.00481 * 100vw + 12.98077px);
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: none !important;
          justify-content: center;
          align-items: center;
          margin-top: 15px; }
@media screen and (min-width: 1919px) {
            .featuredProduct .product > .right .productBox .txt .offerTxt {
              font-size: 25px; } }
@media screen and (max-width: 380px) {
            .featuredProduct .product > .right .productBox .txt .offerTxt {
              font-size: 15px; } }
.featuredProduct .product > .right .productBox .actions {
          background-color: #f7f7f7;
          display: none;
          position: absolute;
          z-index: 2;
          width: 100%;
          padding-top: 0;
          padding-bottom: 20px;
          bottom: 25px;
          left: 0;
          border-radius: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
            .featuredProduct .product > .right .productBox .actions {
              position: relative;
              display: flex;
              justify-content: center;
              padding: 20px 0 0;
              background-color: transparent;
              bottom: 0; } }
.featuredProduct .product > .right .productBox .addToCart {
          background-color: #fff;
          color: #3f1c8e;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #dddddd;
          border-radius: 4px;
          height: 45px;
          width: calc(100% - 30px);
          font-size: 17px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          opacity: 1; }
@media (max-width: 1200px) {
            .featuredProduct .product > .right .productBox .addToCart {
              width: 100%; } }
.featuredProduct .product > .right .productBox .addToCart.disabled {
            display: none;
            opacity: 0; }
.featuredProduct .product > .right .productBox .addToCart:hover {
            background-color: #3f1c8e;
            color: #fff; }
.featuredProduct .product > .right .productBox .addToCart:hover svg line {
              stroke: #fff; }
.featuredProduct .product > .right .productBox .addToCart svg {
            margin-right: 15px; }
.featuredProduct .product > .right .productBox .cartAction {
          width: calc(100% - 30px);
          height: 45px;
          grid-template-columns: repeat(3, 1fr);
          border: 1px solid #dddddd;
          border-radius: 4px;
          background-color: #fff;
          display: none;
          opacity: 0; }
@media (max-width: 1200px) {
            .featuredProduct .product > .right .productBox .cartAction {
              width: 100%; } }
.featuredProduct .product > .right .productBox .cartAction.active {
            display: grid;
            opacity: 1; }
.featuredProduct .product > .right .productBox .cartAction .dec,
          .featuredProduct .product > .right .productBox .cartAction .val,
          .featuredProduct .product > .right .productBox .cartAction .inc {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #3f1c8e;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
.featuredProduct .product > .right .productBox .cartAction .dec:hover,
            .featuredProduct .product > .right .productBox .cartAction .val:hover,
            .featuredProduct .product > .right .productBox .cartAction .inc:hover {
              background-color: #3f1c8e; }
.featuredProduct .product > .right .productBox .cartAction .dec:hover svg line,
              .featuredProduct .product > .right .productBox .cartAction .val:hover svg line,
              .featuredProduct .product > .right .productBox .cartAction .inc:hover svg line {
                stroke: #fff; }
.featuredProduct .product > .right .productBox .cartAction .val {
            border-right: 1px solid #dddddd;
            border-left: 1px solid #dddddd;
            font-size: calc(0.00096 * 100vw + 15.59615px);
            letter-spacing: 0.05em;
            line-height: 1;
            cursor: auto; }
@media screen and (min-width: 1919px) {
              .featuredProduct .product > .right .productBox .cartAction .val {
                font-size: 18px; } }
@media screen and (max-width: 380px) {
              .featuredProduct .product > .right .productBox .cartAction .val {
                font-size: 16px; } }
.featuredProduct .product > .right .productBox .cartAction .val:hover {
              background-color: #fff; }
.featuredProduct .product > .right .productBox {
        width: 100%;
        max-width: 415px;
        padding: 0 25px 120px;
        background-color: #f8f8f8; }
@media (max-width: 900px) {
          .featuredProduct .product > .right .productBox {
            max-width: 80%;
            margin: 0 auto;
            padding-bottom: 25px;
            background-color: #fff; } }
@media (max-width: 600px) {
          .featuredProduct .product > .right .productBox {
            max-width: 100%; } }
.featuredProduct .product > .right .productBox:hover .txt .excerpt * {
          color: #555555; }
.featuredProduct .product > .right .productBox:hover .txt .excerpt svg circle {
          fill: #d0d0d0; }
.featuredProduct .product > .right .productBox:hover .txt .excerpt svg path {
          fill: #fff; }
.featuredProduct .product > .right .productBox:hover .txt .price {
          color: #3f1c8e; }
.featuredProduct .product > .right .productBox:hover .txt .oldPrice * {
          color: #ec0127 !important; }
.featuredProduct .product > .right .productBox a {
          background-color: #f8f8f8; }
@media (max-width: 900px) {
          .featuredProduct .product > .right .productBox .top {
            background-color: #fff; } }
.featuredProduct .product > .right .productBox .top .addToList {
          padding: 0; }
.featuredProduct .product > .right .productBox .img {
          background-color: #f8f8f8;
          display: none;
          visibility: hidden; }
@media (max-width: 900px) {
            .featuredProduct .product > .right .productBox .img {
              display: block;
              visibility: visible;
              background-color: #fff; } }
.featuredProduct .product > .right .productBox .img img {
            mix-blend-mode: multiply; }
.featuredProduct .product > .right .productBox .txt {
          padding-top: 50px; }
@media (max-width: 900px) {
            .featuredProduct .product > .right .productBox .txt {
              background-color: #fff; } }
.featuredProduct .product > .right .productBox .excerpt {
          padding-bottom: 20px !important; }
.featuredProduct .product > .right .productBox .actions {
          display: flex !important;
          justify-content: center !important; }
@media (max-width: 900px) {
            .featuredProduct .product > .right .productBox .actions {
              background-color: #fff; } }
.featuredProduct .product > .right .productBox .actions .addToCart {
            background-color: #f8f8f8; }
@media (max-width: 900px) {
              .featuredProduct .product > .right .productBox .actions .addToCart {
                background-color: #fff; } }
.featuredProduct .product > .right .productBox .actions .addToCart:hover {
              background-color: #3f1c8e;
              color: #fff; }
.categoryGrid {
  margin-top: 60px; }
@media (max-width: 1200px) {
    .categoryGrid {
      overflow: hidden;
      margin-top: 0; } }
.categoryGrid .container .row:nth-child(2) {
    padding: 0 0 100px;
    border-bottom: 1px solid #dddddd; }
@media (max-width: 1200px) {
      .categoryGrid .container .row:nth-child(2) {
        padding: 0 0 80px; } }
.categoryGrid .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    border-top: 1px solid #dddddd; }
.categoryGrid .top h3 {
      color: #3f1c8e;
      font-weight: 600;
      letter-spacing: -0.01em;
      margin: 0 0 70px;
      font-size: calc(0.00481 * 100vw + 27.98077px);
      line-height: calc(0.00529 * 100vw + 32.77885px); }
@media screen and (min-width: 1919px) {
        .categoryGrid .top h3 {
          font-size: 40px; } }
@media screen and (max-width: 380px) {
        .categoryGrid .top h3 {
          font-size: 30px; } }
@media screen and (min-width: 1919px) {
        .categoryGrid .top h3 {
          line-height: 46px; } }
@media screen and (max-width: 380px) {
        .categoryGrid .top h3 {
          line-height: 35px; } }
@media (max-width: 1200px) {
    .categoryGrid .swiper-container {
      overflow: visible; } }
.categoryGrid .swiper-slide {
    position: relative; }
.categoryGrid .swiper-slide .img {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 4px; }
.categoryGrid .swiper-slide .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0; }
.categoryGrid .swiper-slide .img img.svg {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
.categoryGrid .swiper-slide .txt {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px 15px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      box-sizing: border-box; }
.categoryGrid .swiper-slide .txt h3 {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.01em;
        margin: 0; }
.categoryGrid .swiper-slide .txt .bottom {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%; }
.categoryGrid .swiper-slide .txt .bottom a {
          color: #fff;
          height: 35px;
          width: 104px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.05em; }
@media (max-width: 600px) {
            .categoryGrid .swiper-slide .txt .bottom a {
              border: 1px solid #fff;
              border-radius: 4px; } }
.categoryGrid .swiper-slide .txt .bottom a svg {
            margin-left: 10px; }
.imageText {
  background-color: #f9f9f9;
  margin: 80px 0 120px; }
@media (max-width: 1200px) {
    .imageText {
      margin: 0 0 60px; } }
@media (max-width: 900px) {
    .imageText {
      background-color: #fff;
      margin: 40px 0 60px; } }
.imageText .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) {
      .imageText .container {
        display: grid;
        grid-template-columns: 1fr;
        direction: rtl; }
        .imageText .container .txt {
          direction: ltr; } }
.imageText .container.switchOrder {
      direction: rtl; }
.imageText .container.switchOrder .img {
        margin-left: -180px;
        margin-right: 0; }
@media (max-width: 1800px) {
          .imageText .container.switchOrder .img {
            margin-left: -100px; } }
@media (max-width: 1530px) {
          .imageText .container.switchOrder .img {
            margin-left: -60px; } }
@media (max-width: 900px) {
          .imageText .container.switchOrder .img {
            margin: 0 -60px; } }
@media (max-width: 600px) {
          .imageText .container.switchOrder .img {
            margin: 0 -15px; } }
.imageText .container.switchOrder .txt {
        direction: ltr;
        padding-left: 25%; }
@media (max-width: 1200px) {
          .imageText .container.switchOrder .txt {
            padding-left: 0; } }
@media (max-width: 900px) {
          .imageText .container.switchOrder .txt {
            order: 2;
            padding: 30px 0; } }
.imageText .txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 65px; }
@media (max-width: 1600px) {
      .imageText .txt {
        padding-left: 0; } }
@media (max-width: 900px) {
      .imageText .txt {
        order: 2;
        padding: 30px 0; } }
.imageText .txt .inner {
      width: 60%; }
@media (max-width: 1600px) {
        .imageText .txt .inner {
          width: 75%; } }
@media (max-width: 900px) {
        .imageText .txt .inner {
          width: 100%; } }
.imageText .txt .inner h3 {
        color: #3f1c8e;
        font-size: calc(0.00481 * 100vw + 27.98077px);
        line-height: calc(0.00529 * 100vw + 32.77885px);
        font-weight: 600;
        letter-spacing: -0.01em;
        margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
          .imageText .txt .inner h3 {
            font-size: 40px; } }
@media screen and (max-width: 380px) {
          .imageText .txt .inner h3 {
            font-size: 30px; } }
@media screen and (min-width: 1919px) {
          .imageText .txt .inner h3 {
            line-height: 46px; } }
@media screen and (max-width: 380px) {
          .imageText .txt .inner h3 {
            line-height: 35px; } }
@media (max-width: 900px) {
          .imageText .txt .inner h3 {
            letter-spacing: 0;
            margin: 0 0 15px;
            color: #000; } }
.imageText .txt .inner p {
        color: #555555;
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: calc(0.00192 * 100vw + 21.19231px);
        letter-spacing: 0.02em;
        margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
          .imageText .txt .inner p {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .imageText .txt .inner p {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .imageText .txt .inner p {
            line-height: 26px; } }
@media screen and (max-width: 380px) {
          .imageText .txt .inner p {
            line-height: 22px; } }
@media (max-width: 900px) {
          .imageText .txt .inner p {
            letter-spacing: 0.04em; } }
.imageText .txt .inner a {
        border: 1px solid #dddddd;
        height: 40px;
        padding: 0 24px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: auto;
        color: #3f1c8e;
        border-radius: 4px; }
.imageText .txt .inner a svg {
          margin-left: 10px; }
.imageText .img {
    width: calc(100% + 180px);
    margin-right: -180px; }
@media (max-width: 1800px) {
      .imageText .img {
        margin-right: -100px;
        width: calc(100% + 100px); } }
@media (max-width: 1530px) {
      .imageText .img {
        margin-right: -60px;
        width: calc(100% + 60px); } }
@media (max-width: 900px) {
      .imageText .img {
        order: 0;
        margin: 0 -60px;
        width: calc(100% + 120px);
        box-sizing: border-box; } }
@media (max-width: 600px) {
      .imageText .img {
        margin: 0 -15px;
        width: calc(100% + 30px); } }
.imageText .img .inner {
      width: 100%;
      padding-top: 90%;
      max-height: 90vh;
      position: relative;
      box-sizing: border-box; }
.imageText .img .inner img {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        -o-object-fit: cover;
           object-fit: cover; }
.recipeCatSlider {
  padding: 126px 0 60px; }
@media (max-width: 1200px) {
    .recipeCatSlider {
      overflow: hidden;
      padding: 80px 0 60px; } }
.recipeCatSlider .row {
    position: relative; }
.recipeCatSlider .row.top {
      display: flex;
      justify-content: space-between;
      align-items: center; }
@media (max-width: 800px) {
        .recipeCatSlider .row.top .viewMore {
          display: none; } }
.recipeCatSlider .row.bottom {
      display: none;
      padding-top: 40px; }
@media (max-width: 800px) {
        .recipeCatSlider .row.bottom {
          display: flex;
          justify-content: center;
          align-items: center; } }
.recipeCatSlider .row.bottom .viewMore {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: auto;
        font-size: 14px; }
.recipeCatSlider .row:hover .swiper-button-next-reci,
    .recipeCatSlider .row:hover .swiper-button-prev-reci {
      display: block; }
.recipeCatSlider .row .swiper-button-next-reci,
    .recipeCatSlider .row .swiper-button-prev-reci {
      position: absolute;
      z-index: 5;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer;
      display: none; }
@media (max-width: 1200px) {
        .recipeCatSlider .row .swiper-button-next-reci,
        .recipeCatSlider .row .swiper-button-prev-reci {
          display: none !important; } }
.recipeCatSlider .row .swiper-button-next-reci {
      right: -25px; }
.recipeCatSlider .row .swiper-button-prev-reci {
      left: -25px; }
@media (max-width: 1200px) {
    .recipeCatSlider .swiper-container {
      overflow: visible; } }
.recipeCatSlider .swiper-slide {
    position: relative; }
.recipeCatSlider .swiper-slide .recipeBox {
      display: block;
      width: 100%; }
.recipeCatSlider .swiper-slide .img {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 4px; }
.recipeCatSlider .swiper-slide .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0; }
.recipeCatSlider .swiper-slide .img img.svg {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
.recipeCatSlider .swiper-slide .txt {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px 15px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      box-sizing: border-box; }
.recipeCatSlider .swiper-slide .txt h3 {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.01em;
        margin: 0; }
.recipeCatSlider .swiper-slide .txt .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.05em; }
.recipeCatSlider .swiper-slide .txt .bottom span {
          color: #fff; }
.recipeCatSlider .swiper-slide .txt .bottom span:last-child {
          color: #fff;
          height: 35px;
          width: 104px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.05em; }
@media (max-width: 800px) {
            .recipeCatSlider .swiper-slide .txt .bottom span:last-child {
              display: none; } }
.recipeCatSlider .swiper-slide .txt .bottom span:last-child svg {
            margin-left: 10px; }
.brochureBlock {
  background-color: #f9f9f9;
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) {
    .brochureBlock {
      grid-template-columns: 1fr; } }
.brochureBlock .img .inner {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #f9f9f9; }
.brochureBlock .img .inner img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      mix-blend-mode: multiply; }
.brochureBlock .txt {
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 900px) {
      .brochureBlock .txt {
        padding: 30px 60px 90px; } }
@media (max-width: 600px) {
      .brochureBlock .txt {
        padding: 30px 15px 90px; } }
.brochureBlock .txt .inner {
      width: 45%; }
@media (max-width: 1600px) {
        .brochureBlock .txt .inner {
          width: 60%; } }
@media (max-width: 1200px) {
        .brochureBlock .txt .inner {
          width: 80%;
          padding-right: 100px;
          box-sizing: border-box; } }
@media (max-width: 900px) {
        .brochureBlock .txt .inner {
          width: 100%;
          padding-right: 0; } }
.brochureBlock .txt .inner h3 {
        color: #3f1c8e;
        font-size: calc(0.00481 * 100vw + 27.98077px);
        line-height: calc(0.00529 * 100vw + 32.77885px);
        font-weight: 600;
        letter-spacing: -0.01em;
        margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
          .brochureBlock .txt .inner h3 {
            font-size: 40px; } }
@media screen and (max-width: 380px) {
          .brochureBlock .txt .inner h3 {
            font-size: 30px; } }
@media screen and (min-width: 1919px) {
          .brochureBlock .txt .inner h3 {
            line-height: 46px; } }
@media screen and (max-width: 380px) {
          .brochureBlock .txt .inner h3 {
            line-height: 35px; } }
@media (max-width: 900px) {
          .brochureBlock .txt .inner h3 {
            letter-spacing: 0;
            margin: 0 0 15px; } }
.brochureBlock .txt .inner p {
        color: #555555;
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: calc(0.00192 * 100vw + 21.19231px);
        letter-spacing: 0.02em;
        margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
          .brochureBlock .txt .inner p {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .brochureBlock .txt .inner p {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .brochureBlock .txt .inner p {
            line-height: 26px; } }
@media screen and (max-width: 380px) {
          .brochureBlock .txt .inner p {
            line-height: 22px; } }
@media (max-width: 900px) {
          .brochureBlock .txt .inner p {
            letter-spacing: 0.04em; } }
.brochureBlock .txt .inner a {
        border: 1px solid #dddddd;
        height: 40px;
        padding: 0 24px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: auto;
        color: #3f1c8e;
        border-radius: 4px; }
.brochureBlock .txt .inner a svg {
          margin-left: 10px; }
.shopGrid {
  padding: 80px 0 150px; }
.shopGrid .container.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 45px; }
@media (max-width: 900px) {
      .shopGrid .container.top {
        display: none; } }
.shopGrid .container.top .breadcrumbs ul {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
.shopGrid .container.top .breadcrumbs ul li {
        padding: 0 20px;
        color: #555555; }
.shopGrid .container.top .breadcrumbs ul li:first-child {
          padding-left: 0; }
.shopGrid .container.top .breadcrumbs ul li:last-child {
          padding-right: 0; }
.shopGrid .container.top .breadcrumbs ul a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #555555; }
.shopGrid .container.top .breadcrumbs ul a svg {
          margin-left: 10px; }
.shopGrid .container.top .sortByBtn {
      border: 1px solid #dddddd;
      border-color: #3f1c8e;
      color: #3f1c8e;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 22px;
      box-sizing: border-box;
      border-radius: 5px;
      cursor: pointer;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      position: relative; }
.shopGrid .container.top .sortByBtn span {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em; }
.shopGrid .container.top .sortByBtn svg {
        margin-left: 10px; }
.shopGrid .container.top .sortByBtn:hover {
        background-color: #3f1c8e;
        color: #fff; }
.shopGrid .container.top .sortByBtn:hover svg path {
          stroke: #fff; }
.shopGrid .container.top .sortByBtn .sortDrop {
        position: absolute;
        z-index: 2;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        min-width: 240px;
        border-radius: 6px;
        position: absolute;
        z-index: 24;
        top: 60px;
        right: 0px;
        display: none; }
.shopGrid .container.top .sortByBtn .sortDrop.active {
          display: block; }
.shopGrid .container.top .sortByBtn .sortDrop ul {
          width: 100%;
          padding: 15px 0; }
.shopGrid .container.top .sortByBtn .sortDrop ul li {
            width: 100%;
            text-align: left;
            padding: 10px 15px; }
.shopGrid .container.top .sortByBtn .sortDrop ul li a {
              color: #1a1824 !important;
              font-size: 16px; }
.shopGrid .container.top .sortByBtn .sortDrop ul li a:hover, .shopGrid .container.top .sortByBtn .sortDrop ul li a.active {
                color: #3f1c8e !important; }
.shopGrid .container.no_crumb {
    justify-content: flex-end; }
.shopGrid .container.main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
.shopGrid .container .filterBar {
    width: 300px; }
@media (max-width: 1440px) {
      .shopGrid .container .filterBar {
        display: none; } }
.shopGrid .container .filterBar .inner {
      width: 100%;
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 40px 20px;
      box-sizing: border-box; }
.shopGrid .container .filterBar .inner h3 {
        margin: 50px 0 20px;
        font-size: 16px;
        line-height: 1;
        font-weight: 600;
        color: #000; }
.shopGrid .container .filterBar .inner h3:first-child {
          margin-top: 0; }
.shopGrid .container .filterBar .inner .line {
        width: calc(100% + 40px);
        margin: 0 -20px;
        height: 1px;
        border-top: 1px solid #dddddd;
        margin-top: 30px; }
.shopGrid .container .filterBar .inner ul li {
        padding: 10px 0;
        cursor: pointer; }
.shopGrid .container .filterBar .inner ul li a {
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          color: #555555;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.shopGrid .container .filterBar .inner ul li span {
          color: #999999; }
.shopGrid .container .filterBar .inner ul li label {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          cursor: pointer;
          color: #555555; }
.shopGrid .container .filterBar .inner ul li label svg {
            margin-right: 15px; }
.shopGrid .container .filterBar .inner ul li label span {
            display: inline-block;
            margin-left: 5px; }
.shopGrid .container .filterBar .inner ul li label input:checked + svg .circle g {
            fill: #3f1c8e;
            stroke: #3f1c8e; }
.shopGrid .container .filterBar .inner ul li:hover {
          color: #3f1c8e; }
.shopGrid .container .filterBar .inner ul li:hover a {
            color: #3f1c8e; }
.shopGrid .container .gridBox {
    width: calc(100% - 330px);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -webkit-column-gap: 30px;
            column-gap: 30px;
    row-gap: 55px; }
@media (max-width: 2000px) {
      .shopGrid .container .gridBox {
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1672px) {
      .shopGrid .container .gridBox {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1440px) {
      .shopGrid .container .gridBox {
        width: 100%;
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px) {
      .shopGrid .container .gridBox {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
      .shopGrid .container .gridBox {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px; } }
@media (max-width: 600px) {
      .shopGrid .container .gridBox {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px; } }
.shopGrid .container .gridBox .productBox {
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 0 15px 24px;
      box-sizing: border-box;
      background-color: #fff;
      position: relative; }
@media (max-width: 800px) {
        .shopGrid .container .gridBox .productBox {
          padding: 0 15px 10px; } }
.shopGrid .container .gridBox .productBox .oldPrice {
        min-height: 16px;
        margin-top: 15px;
        color: transparent;
        color: #ec0127 !important;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.04em;
        font-weight: 600;
        margin-top: 15px;
        position: relative;
        display: inline-block; }
.shopGrid .container .gridBox .productBox .oldPrice::before {
          content: '';
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 2px;
          background-color: #ec0127;
          opacity: 0.5; }
.shopGrid .container .gridBox .productBox:hover {
        background-color: #f7f7f7; }
@media (max-width: 1200px) {
          .shopGrid .container .gridBox .productBox:hover {
            background-color: #fff; } }
.shopGrid .container .gridBox .productBox:hover .img {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .shopGrid .container .gridBox .productBox:hover .img {
              background-color: #fff; } }
.shopGrid .container .gridBox .productBox:hover .img img {
            mix-blend-mode: multiply; }
.shopGrid .container .gridBox .productBox:hover .actions {
          display: flex;
          justify-content: center;
          align-items: center; }
.shopGrid .container .gridBox .productBox:hover .txt .excerpt * {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .shopGrid .container .gridBox .productBox:hover .txt .excerpt * {
              color: #555; } }
.shopGrid .container .gridBox .productBox:hover .txt .price {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .shopGrid .container .gridBox .productBox:hover .txt .price {
              color: #3f1c8e; } }
.shopGrid .container .gridBox .productBox:hover .txt .price .oldPrice * {
            color: transparent; }
.shopGrid .container .gridBox .productBox.inList .top .addToList svg .circleBg {
        fill: #ec0127; }
.shopGrid .container .gridBox .productBox.inList .top .addToList svg .heart {
        stroke: #fff; }
.shopGrid .container .gridBox .productBox.inList .top .addToList:hover .heart {
        stroke: #ffea3d; }
.shopGrid .container .gridBox .productBox.offer .top .offerTxt,
      .shopGrid .container .gridBox .productBox.offer .txt .offerTxt {
        display: inline-flex !important; }
.shopGrid .container .gridBox .productBox a {
        display: block;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.shopGrid .container .gridBox .productBox .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        position: relative;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.shopGrid .container .gridBox .productBox .top .addToList {
          cursor: pointer;
          position: relative;
          left: -5px;
          z-index: 10;
          padding: 0; }
.shopGrid .container .gridBox .productBox .top .addToList svg .circleBg {
            fill: none;
            stroke: none;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.shopGrid .container .gridBox .productBox .top .addToList svg .heart {
            stroke: #8b8b8b;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.shopGrid .container .gridBox .productBox .top .addToList:hover svg .heart {
            stroke: #ec0127; }
.shopGrid .container .gridBox .productBox .top .prdQty {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background-color: #3f1c8e;
          color: #fff;
          font-size: 15px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.01em;
          display: none;
          justify-content: center;
          align-items: center; }
.shopGrid .container .gridBox .productBox .top .prdQty.active {
            display: flex; }
.shopGrid .container .gridBox .productBox .top .prdQty span {
            display: inline-block;
            position: relative;
            top: -1px; }
.shopGrid .container .gridBox .productBox .top .offerTxt {
          position: absolute;
          z-index: 3;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: calc(100% - 100px);
          width: auto;
          padding: 15px 10px;
          font-size: 20px;
          font-size: calc(0.00288 * 100vw + 12.78846px);
          line-height: calc(-0.00192 * 100vw + 24.80769px);
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          display: none !important;
          justify-content: center;
          align-items: center;
          text-align: center;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .top .offerTxt {
              font-size: 20px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .top .offerTxt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .top .offerTxt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .top .offerTxt {
              line-height: 24px; } }
@media (max-width: 800px) {
            .shopGrid .container .gridBox .productBox .top .offerTxt {
              padding: 10px; } }
.shopGrid .container .gridBox .productBox .top .offerTxt.red {
            background-color: #ec0127;
            color: #ffea3d; }
.shopGrid .container .gridBox .productBox .top .offerTxt.yellow {
            background-color: #ffea3d;
            color: #ec0127; }
.shopGrid .container .gridBox .productBox .top .offerTxt span {
            font: inherit; }
.shopGrid .container .gridBox .productBox .img {
        width: 100%;
        padding-top: 100%;
        background-color: #fff;
        position: relative; }
.shopGrid .container .gridBox .productBox .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: normal; }
.shopGrid .container .gridBox .productBox .txt .price {
        color: #3f1c8e;
        position: relative; }
.shopGrid .container .gridBox .productBox .txt .price .currency {
          display: block;
          width: 100%;
          font-size: 11px;
          line-height: 1;
          letter-spacing: 0.08em;
          font-weight: 600; }
.shopGrid .container .gridBox .productBox .txt .price .cost {
          display: flex;
          justify-content: flex-start; }
.shopGrid .container .gridBox .productBox .txt .price .cost .left .intiger {
            font-size: calc(0.00577 * 100vw + 35.57692px);
            line-height: 1;
            letter-spacing: -0.01em;
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .shopGrid .container .gridBox .productBox .txt .price .cost .left .intiger {
                font-size: 50px; } }
@media screen and (max-width: 380px) {
              .shopGrid .container .gridBox .productBox .txt .price .cost .left .intiger {
                font-size: 38px; } }
.shopGrid .container .gridBox .productBox .txt .price .cost .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px 0 5px 5px;
            box-sizing: border-box; }
@media (max-width: 800px) {
              .shopGrid .container .gridBox .productBox .txt .price .cost .right {
                padding: 6px 0 5px 5px; } }
.shopGrid .container .gridBox .productBox .txt .price .cost .right span {
              display: inline-block; }
.shopGrid .container .gridBox .productBox .txt .price .cost .right span.decimal {
                font-size: calc(0.00048 * 100vw + 14.79808px);
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
@media screen and (min-width: 1919px) {
                  .shopGrid .container .gridBox .productBox .txt .price .cost .right span.decimal {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .shopGrid .container .gridBox .productBox .txt .price .cost .right span.decimal {
                    font-size: 15px; } }
.shopGrid .container .gridBox .productBox .txt .price .cost .right span.qtyInfo {
                font-size: calc(0.00144 * 100vw + 10.39423px);
                line-height: 1;
                letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                  .shopGrid .container .gridBox .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 14px; } }
@media screen and (max-width: 380px) {
                  .shopGrid .container .gridBox .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 11px; } }
.shopGrid .container .gridBox .productBox .txt .price .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent; }
@media (max-width: 1200px) {
            .shopGrid .container .gridBox .productBox .txt .price .oldPrice {
              position: absolute;
              z-index: 2;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
.shopGrid .container .gridBox .productBox .txt .price.big .currency {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .currency {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .currency {
              font-size: 12px; } }
.shopGrid .container .gridBox .productBox .txt .price.big .cost .left .intiger {
          font-size: calc(0.01538 * 100vw + 31.53846px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .left .intiger {
              font-size: 70px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .left .intiger {
              font-size: 38px; } }
.shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.decimal {
          font-size: calc(0.0101 * 100vw + 12.75962px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.decimal {
              font-size: 38px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.decimal {
              font-size: 17px; } }
.shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.qtyInfo {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 12px; } }
.shopGrid .container .gridBox .productBox .txt .excerpt {
        color: #555555;
        font-size: calc(0.00144 * 100vw + 13.39423px);
        line-height: calc(0.00192 * 100vw + 15.19231px);
        letter-spacing: 0.025em;
        padding: 0 0 10px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
@media screen and (min-width: 1919px) {
          .shopGrid .container .gridBox .productBox .txt .excerpt {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .shopGrid .container .gridBox .productBox .txt .excerpt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .shopGrid .container .gridBox .productBox .txt .excerpt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .shopGrid .container .gridBox .productBox .txt .excerpt {
            line-height: 16px; } }
.shopGrid .container .gridBox .productBox .txt .excerpt span {
          display: inline-block;
          max-width: calc(100% - 35px);
          min-height: 42px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media (max-width: 1200px) {
            .shopGrid .container .gridBox .productBox .txt .excerpt span {
              max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
          .shopGrid .container .gridBox .productBox .txt .excerpt .toolTip {
            display: none; } }
.shopGrid .container .gridBox .productBox .txt .offerTxt {
        background-color: #ec0127;
        color: #ffea3d;
        height: 37px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        font-size: calc(0.00481 * 100vw + 12.98077px);
        letter-spacing: 0.01em;
        border-radius: 4px;
        padding: 0 12px;
        width: auto;
        display: none !important;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
@media screen and (min-width: 1919px) {
          .shopGrid .container .gridBox .productBox .txt .offerTxt {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .shopGrid .container .gridBox .productBox .txt .offerTxt {
            font-size: 15px; } }
.shopGrid .container .gridBox .productBox .actions {
        background-color: #f7f7f7;
        display: none;
        position: absolute;
        z-index: 2;
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
        bottom: 25px;
        left: 0;
        border-radius: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
          .shopGrid .container .gridBox .productBox .actions {
            position: relative;
            display: flex;
            justify-content: center;
            padding: 20px 0 0;
            background-color: transparent;
            bottom: 0; } }
.shopGrid .container .gridBox .productBox .addToCart {
        background-color: #fff;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 45px;
        width: calc(100% - 30px);
        font-size: 17px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        opacity: 1; }
@media (max-width: 1200px) {
          .shopGrid .container .gridBox .productBox .addToCart {
            width: 100%; } }
.shopGrid .container .gridBox .productBox .addToCart.disabled {
          display: none;
          opacity: 0; }
.shopGrid .container .gridBox .productBox .addToCart:hover {
          background-color: #3f1c8e;
          color: #fff; }
.shopGrid .container .gridBox .productBox .addToCart:hover svg line {
            stroke: #fff; }
.shopGrid .container .gridBox .productBox .addToCart svg {
          margin-right: 15px; }
.shopGrid .container .gridBox .productBox .cartAction {
        width: calc(100% - 30px);
        height: 45px;
        grid-template-columns: repeat(3, 1fr);
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fff;
        display: none;
        opacity: 0; }
@media (max-width: 1200px) {
          .shopGrid .container .gridBox .productBox .cartAction {
            width: 100%; } }
.shopGrid .container .gridBox .productBox .cartAction.active {
          display: grid;
          opacity: 1; }
.shopGrid .container .gridBox .productBox .cartAction .dec,
        .shopGrid .container .gridBox .productBox .cartAction .val,
        .shopGrid .container .gridBox .productBox .cartAction .inc {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer; }
.shopGrid .container .gridBox .productBox .cartAction .dec:hover,
          .shopGrid .container .gridBox .productBox .cartAction .val:hover,
          .shopGrid .container .gridBox .productBox .cartAction .inc:hover {
            background-color: #3f1c8e; }
.shopGrid .container .gridBox .productBox .cartAction .dec:hover svg line,
            .shopGrid .container .gridBox .productBox .cartAction .val:hover svg line,
            .shopGrid .container .gridBox .productBox .cartAction .inc:hover svg line {
              stroke: #fff; }
.shopGrid .container .gridBox .productBox .cartAction .val {
          border-right: 1px solid #dddddd;
          border-left: 1px solid #dddddd;
          font-size: calc(0.00096 * 100vw + 15.59615px);
          letter-spacing: 0.05em;
          line-height: 1;
          cursor: auto; }
@media screen and (min-width: 1919px) {
            .shopGrid .container .gridBox .productBox .cartAction .val {
              font-size: 18px; } }
@media screen and (max-width: 380px) {
            .shopGrid .container .gridBox .productBox .cartAction .val {
              font-size: 16px; } }
.shopGrid .container .gridBox .productBox .cartAction .val:hover {
            background-color: #fff; }
@media (max-width: 600px) {
      .shopGrid .container .gridBox .productBox a {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
        grid-template-rows: minmax(min-content, max-content);
        grid-column-gap: 0px;
        grid-row-gap: 0px; }
      .shopGrid .container .gridBox .productBox .top {
        grid-area: 1 / 1 / 2 / 3; }
      .shopGrid .container .gridBox .productBox .img {
        grid-area: 2 / 1 / 4 / 2; }
        .shopGrid .container .gridBox .productBox .img img {
          -o-object-position: top;
             object-position: top;
          width: 95%; }
      .shopGrid .container .gridBox .productBox .txt {
        grid-area: 2 / 2 / 3 / 3; }
        .shopGrid .container .gridBox .productBox .txt .oldPrice {
          position: relative !important;
          top: auto !important;
          -webkit-transform: none !important;
                  transform: none !important; }
        .shopGrid .container .gridBox .productBox .txt .excerpt {
          padding-top: 10px; }
      .shopGrid .container .gridBox .productBox .actions {
        grid-area: 3 / 2 / 4 / 3; }
      .shopGrid .container .gridBox .productBox .addToCart,
      .shopGrid .container .gridBox .productBox .cartAction {
        height: 40px; } }
.shopGrid.crumbsBx {
    padding: 100px 0 0; }
.crumbsBx + section {
  padding-top: 40px; }
.productHero {
  max-width: 100vw;
  overflow: hidden; }
.productHero .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 600px) {
      .productHero .container {
        grid-template-columns: 1fr; } }
.productHero .container .heroGallery {
      padding: 100px 0 120px;
      position: relative;
      background-color: #fff; }
@media (max-width: 900px) {
        .productHero .container .heroGallery {
          padding: 90px 0; } }
@media (max-width: 600px) {
        .productHero .container .heroGallery {
          padding: 90px 0 0; } }
@media (max-width: 600px) {
        .productHero .container .heroGallery.Multi {
          padding: 90px 0 110px !important; }
          .productHero .container .heroGallery.Multi .heroThumbs .swiper-container {
            overflow: visible; }
          .productHero .container .heroGallery.Multi .heroThumbs {
            bottom: 0; } }
.productHero .container .heroGallery .swiper-container {
        width: 100%; }
.productHero .container .heroGallery .main .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100% !important; }
.productHero .container .heroGallery .main .swiper-slide .img {
          width: 50%;
          padding-top: 50%;
          position: relative;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1800px) {
            .productHero .container .heroGallery .main .swiper-slide .img {
              width: 60%;
              padding-top: 60%; } }
@media (max-width: 1672px) {
            .productHero .container .heroGallery .main .swiper-slide .img {
              width: 90%;
              padding-top: 90%; } }
@media (max-width: 1000px) {
            .productHero .container .heroGallery .main .swiper-slide .img {
              width: 95%;
              padding-top: 95%; } }
.productHero .container .heroGallery .main .swiper-slide .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0; }
.productHero .container .heroGallery .swiper-button-prev,
      .productHero .container .heroGallery .swiper-button-next {
        width: 50px;
        height: 50px; }
@media (max-width: 1200px) {
          .productHero .container .heroGallery .swiper-button-prev,
          .productHero .container .heroGallery .swiper-button-next {
            display: none !important; } }
.productHero .container .heroGallery .swiper-button-prev:after,
      .productHero .container .heroGallery .swiper-container-rtl .swiper-button-next:after,
      .productHero .container .heroGallery .swiper-button-next:after,
      .productHero .container .heroGallery .swiper-container-rtl .swiper-button-prev:after {
        content: '';
        display: none; }
.productHero .container .heroGallery .heroThumbs {
        position: absolute;
        width: auto;
        max-width: 100%;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        z-index: 2; }
@media (max-width: 900px) {
          .productHero .container .heroGallery .heroThumbs {
            bottom: 60px; } }
.productHero .container .heroGallery .heroThumbs .swiper-slide {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 90px;
          cursor: pointer; }
.productHero .container .heroGallery .heroThumbs .swiper-slide.swiper-slide-thumb-active .img {
            border-color: #ec0127; }
.productHero .container .heroGallery .heroThumbs .swiper-slide .img {
            padding: 5px;
            border: 1px solid #dddddd;
            box-sizing: border-box;
            width: 90px;
            height: 90px; }
.productHero .container .heroGallery .heroThumbs .swiper-slide .img .inner {
              width: 80px;
              padding-top: 80px;
              position: relative;
              box-sizing: border-box; }
.productHero .container .heroGallery .heroThumbs .swiper-slide .img img {
              width: 100%;
              height: 100%;
              -o-object-fit: contain;
                 object-fit: contain;
              position: absolute;
              z-index: 2;
              top: 0;
              left: 0; }
.productHero .container .heroinfo {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 100px 0 60px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productHero .container .heroinfo .productBox {
        border: 1px solid #dddddd;
        border-radius: 10px;
        padding: 0 15px 24px;
        box-sizing: border-box;
        background-color: #fff;
        position: relative; }
@media (max-width: 800px) {
          .productHero .container .heroinfo .productBox {
            padding: 0 15px 10px; } }
.productHero .container .heroinfo .productBox .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent;
          color: #ec0127 !important;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.04em;
          font-weight: 600;
          margin-top: 15px;
          position: relative;
          display: inline-block; }
.productHero .container .heroinfo .productBox .oldPrice::before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 100%;
            height: 2px;
            background-color: #ec0127;
            opacity: 0.5; }
.productHero .container .heroinfo .productBox:hover {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox:hover {
              background-color: #fff; } }
.productHero .container .heroinfo .productBox:hover .img {
            background-color: #f7f7f7; }
@media (max-width: 1200px) {
              .productHero .container .heroinfo .productBox:hover .img {
                background-color: #fff; } }
.productHero .container .heroinfo .productBox:hover .img img {
              mix-blend-mode: multiply; }
.productHero .container .heroinfo .productBox:hover .actions {
            display: flex;
            justify-content: center;
            align-items: center; }
.productHero .container .heroinfo .productBox:hover .txt .excerpt * {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .productHero .container .heroinfo .productBox:hover .txt .excerpt * {
                color: #555; } }
.productHero .container .heroinfo .productBox:hover .txt .price {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .productHero .container .heroinfo .productBox:hover .txt .price {
                color: #3f1c8e; } }
.productHero .container .heroinfo .productBox:hover .txt .price .oldPrice * {
              color: transparent; }
.productHero .container .heroinfo .productBox.inList .top .addToList svg .circleBg {
          fill: #ec0127; }
.productHero .container .heroinfo .productBox.inList .top .addToList svg .heart {
          stroke: #fff; }
.productHero .container .heroinfo .productBox.inList .top .addToList:hover .heart {
          stroke: #ffea3d; }
.productHero .container .heroinfo .productBox.offer .top .offerTxt,
        .productHero .container .heroinfo .productBox.offer .txt .offerTxt {
          display: inline-flex !important; }
.productHero .container .heroinfo .productBox a {
          display: block;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productHero .container .heroinfo .productBox .top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 54px;
          position: relative;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productHero .container .heroinfo .productBox .top .addToList {
            cursor: pointer;
            position: relative;
            left: -5px;
            z-index: 10;
            padding: 0; }
.productHero .container .heroinfo .productBox .top .addToList svg .circleBg {
              fill: none;
              stroke: none;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productHero .container .heroinfo .productBox .top .addToList svg .heart {
              stroke: #8b8b8b;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.productHero .container .heroinfo .productBox .top .addToList:hover svg .heart {
              stroke: #ec0127; }
.productHero .container .heroinfo .productBox .top .prdQty {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #3f1c8e;
            color: #fff;
            font-size: 15px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.01em;
            display: none;
            justify-content: center;
            align-items: center; }
.productHero .container .heroinfo .productBox .top .prdQty.active {
              display: flex; }
.productHero .container .heroinfo .productBox .top .prdQty span {
              display: inline-block;
              position: relative;
              top: -1px; }
.productHero .container .heroinfo .productBox .top .offerTxt {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            max-width: calc(100% - 100px);
            width: auto;
            padding: 15px 10px;
            font-size: 20px;
            font-size: calc(0.00288 * 100vw + 12.78846px);
            line-height: calc(-0.00192 * 100vw + 24.80769px);
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.02em;
            display: none !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .top .offerTxt {
                font-size: 20px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .top .offerTxt {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .top .offerTxt {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .top .offerTxt {
                line-height: 24px; } }
@media (max-width: 800px) {
              .productHero .container .heroinfo .productBox .top .offerTxt {
                padding: 10px; } }
.productHero .container .heroinfo .productBox .top .offerTxt.red {
              background-color: #ec0127;
              color: #ffea3d; }
.productHero .container .heroinfo .productBox .top .offerTxt.yellow {
              background-color: #ffea3d;
              color: #ec0127; }
.productHero .container .heroinfo .productBox .top .offerTxt span {
              font: inherit; }
.productHero .container .heroinfo .productBox .img {
          width: 100%;
          padding-top: 100%;
          background-color: #fff;
          position: relative; }
.productHero .container .heroinfo .productBox .img img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -o-object-fit: contain;
               object-fit: contain;
            mix-blend-mode: normal; }
.productHero .container .heroinfo .productBox .txt .price {
          color: #3f1c8e;
          position: relative; }
.productHero .container .heroinfo .productBox .txt .price .currency {
            display: block;
            width: 100%;
            font-size: 11px;
            line-height: 1;
            letter-spacing: 0.08em;
            font-weight: 600; }
.productHero .container .heroinfo .productBox .txt .price .cost {
            display: flex;
            justify-content: flex-start; }
.productHero .container .heroinfo .productBox .txt .price .cost .left .intiger {
              font-size: calc(0.00577 * 100vw + 35.57692px);
              line-height: 1;
              letter-spacing: -0.01em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .productHero .container .heroinfo .productBox .txt .price .cost .left .intiger {
                  font-size: 50px; } }
@media screen and (max-width: 380px) {
                .productHero .container .heroinfo .productBox .txt .price .cost .left .intiger {
                  font-size: 38px; } }
.productHero .container .heroinfo .productBox .txt .price .cost .right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: flex-start;
              padding: 12px 0 5px 5px;
              box-sizing: border-box; }
@media (max-width: 800px) {
                .productHero .container .heroinfo .productBox .txt .price .cost .right {
                  padding: 6px 0 5px 5px; } }
.productHero .container .heroinfo .productBox .txt .price .cost .right span {
                display: inline-block; }
.productHero .container .heroinfo .productBox .txt .price .cost .right span.decimal {
                  font-size: calc(0.00048 * 100vw + 14.79808px);
                  line-height: 1;
                  letter-spacing: 0.08em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .productHero .container .heroinfo .productBox .txt .price .cost .right span.decimal {
                      font-size: 16px; } }
@media screen and (max-width: 380px) {
                    .productHero .container .heroinfo .productBox .txt .price .cost .right span.decimal {
                      font-size: 15px; } }
.productHero .container .heroinfo .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: calc(0.00144 * 100vw + 10.39423px);
                  line-height: 1;
                  letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                    .productHero .container .heroinfo .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 14px; } }
@media screen and (max-width: 380px) {
                    .productHero .container .heroinfo .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 11px; } }
.productHero .container .heroinfo .productBox .txt .price .oldPrice {
            min-height: 16px;
            margin-top: 15px;
            color: transparent; }
@media (max-width: 1200px) {
              .productHero .container .heroinfo .productBox .txt .price .oldPrice {
                position: absolute;
                z-index: 2;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); } }
.productHero .container .heroinfo .productBox .txt .price.big .currency {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .price.big .currency {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .price.big .currency {
                font-size: 12px; } }
.productHero .container .heroinfo .productBox .txt .price.big .cost .left .intiger {
            font-size: calc(0.01538 * 100vw + 31.53846px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .left .intiger {
                font-size: 70px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .left .intiger {
                font-size: 38px; } }
.productHero .container .heroinfo .productBox .txt .price.big .cost .right span.decimal {
            font-size: calc(0.0101 * 100vw + 12.75962px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .right span.decimal {
                font-size: 38px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .right span.decimal {
                font-size: 17px; } }
.productHero .container .heroinfo .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 12px; } }
.productHero .container .heroinfo .productBox .txt .excerpt {
          color: #555555;
          font-size: calc(0.00144 * 100vw + 13.39423px);
          line-height: calc(0.00192 * 100vw + 15.19231px);
          letter-spacing: 0.025em;
          padding: 0 0 10px 0;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
@media screen and (min-width: 1919px) {
            .productHero .container .heroinfo .productBox .txt .excerpt {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .productHero .container .heroinfo .productBox .txt .excerpt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .productHero .container .heroinfo .productBox .txt .excerpt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .productHero .container .heroinfo .productBox .txt .excerpt {
              line-height: 16px; } }
.productHero .container .heroinfo .productBox .txt .excerpt span {
            display: inline-block;
            max-width: calc(100% - 35px);
            min-height: 42px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media (max-width: 1200px) {
              .productHero .container .heroinfo .productBox .txt .excerpt span {
                max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox .txt .excerpt .toolTip {
              display: none; } }
.productHero .container .heroinfo .productBox .txt .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          font-size: calc(0.00481 * 100vw + 12.98077px);
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: none !important;
          justify-content: center;
          align-items: center;
          margin-top: 15px; }
@media screen and (min-width: 1919px) {
            .productHero .container .heroinfo .productBox .txt .offerTxt {
              font-size: 25px; } }
@media screen and (max-width: 380px) {
            .productHero .container .heroinfo .productBox .txt .offerTxt {
              font-size: 15px; } }
.productHero .container .heroinfo .productBox .actions {
          background-color: #f7f7f7;
          display: none;
          position: absolute;
          z-index: 2;
          width: 100%;
          padding-top: 0;
          padding-bottom: 20px;
          bottom: 25px;
          left: 0;
          border-radius: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox .actions {
              position: relative;
              display: flex;
              justify-content: center;
              padding: 20px 0 0;
              background-color: transparent;
              bottom: 0; } }
.productHero .container .heroinfo .productBox .addToCart {
          background-color: #fff;
          color: #3f1c8e;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #dddddd;
          border-radius: 4px;
          height: 45px;
          width: calc(100% - 30px);
          font-size: 17px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          opacity: 1; }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox .addToCart {
              width: 100%; } }
.productHero .container .heroinfo .productBox .addToCart.disabled {
            display: none;
            opacity: 0; }
.productHero .container .heroinfo .productBox .addToCart:hover {
            background-color: #3f1c8e;
            color: #fff; }
.productHero .container .heroinfo .productBox .addToCart:hover svg line {
              stroke: #fff; }
.productHero .container .heroinfo .productBox .addToCart svg {
            margin-right: 15px; }
.productHero .container .heroinfo .productBox .cartAction {
          width: calc(100% - 30px);
          height: 45px;
          grid-template-columns: repeat(3, 1fr);
          border: 1px solid #dddddd;
          border-radius: 4px;
          background-color: #fff;
          display: none;
          opacity: 0; }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox .cartAction {
              width: 100%; } }
.productHero .container .heroinfo .productBox .cartAction.active {
            display: grid;
            opacity: 1; }
.productHero .container .heroinfo .productBox .cartAction .dec,
          .productHero .container .heroinfo .productBox .cartAction .val,
          .productHero .container .heroinfo .productBox .cartAction .inc {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #3f1c8e;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
.productHero .container .heroinfo .productBox .cartAction .dec:hover,
            .productHero .container .heroinfo .productBox .cartAction .val:hover,
            .productHero .container .heroinfo .productBox .cartAction .inc:hover {
              background-color: #3f1c8e; }
.productHero .container .heroinfo .productBox .cartAction .dec:hover svg line,
              .productHero .container .heroinfo .productBox .cartAction .val:hover svg line,
              .productHero .container .heroinfo .productBox .cartAction .inc:hover svg line {
                stroke: #fff; }
.productHero .container .heroinfo .productBox .cartAction .val {
            border-right: 1px solid #dddddd;
            border-left: 1px solid #dddddd;
            font-size: calc(0.00096 * 100vw + 15.59615px);
            letter-spacing: 0.05em;
            line-height: 1;
            cursor: auto; }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .cartAction .val {
                font-size: 18px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .cartAction .val {
                font-size: 16px; } }
.productHero .container .heroinfo .productBox .cartAction .val:hover {
              background-color: #fff; }
@media (max-width: 900px) {
        .productHero .container .heroinfo {
          padding-top: 60px; } }
@media (max-width: 600px) {
        .productHero .container .heroinfo {
          padding-top: 0;
          position: relative; } }
.productHero .container .heroinfo .productBox {
        max-width: 415px;
        width: 100%;
        padding: 0 25px 25px; }
@media (max-width: 600px) {
          .productHero .container .heroinfo .productBox {
            border: 0;
            padding: 0 0 25px;
            max-width: 100%;
            width: 100%; } }
.productHero .container .heroinfo .productBox:hover {
          background-color: #fff; }
.productHero .container .heroinfo .productBox:hover .excerpt {
            background-color: #fff; }
.productHero .container .heroinfo .productBox:hover .excerpt svg circle {
              fill: #d0d0d0 !important; }
.productHero .container .heroinfo .productBox:hover .excerpt svg path {
              fill: #fff !important; }
.productHero .container .heroinfo .productBox:hover .excerpt * {
            color: #555 !important; }
.productHero .container .heroinfo .productBox:hover .price {
            color: #3f1c8e !important; }
.productHero .container .heroinfo .productBox:hover .oldPrice * {
            color: #ec0127 !important; }
@media (max-width: 600px) {
          .productHero .container .heroinfo .productBox .top {
            position: fixed;
            z-index: 2;
            top: 80px;
            left: 0;
            width: 100%;
            padding: 0 15px;
            box-sizing: border-box;
            opacity: 1; } }
.productHero .container .heroinfo .productBox .top.activeM {
          opacity: 0; }
.productHero .container .heroinfo .productBox .txt {
          padding-top: 40px; }
@media (max-width: 1200px) {
            .productHero .container .heroinfo .productBox .txt .price .oldPrice {
              position: relative;
              top: auto;
              -webkit-transform: none;
                      transform: none; }
            .productHero .container .heroinfo .productBox .txt .offerTxt {
              font-size: 25px; } }
@media (max-width: 600px) {
            .productHero .container .heroinfo .productBox .txt .cost .left .intiger {
              font-size: 54px !important; }
            .productHero .container .heroinfo .productBox .txt .cost .right .decimal {
              font-size: 25px !important; }
            .productHero .container .heroinfo .productBox .txt .cost .right .qtyInfo {
              font-size: 12px !important; } }
.productHero .container .heroinfo .productBox .txt .excerpt span {
            font-size: calc(0.00096 * 100vw + 14.59615px);
            line-height: calc(0 * 100vw + 20px); }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .excerpt span {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .excerpt span {
                font-size: 15px; } }
@media screen and (min-width: 1919px) {
              .productHero .container .heroinfo .productBox .txt .excerpt span {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .productHero .container .heroinfo .productBox .txt .excerpt span {
                line-height: 20px; } }
.productHero .container .heroinfo .productBox .actions {
          background-color: #fff;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 70px 0 0 0;
          bottom: 0; }
@media (max-width: 600px) {
            .productHero .container .heroinfo .productBox .actions {
              padding-top: 30px; } }
.productHero .container .heroinfo .productBox .actions .addToCart,
          .productHero .container .heroinfo .productBox .actions .cartAction {
            padding: 0;
            width: 100%; }
.productInfoBlock {
  padding-top: 130px; }
@media (max-width: 1200px) {
    .productInfoBlock {
      padding-top: 60px; } }
@media (max-width: 600px) {
    .productInfoBlock {
      padding-top: 0; } }
.productInfoBlock .container .flexed {
    display: flex;
    justify-content: space-between;
    padding-bottom: 136px;
    border-bottom: 1px solid #dddddd; }
@media (max-width: 1200px) {
      .productInfoBlock .container .flexed {
        flex-direction: column;
        padding-bottom: 80px; } }
.productInfoBlock .container .productinfoAccordion {
    max-width: 500px;
    width: 100%;
    padding-left: 10px; }
@media (max-width: 1200px) {
      .productInfoBlock .container .productinfoAccordion {
        order: 2;
        max-width: 100%;
        padding-left: 0; } }
.productInfoBlock .container .productinfoAccordion .accordion {
      width: 100%;
      border: 1px solid #dddddd;
      border-radius: 10px;
      box-sizing: border-box; }
.productInfoBlock .container .productinfoAccordion .accordion .s-accordion-container .s-set:last-child .s-set-tab,
      .productInfoBlock .container .productinfoAccordion .accordion .s-accordion-container .s-set:last-child .s-set-content {
        border-bottom: 0; }
.productInfoBlock .container .productAbout {
    width: calc(100% - 500px);
    display: flex;
    justify-content: center;
    align-items: flex-start; }
@media (max-width: 1200px) {
      .productInfoBlock .container .productAbout {
        display: none; } }
.productInfoBlock .container .productAbout .inner {
      width: 60%; }
.productInfoBlock .container .productAbout .inner h3 {
        color: #3f1c8e;
        font-size: 22px;
        line-height: 1;
        letter-spacing: 0.01em;
        margin: 0 0 20px; }
.productInfoBlock .container .productAbout .inner p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.02em; }
.recipeSlider {
  padding: 110px 0 100px;
  width: 100%;
  overflow: hidden; }
@media (max-width: 800px) {
    .recipeSlider {
      padding: 80px 0 60px; } }
.recipeSlider .row.bottom {
    display: none;
    padding-top: 40px; }
@media (max-width: 800px) {
      .recipeSlider .row.bottom {
        display: flex;
        justify-content: center;
        align-items: center; } }
.recipeSlider .row.bottom .viewMore {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      top: auto;
      font-size: 14px; }
.recipeSlider .row > h3 {
    color: #3f1c8e;
    font-size: calc(0.00481 * 100vw + 27.98077px);
    line-height: 1;
    letter-spacing: -0.01em;
    margin: 0 0 50px;
    font-weight: 600; }
@media screen and (min-width: 1919px) {
      .recipeSlider .row > h3 {
        font-size: 40px; } }
@media screen and (max-width: 380px) {
      .recipeSlider .row > h3 {
        font-size: 30px; } }
.recipeSlider .swiper-container {
    overflow: visible; }
.recipeSlider .swiper-slide .recipeBox {
    border-radius: 10px;
    overflow: hidden; }
.recipeSlider .swiper-slide .recipeBox.inList .heart .bg {
      fill: #3f1c8e; }
.recipeSlider .swiper-slide .recipeBox.inList .heart .outline {
      stroke: #3f1c8e; }
.recipeSlider .swiper-slide .img {
    width: 100%;
    padding-top: 100%;
    position: relative; }
.recipeSlider .swiper-slide .img .heart {
      position: absolute;
      z-index: 10;
      top: 15px;
      left: 15px;
      cursor: pointer;
      width: 25px;
      height: auto; }
.recipeSlider .swiper-slide .img .heart .bg,
      .recipeSlider .swiper-slide .img .heart .outline {
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeSlider .swiper-slide .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      display: block; }
.recipeSlider .swiper-slide .txt {
    border: 1px solid #dddddd;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
.recipeSlider .swiper-slide .txt .top {
      padding: 20px 20px 30px;
      min-height: 160px;
      box-sizing: border-box; }
.recipeSlider .swiper-slide .txt .top p {
        color: #3f1c8e;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        margin: 0 0 10px; }
.recipeSlider .swiper-slide .txt .top h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.005em;
        font-weight: 600;
        margin: 0; }
.recipeSlider .swiper-slide .txt .bottom {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid #dddddd; }
.recipeSlider .swiper-slide .txt .bottom .column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #dddddd; }
.recipeSlider .swiper-slide .txt .bottom .column:last-child {
          border-right: 0; }
.recipeSlider .swiper-slide .txt .bottom .column p {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
.recipeSlider .swiper-slide .txt .bottom .column p span {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.025em; }
.recipeSlider .swiper-slide .txt .bottom .column p span:first-child {
              color: #555555; }
.productCrumbs {
  padding: 80px 0 0; }
@media (max-width: 1200px) {
    .productCrumbs {
      padding: 0;
      display: none; } }
.productCrumbs ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px; }
.productCrumbs ul li {
      padding: 0 20px;
      color: #555555;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer; }
.productCrumbs ul li svg {
        margin-left: 10px; }
.productCrumbs ul li:first-child {
        padding-left: 0; }
.productReview .top {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
@media (max-width: 1200px) {
    .productReview .top {
      padding-top: 20px; } }
@media (max-width: 600px) {
    .productReview .top {
      padding-top: 0; } }
.productReview .top form {
    background-color: #fff;
    border-radius: 10px;
    max-width: 60%;
    width: 60%;
    padding: 115px 80px;
    box-sizing: border-box;
    position: relative;
    box-shadow: -5px 3px 50px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 175px; }
@media (max-width: 1672px) {
      .productReview .top form {
        max-width: 80%;
        width: 80%; } }
@media (max-width: 1200px) {
      .productReview .top form {
        max-width: 90%;
        width: 90%; } }
@media (max-width: 900px) {
      .productReview .top form {
        box-shadow: none;
        max-width: 100%;
        width: 100%;
        padding: 80px 0;
        margin-bottom: 0; } }
.productReview .top form h3 {
      font-size: calc(0.00481 * 100vw + 27.98077px);
      line-height: 1;
      letter-spacing: -0.01em;
      margin: 0 0 45px;
      font-weight: 600;
      color: #3f1c8e; }
@media screen and (min-width: 1919px) {
        .productReview .top form h3 {
          font-size: 40px; } }
@media screen and (max-width: 380px) {
        .productReview .top form h3 {
          font-size: 30px; } }
@media (max-width: 900px) {
        .productReview .top form h3 {
          margin: 0 0 80px; } }
.productReview .top form textarea {
      width: 100%;
      height: 167px;
      padding-top: 20px;
      padding-bottom: 20px;
      resize: none;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.02em; }
@media (max-width: 900px) {
        .productReview .top form textarea {
          height: 100px;
          padding-top: 10px;
          padding-bottom: 10px; } }
.productReview .top form .flex {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding-top: 45px; }
@media (max-width: 900px) {
        .productReview .top form .flex {
          justify-content: flex-end;
          padding-top: 30px; } }
.productReview .top form .flex .starbx {
        unicode-bidi: bidi-override;
        direction: rtl;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
@media (max-width: 900px) {
          .productReview .top form .flex .starbx {
            position: absolute;
            z-index: 2;
            top: 140px;
            width: 100%;
            justify-content: space-between; } }
.productReview .top form .flex .starbx label {
          cursor: pointer;
          background: url("../media/svg/starEmpty.ea03ddd6843b.svg") no-repeat center center;
          width: 24px;
          height: 24px; }
.productReview .top form .flex .starbx label:hover,
          .productReview .top form .flex .starbx label:hover ~ label {
            background: url("../media/svg/starFill.3298e19a066e.svg") no-repeat center center; }
.productReview .top form .flex .starbx input {
          display: none; }
.productReview .top form .flex .starbx input:checked ~ label {
            background: url("../media/svg/starFill.3298e19a066e.svg") no-repeat center center; }
.productReview .top form .flex input[type='submit'] {
        background-color: #3f1c8e;
        color: #fff;
        border-color: #3f1c8e; }
@media (max-width: 600px) {
          .productReview .top form .flex input[type='submit'] {
            height: 40px; } }
.productReview .top .reviewList {
    background-color: #fff;
    border-radius: 10px;
    max-width: 60%;
    width: 60%;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 65px; }
@media (max-width: 1672px) {
      .productReview .top .reviewList {
        max-width: 80%;
        width: 80%; } }
@media (max-width: 1200px) {
      .productReview .top .reviewList {
        max-width: 90%;
        width: 90%;
        margin-bottom: 0;
        row-gap: 50px; } }
@media (max-width: 600px) {
      .productReview .top .reviewList {
        max-width: 100%;
        width: 100%; } }
.productReview .top .reviewList .reviewed {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding-bottom: 65px;
      border-bottom: 1px solid #dddddd; }
@media (max-width: 1200px) {
        .productReview .top .reviewList .reviewed {
          padding-bottom: 30px; } }
@media (max-width: 900px) {
        .productReview .top .reviewList .reviewed {
          flex-direction: column; } }
.productReview .top .reviewList .reviewed .left {
        width: 300px;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
@media (max-width: 900px) {
          .productReview .top .reviewList .reviewed .left {
            width: 100%;
            align-items: flex-start; } }
.productReview .top .reviewList .reviewed .left .img {
          width: 70px;
          height: 70px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 15px; }
.productReview .top .reviewList .reviewed .left .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
.productReview .top .reviewList .reviewed .left .txt {
          position: relative; }
.productReview .top .reviewList .reviewed .left .txt p {
            margin: 0;
            font-size: 16px;
            line-height: 25px;
            letter-spacing: 0.025em; }
.productReview .top .reviewList .reviewed .left .txt p span {
              font: inherit; }
.productReview .top .reviewList .reviewed .left .txt p span:first-child {
                font-weight: 600; }
.productReview .top .reviewList .reviewed .left .txt p span:last-child {
                font-size: calc(0.00192 * 100vw + 11.19231px); }
@media screen and (min-width: 1919px) {
                  .productReview .top .reviewList .reviewed .left .txt p span:last-child {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .productReview .top .reviewList .reviewed .left .txt p span:last-child {
                    font-size: 12px; } }
@media (max-width: 900px) {
                  .productReview .top .reviewList .reviewed .left .txt p span:last-child {
                    display: none; } }
.productReview .top .reviewList .reviewed .right {
        width: calc(100% - 300px); }
@media (max-width: 900px) {
          .productReview .top .reviewList .reviewed .right {
            width: 100%;
            display: flex;
            flex-direction: column-reverse; } }
.productReview .top .reviewList .reviewed .right p {
          font-size: calc(0.00096 * 100vw + 13.59615px);
          line-height: calc(0.00192 * 100vw + 21.19231px); }
@media screen and (min-width: 1919px) {
            .productReview .top .reviewList .reviewed .right p {
              font-size: 16px; } }
@media screen and (max-width: 380px) {
            .productReview .top .reviewList .reviewed .right p {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .productReview .top .reviewList .reviewed .right p {
              line-height: 26px; } }
@media screen and (max-width: 380px) {
            .productReview .top .reviewList .reviewed .right p {
              line-height: 22px; } }
.productReview .top .reviewList .reviewed .right .productsStars {
          padding-top: 45px; }
@media (max-width: 900px) {
            .productReview .top .reviewList .reviewed .right .productsStars {
              padding-top: 0;
              padding-left: 80px;
              position: relative;
              top: -35px; } }
.productReview .top .reviewList .reviewed .right .productsStars .date {
            display: none;
            position: absolute;
            z-index: 2;
            bottom: 5px;
            right: 0;
            font-size: calc(0.00144 * 100vw + 12.39423px); }
@media screen and (min-width: 1919px) {
              .productReview .top .reviewList .reviewed .right .productsStars .date {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .productReview .top .reviewList .reviewed .right .productsStars .date {
                font-size: 13px; } }
@media (max-width: 900px) {
              .productReview .top .reviewList .reviewed .right .productsStars .date {
                display: inline-block; } }
.productReview .top .loadMore {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0 110px; }
@media (max-width: 1672px) {
      .productReview .top .loadMore {
        padding: 60px 0; } }
@media (max-width: 1200px) {
      .productReview .top .loadMore {
        margin-bottom: 0; } }
@media (max-width: 600px) {
      .productReview .top .loadMore {
        padding: 45px 0;
        width: 100%; } }
.productReview .top .loadMore button {
      border: 1px solid #dddddd;
      border-color: #000;
      font-size: 16px;
      letter-spacing: 0.04em;
      line-height: 1;
      padding: 0 45px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      cursor: pointer; }
@media (max-width: 600px) {
        .productReview .top .loadMore button {
          min-width: 100%;
          border-color: #3f1c8e;
          color: #3f1c8e; } }
.productReview .top .loadMore button:hover {
        background-color: #000;
        color: #fff; }
.featuredBrand {
  margin-top: 60px;
  position: relative;
  overflow: hidden; }
.featuredBrand .img {
    width: 100vw;
    padding-top: 40%;
    position: relative; }
@media (max-width: 1530px) {
      .featuredBrand .img {
        padding-top: 60%; } }
@media (max-width: 900px) {
      .featuredBrand .img {
        padding-top: 128%; } }
.featuredBrand .img .overlay {
      opacity: 0.2; }
.featuredBrand .img img.main {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
.featuredBrand .img .bot_overlay {
      display: none; }
@media (max-width: 900px) {
        .featuredBrand .img .bot_overlay {
          display: block;
          width: 100%;
          height: auto;
          position: absolute;
          z-index: 3;
          bottom: 0;
          left: 0; } }
.featuredBrand .txt {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 180px 40px;
    box-sizing: border-box; }
@media (max-width: 1800px) {
      .featuredBrand .txt {
        padding: 0 100px 40px; } }
@media (max-width: 1530px) {
      .featuredBrand .txt {
        padding: 0 100px 40px 60px; } }
@media (max-width: 900px) {
      .featuredBrand .txt {
        padding: 0 60px 40px;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end; } }
@media (max-width: 600px) {
      .featuredBrand .txt {
        padding: 0 15px 40px; } }
.featuredBrand .txt h3 {
      color: #fff;
      line-height: 1;
      letter-spacing: -0.01em;
      font-weight: 600;
      margin: 0 0 25px;
      font-size: calc(0.01346 * 100vw + 24.34615px); }
@media screen and (min-width: 1919px) {
        .featuredBrand .txt h3 {
          font-size: 58px; } }
@media screen and (max-width: 380px) {
        .featuredBrand .txt h3 {
          font-size: 30px; } }
@media (max-width: 900px) {
        .featuredBrand .txt h3 {
          margin-bottom: 0; } }
.featuredBrand .txt a {
      display: inline-block;
      height: 40px;
      border: 1px solid #dddddd;
      border-color: #fff;
      color: #fff;
      border-radius: 4px;
      padding: 0 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.05em; }
@media (max-width: 800px) {
        .featuredBrand .txt a {
          border: 0; } }
.featuredBrand .txt a svg {
        display: none;
        position: relative;
        top: 2px;
        margin-left: 10px; }
@media (max-width: 800px) {
          .featuredBrand .txt a svg {
            display: block; } }
.brandGrid {
  padding: 120px 0 60px; }
.brandGrid .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 40px;
            column-gap: 40px;
    row-gap: 50px; }
@media (max-width: 2000px) {
      .brandGrid .container {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
      .brandGrid .container {
        grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
      .brandGrid .container {
        grid-template-columns: 1fr; } }
.brandGrid .container .brand {
      border: 1px solid #dddddd;
      border-radius: 20px;
      overflow: hidden; }
.brandGrid .container .brand .txt {
        padding: 15px 24px 30px;
        box-sizing: border-box; }
.brandGrid .container .brand .txt .top {
          display: flex;
          justify-content: flex-end;
          width: 100%; }
.brandGrid .container .brand .txt .top a {
            color: #3f1c8e;
            height: 40px;
            border: 1px solid #dddddd;
            border-radius: 4px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.02em;
            padding: 0 14px; }
@media (max-width: 800px) {
              .brandGrid .container .brand .txt .top a {
                border: 0;
                padding-right: 0;
                height: auto; } }
.brandGrid .container .brand .txt .top a svg {
              display: none;
              position: relative;
              top: 2px;
              margin-left: 10px; }
@media (max-width: 800px) {
                .brandGrid .container .brand .txt .top a svg {
                  display: block; } }
.brandGrid .container .brand .txt h3 {
          margin: 0;
          font-size: 30px;
          line-height: 1;
          font-weight: 600;
          color: #3f1c8e; }
.brandGrid .container .brand .img {
        width: 100%;
        padding-top: 100%;
        position: relative; }
.brandGrid .container .brand .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0; }
.brandHero .img {
  width: 100%;
  padding-top: 34%;
  position: relative; }
@media (max-width: 1672px) {
    .brandHero .img {
      padding-top: 40%; } }
@media (max-width: 1200px) {
    .brandHero .img {
      padding-top: 100%; } }
@media (max-width: 600px) {
    .brandHero .img {
      padding-top: 125%; } }
.brandHero .img picture {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
.brandHero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
.range {
  padding: 120px 0 0;
  max-width: 100vw;
  overflow: hidden; }
@media (max-width: 1200px) {
    .range {
      padding: 80px 0 0; } }
@media (max-width: 600px) {
    .range {
      padding: 40px 0 0; } }
.range .row.top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
@media (max-width: 600px) {
      .range .row.top .viewMore {
        display: none; } }
.range .row.grided {
    padding-bottom: 120px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -webkit-column-gap: 30px;
            column-gap: 30px;
    row-gap: 55px; }
@media (max-width: 2000px) {
      .range .row.grided {
        grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 1672px) {
      .range .row.grided {
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1440px) {
      .range .row.grided {
        width: 100%;
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1200px) {
      .range .row.grided {
        padding-bottom: 80px; } }
@media (max-width: 1100px) {
      .range .row.grided {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
      .range .row.grided {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px; } }
@media (max-width: 600px) {
      .range .row.grided {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
        padding-bottom: 60px; } }
.range .row.grided .productBox {
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 0 15px 24px;
      box-sizing: border-box;
      background-color: #fff;
      position: relative; }
@media (max-width: 800px) {
        .range .row.grided .productBox {
          padding: 0 15px 10px; } }
.range .row.grided .productBox .oldPrice {
        min-height: 16px;
        margin-top: 15px;
        color: transparent;
        color: #ec0127 !important;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.04em;
        font-weight: 600;
        margin-top: 15px;
        position: relative;
        display: inline-block; }
.range .row.grided .productBox .oldPrice::before {
          content: '';
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 2px;
          background-color: #ec0127;
          opacity: 0.5; }
.range .row.grided .productBox:hover {
        background-color: #f7f7f7; }
@media (max-width: 1200px) {
          .range .row.grided .productBox:hover {
            background-color: #fff; } }
.range .row.grided .productBox:hover .img {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .range .row.grided .productBox:hover .img {
              background-color: #fff; } }
.range .row.grided .productBox:hover .img img {
            mix-blend-mode: multiply; }
.range .row.grided .productBox:hover .actions {
          display: flex;
          justify-content: center;
          align-items: center; }
.range .row.grided .productBox:hover .txt .excerpt * {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .range .row.grided .productBox:hover .txt .excerpt * {
              color: #555; } }
.range .row.grided .productBox:hover .txt .price {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .range .row.grided .productBox:hover .txt .price {
              color: #3f1c8e; } }
.range .row.grided .productBox:hover .txt .price .oldPrice * {
            color: transparent; }
.range .row.grided .productBox.inList .top .addToList svg .circleBg {
        fill: #ec0127; }
.range .row.grided .productBox.inList .top .addToList svg .heart {
        stroke: #fff; }
.range .row.grided .productBox.inList .top .addToList:hover .heart {
        stroke: #ffea3d; }
.range .row.grided .productBox.offer .top .offerTxt,
      .range .row.grided .productBox.offer .txt .offerTxt {
        display: inline-flex !important; }
.range .row.grided .productBox a {
        display: block;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.range .row.grided .productBox .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        position: relative;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.range .row.grided .productBox .top .addToList {
          cursor: pointer;
          position: relative;
          left: -5px;
          z-index: 10;
          padding: 0; }
.range .row.grided .productBox .top .addToList svg .circleBg {
            fill: none;
            stroke: none;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.range .row.grided .productBox .top .addToList svg .heart {
            stroke: #8b8b8b;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.range .row.grided .productBox .top .addToList:hover svg .heart {
            stroke: #ec0127; }
.range .row.grided .productBox .top .prdQty {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background-color: #3f1c8e;
          color: #fff;
          font-size: 15px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.01em;
          display: none;
          justify-content: center;
          align-items: center; }
.range .row.grided .productBox .top .prdQty.active {
            display: flex; }
.range .row.grided .productBox .top .prdQty span {
            display: inline-block;
            position: relative;
            top: -1px; }
.range .row.grided .productBox .top .offerTxt {
          position: absolute;
          z-index: 3;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: calc(100% - 100px);
          width: auto;
          padding: 15px 10px;
          font-size: 20px;
          font-size: calc(0.00288 * 100vw + 12.78846px);
          line-height: calc(-0.00192 * 100vw + 24.80769px);
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          display: none !important;
          justify-content: center;
          align-items: center;
          text-align: center;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .top .offerTxt {
              font-size: 20px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .top .offerTxt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .top .offerTxt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .top .offerTxt {
              line-height: 24px; } }
@media (max-width: 800px) {
            .range .row.grided .productBox .top .offerTxt {
              padding: 10px; } }
.range .row.grided .productBox .top .offerTxt.red {
            background-color: #ec0127;
            color: #ffea3d; }
.range .row.grided .productBox .top .offerTxt.yellow {
            background-color: #ffea3d;
            color: #ec0127; }
.range .row.grided .productBox .top .offerTxt span {
            font: inherit; }
.range .row.grided .productBox .img {
        width: 100%;
        padding-top: 100%;
        background-color: #fff;
        position: relative; }
.range .row.grided .productBox .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: normal; }
.range .row.grided .productBox .txt .price {
        color: #3f1c8e;
        position: relative; }
.range .row.grided .productBox .txt .price .currency {
          display: block;
          width: 100%;
          font-size: 11px;
          line-height: 1;
          letter-spacing: 0.08em;
          font-weight: 600; }
.range .row.grided .productBox .txt .price .cost {
          display: flex;
          justify-content: flex-start; }
.range .row.grided .productBox .txt .price .cost .left .intiger {
            font-size: calc(0.00577 * 100vw + 35.57692px);
            line-height: 1;
            letter-spacing: -0.01em;
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .range .row.grided .productBox .txt .price .cost .left .intiger {
                font-size: 50px; } }
@media screen and (max-width: 380px) {
              .range .row.grided .productBox .txt .price .cost .left .intiger {
                font-size: 38px; } }
.range .row.grided .productBox .txt .price .cost .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px 0 5px 5px;
            box-sizing: border-box; }
@media (max-width: 800px) {
              .range .row.grided .productBox .txt .price .cost .right {
                padding: 6px 0 5px 5px; } }
.range .row.grided .productBox .txt .price .cost .right span {
              display: inline-block; }
.range .row.grided .productBox .txt .price .cost .right span.decimal {
                font-size: calc(0.00048 * 100vw + 14.79808px);
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
@media screen and (min-width: 1919px) {
                  .range .row.grided .productBox .txt .price .cost .right span.decimal {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .range .row.grided .productBox .txt .price .cost .right span.decimal {
                    font-size: 15px; } }
.range .row.grided .productBox .txt .price .cost .right span.qtyInfo {
                font-size: calc(0.00144 * 100vw + 10.39423px);
                line-height: 1;
                letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                  .range .row.grided .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 14px; } }
@media screen and (max-width: 380px) {
                  .range .row.grided .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 11px; } }
.range .row.grided .productBox .txt .price .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent; }
@media (max-width: 1200px) {
            .range .row.grided .productBox .txt .price .oldPrice {
              position: absolute;
              z-index: 2;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
.range .row.grided .productBox .txt .price.big .currency {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .txt .price.big .currency {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .txt .price.big .currency {
              font-size: 12px; } }
.range .row.grided .productBox .txt .price.big .cost .left .intiger {
          font-size: calc(0.01538 * 100vw + 31.53846px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .txt .price.big .cost .left .intiger {
              font-size: 70px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .txt .price.big .cost .left .intiger {
              font-size: 38px; } }
.range .row.grided .productBox .txt .price.big .cost .right span.decimal {
          font-size: calc(0.0101 * 100vw + 12.75962px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .txt .price.big .cost .right span.decimal {
              font-size: 38px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .txt .price.big .cost .right span.decimal {
              font-size: 17px; } }
.range .row.grided .productBox .txt .price.big .cost .right span.qtyInfo {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 12px; } }
.range .row.grided .productBox .txt .excerpt {
        color: #555555;
        font-size: calc(0.00144 * 100vw + 13.39423px);
        line-height: calc(0.00192 * 100vw + 15.19231px);
        letter-spacing: 0.025em;
        padding: 0 0 10px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
@media screen and (min-width: 1919px) {
          .range .row.grided .productBox .txt .excerpt {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .range .row.grided .productBox .txt .excerpt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .range .row.grided .productBox .txt .excerpt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .range .row.grided .productBox .txt .excerpt {
            line-height: 16px; } }
.range .row.grided .productBox .txt .excerpt span {
          display: inline-block;
          max-width: calc(100% - 35px);
          min-height: 42px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media (max-width: 1200px) {
            .range .row.grided .productBox .txt .excerpt span {
              max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
          .range .row.grided .productBox .txt .excerpt .toolTip {
            display: none; } }
.range .row.grided .productBox .txt .offerTxt {
        background-color: #ec0127;
        color: #ffea3d;
        height: 37px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        font-size: calc(0.00481 * 100vw + 12.98077px);
        letter-spacing: 0.01em;
        border-radius: 4px;
        padding: 0 12px;
        width: auto;
        display: none !important;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
@media screen and (min-width: 1919px) {
          .range .row.grided .productBox .txt .offerTxt {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .range .row.grided .productBox .txt .offerTxt {
            font-size: 15px; } }
.range .row.grided .productBox .actions {
        background-color: #f7f7f7;
        display: none;
        position: absolute;
        z-index: 2;
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
        bottom: 25px;
        left: 0;
        border-radius: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
          .range .row.grided .productBox .actions {
            position: relative;
            display: flex;
            justify-content: center;
            padding: 20px 0 0;
            background-color: transparent;
            bottom: 0; } }
.range .row.grided .productBox .addToCart {
        background-color: #fff;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 45px;
        width: calc(100% - 30px);
        font-size: 17px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        opacity: 1; }
@media (max-width: 1200px) {
          .range .row.grided .productBox .addToCart {
            width: 100%; } }
.range .row.grided .productBox .addToCart.disabled {
          display: none;
          opacity: 0; }
.range .row.grided .productBox .addToCart:hover {
          background-color: #3f1c8e;
          color: #fff; }
.range .row.grided .productBox .addToCart:hover svg line {
            stroke: #fff; }
.range .row.grided .productBox .addToCart svg {
          margin-right: 15px; }
.range .row.grided .productBox .cartAction {
        width: calc(100% - 30px);
        height: 45px;
        grid-template-columns: repeat(3, 1fr);
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fff;
        display: none;
        opacity: 0; }
@media (max-width: 1200px) {
          .range .row.grided .productBox .cartAction {
            width: 100%; } }
.range .row.grided .productBox .cartAction.active {
          display: grid;
          opacity: 1; }
.range .row.grided .productBox .cartAction .dec,
        .range .row.grided .productBox .cartAction .val,
        .range .row.grided .productBox .cartAction .inc {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer; }
.range .row.grided .productBox .cartAction .dec:hover,
          .range .row.grided .productBox .cartAction .val:hover,
          .range .row.grided .productBox .cartAction .inc:hover {
            background-color: #3f1c8e; }
.range .row.grided .productBox .cartAction .dec:hover svg line,
            .range .row.grided .productBox .cartAction .val:hover svg line,
            .range .row.grided .productBox .cartAction .inc:hover svg line {
              stroke: #fff; }
.range .row.grided .productBox .cartAction .val {
          border-right: 1px solid #dddddd;
          border-left: 1px solid #dddddd;
          font-size: calc(0.00096 * 100vw + 15.59615px);
          letter-spacing: 0.05em;
          line-height: 1;
          cursor: auto; }
@media screen and (min-width: 1919px) {
            .range .row.grided .productBox .cartAction .val {
              font-size: 18px; } }
@media screen and (max-width: 380px) {
            .range .row.grided .productBox .cartAction .val {
              font-size: 16px; } }
.range .row.grided .productBox .cartAction .val:hover {
            background-color: #fff; }
@media (max-width: 600px) {
      .range .row.grided .productBox {
        padding: 0 8px 24px; }
        .range .row.grided .productBox.offer .oldPrice {
          display: inline-block; }
        .range .row.grided .productBox a {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
          grid-template-rows: minmax(min-content, max-content);
          grid-column-gap: 0px;
          grid-row-gap: 0px; }
        .range .row.grided .productBox .top {
          grid-area: 1 / 1 / 2 / 3; }
        .range .row.grided .productBox .img {
          grid-area: 2 / 1 / 4 / 2; }
        .range .row.grided .productBox .txt {
          grid-area: 2 / 2 / 3 / 3; }
          .range .row.grided .productBox .txt .oldPrice {
            position: relative !important;
            top: auto !important;
            -webkit-transform: none !important;
                    transform: none !important;
            display: none; }
          .range .row.grided .productBox .txt .excerpt {
            padding-top: 10px; }
        .range .row.grided .productBox .actions {
          grid-area: 3 / 2 / 4 / 3; }
        .range .row.grided .productBox .addToCart,
        .range .row.grided .productBox .cartAction {
          height: 40px; } }
.brandPromo .productpromo {
  position: relative;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 75px 0;
  margin: 0 0; }
@media (max-width: 1200px) {
    .brandPromo .productpromo {
      margin: 45px 0;
      padding: 45px 0; } }
@media (max-width: 600px) {
    .brandPromo .productpromo {
      margin: 20px 0 0;
      padding: 40px 0 0; } }
.brandPromo .productpromo .inner {
    position: relative; }
.brandPromo .productpromo .img {
    width: 100%;
    padding-top: 34%;
    position: relative; }
@media (max-width: 1672px) {
      .brandPromo .productpromo .img {
        padding-top: 50%; } }
@media (max-width: 1200px) {
      .brandPromo .productpromo .img {
        padding-top: 100%; } }
@media (max-width: 600px) {
      .brandPromo .productpromo .img {
        width: calc(100% + 30px);
        margin: 0 -15px; } }
.brandPromo .productpromo .img picture {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.brandPromo .productpromo .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.brandPromo .productpromo .txt {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 200px;
    box-sizing: border-box; }
@media (max-width: 1200px) {
      .brandPromo .productpromo .txt {
        position: relative;
        padding: 30px 0; } }
.brandPromo .productpromo .txt .column {
      width: 50%; }
@media (max-width: 1200px) {
        .brandPromo .productpromo .txt .column {
          width: 100%; } }
.brandPromo .productpromo .txt .column h3 {
        color: #fff;
        font-size: calc(0.00481 * 100vw + 27.98077px);
        line-height: calc(0.00529 * 100vw + 32.77885px);
        letter-spacing: -0.01em;
        margin: 0 0 35px;
        font-weight: 600; }
@media screen and (min-width: 1919px) {
          .brandPromo .productpromo .txt .column h3 {
            font-size: 40px; } }
@media screen and (max-width: 380px) {
          .brandPromo .productpromo .txt .column h3 {
            font-size: 30px; } }
@media screen and (min-width: 1919px) {
          .brandPromo .productpromo .txt .column h3 {
            line-height: 46px; } }
@media screen and (max-width: 380px) {
          .brandPromo .productpromo .txt .column h3 {
            line-height: 35px; } }
@media (max-width: 1200px) {
          .brandPromo .productpromo .txt .column h3 {
            color: #3f1c8e; } }
.brandPromo .productpromo .txt .column p {
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: calc(0.00192 * 100vw + 21.19231px);
        letter-spacing: 0.02em;
        color: #fff;
        margin: 0 0 40px; }
@media screen and (min-width: 1919px) {
          .brandPromo .productpromo .txt .column p {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .brandPromo .productpromo .txt .column p {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .brandPromo .productpromo .txt .column p {
            line-height: 26px; } }
@media screen and (max-width: 380px) {
          .brandPromo .productpromo .txt .column p {
            line-height: 22px; } }
@media (max-width: 1200px) {
          .brandPromo .productpromo .txt .column p {
            color: #555555; } }
.brandPromo .productpromo .txt .column a {
        color: #fff;
        border: 1px solid #dddddd;
        border-color: #fff;
        border-radius: 4px;
        padding: 0 26px;
        height: 40px;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        line-height: 1;
        font-size: 16px;
        letter-spacing: 0.02em; }
@media (max-width: 1200px) {
          .brandPromo .productpromo .txt .column a {
            border: 1px solid #dddddd;
            color: #1a1a1a; } }
.varietyBanner {
  width: 100vw;
  max-width: calc(100vw - 10px);
  position: relative;
  overflow: hidden; }
@media (max-width: 900px) {
    .varietyBanner {
      max-width: 100vw; } }
.varietyBanner .img {
    width: 100%;
    padding-top: 40%;
    position: relative; }
@media (max-width: 1672px) {
      .varietyBanner .img {
        padding-top: 50%; } }
@media (max-width: 1200px) {
      .varietyBanner .img {
        padding-top: 110%; } }
@media (max-width: 600px) {
      .varietyBanner .img {
        padding-top: 148%; } }
.varietyBanner .img picture {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.varietyBanner .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.varietyBanner .txt {
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px; }
.varietyBanner .txt h3 {
      color: #fff;
      margin: 0 0 50px;
      font-size: 40px;
      line-height: 1;
      letter-spacing: -0.01em;
      font-weight: 600; }
.varietyBanner .txt a {
      color: #fff;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      border: 1px solid #dddddd;
      border-color: #fff;
      border-radius: 4px;
      padding: 0 25px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.varietyBanner .txt a:hover {
        background-color: #fff;
        color: #000; }
@media (max-width: 1200px) {
  .brandVideo {
    margin-bottom: 100px; } }
.brandVideo .container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 190px; }
@media (max-width: 1200px) {
    .brandVideo .container {
      padding-top: 100px;
      background-color: #f9f9f9; } }
@media (max-width: 600px) {
    .brandVideo .container {
      padding-top: 40px; } }
.brandVideo .inner {
  width: 58%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 120px; }
@media (max-width: 1500px) {
    .brandVideo .inner {
      width: 75%; } }
@media (max-width: 1200px) {
    .brandVideo .inner {
      margin-bottom: 80px; } }
@media (max-width: 1000px) {
    .brandVideo .inner {
      width: 100%;
      border: 0; } }
@media (max-width: 600px) {
    .brandVideo .inner {
      margin-bottom: 40px; } }
.brandVideo .inner .img {
    width: 100%;
    padding-top: 66.66%;
    position: relative; }
@media (max-width: 600px) {
      .brandVideo .inner .img {
        width: calc(100% + 30px);
        margin: 0 -15px; } }
.brandVideo .inner .img img {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover; }
.brandVideo .inner .txt {
    display: flex;
    justify-content: flex-start;
    padding: 30px 0;
    position: relative; }
@media (max-width: 600px) {
      .brandVideo .inner .txt {
        flex-direction: column; } }
.brandVideo .inner .txt .left {
      width: 130px;
      border-right: 1px solid #dddddd; }
@media (max-width: 600px) {
        .brandVideo .inner .txt .left {
          border: 0;
          width: auto;
          border-radius: 50%;
          position: absolute;
          top: -40px;
          z-index: 2;
          border: 7px solid #fff;
          display: flex;
          justify-content: center;
          align-items: center; } }
.brandVideo .inner .txt .left svg {
        cursor: pointer;
        margin-bottom: 20px; }
@media (max-width: 600px) {
          .brandVideo .inner .txt .left svg {
            margin-bottom: 0; } }
.brandVideo .inner .txt .left span {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        display: inline-block; }
@media (max-width: 600px) {
          .brandVideo .inner .txt .left span {
            display: none; } }
.brandVideo .inner .txt .right {
      width: calc(100% - 130px);
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      padding-left: 34px;
      box-sizing: border-box; }
@media (max-width: 600px) {
        .brandVideo .inner .txt .right {
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          padding-top: 20px;
          padding-left: 0; } }
.brandVideo .inner .txt .right p {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.005em;
        font-weight: 600;
        max-width: 90%;
        margin: 0; }
@media (max-width: 600px) {
          .brandVideo .inner .txt .right p {
            max-width: 100%; } }
.brandVideo .inner .txt .right span {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        display: none;
        margin-top: 24px; }
@media (max-width: 600px) {
          .brandVideo .inner .txt .right span {
            display: inline-block; } }
.checkout {
  padding: 50px 0;
  background-color: #fff; }
.checkout .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box; }
@media (max-width: 1200px) {
      .checkout .container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; } }
.checkout .container .steps {
      width: 100%;
      max-width: 50%;
      box-sizing: border-box;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 2000px) {
        .checkout .container .steps {
          max-width: calc(100% - 600px); } }
@media (max-width: 1200px) {
        .checkout .container .steps {
          max-width: 100%; } }
.checkout .container .steps .card {
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #dddddd;
        padding: 18px 24px;
        width: 100%;
        margin-bottom: 18px;
        box-sizing: border-box;
        overflow: hidden; }
@media (max-width: 600px) {
          .checkout .container .steps .card {
            padding: 18px 15px; } }
.checkout .container .steps .card h3 {
          font-size: calc(0.00192 * 100vw + 17.19231px);
          line-height: 30px;
          letter-spacing: 0.02em;
          margin: 0 0 30px;
          display: inline-flex;
          justify-content: space-between;
          align-items: flex-end;
          position: relative;
          width: 100%; }
@media screen and (min-width: 1919px) {
            .checkout .container .steps .card h3 {
              font-size: 22px; } }
@media screen and (max-width: 380px) {
            .checkout .container .steps .card h3 {
              font-size: 18px; } }
.checkout .container .steps .card h3 span {
            display: inline-block; }
.checkout .container .steps .card h3 span:nth-child(2) {
              font-size: calc(0.00096 * 100vw + 15.59615px);
              color: #585858; }
@media screen and (min-width: 1919px) {
                .checkout .container .steps .card h3 span:nth-child(2) {
                  font-size: 18px; } }
@media screen and (max-width: 380px) {
                .checkout .container .steps .card h3 span:nth-child(2) {
                  font-size: 16px; } }
.checkout .container .steps .card h5 {
          font-size: calc(0.00096 * 100vw + 17.59615px);
          line-height: 1;
          letter-spacing: 0.02em;
          margin: 0 0 16px; }
@media screen and (min-width: 1919px) {
            .checkout .container .steps .card h5 {
              font-size: 20px; } }
@media screen and (max-width: 380px) {
            .checkout .container .steps .card h5 {
              font-size: 18px; } }
.checkout .container .steps .card .default,
        .checkout .container .steps .card .defaultCard {
          border: 1px solid #dddddd;
          border-radius: 5px;
          padding: 15px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          width: 100%;
          box-sizing: border-box; }
.checkout .container .steps .card .default h4,
          .checkout .container .steps .card .defaultCard h4 {
            font-size: calc(0.00096 * 100vw + 17.59615px);
            line-height: 1;
            letter-spacing: 0.02em;
            margin: 0 0 16px; }
@media screen and (min-width: 1919px) {
              .checkout .container .steps .card .default h4,
              .checkout .container .steps .card .defaultCard h4 {
                font-size: 20px; } }
@media screen and (max-width: 380px) {
              .checkout .container .steps .card .default h4,
              .checkout .container .steps .card .defaultCard h4 {
                font-size: 18px; } }
.checkout .container .steps .card .default p,
          .checkout .container .steps .card .defaultCard p {
            font-size: calc(0.00096 * 100vw + 13.59615px);
            line-height: calc(0.00096 * 100vw + 17.59615px);
            margin: 0;
            color: #585858; }
@media screen and (min-width: 1919px) {
              .checkout .container .steps .card .default p,
              .checkout .container .steps .card .defaultCard p {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .checkout .container .steps .card .default p,
              .checkout .container .steps .card .defaultCard p {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .checkout .container .steps .card .default p,
              .checkout .container .steps .card .defaultCard p {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .checkout .container .steps .card .default p,
              .checkout .container .steps .card .defaultCard p {
                line-height: 18px; } }
.checkout .container .steps .card .default p.cardNo,
            .checkout .container .steps .card .defaultCard p.cardNo {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
.checkout .container .steps .card .default p.cardNo svg,
              .checkout .container .steps .card .defaultCard p.cardNo svg {
                margin-right: 18px; }
.checkout .container .steps .card .default p.cardNo span,
              .checkout .container .steps .card .defaultCard p.cardNo span {
                display: inline-block; }
.checkout .container .steps .card .default p.cardNo span:last-child,
                .checkout .container .steps .card .defaultCard p.cardNo span:last-child {
                  margin-left: 180px; }
@media (max-width: 800px) {
                    .checkout .container .steps .card .default p.cardNo span:last-child,
                    .checkout .container .steps .card .defaultCard p.cardNo span:last-child {
                      margin-left: 15px; } }
.checkout .container .steps .card .default .editDefault,
          .checkout .container .steps .card .defaultCard .editDefault {
            font-size: calc(0.00096 * 100vw + 13.59615px);
            line-height: 1;
            color: #3f1c8e;
            cursor: pointer; }
@media screen and (min-width: 1919px) {
              .checkout .container .steps .card .default .editDefault,
              .checkout .container .steps .card .defaultCard .editDefault {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .checkout .container .steps .card .default .editDefault,
              .checkout .container .steps .card .defaultCard .editDefault {
                font-size: 14px; } }
.checkout .container .steps .card #savedCard,
        .checkout .container .steps .card #listedAddress,
        .checkout .container .steps .card #createAddress,
        .checkout .container .steps .card #listedCards,
        .checkout .container .steps .card #createCard,
        .checkout .container .steps .card #addDeliveryNotes,
        .checkout .container .steps .card #afterSlection,
        .checkout .container .steps .card #DeliverySlots,
        .checkout .container .steps .card #LoyaltyPoints {
          display: none;
          width: 100%; }
.checkout .container .steps .card #savedCard.active,
          .checkout .container .steps .card #listedAddress.active,
          .checkout .container .steps .card #createAddress.active,
          .checkout .container .steps .card #listedCards.active,
          .checkout .container .steps .card #createCard.active,
          .checkout .container .steps .card #addDeliveryNotes.active,
          .checkout .container .steps .card #afterSlection.active,
          .checkout .container .steps .card #DeliverySlots.active,
          .checkout .container .steps .card #LoyaltyPoints.active {
            display: flex; }
.checkout .container .steps .card #listedAddress .input-note {
          color: #8C8C8C; }
@media (max-width: 600px) {
          .checkout .container .steps .card #savedCard {
            display: none !important; } }
.checkout .container .steps .card .continueRow {
          display: flex;
          justify-content: space-between;
          align-items: center; }
@media (max-width: 600px) {
            .checkout .container .steps .card .continueRow {
              display: grid;
              grid-template-columns: 1fr;
              row-gap: 15px; } }
.checkout .container .steps .card .continueRow.flex-end {
            justify-content: flex-end; }
.checkout .container .steps .card .addNew {
          height: 53px;
          border: 1px solid #dddddd;
          border-radius: 4px;
          padding: 0 24px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          font-size: calc(0.00096 * 100vw + 13.59615px);
          line-height: 1;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (min-width: 1919px) {
            .checkout .container .steps .card .addNew {
              font-size: 16px; } }
@media screen and (max-width: 380px) {
            .checkout .container .steps .card .addNew {
              font-size: 14px; } }
.checkout .container .steps .card .addNew svg {
            margin-left: 10px;
            position: relative;
            top: 2px; }
.checkout .container .steps .card .addNew:hover {
            background-color: #3f1c8e;
            color: #fff; }
.checkout .container .steps .card .addNew:hover svg path {
              stroke: #fff; }
.checkout .container .steps .card .listed {
          display: grid;
          grid-template-columns: 1fr;
          row-gap: 15px;
          padding-top: 15px; }
.checkout .container .steps .card .chooseCard {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 15px;
          width: 100%;
          margin-bottom: 15px; }
@media (max-width: 600px) {
            .checkout .container .steps .card .chooseCard {
              grid-template-columns: 1fr;
              row-gap: 15px; } }
.checkout .container .steps .card .chooseTips {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          -webkit-column-gap: 15px;
                  column-gap: 15px;
          width: 100%;
          margin-bottom: 15px; }
@media (max-width: 1600px) {
            .checkout .container .steps .card .chooseTips {
              grid-template-columns: repeat(3, 1fr);
              row-gap: 15px; } }
@media (max-width: 800px) {
            .checkout .container .steps .card .chooseTips {
              grid-template-columns: repeat(2, 1fr); } }
.checkout .container .steps .card .option {
          width: 100%; }
.checkout .container .steps .card .option.hidden {
            display: none; }
.checkout .container .steps .card .option label {
            width: 100%;
            background-color: #f7f7f7;
            border: 1px solid #dddddd;
            border-color: #f7f7f7;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 50px;
            border-radius: 5px;
            padding: 0 15px;
            box-sizing: border-box;
            cursor: pointer;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.checkout .container .steps .card .option label b {
              font-weight: 600;
              display: inline-block;
              margin-right: 10px;
              text-transform: capitalize; }
.checkout .container .steps .card .option label span {
              display: inline-block;
              font-size: calc(0.00096 * 100vw + 13.59615px);
              line-height: calc(0.00096 * 100vw + 17.59615px); }
@media screen and (min-width: 1919px) {
                .checkout .container .steps .card .option label span {
                  font-size: 16px; } }
@media screen and (max-width: 380px) {
                .checkout .container .steps .card .option label span {
                  font-size: 14px; } }
@media screen and (min-width: 1919px) {
                .checkout .container .steps .card .option label span {
                  line-height: 20px; } }
@media screen and (max-width: 380px) {
                .checkout .container .steps .card .option label span {
                  line-height: 18px; } }
@media (max-width: 1400px) {
                .checkout .container .steps .card .option label span {
                  max-width: calc(100% - 40px);
                  width: auto;
                  flex-grow: 1; } }
.checkout .container .steps .card .option label svg {
              opacity: 0;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.checkout .container .steps .card .option label:hover {
              border: 1px solid #dddddd; }
.checkout .container .steps .card .option label .cardDetail {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
.checkout .container .steps .card .option label .cardDetail img {
                margin-right: 10px; }
.checkout .container .steps .card .option input:checked + label {
            background-color: #fff;
            border: 1px solid #dddddd; }
.checkout .container .steps .card .option input:checked + label svg {
              opacity: 1; }
.checkout .container .steps .card label.checkbox {
          font-size: calc(0.00096 * 100vw + 13.59615px);
          line-height: 1;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          cursor: pointer; }
@media screen and (min-width: 1919px) {
            .checkout .container .steps .card label.checkbox {
              font-size: 16px; } }
@media screen and (max-width: 380px) {
            .checkout .container .steps .card label.checkbox {
              font-size: 14px; } }
.checkout .container .steps .card label.checkbox svg {
            margin-right: 10px; }
.checkout .container .steps .card label.checkbox span {
            color: #000;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none; }
@media (max-width: 600px) {
          .checkout .container .steps .card .onlineOpt label {
            border-bottom: 0 !important;
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important; }
            .checkout .container .steps .card .onlineOpt label.border {
              border-bottom-left-radius: 5px !important;
              border-bottom-right-radius: 5px !important; } }
.checkout .container .steps .card .onlineOpt .defaultCard {
          display: none;
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
.checkout .container .steps .card .onlineOpt .defaultCard.active {
            display: flex; }
@media (min-width: 601px) {
            .checkout .container .steps .card .onlineOpt .defaultCard {
              display: none !important; } }
.checkout .container .steps .card .substitions {
          display: grid;
          grid-template-columns: 1fr;
          row-gap: 15px; }
.checkout .container .steps .card .hr {
          width: 100%;
          height: 1px;
          background-color: #f0f0f0;
          display: block;
          margin: 24px 0 30px; }
.checkout .container .steps .card .grouped {
          position: relative; }
.checkout .container .steps .card .grouped input {
            width: 100%;
            background-color: #f7f7f7;
            border-color: #f7f7f7; }
.checkout .container .steps .card .grouped button {
            font-size: calc(0.00096 * 100vw + 13.59615px);
            line-height: 1;
            color: #3f1c8e;
            cursor: pointer;
            position: absolute;
            z-index: 2;
            top: 50%;
            right: 20px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
@media screen and (min-width: 1919px) {
              .checkout .container .steps .card .grouped button {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .checkout .container .steps .card .grouped button {
                font-size: 14px; } }
.checkout .container .steps .card .threeWaySplit {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
@media (max-width: 600px) {
            .checkout .container .steps .card .threeWaySplit {
              flex-direction: column; } }
.checkout .container .steps .card .threeWaySplit .formGroup {
            width: calc(50% - 90px);
            margin-right: 15px; }
@media (max-width: 600px) {
              .checkout .container .steps .card .threeWaySplit .formGroup {
                width: 100%; } }
.checkout .container .steps .card .threeWaySplit .formGroup:first-child {
              width: 150px; }
@media (max-width: 600px) {
                .checkout .container .steps .card .threeWaySplit .formGroup:first-child {
                  width: 100%; } }
.checkout .container .steps .card .threeWaySplit .formGroup:last-child {
              margin-right: 0; }
.checkout .container .steps .card label {
          display: inline-block;
          padding-bottom: 10px; }
.checkout .container .steps .card input {
          width: 100%; }
.checkout .container .steps .card .dateSlots {
          padding-top: 15px; }
@media (max-width: 1400px) {
            .checkout .container .steps .card .dateSlots .swiper-container {
              overflow: visible; } }
.checkout .container .steps .card .dateSlots .date {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 75px;
            border-radius: 8px;
            background-color: #f7f7f7;
            border: 1px solid #fff;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer;
            position: relative; }
.checkout .container .steps .card .dateSlots .date.active {
              background-color: #fff;
              border: 1px solid #dddddd; }
.checkout .container .steps .card .dateSlots .date.active::after {
                content: '';
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #06cb4e;
                position: absolute;
                top: 7px;
                right: 7px; }
.checkout .container .steps .card .dateSlots .date:hover {
              border: 1px solid #dddddd; }
.checkout .container .steps .card .timeSlots {
          padding: 15px 0;
          display: grid;
          grid-template-columns: 1fr;
          row-gap: 15px; }
.checkout .container .steps .card .timeSlots .disabled {
            opacity: 0.3;
            pointer-events: none; }
.checkout .container .steps .card .timeSlots .disabled .unavailable-txt {
              display: inline-block; }
.checkout .container .steps .card .timeSlots .disabled .delivery-fee {
              display: none; }
.checkout .container .steps .card .timeSlots .unavailable-txt {
            display: none; }
.checkout .container .steps .card .timeSlots .delivery-day-schedule {
            width: 100%;
            display: none;
            padding: 15px 0;
            grid-template-columns: 1fr;
            row-gap: 15px; }
.checkout .container .steps .card .timeSlots .delivery-day-schedule.active {
              display: grid; }
.checkout .container .steps .card .apply-coupen-code.hidden {
          display: none; }
.checkout .container .steps .card.loyalty-card #LoyaltyPointHeader .loyalty-point-check {
          margin-right: 10px; }
.checkout .container .steps .card.loyalty-card #account-use-loyalty + label.disabled {
          opacity: .3;
          pointer-events: none; }
.checkout .container .steps .card.loyalty-card .account-use-loyalty-wrapper {
          border: 1px solid #e6e6e6;
          border-radius: 50%;
          height: 22px;
          width: 22px; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl {
          width: 100%;
          height: 45px;
          display: grid;
          grid-template-columns: 80px 1fr 80px;
          border: 1px solid #dddddd;
          border-radius: 4px;
          background-color: #fff; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .min,
          .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .plus,
          .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .value {
            display: flex;
            height: 45px;
            justify-content: center;
            align-items: center;
            color: #3f1c8e;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .min:hover,
            .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .plus:hover,
            .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .value:hover {
              background-color: #3f1c8e; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .min:hover svg line,
              .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .plus:hover svg line,
              .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .value:hover svg line {
                stroke: #fff; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .min input,
            .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .plus input,
            .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .value input {
              border: none;
              border-right: 1px solid #dddddd;
              border-left: 1px solid #dddddd;
              height: 45px;
              border-radius: 0;
              text-align: center; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .min input:hover,
              .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .plus input:hover,
              .checkout .container .steps .card.loyalty-card #LoyaltyPoints .loyaltyPointControl .value input:hover {
                background-color: white; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints #loyalty_conversion {
          color: #707070; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints #btn-activate-loyalty {
          height: 40px;
          border-radius: 4px;
          background-color: #3f1c8e;
          color: #fff;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          display: flex;
          align-items: center;
          padding: 0 10px; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints #btn-activate-loyalty:hover {
            background-color: #2c1463; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .pointBalance {
          color: #707070; }
.checkout .container .steps .card.loyalty-card #LoyaltyPoints .pointBalance span {
            color: #1a1a1a;
            display: inline-block;
            font-size: 27px;
            padding-top: 10px; }
.checkout .container .preview {
      width: 550px;
      border-radius: 5px;
      border: 1px solid #dddddd;
      padding: 24px;
      box-sizing: border-box;
      position: -webkit-sticky;
      position: sticky;
      top: 140px;
      max-height: calc(100vh - 210px);
      min-height: 900px;
      display: grid;
      grid-auto-rows: 30px 1fr auto;
      grid-gap: 30px;
      overflow-y: auto; }
.checkout .container .preview::-webkit-scrollbar {
        width: 8px; }
.checkout .container .preview::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #eee; }
.checkout .container .preview::-webkit-scrollbar-thumb {
        background-color: #3f1c8e;
        outline: none; }
@media (max-width: 1200px) {
        .checkout .container .preview {
          width: 100%;
          position: relative;
          top: auto; } }
@media (max-width: 600px) {
        .checkout .container .preview {
          height: auto; } }
.checkout .container .preview h3 {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0.02em;
        margin: 0;
        display: inline-flex;
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
        width: 100%; }
.checkout .container .preview h3 span {
          display: inline-block; }
.checkout .container .preview h3 span:nth-child(2) {
            font-size: 18px;
            color: #585858; }
.checkout .container .preview .productBx {
        padding-right: 5px; }
.checkout .container .preview .productBx::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.checkout .container .preview .productBx::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #eee; }
.checkout .container .preview .productBx::-webkit-scrollbar-thumb {
          background-color: #3f1c8e;
          outline: none; }
@media (max-width: 600px) {
          .checkout .container .preview .productBx {
            height: auto; } }
.checkout .container .preview .productBx::-webkit-scrollbar {
          width: 2px;
          height: 4px; }
.checkout .container .preview .productBx .products {
          display: flex;
          justify-content: flex-start;
          position: relative;
          padding: 8px 0;
          border-bottom: 1px solid #dddddd; }
.checkout .container .preview .productBx .products .img {
            width: 150px;
            height: 150px; }
@media (max-width: 600px) {
              .checkout .container .preview .productBx .products .img {
                width: 80px; } }
.checkout .container .preview .productBx .products .img img {
              width: 100%;
              height: 100%;
              -o-object-fit: contain;
                 object-fit: contain; }
.checkout .container .preview .productBx .products .txt {
            position: relative;
            padding-left: 30px;
            box-sizing: border-box;
            flex: 1; }
.checkout .container .preview .productBx .products .txt .price {
              color: #3f1c8e;
              position: relative;
              display: flex;
              justify-content: flex-start;
              align-items: flex-start; }
.checkout .container .preview .productBx .products .txt .price .currency {
                display: block;
                width: auto;
                font-size: 11px;
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600;
                position: relative;
                top: 10px;
                margin-right: 5px; }
.checkout .container .preview .productBx .products .txt .price .cost {
                display: flex;
                justify-content: flex-start; }
.checkout .container .preview .productBx .products .txt .price .cost .left .intiger {
                  font-size: calc(0.00481 * 100vw + 27.98077px);
                  line-height: 1;
                  letter-spacing: -0.01em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .checkout .container .preview .productBx .products .txt .price .cost .left .intiger {
                      font-size: 40px; } }
@media screen and (max-width: 380px) {
                    .checkout .container .preview .productBx .products .txt .price .cost .left .intiger {
                      font-size: 26px; } }
.checkout .container .preview .productBx .products .txt .price .cost .right {
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: flex-start;
                  padding: 12px 0 5px 5px;
                  box-sizing: border-box; }
.checkout .container .preview .productBx .products .txt .price .cost .right span {
                    display: inline-block; }
.checkout .container .preview .productBx .products .txt .price .cost .right span.decimal {
                      font-size: calc(0.00048 * 100vw + 12.79808px);
                      line-height: 1;
                      letter-spacing: 0.08em;
                      font-weight: 600; }
@media screen and (min-width: 1919px) {
                        .checkout .container .preview .productBx .products .txt .price .cost .right span.decimal {
                          font-size: 14px; } }
@media screen and (max-width: 380px) {
                        .checkout .container .preview .productBx .products .txt .price .cost .right span.decimal {
                          font-size: 13px; } }
.checkout .container .preview .productBx .products .txt .price .cost .right span.qtyInfo {
                      font-size: calc(0.00048 * 100vw + 10.79808px);
                      line-height: 1;
                      letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                        .checkout .container .preview .productBx .products .txt .price .cost .right span.qtyInfo {
                          font-size: 12px; } }
@media screen and (max-width: 380px) {
                        .checkout .container .preview .productBx .products .txt .price .cost .right span.qtyInfo {
                          font-size: 11px; } }
.checkout .container .preview .productBx .products .txt .price .oldPrice {
                min-height: 16px;
                margin-top: 15px;
                color: transparent; }
@media (max-width: 1200px) {
                  .checkout .container .preview .productBx .products .txt .price .oldPrice {
                    position: absolute;
                    z-index: 2;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                            transform: translateY(-50%); } }
.checkout .container .preview .productBx .products .txt .excerpt {
              color: #555555;
              font-size: calc(0.00144 * 100vw + 13.39423px);
              line-height: calc(0.00192 * 100vw + 15.19231px);
              letter-spacing: 0.025em;
              padding: 15px 0 0;
              position: relative;
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              overflow: hidden;
              text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
                .checkout .container .preview .productBx .products .txt .excerpt {
                  font-size: 17px; } }
@media screen and (max-width: 380px) {
                .checkout .container .preview .productBx .products .txt .excerpt {
                  font-size: 14px; } }
@media screen and (min-width: 1919px) {
                .checkout .container .preview .productBx .products .txt .excerpt {
                  line-height: 20px; } }
@media screen and (max-width: 380px) {
                .checkout .container .preview .productBx .products .txt .excerpt {
                  line-height: 16px; } }
.checkout .container .preview .productBx .products .txt .excerpt span {
                display: inline-block;
                height: auto;
                max-width: calc(100% - 35px);
                display: -webkit-box;
                -webkit-line-clamp: 1;
                overflow: hidden;
                text-overflow: ellipsis; }
.checkout .container .preview .productBx .products .txt .offerTxt {
              background-color: #ec0127;
              color: #ffea3d;
              height: 37px;
              font-size: 25px;
              font-weight: 600;
              line-height: 1;
              font-size: calc(0.00481 * 100vw + 12.98077px);
              letter-spacing: 0.01em;
              border-radius: 4px;
              padding: 0 12px;
              width: auto;
              display: none !important;
              justify-content: center;
              align-items: center;
              margin-top: 15px; }
@media screen and (min-width: 1919px) {
                .checkout .container .preview .productBx .products .txt .offerTxt {
                  font-size: 25px; } }
@media screen and (max-width: 380px) {
                .checkout .container .preview .productBx .products .txt .offerTxt {
                  font-size: 15px; } }
.checkout .container .preview .productBx .products .txt .bottom {
              display: flex;
              justify-content: flex-end;
              padding-top: 20px;
              position: relative; }
.checkout .container .preview .productBx .products .txt .bottom .deleteFromCart {
                margin-right: 20px;
                border: 1px solid #dddddd;
                border-radius: 5px;
                width: 50px;
                height: 47px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                position: absolute;
                top: 20px;
                left: 0;
                z-index: 10;
                box-sizing: border-box;
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.checkout .container .preview .productBx .products .txt .bottom .deleteFromCart span {
                  display: none;
                  font-size: 14px;
                  font-weight: 600;
                  color: #fff;
                  line-height: 1;
                  letter-spacing: 0.025em;
                  margin-left: 15px; }
.checkout .container .preview .productBx .products .txt .bottom .deleteFromCart:hover {
                  background-color: #ec0127;
                  border-color: #ec0127;
                  width: 100%;
                  justify-content: flex-start;
                  padding: 0 15px; }
@media (max-width: 1200px) {
                    .checkout .container .preview .productBx .products .txt .bottom .deleteFromCart:hover {
                      width: 50px;
                      padding: 0;
                      justify-content: center; } }
.checkout .container .preview .productBx .products .txt .bottom .deleteFromCart:hover svg path {
                    fill: #fff; }
.checkout .container .preview .productBx .products .txt .bottom .deleteFromCart:hover span {
                    display: inline-block; }
@media (max-width: 1200px) {
                      .checkout .container .preview .productBx .products .txt .bottom .deleteFromCart:hover span {
                        display: none; } }
.checkout .container .preview .productBx .products .actions {
            display: block;
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: calc(100% - 70px);
            border-radius: 10px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
              .checkout .container .preview .productBx .products .actions {
                position: relative;
                display: flex;
                justify-content: center;
                padding: 0;
                background-color: transparent; } }
.checkout .container .preview .productBx .products .addToCart {
            background-color: #fff;
            color: #3f1c8e;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #dddddd;
            border-radius: 4px;
            height: 45px;
            width: calc(100% - 30px);
            font-size: 17px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.02em;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer;
            opacity: 1; }
@media (max-width: 1200px) {
              .checkout .container .preview .productBx .products .addToCart {
                width: 100%; } }
.checkout .container .preview .productBx .products .addToCart.disabled {
              display: none;
              opacity: 0; }
.checkout .container .preview .productBx .products .addToCart:hover {
              background-color: #3f1c8e;
              color: #fff; }
.checkout .container .preview .productBx .products .addToCart:hover svg line {
                stroke: #fff; }
.checkout .container .preview .productBx .products .addToCart svg {
              margin-right: 15px; }
.checkout .container .preview .productBx .products .cartAction {
            width: calc(100% - 30px);
            height: 45px;
            grid-template-columns: repeat(3, 1fr);
            border: 1px solid #dddddd;
            border-radius: 4px;
            background-color: #fff;
            display: none;
            opacity: 0; }
@media (max-width: 1200px) {
              .checkout .container .preview .productBx .products .cartAction {
                width: 100%; } }
.checkout .container .preview .productBx .products .cartAction.active {
              display: grid;
              opacity: 1; }
.checkout .container .preview .productBx .products .cartAction .dec,
            .checkout .container .preview .productBx .products .cartAction .val,
            .checkout .container .preview .productBx .products .cartAction .inc {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #3f1c8e;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
              cursor: pointer; }
.checkout .container .preview .productBx .products .cartAction .dec:hover,
              .checkout .container .preview .productBx .products .cartAction .val:hover,
              .checkout .container .preview .productBx .products .cartAction .inc:hover {
                background-color: #3f1c8e; }
.checkout .container .preview .productBx .products .cartAction .dec:hover svg line,
                .checkout .container .preview .productBx .products .cartAction .val:hover svg line,
                .checkout .container .preview .productBx .products .cartAction .inc:hover svg line {
                  stroke: #fff; }
.checkout .container .preview .productBx .products .cartAction .val {
              border-right: 1px solid #dddddd;
              border-left: 1px solid #dddddd;
              font-size: calc(0.00096 * 100vw + 15.59615px);
              letter-spacing: 0.05em;
              line-height: 1;
              cursor: auto; }
@media screen and (min-width: 1919px) {
                .checkout .container .preview .productBx .products .cartAction .val {
                  font-size: 18px; } }
@media screen and (max-width: 380px) {
                .checkout .container .preview .productBx .products .cartAction .val {
                  font-size: 16px; } }
.checkout .container .preview .productBx .products .cartAction .val:hover {
                background-color: #fff; }
.checkout .container .preview .summary {
        padding-top: 30px; }
.checkout .container .preview .summary ul li {
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 6px 0; }
.checkout .container .preview .summary .totalPayable {
          background-color: #fff;
          border: 1px solid #dddddd;
          border-radius: 5px;
          margin: 15px 0;
          padding: 0 20px;
          height: 56px;
          width: 100%;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          align-items: center; }
.checkout .container .preview .summary .totalPayable .left {
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.02em; }
.checkout .container .preview .summary .totalPayable .right {
            color: #3f1c8e;
            position: relative; }
.checkout .container .preview .summary .totalPayable .right span.currency {
              font-size: 12px;
              line-height: 1;
              letter-spacing: 0.025em;
              position: relative;
              top: -10px; }
.checkout .container .preview .summary .totalPayable .right span.intiger {
              font-size: 26px;
              font-weight: 600;
              line-height: 1; }
.checkout .container .preview .summary .totalPayable .right span.decimal {
              font-size: 16px;
              font-weight: 600;
              line-height: 1;
              letter-spacing: 0.05em;
              position: relative;
              top: -8px; }
.checkout .container .preview .summary .checkoutNow {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
.checkout .container .preview .summary .checkoutNow a {
            background-color: #ec0127;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            line-height: 1;
            letter-spacing: 0.015em;
            font-weight: 600;
            color: #fff;
            padding: 0 15px 0 25px;
            box-sizing: border-box;
            height: 50px; }
.checkout .container .preview .summary .checkoutNow a svg {
              margin-left: 10px; }
.orderConfirm {
  padding: 80px 0; }
.orderConfirm .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1200px) {
      .orderConfirm .container {
        grid-template-columns: 1fr; } }
.orderConfirm .container .left h1 {
      font-size: 30px;
      font-weight: 600;
      line-height: 35px;
      color: #3f1c8e;
      margin: 0 0 30px; }
.orderConfirm .container .left p {
      font-size: 18px;
      line-height: 26px;
      font-weight: 500;
      letter-spacing: 0.03em;
      margin: 0 0 30px; }
.orderConfirm .container .right .text h3 {
      font-size: 30px;
      font-weight: 600;
      line-height: 35px;
      color: #3f1c8e;
      margin: 0 0 30px; }
.orderConfirm .container .right .text p {
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      letter-spacing: 0.025em;
      margin: 0 0 50px; }
.orderConfirm .container .right .card {
      border: 1px solid #DDDDDD;
      border-radius: 10px;
      padding: 45px 40px;
      box-sizing: border-box;
      margin-bottom: 30px; }
.orderConfirm .container .right .card h3 {
        font-size: 25px;
        line-height: 35px;
        letter-spacing: 0.01em;
        margin: 0 0 30px; }
.orderConfirm .container .right .card .splt {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 30px;
                column-gap: 30px;
        padding: 8px 0; }
.orderConfirm .container .right .card .splt .column {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em; }
.orderConfirm .container .right .card .splt .column:first-child {
            color: #555555; }
.orderConfirm .container .right .orderReviewBx {
      padding: 8px 0; }
.orderConfirm .container .right .orderReviewBx .product {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 22px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd; }
.orderConfirm .container .right .orderReviewBx .product:nth-last-child(2) {
          border: 0; }
@media (max-width: 800px) {
            .orderConfirm .container .right .orderReviewBx .product:nth-last-child(2) {
              border-bottom: 1px solid #dddddd; } }
.orderConfirm .container .right .orderReviewBx .product .img {
          width: 90px;
          height: 90px; }
.orderConfirm .container .right .orderReviewBx .product .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
.orderConfirm .container .right .orderReviewBx .product .txt {
          width: calc(100% - 455px);
          padding: 20px 24px 0; }
@media (max-width: 800px) {
            .orderConfirm .container .right .orderReviewBx .product .txt {
              width: calc(100% - 100px);
              padding-top: 0; } }
.orderConfirm .container .right .orderReviewBx .product .txt p {
            font-size: calc(0.00144 * 100vw + 12.39423px);
            line-height: calc(0.00288 * 100vw + 18.78846px);
            letter-spacing: 0.02em;
            margin: 0; }
@media screen and (min-width: 1919px) {
              .orderConfirm .container .right .orderReviewBx .product .txt p {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .orderConfirm .container .right .orderReviewBx .product .txt p {
                font-size: 13px; } }
@media screen and (min-width: 1919px) {
              .orderConfirm .container .right .orderReviewBx .product .txt p {
                line-height: 26px; } }
@media screen and (max-width: 380px) {
              .orderConfirm .container .right .orderReviewBx .product .txt p {
                line-height: 20px; } }
.orderConfirm .container .right .orderReviewBx .product .txt .showInDesktop {
            display: none;
            padding-top: 30px; }
@media (max-width: 800px) {
              .orderConfirm .container .right .orderReviewBx .product .txt .showInDesktop {
                display: block; } }
.orderConfirm .container .right .orderReviewBx .product .txt .showInDesktop li {
              font-size: 13px;
              line-height: 1;
              letter-spacing: 0.04em;
              padding: 5px 0; }
.orderConfirm .container .right .orderReviewBx .product .txt .showInDesktop li span {
                display: inline-block; }
.orderConfirm .container .right .orderReviewBx .product .txt .showInDesktop li span:first-child {
                  width: 90px;
                  color: #555555; }
.orderConfirm .container .right .orderReviewBx .product .qty {
          width: 105px;
          padding-top: 20px; }
@media (max-width: 800px) {
            .orderConfirm .container .right .orderReviewBx .product .qty {
              display: none; } }
.orderConfirm .container .right .orderReviewBx .product .unitPrice,
        .orderConfirm .container .right .orderReviewBx .product .totalPrice {
          width: 130px;
          padding-top: 20px; }
@media (max-width: 800px) {
            .orderConfirm .container .right .orderReviewBx .product .unitPrice,
            .orderConfirm .container .right .orderReviewBx .product .totalPrice {
              display: none; } }
.orderConfirm .container .right .orderReviewBx .product p {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em;
          margin: 0; }
.orderConfirm .container .right .orderReviewBx .buttonBx {
        display: none; }
@media (max-width: 800px) {
          .orderConfirm .container .right .orderReviewBx .buttonBx {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-top: 75px; }
            .orderConfirm .container .right .orderReviewBx .buttonBx button svg {
              margin-right: 10px; } }
.substitutions {
  min-height: calc(100vh - 830px); }
.substitutions .substitutions-card {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 40px;
    width: 100%;
    box-sizing: border-box; }
.substitutions .substitutions-card * {
      box-sizing: border-box; }
@media (max-width: 1450px) {
      .substitutions .substitutions-card {
        padding: 30px 15px !important; } }
.substitutions .substitutions-card .product-row {
      align-items: center;
      border-bottom: 1px solid #ddd;
      display: grid;
      grid-template-columns: 3fr 4fr;
      grid-gap: 5px;
      justify-content: space-between;
      padding: 15px;
      width: 100%;
      position: relative; }
.substitutions .substitutions-card .product-row p {
        margin: 0; }
.substitutions .substitutions-card .product-row.titles {
        font-size: 22px;
        border-bottom: none;
        padding: 22px 15px; }
@media (max-width: 1200px) {
          .substitutions .substitutions-card .product-row.titles {
            display: none !important; } }
@media (max-width: 900px) {
        .substitutions .substitutions-card .product-row {
          grid-template-columns: 1fr;
          grid-gap: 5px;
          padding: 15px 0; } }
.substitutions .substitutions-card .product-row .item {
        align-items: center;
        display: grid;
        grid-template-columns: 100px 1fr;
        justify-content: flex-start; }
.substitutions .substitutions-card .product-row .item .product-name {
          padding-left: 10px; }
@media (max-width: 600px) {
          .substitutions .substitutions-card .product-row .item .product-img {
            width: 120px !important; } }
@media (max-width: 420px) {
          .substitutions .substitutions-card .product-row .item .product-img {
            width: 80px !important; } }
.substitutions .substitutions-card .product-row .product-info-right {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 5px; }
@media (max-width: 600px) {
          .substitutions .substitutions-card .product-row .product-info-right {
            grid-template-columns: 1fr 1fr 1fr; } }
.substitutions .substitutions-card .product-row .qty, .substitutions .substitutions-card .product-row .price, .substitutions .substitutions-card .product-row .total, .substitutions .substitutions-card .product-row .action {
        max-width: 100% !important;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
.substitutions .substitutions-card .product-row .qty .heading, .substitutions .substitutions-card .product-row .qty .content, .substitutions .substitutions-card .product-row .price .heading, .substitutions .substitutions-card .product-row .price .content, .substitutions .substitutions-card .product-row .total .heading, .substitutions .substitutions-card .product-row .total .content, .substitutions .substitutions-card .product-row .action .heading, .substitutions .substitutions-card .product-row .action .content {
          width: 100%; }
@media (max-width: 600px) {
            .substitutions .substitutions-card .product-row .qty .heading, .substitutions .substitutions-card .product-row .qty .content, .substitutions .substitutions-card .product-row .price .heading, .substitutions .substitutions-card .product-row .price .content, .substitutions .substitutions-card .product-row .total .heading, .substitutions .substitutions-card .product-row .total .content, .substitutions .substitutions-card .product-row .action .heading, .substitutions .substitutions-card .product-row .action .content {
              padding-top: 0 !important; } }
@media (max-width: 600px) {
          .substitutions .substitutions-card .product-row .qty.price, .substitutions .substitutions-card .product-row .price.price, .substitutions .substitutions-card .product-row .total.price, .substitutions .substitutions-card .product-row .action.price {
            display: none; } }
@media (max-width: 600px) {
        .substitutions .substitutions-card .product-row .qty::before {
          content: "" !important; } }
.substitutions .substitutions-card .product-row .action {
        justify-content: end; }
@media (max-width: 600px) {
          .substitutions .substitutions-card .product-row .action {
            padding: 15px; } }
.substitutions .substitutions-card .product-row .action a,
        .substitutions .substitutions-card .product-row .action button {
          border: 1px solid #dddddd;
          border-color: #3f1c8e;
          color: #3f1c8e;
          height: 40px;
          border-radius: 4px;
          padding: 0 20px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          box-sizing: border-box; }
.substitutions .substitutions-card .product-row .action a:hover,
          .substitutions .substitutions-card .product-row .action button:hover {
            background-color: #3f1c8e;
            color: #fff; }
.substitutions .substitutions-card .product-row .action a.forget,
          .substitutions .substitutions-card .product-row .action button.forget {
            border: 0;
            padding: 0;
            height: auto;
            border-radius: 0;
            display: inline-block;
            width: auto;
            color: #000; }
.substitutions .substitutions-card .product-row .action a.forget:hover,
            .substitutions .substitutions-card .product-row .action button.forget:hover {
              background-color: transparent;
              color: #000; }
.substitutions .substitutions-card .product-row .action a svg,
          .substitutions .substitutions-card .product-row .action button svg {
            margin-left: 10px; }
.substitutions .substitutions-card .product-row .action a.plain-link,
          .substitutions .substitutions-card .product-row .action button.plain-link {
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #3f1c8e;
            padding: 0 16px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            text-decoration: underline; }
.substitutions .substitutions-card .product-row .action a.plain-link:hover,
            .substitutions .substitutions-card .product-row .action button.plain-link:hover {
              background-color: transparent;
              color: #3f1c8e; }
.substitutions .substitutions-card .product-row .action .blue-btn {
          background-color: #3f1c8e;
          color: #fff; }
.substitutions .substitutions-card .product-row .action .red-btn {
          background-color: #ec0127;
          color: #fff;
          border-color: #ec0127; }
.substitutions .substitutions-card .product-row .action .red-btn:hover {
            background-color: #ec0127;
            color: #fff; }
.substitutions .substitutions-card .product-row.inactive {
        opacity: 0.4;
        pointer-events: none; }
.substitutions .substitutions-card .substitues-list {
      display: none; }
.substitutions .substitutions-card .substitues-list .slist-product-row {
        align-items: center;
        border-radius: 10px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        display: grid;
        grid-template-columns: 150px 150px 1fr 250px;
        justify-content: flex-start;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        min-height: 120px; }
@media (max-width: 900px) {
          .substitutions .substitutions-card .substitues-list .slist-product-row {
            justify-content: space-between;
            grid-template-columns: 100px 1fr; } }
.substitutions .substitutions-card .substitues-list .slist-product-row.disable {
          opacity: 0.4;
          pointer-events: none; }
.substitutions .substitutions-card .substitues-list .slist-product-row:first-child {
          margin-top: 30px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-price {
          padding-left: 20px;
          position: relative;
          width: 120px; }
@media (max-width: 900px) {
            .substitutions .substitutions-card .substitues-list .slist-product-row .product-price {
              order: 3; } }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-price p {
            margin: 0; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-img {
          overflow: hidden;
          padding: 0 20px; }
@media (max-width: 900px) {
            .substitutions .substitutions-card .substitues-list .slist-product-row .product-img {
              order: 1; } }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-info {
          flex-grow: 1;
          padding: 0 20px; }
@media (max-width: 900px) {
            .substitutions .substitutions-card .substitues-list .slist-product-row .product-info {
              order: 2; } }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-name {
          color: #393939;
          font-family: VAG Rounded Std;
          font-size: 17px;
          font-style: normal;
          margin-bottom: 0; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action {
          padding: 0 20px;
          display: flex;
          justify-content: end; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a,
          .substitutions .substitutions-card .substitues-list .slist-product-row .action button {
            border: 1px solid #dddddd;
            border-color: #3f1c8e;
            color: #3f1c8e;
            height: 40px;
            border-radius: 4px;
            padding: 0 20px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer;
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.02em;
            box-sizing: border-box; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a:hover,
            .substitutions .substitutions-card .substitues-list .slist-product-row .action button:hover {
              background-color: #3f1c8e;
              color: #fff; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a.forget,
            .substitutions .substitutions-card .substitues-list .slist-product-row .action button.forget {
              border: 0;
              padding: 0;
              height: auto;
              border-radius: 0;
              display: inline-block;
              width: auto;
              color: #000; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a.forget:hover,
              .substitutions .substitutions-card .substitues-list .slist-product-row .action button.forget:hover {
                background-color: transparent;
                color: #000; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a svg,
            .substitutions .substitutions-card .substitues-list .slist-product-row .action button svg {
              margin-left: 10px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a.plain-link,
            .substitutions .substitutions-card .substitues-list .slist-product-row .action button.plain-link {
              padding: 0;
              border: 0;
              border-radius: 0;
              color: #3f1c8e;
              padding: 0 16px;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
              text-decoration: underline; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action a.plain-link:hover,
              .substitutions .substitutions-card .substitues-list .slist-product-row .action button.plain-link:hover {
                background-color: transparent;
                color: #3f1c8e; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action .blue-btn {
            background-color: #3f1c8e;
            color: #fff; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action .red-btn {
            background-color: #ec0127;
            color: #fff;
            border-color: #ec0127; }
.substitutions .substitutions-card .substitues-list .slist-product-row .action .red-btn:hover {
              background-color: #ec0127;
              color: #fff; }
@media (max-width: 900px) {
            .substitutions .substitutions-card .substitues-list .slist-product-row .action {
              order: 4;
              width: 100%;
              padding: 15px; }
              .substitutions .substitutions-card .substitues-list .slist-product-row .action .btn {
                width: 100%; } }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min {
          min-width: 240px;
          padding: 0 20px; }
@media (max-width: 900px) {
            .substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min {
              min-width: 100%;
              order: 4;
              padding: 15px; } }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx {
            display: block;
            position: relative; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min {
              background-color: #fff;
              border: 1px solid #e3e3e3;
              border-radius: 4px;
              display: flex;
              margin: 0;
              min-height: 53px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .min {
                align-items: center;
                border-bottom-left-radius: 4px;
                border-right: 1px solid #e3e3e3;
                border-top-left-radius: 4px;
                cursor: pointer;
                display: flex;
                flex-grow: 1;
                justify-content: center;
                min-height: 53px;
                min-width: 40px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .min img {
                  height: 20px;
                  margin-top: 0;
                  width: 20px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .value {
                align-items: center;
                color: #3f1c8e;
                display: flex;
                flex-grow: 1;
                font-family: Helvetica Rounded LT Std;
                font-size: 28px;
                font-style: normal;
                font-weight: 600;
                justify-content: center;
                line-height: 1;
                margin-bottom: 0;
                min-height: 53px;
                min-width: 70px;
                padding-top: 5px;
                min-width: 70px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .plus {
                align-items: center;
                border-bottom-right-radius: 4px;
                border-left: 1px solid #e3e3e3;
                border-top-right-radius: 4px;
                cursor: pointer;
                display: flex;
                flex-grow: 1;
                justify-content: center;
                min-height: 53px;
                min-width: 40px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .plus img {
                  height: 20px;
                  margin-top: 0;
                  width: 20px; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .min:hover, .substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .plus:hover {
                background-color: #3f1c8e; }
.substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .min:hover svg line, .substitutions .substitutions-card .substitues-list .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min .plus:hover svg line {
                  stroke: #fff; }
.substitutions .finalize-row {
    padding: 0 15px 60px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    width: 100% !important;
    margin-bottom: 20px; }
.substitutions .finalize-row a,
    .substitutions .finalize-row button {
      border: 1px solid #dddddd;
      border-color: #3f1c8e;
      color: #3f1c8e;
      height: 40px;
      border-radius: 4px;
      padding: 0 20px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      cursor: pointer;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      box-sizing: border-box; }
.substitutions .finalize-row a:hover,
      .substitutions .finalize-row button:hover {
        background-color: #3f1c8e;
        color: #fff; }
.substitutions .finalize-row a.forget,
      .substitutions .finalize-row button.forget {
        border: 0;
        padding: 0;
        height: auto;
        border-radius: 0;
        display: inline-block;
        width: auto;
        color: #000; }
.substitutions .finalize-row a.forget:hover,
        .substitutions .finalize-row button.forget:hover {
          background-color: transparent;
          color: #000; }
.substitutions .finalize-row a svg,
      .substitutions .finalize-row button svg {
        margin-left: 10px; }
.substitutions .finalize-row a.plain-link,
      .substitutions .finalize-row button.plain-link {
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #3f1c8e;
        padding: 0 16px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        text-decoration: underline; }
.substitutions .finalize-row a.plain-link:hover,
        .substitutions .finalize-row button.plain-link:hover {
          background-color: transparent;
          color: #3f1c8e; }
.substitutions .finalize-row .blue-btn {
      background-color: #3f1c8e;
      color: #fff; }
.substitutions .finalize-row .red-btn {
      background-color: #ec0127;
      color: #fff;
      border-color: #ec0127; }
.substitutions .finalize-row .red-btn:hover {
        background-color: #ec0127;
        color: #fff; }
.substitutions .finalize-row label {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      width: auto !important; }
@media (max-width: 600px) {
        .substitutions .finalize-row label {
          min-width: 100%;
          margin-top: 20px;
          justify-content: space-between; } }
.substitutions .finalize-row label input {
        display: none; }
.substitutions .finalize-row label input:checked + svg .circle-card {
        fill: #3D9939;
        stroke: #3D9939; }
.substitutions .finalize-row label svg {
        margin-right: 15px; }
@media (max-width: 600px) {
          .substitutions .finalize-row label svg {
            order: 2;
            margin-right: 0;
            margin-left: 15px; } }
.substitutions .finalize-row label .unavailable-txt {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 18px;
        font-weight: 300; }
@media (max-width: 600px) {
          .substitutions .finalize-row label .unavailable-txt {
            order: 1; } }
.substitutions .finalize-row .red-btn {
      padding: 8px 30px !important;
      position: relative;
      box-sizing: border-box;
      line-height: 1 !important;
      display: flex;
      justify-content: center;
      align-items: center; }
@media (max-width: 600px) {
        .substitutions .finalize-row .red-btn {
          min-width: 100%;
          margin-top: 20px; } }
.substitutions .sub-row {
    padding-top: 20px; }
.substitutions .order-confirm-txt-bx {
    margin-top: 15px; }
.substitutions .order-confirm-txt-bx a,
    .substitutions .order-confirm-txt-bx button {
      border: 1px solid #dddddd;
      border-color: #3f1c8e;
      color: #3f1c8e;
      height: 40px;
      border-radius: 4px;
      padding: 0 20px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      cursor: pointer;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      box-sizing: border-box; }
.substitutions .order-confirm-txt-bx a:hover,
      .substitutions .order-confirm-txt-bx button:hover {
        background-color: #3f1c8e;
        color: #fff; }
.substitutions .order-confirm-txt-bx a.forget,
      .substitutions .order-confirm-txt-bx button.forget {
        border: 0;
        padding: 0;
        height: auto;
        border-radius: 0;
        display: inline-block;
        width: auto;
        color: #000; }
.substitutions .order-confirm-txt-bx a.forget:hover,
        .substitutions .order-confirm-txt-bx button.forget:hover {
          background-color: transparent;
          color: #000; }
.substitutions .order-confirm-txt-bx a svg,
      .substitutions .order-confirm-txt-bx button svg {
        margin-left: 10px; }
.substitutions .order-confirm-txt-bx a.plain-link,
      .substitutions .order-confirm-txt-bx button.plain-link {
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #3f1c8e;
        padding: 0 16px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        text-decoration: underline; }
.substitutions .order-confirm-txt-bx a.plain-link:hover,
        .substitutions .order-confirm-txt-bx button.plain-link:hover {
          background-color: transparent;
          color: #3f1c8e; }
.substitutions .order-confirm-txt-bx .blue-btn {
      background-color: #3f1c8e;
      color: #fff; }
.substitutions .order-confirm-txt-bx .red-btn {
      background-color: #ec0127;
      color: #fff;
      border-color: #ec0127; }
.substitutions .order-confirm-txt-bx .red-btn:hover {
        background-color: #ec0127;
        color: #fff; }
.recipeMegaSlider .swiper-slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
  position: relative; }
@media (max-width: 900px) {
    .recipeMegaSlider .swiper-slide {
      grid-template-columns: 1fr;
      background-color: #000;
      padding-bottom: 210px; } }
.recipeMegaSlider .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
.recipeMegaSlider .swiper-slide .img .inner {
    width: 100%;
    height: calc(100vh - 120px);
    position: relative; }
@media (max-width: 900px) {
      .recipeMegaSlider .swiper-slide .img .inner {
        height: calc(100vh - 280px); } }
.recipeMegaSlider .swiper-slide .img .inner .main {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover; }
.recipeMegaSlider .swiper-slide .img .inner .bot_overlay {
      position: absolute;
      z-index: 4;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto; }
.recipeMegaSlider .swiper-slide .txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 120px 0 200px;
    box-sizing: border-box; }
@media (max-width: 1400px) {
      .recipeMegaSlider .swiper-slide .txt {
        padding: 0 80px; } }
@media (max-width: 900px) {
      .recipeMegaSlider .swiper-slide .txt {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        width: 0;
        padding: 0 60px 100px;
        width: 100%; } }
@media (max-width: 600px) {
      .recipeMegaSlider .swiper-slide .txt {
        padding: 0 15px 100px; } }
.recipeMegaSlider .swiper-slide .txt p {
      color: #3f1c8e;
      font-size: 25px;
      line-height: 1;
      letter-spacing: 0.02em;
      margin: 0 0 20px; }
@media (max-width: 900px) {
        .recipeMegaSlider .swiper-slide .txt p {
          color: #fff; } }
.recipeMegaSlider .swiper-slide .txt h3 {
      font-size: calc(0.00481 * 100vw + 27.98077px);
      line-height: calc(0.00529 * 100vw + 32.77885px);
      letter-spacing: -0.01em;
      font-weight: 600;
      margin: 0 0 40px; }
@media screen and (min-width: 1919px) {
        .recipeMegaSlider .swiper-slide .txt h3 {
          font-size: 40px; } }
@media screen and (max-width: 380px) {
        .recipeMegaSlider .swiper-slide .txt h3 {
          font-size: 30px; } }
@media screen and (min-width: 1919px) {
        .recipeMegaSlider .swiper-slide .txt h3 {
          line-height: 46px; } }
@media screen and (max-width: 380px) {
        .recipeMegaSlider .swiper-slide .txt h3 {
          line-height: 35px; } }
@media (max-width: 900px) {
        .recipeMegaSlider .swiper-slide .txt h3 {
          color: #fff; } }
.recipeMegaSlider .swiper-slide .txt a {
      border: 1px solid #dddddd;
      border-radius: 4px;
      height: 40px;
      padding: 0 25px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: auto; }
@media (max-width: 900px) {
        .recipeMegaSlider .swiper-slide .txt a {
          color: #fff;
          border-color: #fff;
          width: auto; } }
.recipeMegaSlider .swiper-pagination {
  left: 75% !important;
  bottom: 60px; }
@media (max-width: 900px) {
    .recipeMegaSlider .swiper-pagination {
      left: 50% !important;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
@media (max-width: 900px) {
    .recipeMegaSlider .swiper-pagination .swiper-pagination-bullet {
      background: #fff; } }
.recipeMegaSlider .swiper-pagination .swiper-pagination-bullet-active {
    background: #000; }
@media (max-width: 900px) {
      .recipeMegaSlider .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff; } }
.recipeGrid {
  padding: 20px 0 160px; }
@media (max-width: 900px) {
    .recipeGrid {
      padding: 20px 0 80px; } }
.recipeGrid .container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -webkit-column-gap: 36px;
            column-gap: 36px;
    row-gap: 100px; }
@media (max-width: 2000px) {
      .recipeGrid .container {
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1440px) {
      .recipeGrid .container {
        grid-template-columns: repeat(3, 1fr);
        width: 100%; } }
@media (max-width: 1000px) {
      .recipeGrid .container {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px; } }
@media (max-width: 600px) {
      .recipeGrid .container {
        grid-template-columns: repeat(1, 1fr); } }
.recipeGrid .container .recipe .recipeBox {
      border-radius: 10px;
      overflow: hidden; }
.recipeGrid .container .recipe .recipeBox.inList .heart .bg {
        fill: #3f1c8e; }
.recipeGrid .container .recipe .recipeBox.inList .heart .outline {
        stroke: #3f1c8e; }
.recipeGrid .container .recipe .img {
      width: 100%;
      padding-top: 100%;
      position: relative; }
.recipeGrid .container .recipe .img .heart {
        position: absolute;
        z-index: 10;
        top: 15px;
        left: 15px;
        cursor: pointer;
        width: 25px;
        height: auto; }
.recipeGrid .container .recipe .img .heart .bg,
        .recipeGrid .container .recipe .img .heart .outline {
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeGrid .container .recipe .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        display: block; }
.recipeGrid .container .recipe .txt {
      border: 1px solid #dddddd;
      border-top: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
.recipeGrid .container .recipe .txt .top {
        padding: 20px 20px 30px;
        min-height: 160px;
        box-sizing: border-box; }
.recipeGrid .container .recipe .txt .top p {
          color: #3f1c8e;
          font-size: 14px;
          line-height: 1;
          letter-spacing: 0.025em;
          margin: 0 0 10px; }
.recipeGrid .container .recipe .txt .top h3 {
          font-size: 22px;
          line-height: 28px;
          letter-spacing: -0.005em;
          font-weight: 600;
          margin: 0; }
.recipeGrid .container .recipe .txt .bottom {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-top: 1px solid #dddddd; }
.recipeGrid .container .recipe .txt .bottom .column {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-right: 1px solid #dddddd; }
.recipeGrid .container .recipe .txt .bottom .column:last-child {
            border-right: 0; }
.recipeGrid .container .recipe .txt .bottom .column p {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
.recipeGrid .container .recipe .txt .bottom .column p span {
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0.025em; }
.recipeGrid .container .recipe .txt .bottom .column p span:first-child {
                color: #555555; }
.recipeTitle {
  padding: 100px 0; }
@media (max-width: 900px) {
    .recipeTitle {
      padding-bottom: 0; } }
.recipeTitle .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
.recipeTitle .container h1 {
      color: #3f1c8e;
      font-size: calc(0.01683 * 100vw + 32.93269px);
      line-height: 1;
      letter-spacing: -0.02em;
      margin: 0 0 30px;
      font-weight: 600;
      text-align: center; }
@media screen and (min-width: 1919px) {
        .recipeTitle .container h1 {
          font-size: 75px; } }
@media screen and (max-width: 380px) {
        .recipeTitle .container h1 {
          font-size: 40px; } }
.recipeTitle .container h1 span {
        display: inline-block;
        font-size: 16px;
        letter-spacing: 0.02em; }
@media (max-width: 900px) {
          .recipeTitle .container h1 span {
            display: none; } }
.recipeTitle .container .sortBar {
      display: flex;
      justify-content: center;
      align-items: center; }
@media (max-width: 900px) {
        .recipeTitle .container .sortBar {
          display: none; } }
.recipeTitle .container a,
    .recipeTitle .container button {
      border: 1px solid #dddddd;
      color: #3f1c8e;
      height: 40px;
      border-radius: 4px;
      padding: 0 25px;
      margin: 0 10px;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
@media (max-width: 900px) {
        .recipeTitle .container a,
        .recipeTitle .container button {
          width: 100%; } }
.recipeTitle .container a.triggerFiltermenu,
      .recipeTitle .container button.triggerFiltermenu {
        display: none;
        font-size: 16px; }
@media (max-width: 900px) {
          .recipeTitle .container a.triggerFiltermenu,
          .recipeTitle .container button.triggerFiltermenu {
            display: block; } }
.recipeTitle .container a svg,
      .recipeTitle .container button svg {
        margin-left: 10px; }
.recipeHero {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) {
    .recipeHero {
      grid-template-columns: 1fr; } }
.recipeHero .left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    max-height: calc(100vh - 120px);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden; }
@media (max-width: 900px) {
      .recipeHero .left {
        display: none; } }
.recipeHero .left .infoBar {
      width: 80px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      border-bottom: 1px solid #dddddd; }
.recipeHero .left .infoBar .info {
        border-top: 1px solid #dddddd;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; }
.recipeHero .left .infoBar .info p {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0.025em; }
.recipeHero .left .infoBar .info p span:first-child {
            color: #555555; }
.recipeHero .left .img {
      width: calc(100% - 80px); }
.recipeHero .left .img .inner {
        width: 100%;
        height: calc(100vh - 120px);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeHero .left .img .inner img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
.recipeHero .right {
    padding: 130px 180px 0 70px;
    box-sizing: border-box; }
@media (max-width: 900px) {
      .recipeHero .right {
        padding: 120px 60px 60px; } }
@media (max-width: 600px) {
      .recipeHero .right {
        padding: 60px 15px; } }
.recipeHero .right .saveRecipeBtn {
      width: auto;
      border: 0;
      border-radius: 0;
      margin-bottom: 50px; }
@media (max-width: 900px) {
        .recipeHero .right .saveRecipeBtn {
          display: none; } }
.recipeHero .right .inList svg.heart .heart {
      stroke: #3f1c8e;
      fill: #3f1c8e; }
.recipeHero .right .inList svg.heart .heart-stroke {
      stroke: #3f1c8e; }
.recipeHero .right h3 {
      color: #3f1c8e;
      font-size: calc(0.00337 * 100vw + 16.58654px);
      line-height: 1;
      letter-spacing: 0.02em;
      margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
        .recipeHero .right h3 {
          font-size: 25px; } }
@media screen and (max-width: 380px) {
        .recipeHero .right h3 {
          font-size: 18px; } }
.recipeHero .right h1 {
      font-size: calc(0.00721 * 100vw + 21.97115px);
      line-height: calc(0.00529 * 100vw + 32.77885px);
      font-weight: 600;
      letter-spacing: -0.01em;
      margin: 0 0 45px; }
@media screen and (min-width: 1919px) {
        .recipeHero .right h1 {
          font-size: 40px; } }
@media screen and (max-width: 380px) {
        .recipeHero .right h1 {
          font-size: 25px; } }
@media screen and (min-width: 1919px) {
        .recipeHero .right h1 {
          line-height: 46px; } }
@media screen and (max-width: 380px) {
        .recipeHero .right h1 {
          line-height: 35px; } }
.recipeHero .right .prepCook {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid #dddddd;
      border-radius: 15px;
      max-width: 514px;
      margin-bottom: 85px; }
@media (max-width: 900px) {
        .recipeHero .right .prepCook {
          margin-bottom: 40px;
          border-radius: 5px; } }
.recipeHero .right .prepCook .column {
        border-right: 1px solid #dddddd;
        padding: 0 30px;
        height: 78px;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
@media (max-width: 900px) {
          .recipeHero .right .prepCook .column {
            padding: 0 15px;
            height: 60px; } }
.recipeHero .right .prepCook .column p {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          margin: 0;
          font-size: calc(0.00096 * 100vw + 11.59615px);
          line-height: calc(0.00096 * 100vw + 17.59615px);
          letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
            .recipeHero .right .prepCook .column p {
              font-size: 14px; } }
@media screen and (max-width: 380px) {
            .recipeHero .right .prepCook .column p {
              font-size: 12px; } }
@media screen and (min-width: 1919px) {
            .recipeHero .right .prepCook .column p {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .recipeHero .right .prepCook .column p {
              line-height: 18px; } }
.recipeHero .right .prepCook .column p span:first-child {
            color: #555555; }
.recipeHero .right .prepCook .column:last-child {
          border: 0; }
.recipeHero .right .Tabimg {
      display: none;
      margin: 0 -60px;
      margin-bottom: 45px;
      position: relative; }
@media (max-width: 900px) {
        .recipeHero .right .Tabimg {
          display: block; } }
@media (max-width: 600px) {
        .recipeHero .right .Tabimg {
          margin: 0 -15px;
          margin-bottom: 45px; } }
.recipeHero .right .Tabimg.inList .heart .bg {
        fill: #3f1c8e; }
.recipeHero .right .Tabimg.inList .heart .outline {
        stroke: #3f1c8e; }
.recipeHero .right .Tabimg .heart {
        position: absolute;
        z-index: 11;
        top: 30px;
        left: 30px;
        cursor: pointer;
        width: 30px;
        height: auto; }
.recipeHero .right .Tabimg .heart .bg,
        .recipeHero .right .Tabimg .heart .outline {
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 600px) {
          .recipeHero .right .Tabimg .heart {
            top: 20px;
            left: 15px;
            width: 25px; } }
.recipeHero .right .Tabimg .inner {
        width: 100%;
        padding-top: 100%;
        position: relative; }
.recipeHero .right .Tabimg .inner img {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 10;
          left: 0;
          top: 0; }
.recipeHero .right .nutritionalFacts {
      display: none;
      position: relative;
      padding-bottom: 60px; }
@media (max-width: 900px) {
        .recipeHero .right .nutritionalFacts {
          display: block; } }
.recipeHero .right .nutritionalFacts ul li {
        padding: 20px 0;
        border-bottom: 1px solid #dddddd;
        border-color: #dddddd;
        display: flex;
        justify-content: space-between;
        align-items: center; }
.recipeHero .right .nutritionalFacts ul li:first-child {
          border-top: 1px solid #dddddd;
          border-color: #dddddd; }
.recipeHero .right .nutritionalFacts ul li span {
          display: inline-block;
          font-size: 12px;
          line-height: 1;
          letter-spacing: 0.025em; }
.recipeHero .right .nutritionalFacts ul li span:first-child {
            color: #555555; }
.recipeHero .right .nutritionalFacts ul li span:last-child {
            font-size: 18px; }
.recipeHero .right .about {
      padding-bottom: 50px;
      border-bottom: 1px solid #dddddd; }
.recipeHero .right .about p {
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: calc(0.00192 * 100vw + 21.19231px);
        letter-spacing: 0.02em;
        margin: 0 0 30px; }
@media screen and (min-width: 1919px) {
          .recipeHero .right .about p {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .recipeHero .right .about p {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .recipeHero .right .about p {
            line-height: 26px; } }
@media screen and (max-width: 380px) {
          .recipeHero .right .about p {
            line-height: 22px; } }
.recipeHero .right .ingredients {
      padding: 112px 0 80px;
      border-bottom: 1px solid #dddddd; }
@media (max-width: 900px) {
        .recipeHero .right .ingredients {
          padding: 80px 0; } }
.recipeHero .right .ingredients ul {
        padding-bottom: 30px; }
.recipeHero .right .ingredients ul li {
          border-bottom: 1px solid #dddddd;
          padding: 20px 0;
          cursor: pointer;
          width: 100%; }
@media (max-width: 800px) {
            .recipeHero .right .ingredients ul li {
              padding: 15px 0; } }
.recipeHero .right .ingredients ul li label {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            position: relative;
            width: 100%;
            cursor: pointer; }
.recipeHero .right .ingredients ul li label svg {
              margin-right: 15px; }
@media (max-width: 900px) {
                .recipeHero .right .ingredients ul li label svg {
                  width: 26px;
                  height: 26px; } }
.recipeHero .right .ingredients ul li label svg .circle .c-in path {
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeHero .right .ingredients ul li label svg .tick {
                stroke: none;
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipeHero .right .ingredients ul li label span {
              font-size: calc(0.00192 * 100vw + 13.19231px);
              line-height: 26px;
              letter-spacing: 0.03em; }
@media screen and (min-width: 1919px) {
                .recipeHero .right .ingredients ul li label span {
                  font-size: 18px; } }
@media screen and (max-width: 380px) {
                .recipeHero .right .ingredients ul li label span {
                  font-size: 14px; } }
.recipeHero .right .ingredients ul li label .img {
              position: absolute;
              z-index: 2;
              bottom: -20px;
              right: 0;
              visibility: hidden;
              opacity: 0;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
              background-color: #f6f6f6;
              width: 200px;
              height: 200px; }
.recipeHero .right .ingredients ul li label .img img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
                mix-blend-mode: multiply; }
.recipeHero .right .ingredients ul li label input:checked + svg .tick {
              stroke: #3f1c8e; }
.recipeHero .right .ingredients ul li label:hover .img {
              visibility: visible;
              opacity: 1; }
@media (max-width: 1200px) {
                .recipeHero .right .ingredients ul li label:hover .img {
                  visibility: hidden;
                  opacity: 0;
                  display: none; } }
.recipeHero .right .ingredients ul li label:hover svg .circle .c-in path:last-child {
              fill: #3f1c8e; }
.recipeHero .right button {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #dddddd;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #3f1c8e;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-weight: 600;
      cursor: pointer;
      position: relative; }
.recipeHero .right button svg {
        margin-right: 10px; }
.recipeHero .right .method {
      padding: 112px 0 0; }
@media (max-width: 900px) {
        .recipeHero .right .method {
          padding: 80px 0 0; } }
.recipeHero .right .method ul {
        padding-bottom: 80px; }
@media (max-width: 900px) {
          .recipeHero .right .method ul {
            padding-bottom: 20px; } }
.recipeHero .right .method ul li {
          padding: 30px 0;
          display: flex;
          justify-content: space-between; }
.recipeHero .right .method ul li .number {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1.5px solid #8b8b8b;
            width: 50px;
            height: 50px;
            border-radius: 50%; }
@media (max-width: 900px) {
              .recipeHero .right .method ul li .number {
                width: 35px;
                height: 35px; } }
.recipeHero .right .method ul li .number span {
              color: #3f1c8e;
              font-size: calc(0.00385 * 100vw + 15.38462px);
              line-height: 1;
              letter-spacing: 0.02em; }
@media screen and (min-width: 1919px) {
                .recipeHero .right .method ul li .number span {
                  font-size: 25px; } }
@media screen and (max-width: 380px) {
                .recipeHero .right .method ul li .number span {
                  font-size: 17px; } }
.recipeHero .right .method ul li .txt {
            width: calc(100% - 80px);
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0.02em;
            margin: 0; }
@media (max-width: 900px) {
              .recipeHero .right .method ul li .txt {
                width: calc(100% - 55px); } }
.recipeHero .right .method ul li .txt p {
              font: inherit;
              margin: 0; }
.recipeHero .right .method button svg {
        position: absolute;
        z-index: 2;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.ingredientsPopup {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
.ingredientsPopup.active {
    display: block; }
.ingredientsPopup .overlay {
    opacity: 0.4; }
.ingredientsPopup .inner {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(150%);
            transform: translateX(-50%) translateY(150%);
    background-color: #fff;
    width: 60%;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.ingredientsPopup .inner.active {
      -webkit-transform: translateX(-50%) translateY(0);
              transform: translateX(-50%) translateY(0); }
@media (max-width: 1850px) {
      .ingredientsPopup .inner {
        width: 75%; } }
@media (max-width: 1460px) {
      .ingredientsPopup .inner {
        width: 85%; } }
@media (max-width: 1200px) {
      .ingredientsPopup .inner {
        width: calc(100% - 60px); } }
@media (max-width: 800px) {
      .ingredientsPopup .inner {
        width: 100%; } }
.ingredientsPopup .inner .top {
      padding: 0 45px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 90px;
      box-sizing: border-box;
      border-bottom: 1px solid #ddd; }
@media (max-width: 800px) {
        .ingredientsPopup .inner .top {
          padding: 0 40px; } }
@media (max-width: 600px) {
        .ingredientsPopup .inner .top {
          padding: 0 20px; } }
.ingredientsPopup .inner .top h3 {
        color: #3f1c8e;
        font-size: calc(0.00144 * 100vw + 21.39423px);
        font-weight: 600;
        line-height: 1; }
@media screen and (min-width: 1919px) {
          .ingredientsPopup .inner .top h3 {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .ingredientsPopup .inner .top h3 {
            font-size: 22px; } }
.ingredientsPopup .inner .top svg {
        cursor: pointer; }
.ingredientsPopup .inner .ingredients {
      padding: 0 45px;
      width: 100%;
      box-sizing: border-box;
      max-height: 75vh;
      overflow-y: auto; }
.ingredientsPopup .inner .ingredients::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.ingredientsPopup .inner .ingredients::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #eee; }
.ingredientsPopup .inner .ingredients::-webkit-scrollbar-thumb {
        background-color: #3f1c8e;
        outline: none; }
@media (max-width: 800px) {
        .ingredientsPopup .inner .ingredients {
          max-height: calc(100vh - 164px);
          padding: 0; } }
.ingredientsPopup .inner .ingredients .product {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
        position: relative; }
.ingredientsPopup .inner .ingredients .product.inactive > * {
          opacity: .5; }
.ingredientsPopup .inner .ingredients .product.inactive .txt, .ingredientsPopup .inner .ingredients .product.inactive .actions {
          pointer-events: none; }
@media (max-width: 800px) {
          .ingredientsPopup .inner .ingredients .product {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: repeat(3, 1fr);
            padding: 15px 40px; } }
@media (max-width: 600px) {
          .ingredientsPopup .inner .ingredients .product {
            padding: 15px 20px; } }
.ingredientsPopup .inner .ingredients .product .pick {
          width: 90px; }
.ingredientsPopup .inner .ingredients .product .pick label {
            width: 40px;
            height: 40px;
            border: 1px solid #8c8c8c;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
            cursor: pointer;
            margin: 0; }
.ingredientsPopup .inner .ingredients .product .pick label svg {
              opacity: 0; }
.ingredientsPopup .inner .ingredients .product .pick input:checked + label svg {
            opacity: 1; }
@media (max-width: 800px) {
            .ingredientsPopup .inner .ingredients .product .pick {
              position: absolute;
              z-index: 2;
              top: 15px;
              left: 20px; }
              .ingredientsPopup .inner .ingredients .product .pick svg {
                width: 26px;
                height: auto; } }
.ingredientsPopup .inner .ingredients .product .img {
          width: 85px;
          height: 85px;
          overflow: hidden; }
@media (max-width: 800px) {
            .ingredientsPopup .inner .ingredients .product .img {
              grid-area: 1 / 1 / 4 / 3;
              width: auto;
              height: auto; } }
.ingredientsPopup .inner .ingredients .product .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
.ingredientsPopup .inner .ingredients .product .txt {
          padding: 0 68px;
          flex-grow: 1; }
@media (max-width: 800px) {
            .ingredientsPopup .inner .ingredients .product .txt {
              grid-area: 2 / 3 / 3 / 6;
              padding: 0; } }
.ingredientsPopup .inner .ingredients .product .txt h3 {
            margin: 0 0 5px;
            font-size: calc(0.00096 * 100vw + 13.59615px);
            line-height: 1; }
@media screen and (min-width: 1919px) {
              .ingredientsPopup .inner .ingredients .product .txt h3 {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .ingredientsPopup .inner .ingredients .product .txt h3 {
                font-size: 14px; } }
.ingredientsPopup .inner .ingredients .product .txt span {
            display: inline-block;
            font-size: calc(0.00096 * 100vw + 11.59615px);
            line-height: 1;
            color: #555555;
            margin: 0; }
@media screen and (min-width: 1919px) {
              .ingredientsPopup .inner .ingredients .product .txt span {
                font-size: 14px; } }
@media screen and (max-width: 380px) {
              .ingredientsPopup .inner .ingredients .product .txt span {
                font-size: 12px; } }
@media (max-width: 800px) {
              .ingredientsPopup .inner .ingredients .product .txt span {
                color: transparent; } }
.ingredientsPopup .inner .ingredients .product .actions {
          position: relative;
          width: 243px; }
@media (max-width: 800px) {
            .ingredientsPopup .inner .ingredients .product .actions {
              grid-area: 3 / 3 / 4 / 6;
              width: 100%; } }
.ingredientsPopup .inner .ingredients .product .actions .cartAction {
            width: calc(100% - 30px);
            height: 45px;
            grid-template-columns: repeat(3, 1fr);
            border: 1px solid #dddddd;
            border-radius: 4px;
            background-color: #fff;
            display: grid;
            opacity: 1; }
@media (max-width: 1200px) {
              .ingredientsPopup .inner .ingredients .product .actions .cartAction {
                width: 100%; } }
.ingredientsPopup .inner .ingredients .product .actions .cartAction .dec,
            .ingredientsPopup .inner .ingredients .product .actions .cartAction .val,
            .ingredientsPopup .inner .ingredients .product .actions .cartAction .inc {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #3f1c8e;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
              cursor: pointer; }
.ingredientsPopup .inner .ingredients .product .actions .cartAction .dec:hover,
              .ingredientsPopup .inner .ingredients .product .actions .cartAction .val:hover,
              .ingredientsPopup .inner .ingredients .product .actions .cartAction .inc:hover {
                background-color: #3f1c8e; }
.ingredientsPopup .inner .ingredients .product .actions .cartAction .dec:hover svg line,
                .ingredientsPopup .inner .ingredients .product .actions .cartAction .val:hover svg line,
                .ingredientsPopup .inner .ingredients .product .actions .cartAction .inc:hover svg line {
                  stroke: #fff; }
.ingredientsPopup .inner .ingredients .product .actions .cartAction .val {
              border-right: 1px solid #dddddd;
              border-left: 1px solid #dddddd;
              font-size: calc(0.00096 * 100vw + 15.59615px);
              letter-spacing: 0.05em;
              line-height: 1;
              cursor: auto; }
@media screen and (min-width: 1919px) {
                .ingredientsPopup .inner .ingredients .product .actions .cartAction .val {
                  font-size: 18px; } }
@media screen and (max-width: 380px) {
                .ingredientsPopup .inner .ingredients .product .actions .cartAction .val {
                  font-size: 16px; } }
.ingredientsPopup .inner .ingredients .product .actions .cartAction .val:hover {
                background-color: #fff; }
.ingredientsPopup .inner .ingredients .product .price {
          width: 200px;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
@media (max-width: 800px) {
            .ingredientsPopup .inner .ingredients .product .price {
              grid-area: 1 / 3 / 2 / 6;
              width: 100%;
              justify-content: space-between; } }
.ingredientsPopup .inner .ingredients .product .price h3 {
            margin: 0;
            color: #3f1c8e;
            font-size: calc(0.00048 * 100vw + 16.79808px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .ingredientsPopup .inner .ingredients .product .price h3 {
                font-size: 18px; } }
@media screen and (max-width: 380px) {
              .ingredientsPopup .inner .ingredients .product .price h3 {
                font-size: 17px; } }
.ingredientsPopup .inner .ingredients .product .price span {
            display: none;
            color: #3f1c8e;
            font-size: 14px;
            line-height: 1; }
@media (max-width: 800px) {
              .ingredientsPopup .inner .ingredients .product .price span {
                display: inline-block; } }
.ingredientsPopup .inner .cartAct {
      background-color: #3f1c8e;
      color: #fff;
      width: 100%;
      height: 74px;
      position: relative; }
@media (max-width: 800px) {
        .ingredientsPopup .inner .cartAct {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 0 20px;
          box-sizing: border-box; } }
.ingredientsPopup .inner .cartAct > span {
        font-size: calc(0.00192 * 100vw + 13.19231px);
        line-height: 1;
        letter-spacing: 0.05em; }
@media screen and (min-width: 1919px) {
          .ingredientsPopup .inner .cartAct > span {
            font-size: 18px; } }
@media screen and (max-width: 380px) {
          .ingredientsPopup .inner .cartAct > span {
            font-size: 14px; } }
.ingredientsPopup .inner .cartAct .total {
        background-color: #fff;
        border-radius: 3px;
        height: 46px;
        box-sizing: border-box;
        position: absolute;
        z-index: 2;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 20px;
        padding: 10px 20px;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: flex-start; }
@media (max-width: 800px) {
          .ingredientsPopup .inner .cartAct .total {
            padding: 10px; } }
.ingredientsPopup .inner .cartAct .currency {
        display: inline-block;
        margin-right: 10px;
        color: #3f1c8e;
        font-size: calc(0 * 100vw + 14px);
        line-height: 1; }
@media screen and (min-width: 1919px) {
          .ingredientsPopup .inner .cartAct .currency {
            font-size: 12px; } }
@media screen and (max-width: 380px) {
          .ingredientsPopup .inner .cartAct .currency {
            font-size: 12px; } }
@media (max-width: 800px) {
          .ingredientsPopup .inner .cartAct .currency {
            margin-right: 2px; } }
.ingredientsPopup .inner .cartAct .initiger {
        display: inline-block;
        color: #3f1c8e;
        font-size: calc(0 * 100vw + 30px);
        line-height: 1;
        font-weight: 600;
        margin-right: 10px; }
@media screen and (min-width: 1919px) {
          .ingredientsPopup .inner .cartAct .initiger {
            font-size: 26px; } }
@media screen and (max-width: 380px) {
          .ingredientsPopup .inner .cartAct .initiger {
            font-size: 26px; } }
@media (max-width: 800px) {
          .ingredientsPopup .inner .cartAct .initiger {
            margin-right: 2px; } }
.ingredientsPopup .inner .cartAct .decimal {
        display: inline-block;
        color: #3f1c8e;
        font-size: calc(0 * 100vw + 18px);
        line-height: 1;
        font-weight: 600; }
@media screen and (min-width: 1919px) {
          .ingredientsPopup .inner .cartAct .decimal {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .ingredientsPopup .inner .cartAct .decimal {
            font-size: 16px; } }
.newsTitle {
  padding-top: 100px; }
.newsTitle .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.newsTitle .container h1 {
      color: #3f1c8e;
      font-size: calc(0.01683 * 100vw + 32.93269px);
      line-height: 1;
      letter-spacing: -0.02em;
      font-weight: 600;
      margin: 0 0 70px;
      text-align: center; }
@media screen and (min-width: 1919px) {
        .newsTitle .container h1 {
          font-size: 75px; } }
@media screen and (max-width: 380px) {
        .newsTitle .container h1 {
          font-size: 40px; } }
.newsTitle .container .bottom {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
.newsTitle .container .bottom button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 25px;
        border: 1px solid #dddddd;
        border-radius: 5px;
        height: 40px;
        color: #3f1c8e;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em; }
@media (max-width: 600px) {
          .newsTitle .container .bottom button {
            width: 100%; } }
.newsTitle .container .bottom button svg {
          margin-left: 10px; }
.newsGrid {
  padding: 50px 0 200px; }
.newsGrid .container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -webkit-column-gap: 36px;
            column-gap: 36px;
    row-gap: 100px; }
@media (max-width: 2000px) {
      .newsGrid .container {
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1440px) {
      .newsGrid .container {
        grid-template-columns: repeat(3, 1fr);
        width: 100%; } }
@media (max-width: 1000px) {
      .newsGrid .container {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px; } }
@media (max-width: 600px) {
      .newsGrid .container {
        grid-template-columns: repeat(1, 1fr); } }
.newsGrid .container .news a {
      display: block;
      width: 100%; }
.newsGrid .container .news .img {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden; }
.newsGrid .container .news .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0; }
.newsGrid .container .news .txt {
      padding-top: 25px; }
.newsGrid .container .news .txt p {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.025em;
        margin: 0 0 25px; }
.newsGrid .container .news .txt h3 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
        letter-spacing: -0.005em;
        margin: 0; }
@media (max-width: 800px) {
          .newsGrid .container .news .txt h3 {
            max-width: 80%; } }
.brochureHero .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
.brochureHero .container > svg {
    height: auto;
    width: 100%;
    max-width: 55%; }
@media (max-width: 900px) {
      .brochureHero .container > svg {
        margin: 30px 0;
        max-width: calc(100% - 120px); } }
@media (max-width: 600px) {
      .brochureHero .container > svg {
        width: calc(100vw - 30px);
        max-width: calc(100% - 40px); } }
.brochureHero .container .featuredArticle {
    width: 60%; }
@media (max-width: 900px) {
      .brochureHero .container .featuredArticle {
        width: 100%; } }
.brochureHero .container .featuredArticle .inner {
      width: 100%;
      position: relative; }
@media (max-width: 900px) {
        .brochureHero .container .featuredArticle .inner {
          background-color: #000;
          margin: 0 -60px;
          width: calc(100% + 120px); } }
@media (max-width: 600px) {
        .brochureHero .container .featuredArticle .inner {
          margin: 0 -15px;
          width: calc(100% + 30px); } }
.brochureHero .container .featuredArticle .inner .img {
        width: 100%;
        padding-top: 66.66%;
        position: relative;
        border-radius: 10px;
        overflow: hidden; }
@media (max-width: 900px) {
          .brochureHero .container .featuredArticle .inner .img {
            border-radius: 0;
            padding-top: 100%; } }
.brochureHero .container .featuredArticle .inner .img img.main {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
.brochureHero .container .featuredArticle .inner .img .bot_overlay {
          display: none; }
@media (max-width: 900px) {
            .brochureHero .container .featuredArticle .inner .img .bot_overlay {
              display: block;
              position: absolute;
              z-index: 3;
              bottom: 0;
              left: 0;
              width: 100%;
              height: auto; } }
.brochureHero .container .featuredArticle .inner .txt {
        width: 80%;
        margin-left: 10%;
        background-color: #fff;
        border-radius: 20px;
        padding: 40px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        position: relative;
        z-index: 10;
        box-sizing: border-box;
        box-shadow: -5px 3px 50px 0px rgba(0, 0, 0, 0.1); }
@media (max-width: 900px) {
          .brochureHero .container .featuredArticle .inner .txt {
            width: calc(100% - 120px);
            -webkit-transform: translateY(-60px);
                    transform: translateY(-60px);
            margin-left: 60px; } }
@media (max-width: 600px) {
          .brochureHero .container .featuredArticle .inner .txt {
            width: calc(100% - 30px);
            margin-left: 15px;
            padding: 40px 20px; } }
.brochureHero .container .featuredArticle .inner .txt .top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-bottom: 30px; }
@media (max-width: 900px) {
            .brochureHero .container .featuredArticle .inner .txt .top {
              padding-bottom: 15px; } }
.brochureHero .container .featuredArticle .inner .txt .top span {
            display: inline-block;
            color: #707070;
            font-size: 13px;
            line-height: 40px;
            letter-spacing: 0.04em; }
@media (max-width: 600px) {
              .brochureHero .container .featuredArticle .inner .txt .top span:last-child {
                display: none; } }
.brochureHero .container .featuredArticle .inner .txt h3 {
          font-size: calc(0.00481 * 100vw + 27.98077px);
          line-height: calc(0.00481 * 100vw + 33.98077px);
          font-weight: 600;
          letter-spacing: -0.01em;
          margin: 0 0 50px; }
@media screen and (min-width: 1919px) {
            .brochureHero .container .featuredArticle .inner .txt h3 {
              font-size: 40px; } }
@media screen and (max-width: 380px) {
            .brochureHero .container .featuredArticle .inner .txt h3 {
              font-size: 30px; } }
@media screen and (min-width: 1919px) {
            .brochureHero .container .featuredArticle .inner .txt h3 {
              line-height: 46px; } }
@media screen and (max-width: 380px) {
            .brochureHero .container .featuredArticle .inner .txt h3 {
              line-height: 36px; } }
@media (max-width: 900px) {
            .brochureHero .container .featuredArticle .inner .txt h3 {
              margin: 0 0 40px; } }
.brochureHero .container .featuredArticle .inner .txt h3 .dateMobile {
            display: none; }
@media (max-width: 600px) {
              .brochureHero .container .featuredArticle .inner .txt h3 .dateMobile {
                display: inline-block;
                color: #707070;
                font-size: 13px;
                line-height: 40px;
                letter-spacing: 0.04em; } }
.brochureVideo {
  margin-bottom: 100px;
  position: relative; }
@media (max-width: 900px) {
    .brochureVideo {
      margin-bottom: 0;
      background-color: #f9f9f9;
      padding-bottom: 20px; } }
.brochureVideo .img {
    width: 100%;
    height: calc(100vh - 120px);
    position: relative; }
@media (max-width: 900px) {
      .brochureVideo .img {
        height: 40vh; } }
.brochureVideo .img .overlay {
      opacity: 0.3; }
.brochureVideo .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
.brochureVideo .txt {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
@media (max-width: 900px) {
      .brochureVideo .txt {
        display: none; } }
.brochureVideo p {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.025em;
    margin: 0 0 40px;
    text-transform: uppercase;
    text-align: center; }
.brochureVideo svg {
    cursor: pointer; }
.brochureVideo h3 {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.005em;
    margin: 50px 0 0;
    font-weight: 600;
    text-align: center; }
.brochureVideo .txtTab {
    padding: 0 60px;
    position: relative;
    display: none; }
@media (max-width: 600px) {
      .brochureVideo .txtTab {
        padding: 0 15px;
        display: block; } }
.brochureVideo .txtTab svg {
      position: absolute;
      z-index: 3;
      top: -95px; }
.brochureVideo .txtTab p,
    .brochureVideo .txtTab h3 {
      color: #000;
      text-align: left; }
@media (max-width: 1200px) {
      .brochureVideo .txtTab h3 {
        margin-bottom: 20px; } }
.video-player {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2147483004;
  background: #1A1A1A;
  top: 0;
  left: 0;
  right: 0;
  display: none; }
@media screen and (max-width: 1200px) {
    .video-player {
      display: none; } }
.video-player.active {
    display: block; }
.video-player .close-video-player-x {
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 25px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.6;
    cursor: pointer;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.video-player .close-video-player-x:hover {
      opacity: 1;
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
.video-player .video-player__wrapper {
    min-height: 1px;
    position: relative;
    width: 100%;
    height: 99vh; }
.video-player .video-player__wrapper .c-cover {
      position: relative; }
.video-player .video-player__wrapper .c-cover.video-player-started .video-player-container {
        display: block; }
.video-player .video-player__wrapper .c-cover .bottom-layer {
        width: 100%;
        max-height: 100vh;
        overflow: hidden; }
.video-player .video-player__wrapper .c-cover .bottom-layer video {
          width: 100%;
          height: 100vh;
          -o-object-fit: cover;
             object-fit: cover; }
.video-player .video-player__wrapper .c-cover .top-layer {
        position: absolute;
        width: 100%;
        background-color: #fff;
        z-index: 10;
        bottom: 0;
        left: 0;
        right: 0; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom {
          min-height: 70px;
          display: flex; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-this-vid {
            background-color: #3f1c8e;
            padding: 26px;
            min-height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 72px; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-this-vid.playing .pause-btn {
              display: block; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-this-vid.playing .play-btn {
              display: none; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-this-vid.paused .pause-btn {
              display: none; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-this-vid.paused .play-btn {
              display: block; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .mute-this-vid {
            background-color: #3f1c8e;
            padding: 26px;
            min-height: 70px;
            display: flex;
            justify-content: center;
            align-items: center; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .mute-this-vid.loud .mute-this {
              display: block; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .mute-this-vid.loud .unmute-this {
              display: none; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .mute-this-vid.muted .mute-this {
              display: none; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .mute-this-vid.muted .unmute-this {
              display: block; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .close-video-player {
            padding: 26px;
            min-height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .close-video-player:hover svg {
              -webkit-transform: scale(1.3);
                      transform: scale(1.3); }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .close-video-player svg {
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .video-info {
            max-width: 300px;
            min-width: 300px;
            padding: 15px; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .video-info .video-title {
              font-size: 14px;
              line-height: 17px;
              color: #1A1A1A;
              font-weight: normal;
              margin: 0; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .video-info .video-duration {
              margin-bottom: 0;
              font-size: 14px;
              line-height: 1;
              color: #3f1c8e; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-progress .controls-con {
            height: 77px;
            width: 100%;
            position: relative;
            z-index: 1;
            background-color: #fff; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-progress .controls-con .seekbar-con {
              height: 77px;
              background: #fafafa;
              width: 100%;
              cursor: pointer;
              transition-duration: 400ms; }
.video-player .video-player__wrapper .c-cover .top-layer .bottom .play-progress .controls-con .seekbar {
              height: inherit;
              width: 0%;
              height: 77px;
              background-color: #E2E6E4; }
.video-player .video-player__wrapper .c-cover .video-player-container {
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
.video-player .video-player__wrapper .c-cover .video-player {
        height: 100%;
        position: relative;
        padding-bottom: calc(6.438vw + -7.63948px);
        padding-top: calc(8.584vw + -43.51931px); }
@media (min-width: 1672px) {
          .video-player .video-player__wrapper .c-cover .video-player {
            padding-bottom: 100px;
            padding-top: 100px; } }
.video-player .video-player__wrapper .c-cover .video-player .video-js {
          bottom: 0;
          display: flex;
          left: 0;
          position: absolute;
          right: 0;
          top: 0; }
.video-player .video-player__wrapper .c-cover .video-player .vjs-ten-skin {
          background-color: #1a1a1a;
          height: 100%;
          overflow: hidden;
          position: relative;
          width: 100%; }
.video-player .video-player__wrapper .c-cover .video-player .vjs-ten-skin video {
            width: 100%;
            display: inline-block; }
.vid-player-tab {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 200;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: #1A1A1A; }
.vid-player-tab video {
    width: 100%; }
.vid-player-tab svg {
    width: 24px;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer; }
.newsSlider {
  padding: 120px 0;
  border: 0;
  max-width: 100vw;
  overflow: hidden; }
.newsSlider .row.top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
    position: relative; }
.newsSlider .row.top h3 {
      color: #3f1c8e;
      font-size: 40px;
      line-height: 1;
      letter-spacing: -0.01em;
      margin: 0;
      font-weight: 600; }
@media (max-width: 800px) {
        .newsSlider .row.top h3 {
          min-width: 100%; } }
@media (max-width: 800px) {
      .newsSlider .row.top .viewMore {
        position: absolute;
        right: 0;
        border: 0;
        padding-right: 0; } }
.newsSlider .row .swiper-container {
    overflow: visible; }
.newsSlider .row .swiper-slide .news a {
    display: block;
    width: 100%; }
.newsSlider .row .swiper-slide .news .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden; }
.newsSlider .row .swiper-slide .news .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.newsSlider .row .swiper-slide .news .txt {
    padding-top: 25px; }
.newsSlider .row .swiper-slide .news .txt p {
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0.025em;
      margin: 0 0 25px; }
.newsSlider .row .swiper-slide .news .txt h3 {
      font-size: 22px;
      line-height: 28px;
      font-weight: 600;
      letter-spacing: -0.005em;
      margin: 0; }
@media (max-width: 800px) {
        .newsSlider .row .swiper-slide .news .txt h3 {
          max-width: 80%; } }
.editorsPick {
  padding: 120px 0; }
.editorsPick .container.split {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) {
      .editorsPick .container.split {
        grid-template-columns: 1fr;
        background-color: #000; } }
.editorsPick .container h3 {
    color: #3f1c8e; }
.editorsPick .container .product {
    position: relative; }
@media (max-width: 900px) {
      .editorsPick .container .product {
        order: 2;
        margin-top: -60px;
        background-color: #fff;
        position: relative;
        z-index: 10;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 60px; } }
.editorsPick .container .product .productBox {
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 0 15px 24px;
      box-sizing: border-box;
      background-color: #fff;
      position: relative; }
@media (max-width: 800px) {
        .editorsPick .container .product .productBox {
          padding: 0 15px 10px; } }
.editorsPick .container .product .productBox .oldPrice {
        min-height: 16px;
        margin-top: 15px;
        color: transparent;
        color: #ec0127 !important;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.04em;
        font-weight: 600;
        margin-top: 15px;
        position: relative;
        display: inline-block; }
.editorsPick .container .product .productBox .oldPrice::before {
          content: '';
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 2px;
          background-color: #ec0127;
          opacity: 0.5; }
.editorsPick .container .product .productBox:hover {
        background-color: #f7f7f7; }
@media (max-width: 1200px) {
          .editorsPick .container .product .productBox:hover {
            background-color: #fff; } }
.editorsPick .container .product .productBox:hover .img {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .editorsPick .container .product .productBox:hover .img {
              background-color: #fff; } }
.editorsPick .container .product .productBox:hover .img img {
            mix-blend-mode: multiply; }
.editorsPick .container .product .productBox:hover .actions {
          display: flex;
          justify-content: center;
          align-items: center; }
.editorsPick .container .product .productBox:hover .txt .excerpt * {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .editorsPick .container .product .productBox:hover .txt .excerpt * {
              color: #555; } }
.editorsPick .container .product .productBox:hover .txt .price {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .editorsPick .container .product .productBox:hover .txt .price {
              color: #3f1c8e; } }
.editorsPick .container .product .productBox:hover .txt .price .oldPrice * {
            color: transparent; }
.editorsPick .container .product .productBox.inList .top .addToList svg .circleBg {
        fill: #ec0127; }
.editorsPick .container .product .productBox.inList .top .addToList svg .heart {
        stroke: #fff; }
.editorsPick .container .product .productBox.inList .top .addToList:hover .heart {
        stroke: #ffea3d; }
.editorsPick .container .product .productBox.offer .top .offerTxt,
      .editorsPick .container .product .productBox.offer .txt .offerTxt {
        display: inline-flex !important; }
.editorsPick .container .product .productBox a {
        display: block;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editorsPick .container .product .productBox .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        position: relative;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editorsPick .container .product .productBox .top .addToList {
          cursor: pointer;
          position: relative;
          left: -5px;
          z-index: 10;
          padding: 0; }
.editorsPick .container .product .productBox .top .addToList svg .circleBg {
            fill: none;
            stroke: none;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editorsPick .container .product .productBox .top .addToList svg .heart {
            stroke: #8b8b8b;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editorsPick .container .product .productBox .top .addToList:hover svg .heart {
            stroke: #ec0127; }
.editorsPick .container .product .productBox .top .prdQty {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background-color: #3f1c8e;
          color: #fff;
          font-size: 15px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.01em;
          display: none;
          justify-content: center;
          align-items: center; }
.editorsPick .container .product .productBox .top .prdQty.active {
            display: flex; }
.editorsPick .container .product .productBox .top .prdQty span {
            display: inline-block;
            position: relative;
            top: -1px; }
.editorsPick .container .product .productBox .top .offerTxt {
          position: absolute;
          z-index: 3;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: calc(100% - 100px);
          width: auto;
          padding: 15px 10px;
          font-size: 20px;
          font-size: calc(0.00288 * 100vw + 12.78846px);
          line-height: calc(-0.00192 * 100vw + 24.80769px);
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          display: none !important;
          justify-content: center;
          align-items: center;
          text-align: center;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .top .offerTxt {
              font-size: 20px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .top .offerTxt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .top .offerTxt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .top .offerTxt {
              line-height: 24px; } }
@media (max-width: 800px) {
            .editorsPick .container .product .productBox .top .offerTxt {
              padding: 10px; } }
.editorsPick .container .product .productBox .top .offerTxt.red {
            background-color: #ec0127;
            color: #ffea3d; }
.editorsPick .container .product .productBox .top .offerTxt.yellow {
            background-color: #ffea3d;
            color: #ec0127; }
.editorsPick .container .product .productBox .top .offerTxt span {
            font: inherit; }
.editorsPick .container .product .productBox .img {
        width: 100%;
        padding-top: 100%;
        background-color: #fff;
        position: relative; }
.editorsPick .container .product .productBox .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: normal; }
.editorsPick .container .product .productBox .txt .price {
        color: #3f1c8e;
        position: relative; }
.editorsPick .container .product .productBox .txt .price .currency {
          display: block;
          width: 100%;
          font-size: 11px;
          line-height: 1;
          letter-spacing: 0.08em;
          font-weight: 600; }
.editorsPick .container .product .productBox .txt .price .cost {
          display: flex;
          justify-content: flex-start; }
.editorsPick .container .product .productBox .txt .price .cost .left .intiger {
            font-size: calc(0.00577 * 100vw + 35.57692px);
            line-height: 1;
            letter-spacing: -0.01em;
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .editorsPick .container .product .productBox .txt .price .cost .left .intiger {
                font-size: 50px; } }
@media screen and (max-width: 380px) {
              .editorsPick .container .product .productBox .txt .price .cost .left .intiger {
                font-size: 38px; } }
.editorsPick .container .product .productBox .txt .price .cost .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px 0 5px 5px;
            box-sizing: border-box; }
@media (max-width: 800px) {
              .editorsPick .container .product .productBox .txt .price .cost .right {
                padding: 6px 0 5px 5px; } }
.editorsPick .container .product .productBox .txt .price .cost .right span {
              display: inline-block; }
.editorsPick .container .product .productBox .txt .price .cost .right span.decimal {
                font-size: calc(0.00048 * 100vw + 14.79808px);
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
@media screen and (min-width: 1919px) {
                  .editorsPick .container .product .productBox .txt .price .cost .right span.decimal {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .editorsPick .container .product .productBox .txt .price .cost .right span.decimal {
                    font-size: 15px; } }
.editorsPick .container .product .productBox .txt .price .cost .right span.qtyInfo {
                font-size: calc(0.00144 * 100vw + 10.39423px);
                line-height: 1;
                letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                  .editorsPick .container .product .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 14px; } }
@media screen and (max-width: 380px) {
                  .editorsPick .container .product .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 11px; } }
.editorsPick .container .product .productBox .txt .price .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent; }
@media (max-width: 1200px) {
            .editorsPick .container .product .productBox .txt .price .oldPrice {
              position: absolute;
              z-index: 2;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
.editorsPick .container .product .productBox .txt .price.big .currency {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .txt .price.big .currency {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .txt .price.big .currency {
              font-size: 12px; } }
.editorsPick .container .product .productBox .txt .price.big .cost .left .intiger {
          font-size: calc(0.01538 * 100vw + 31.53846px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .left .intiger {
              font-size: 70px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .left .intiger {
              font-size: 38px; } }
.editorsPick .container .product .productBox .txt .price.big .cost .right span.decimal {
          font-size: calc(0.0101 * 100vw + 12.75962px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .right span.decimal {
              font-size: 38px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .right span.decimal {
              font-size: 17px; } }
.editorsPick .container .product .productBox .txt .price.big .cost .right span.qtyInfo {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 12px; } }
.editorsPick .container .product .productBox .txt .excerpt {
        color: #555555;
        font-size: calc(0.00144 * 100vw + 13.39423px);
        line-height: calc(0.00192 * 100vw + 15.19231px);
        letter-spacing: 0.025em;
        padding: 0 0 10px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
@media screen and (min-width: 1919px) {
          .editorsPick .container .product .productBox .txt .excerpt {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .editorsPick .container .product .productBox .txt .excerpt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .editorsPick .container .product .productBox .txt .excerpt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .editorsPick .container .product .productBox .txt .excerpt {
            line-height: 16px; } }
.editorsPick .container .product .productBox .txt .excerpt span {
          display: inline-block;
          max-width: calc(100% - 35px);
          min-height: 42px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media (max-width: 1200px) {
            .editorsPick .container .product .productBox .txt .excerpt span {
              max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
          .editorsPick .container .product .productBox .txt .excerpt .toolTip {
            display: none; } }
.editorsPick .container .product .productBox .txt .offerTxt {
        background-color: #ec0127;
        color: #ffea3d;
        height: 37px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        font-size: calc(0.00481 * 100vw + 12.98077px);
        letter-spacing: 0.01em;
        border-radius: 4px;
        padding: 0 12px;
        width: auto;
        display: none !important;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
@media screen and (min-width: 1919px) {
          .editorsPick .container .product .productBox .txt .offerTxt {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .editorsPick .container .product .productBox .txt .offerTxt {
            font-size: 15px; } }
.editorsPick .container .product .productBox .actions {
        background-color: #f7f7f7;
        display: none;
        position: absolute;
        z-index: 2;
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
        bottom: 25px;
        left: 0;
        border-radius: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
          .editorsPick .container .product .productBox .actions {
            position: relative;
            display: flex;
            justify-content: center;
            padding: 20px 0 0;
            background-color: transparent;
            bottom: 0; } }
.editorsPick .container .product .productBox .addToCart {
        background-color: #fff;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 45px;
        width: calc(100% - 30px);
        font-size: 17px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        opacity: 1; }
@media (max-width: 1200px) {
          .editorsPick .container .product .productBox .addToCart {
            width: 100%; } }
.editorsPick .container .product .productBox .addToCart.disabled {
          display: none;
          opacity: 0; }
.editorsPick .container .product .productBox .addToCart:hover {
          background-color: #3f1c8e;
          color: #fff; }
.editorsPick .container .product .productBox .addToCart:hover svg line {
            stroke: #fff; }
.editorsPick .container .product .productBox .addToCart svg {
          margin-right: 15px; }
.editorsPick .container .product .productBox .cartAction {
        width: calc(100% - 30px);
        height: 45px;
        grid-template-columns: repeat(3, 1fr);
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fff;
        display: none;
        opacity: 0; }
@media (max-width: 1200px) {
          .editorsPick .container .product .productBox .cartAction {
            width: 100%; } }
.editorsPick .container .product .productBox .cartAction.active {
          display: grid;
          opacity: 1; }
.editorsPick .container .product .productBox .cartAction .dec,
        .editorsPick .container .product .productBox .cartAction .val,
        .editorsPick .container .product .productBox .cartAction .inc {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer; }
.editorsPick .container .product .productBox .cartAction .dec:hover,
          .editorsPick .container .product .productBox .cartAction .val:hover,
          .editorsPick .container .product .productBox .cartAction .inc:hover {
            background-color: #3f1c8e; }
.editorsPick .container .product .productBox .cartAction .dec:hover svg line,
            .editorsPick .container .product .productBox .cartAction .val:hover svg line,
            .editorsPick .container .product .productBox .cartAction .inc:hover svg line {
              stroke: #fff; }
.editorsPick .container .product .productBox .cartAction .val {
          border-right: 1px solid #dddddd;
          border-left: 1px solid #dddddd;
          font-size: calc(0.00096 * 100vw + 15.59615px);
          letter-spacing: 0.05em;
          line-height: 1;
          cursor: auto; }
@media screen and (min-width: 1919px) {
            .editorsPick .container .product .productBox .cartAction .val {
              font-size: 18px; } }
@media screen and (max-width: 380px) {
            .editorsPick .container .product .productBox .cartAction .val {
              font-size: 16px; } }
.editorsPick .container .product .productBox .cartAction .val:hover {
            background-color: #fff; }
.editorsPick .container .product .productBox {
      border: 0;
      border-radius: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
.editorsPick .container .product .productBox .img {
        width: 80%;
        padding-top: 80%;
        display: block;
        margin: 0 auto; }
.editorsPick .container .product .productBox .actions {
        max-width: 420px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 70px; }
@media (max-width: 800px) {
          .editorsPick .container .product .productBox .actions {
            left: 0;
            -webkit-transform: none;
                    transform: none;
            width: 100%;
            bottom: 0; } }
@media (max-width: 900px) {
    .editorsPick .container .imgBox {
      order: 1; } }
.editorsPick .container .imgBox .inner {
    width: 100%;
    padding-top: 100%;
    position: relative; }
@media (max-width: 900px) {
      .editorsPick .container .imgBox .inner {
        width: calc(100% + 120px);
        margin: 0 -60px; } }
@media (max-width: 600px) {
      .editorsPick .container .imgBox .inner {
        width: calc(100% + 30px);
        margin: 0 -15px; } }
.editorsPick .container .imgBox .inner .bot_overlay {
      display: none; }
@media (max-width: 900px) {
        .editorsPick .container .imgBox .inner .bot_overlay {
          display: block;
          position: absolute;
          z-index: 3;
          bottom: 0;
          left: 0;
          width: 100%;
          overflow: hidden; } }
.editorsPick .container .imgBox .inner img.main {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0; }
.editorsPick .grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 40px;
            column-gap: 40px;
    padding-top: 160px; }
@media (max-width: 1200px) {
      .editorsPick .grid4 {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
        padding-top: 40px; } }
@media (max-width: 600px) {
      .editorsPick .grid4 {
        grid-template-columns: 1fr; } }
.editorsPick .grid4 .column a {
      display: block;
      width: 100%; }
@media (max-width: 600px) {
        .editorsPick .grid4 .column a {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          -webkit-column-gap: 20px;
                  column-gap: 20px; } }
.editorsPick .grid4 .column .img {
      width: 100%;
      padding-top: 100%;
      position: relative; }
.editorsPick .grid4 .column .img .overlay {
        opacity: 0.03; }
.editorsPick .grid4 .column .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0; }
.editorsPick .grid4 .column .txt p {
      color: #3f1c8e;
      font-size: 22px;
      line-height: 28px;
      letter-spacing: -0.005em;
      font-weight: 600;
      margin: 45px 0 0; }
@media (max-width: 600px) {
        .editorsPick .grid4 .column .txt p {
          margin: 35px 0 0; } }
.featuredProductSlider {
  padding: 120px 0;
  max-width: 100vw;
  overflow: hidden; }
@media (max-width: 900px) {
    .featuredProductSlider .container {
      background-color: #000;
      padding-bottom: 60px;
      position: relative; } }
.featuredProductSlider .container .row.top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
@media (max-width: 600px) {
      .featuredProductSlider .container .row.top .viewMore {
        display: none; } }
.featuredProductSlider .container .row.bottom {
    display: none;
    padding-top: 40px; }
@media (max-width: 800px) {
      .featuredProductSlider .container .row.bottom {
        display: flex;
        justify-content: center;
        align-items: center; } }
.featuredProductSlider .container .row.bottom .viewMore {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      top: auto;
      font-size: 14px;
      border: 1px solid #fff;
      border-radius: 4px;
      height: 40px;
      color: #fff; }
.featuredProductSlider .container .row.slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
            column-gap: 30px; }
@media (max-width: 900px) {
      .featuredProductSlider .container .row.slider {
        grid-template-columns: 1fr; } }
.featuredProductSlider .container .row h3 {
    color: #3f1c8e; }
@media (max-width: 900px) {
      .featuredProductSlider .container .row h3 {
        position: absolute;
        top: -60px; } }
.featuredProductSlider .container .catImg {
    grid-area: 1 / 1 / 2 / 2;
    height: inherit;
    position: relative;
    z-index: 10; }
@media (max-width: 900px) {
      .featuredProductSlider .container .catImg {
        width: 100%; } }
.featuredProductSlider .container .catImg .displace {
      width: calc(100% + 180px);
      margin-left: -180px;
      height: inherit; }
@media (max-width: 1800px) {
        .featuredProductSlider .container .catImg .displace {
          width: calc(100% + 100px);
          margin-left: -100px; } }
@media (max-width: 1500px) {
        .featuredProductSlider .container .catImg .displace {
          width: calc(100% + 60px);
          margin-left: -60px; } }
@media (max-width: 900px) {
        .featuredProductSlider .container .catImg .displace {
          width: calc(100% + 120px);
          margin: 0 -60px; } }
@media (max-width: 600px) {
        .featuredProductSlider .container .catImg .displace {
          width: calc(100% + 30px);
          margin: 0 -15px; } }
.featuredProductSlider .container .catImg .displace .inner {
        width: 100%;
        position: relative; }
@media (max-width: 900px) {
          .featuredProductSlider .container .catImg .displace .inner {
            padding-top: 112% !important; } }
.featuredProductSlider .container .catImg .displace .inner img.main {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          max-width: 100vw; }
.featuredProductSlider .container .catImg .displace .inner .bot_overlay {
          display: none; }
@media (max-width: 900px) {
            .featuredProductSlider .container .catImg .displace .inner .bot_overlay {
              display: block;
              position: absolute;
              z-index: 2;
              bottom: 0;
              left: 0;
              width: 100%;
              height: auto; } }
.featuredProductSlider .container .productSlide {
    grid-area: 1 / 2 / 2 / 4;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
@media (max-width: 900px) {
      .featuredProductSlider .container .productSlide {
        grid-area: 2 / 1 / 3 / 2;
        max-width: calc(100vw - 120px);
        margin-top: -60px;
        position: relative;
        z-index: 15; } }
@media (max-width: 600px) {
      .featuredProductSlider .container .productSlide {
        max-width: calc(100vw - 30px); } }
.featuredProductSlider .container .productSlide .swiper-container {
      overflow: visible; }
@media (max-width: 900px) {
      .featuredProductSlider .container .productSlide .swiper-slide {
        border-radius: 15px;
        overflow: hidden;
        background-color: #fff; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox {
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 0 15px 24px;
      box-sizing: border-box;
      background-color: #fff;
      position: relative; }
@media (max-width: 800px) {
        .featuredProductSlider .container .productSlide .swiper-slide .productBox {
          padding: 0 15px 10px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .oldPrice {
        min-height: 16px;
        margin-top: 15px;
        color: transparent;
        color: #ec0127 !important;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.04em;
        font-weight: 600;
        margin-top: 15px;
        position: relative;
        display: inline-block; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .oldPrice::before {
          content: '';
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 2px;
          background-color: #ec0127;
          opacity: 0.5; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover {
        background-color: #f7f7f7; }
@media (max-width: 1200px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox:hover {
            background-color: #fff; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .img {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .img {
              background-color: #fff; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .img img {
            mix-blend-mode: multiply; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .actions {
          display: flex;
          justify-content: center;
          align-items: center; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .txt .excerpt * {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .txt .excerpt * {
              color: #555; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .txt .price {
          color: transparent;
          fill: transparent; }
@media (max-width: 1200px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .txt .price {
              color: #3f1c8e; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox:hover .txt .price .oldPrice * {
            color: transparent; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox.inList .top .addToList svg .circleBg {
        fill: #ec0127; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox.inList .top .addToList svg .heart {
        stroke: #fff; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox.inList .top .addToList:hover .heart {
        stroke: #ffea3d; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox.offer .top .offerTxt,
      .featuredProductSlider .container .productSlide .swiper-slide .productBox.offer .txt .offerTxt {
        display: inline-flex !important; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox a {
        display: block;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        position: relative;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .addToList {
          cursor: pointer;
          position: relative;
          left: -5px;
          z-index: 10;
          padding: 0; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .addToList svg .circleBg {
            fill: none;
            stroke: none;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .addToList svg .heart {
            stroke: #8b8b8b;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .addToList:hover svg .heart {
            stroke: #ec0127; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .prdQty {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background-color: #3f1c8e;
          color: #fff;
          font-size: 15px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.01em;
          display: none;
          justify-content: center;
          align-items: center; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .prdQty.active {
            display: flex; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .prdQty span {
            display: inline-block;
            position: relative;
            top: -1px; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
          position: absolute;
          z-index: 3;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: calc(100% - 100px);
          width: auto;
          padding: 15px 10px;
          font-size: 20px;
          font-size: calc(0.00288 * 100vw + 12.78846px);
          line-height: calc(-0.00192 * 100vw + 24.80769px);
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          display: none !important;
          justify-content: center;
          align-items: center;
          text-align: center;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
              font-size: 20px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
              line-height: 24px; } }
@media (max-width: 800px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt {
              padding: 10px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt.red {
            background-color: #ec0127;
            color: #ffea3d; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt.yellow {
            background-color: #ffea3d;
            color: #ec0127; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .top .offerTxt span {
            font: inherit; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .img {
        width: 100%;
        padding-top: 100%;
        background-color: #fff;
        position: relative; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -o-object-fit: contain;
             object-fit: contain;
          mix-blend-mode: normal; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price {
        color: #3f1c8e;
        position: relative; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .currency {
          display: block;
          width: 100%;
          font-size: 11px;
          line-height: 1;
          letter-spacing: 0.08em;
          font-weight: 600; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost {
          display: flex;
          justify-content: flex-start; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .left .intiger {
            font-size: calc(0.00577 * 100vw + 35.57692px);
            line-height: 1;
            letter-spacing: -0.01em;
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .left .intiger {
                font-size: 50px; } }
@media screen and (max-width: 380px) {
              .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .left .intiger {
                font-size: 38px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px 0 5px 5px;
            box-sizing: border-box; }
@media (max-width: 800px) {
              .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right {
                padding: 6px 0 5px 5px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span {
              display: inline-block; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.decimal {
                font-size: calc(0.00048 * 100vw + 14.79808px);
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
@media screen and (min-width: 1919px) {
                  .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.decimal {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.decimal {
                    font-size: 15px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
                font-size: calc(0.00144 * 100vw + 10.39423px);
                line-height: 1;
                letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                  .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 14px; } }
@media screen and (max-width: 380px) {
                  .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .cost .right span.qtyInfo {
                    font-size: 11px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent; }
@media (max-width: 1200px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price .oldPrice {
              position: absolute;
              z-index: 2;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .currency {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .currency {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .currency {
              font-size: 12px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .left .intiger {
          font-size: calc(0.01538 * 100vw + 31.53846px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .left .intiger {
              font-size: 70px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .left .intiger {
              font-size: 38px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
          font-size: calc(0.0101 * 100vw + 12.75962px);
          font-weight: 600; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
              font-size: 38px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.decimal {
              font-size: 17px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
          font-size: calc(0.0024 * 100vw + 10.99038px);
          font-weight: 500; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .price.big .cost .right span.qtyInfo {
              font-size: 12px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt {
        color: #555555;
        font-size: calc(0.00144 * 100vw + 13.39423px);
        line-height: calc(0.00192 * 100vw + 15.19231px);
        letter-spacing: 0.025em;
        padding: 0 0 10px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
@media screen and (min-width: 1919px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt {
            line-height: 16px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt span {
          display: inline-block;
          max-width: calc(100% - 35px);
          min-height: 42px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
@media (max-width: 1200px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt span {
              max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .excerpt .toolTip {
            display: none; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .offerTxt {
        background-color: #ec0127;
        color: #ffea3d;
        height: 37px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        font-size: calc(0.00481 * 100vw + 12.98077px);
        letter-spacing: 0.01em;
        border-radius: 4px;
        padding: 0 12px;
        width: auto;
        display: none !important;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
@media screen and (min-width: 1919px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .offerTxt {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .txt .offerTxt {
            font-size: 15px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .actions {
        background-color: #f7f7f7;
        display: none;
        position: absolute;
        z-index: 2;
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
        bottom: 25px;
        left: 0;
        border-radius: 10px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .actions {
            position: relative;
            display: flex;
            justify-content: center;
            padding: 20px 0 0;
            background-color: transparent;
            bottom: 0; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart {
        background-color: #fff;
        color: #3f1c8e;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 45px;
        width: calc(100% - 30px);
        font-size: 17px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        opacity: 1; }
@media (max-width: 1200px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart {
            width: 100%; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart.disabled {
          display: none;
          opacity: 0; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart:hover {
          background-color: #3f1c8e;
          color: #fff; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart:hover svg line {
            stroke: #fff; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .addToCart svg {
          margin-right: 15px; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction {
        width: calc(100% - 30px);
        height: 45px;
        grid-template-columns: repeat(3, 1fr);
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fff;
        display: none;
        opacity: 0; }
@media (max-width: 1200px) {
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction {
            width: 100%; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction.active {
          display: grid;
          opacity: 1; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .dec,
        .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val,
        .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .inc {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #3f1c8e;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .dec:hover,
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val:hover,
          .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .inc:hover {
            background-color: #3f1c8e; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .dec:hover svg line,
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val:hover svg line,
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .inc:hover svg line {
              stroke: #fff; }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val {
          border-right: 1px solid #dddddd;
          border-left: 1px solid #dddddd;
          font-size: calc(0.00096 * 100vw + 15.59615px);
          letter-spacing: 0.05em;
          line-height: 1;
          cursor: auto; }
@media screen and (min-width: 1919px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val {
              font-size: 18px; } }
@media screen and (max-width: 380px) {
            .featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val {
              font-size: 16px; } }
.featuredProductSlider .container .productSlide .swiper-slide .productBox .cartAction .val:hover {
            background-color: #fff; }
.themeHero {
  width: 100%;
  position: relative; }
.themeHero .img {
    width: 100%;
    padding-top: 40%;
    position: relative;
    overflow: hidden; }
@media (max-width: 1672px) {
      .themeHero .img {
        padding-top: 50%; } }
@media (max-width: 900px) {
      .themeHero .img {
        padding-top: 100%; } }
@media (max-width: 600px) {
      .themeHero .img {
        padding-top: 130%; } }
.themeHero .img .overlay {
      z-index: 4;
      opacity: 0.1; }
.themeHero .img img {
      position: absolute;
      left: 0;
      width: 100%; }
.themeHero .img img.bannerImg {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        top: 0;
        z-index: 1; }
.themeHero .img img.bot_overlay {
        bottom: 0;
        height: auto;
        z-index: 3; }
.themeHero .txt {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 60px; }
.themeHero .txt h1 {
      color: #fff;
      text-align: center;
      margin: 0 0 30px;
      line-height: 1;
      letter-spacing: -0.02em;
      font-weight: 600;
      font-size: calc(0.01202 * 100vw + 44.95192px); }
@media screen and (min-width: 1919px) {
        .themeHero .txt h1 {
          font-size: 75px; } }
@media screen and (max-width: 380px) {
        .themeHero .txt h1 {
          font-size: 50px; } }
@media (max-width: 600px) {
        .themeHero .txt h1 {
          text-align: left;
          padding: 0 15px;
          margin: 0 0 20px; } }
.themeHero .txt p {
      font-size: calc(0.00288 * 100vw + 14.78846px);
      line-height: calc(0.00288 * 100vw + 24.78846px);
      letter-spacing: 0.01em;
      color: #fff;
      text-align: center;
      margin: 0; }
@media screen and (min-width: 1919px) {
        .themeHero .txt p {
          font-size: 22px; } }
@media screen and (max-width: 380px) {
        .themeHero .txt p {
          font-size: 16px; } }
@media screen and (min-width: 1919px) {
        .themeHero .txt p {
          line-height: 32px; } }
@media screen and (max-width: 380px) {
        .themeHero .txt p {
          line-height: 26px; } }
@media (max-width: 600px) {
        .themeHero .txt p {
          text-align: left;
          padding: 0 15px; } }
.articleHero {
  padding: 65px 0 0; }
@media (max-width: 600px) {
    .articleHero {
      padding: 0;
      margin-bottom: 50px; } }
.articleHero .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: -60px; }
@media (max-width: 600px) {
      .articleHero .container {
        margin-bottom: 0; } }
.articleHero .container .img {
      width: 60%;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 2000px) {
        .articleHero .container .img {
          width: 65%; } }
@media (max-width: 1672px) {
        .articleHero .container .img {
          width: 75%; } }
@media (max-width: 1200px) {
        .articleHero .container .img {
          width: 90%; } }
@media (max-width: 900px) {
        .articleHero .container .img {
          width: 100%; } }
@media (max-width: 600px) {
        .articleHero .container .img {
          display: flex;
          flex-direction: column; } }
.articleHero .container .img .inner {
        width: 100%;
        padding-top: 66.66%;
        position: relative; }
@media (max-width: 600px) {
          .articleHero .container .img .inner {
            order: 2;
            width: calc(100% + 30px);
            margin: 0 -15px; } }
.articleHero .container .img .inner img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0; }
.articleHero .container .txt {
      width: 80%;
      margin-left: 10%;
      background-color: #fff;
      border-radius: 20px;
      padding: 40px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      position: relative;
      z-index: 10;
      box-sizing: border-box;
      box-shadow: -5px 3px 50px 0px rgba(0, 0, 0, 0.1); }
@media (max-width: 600px) {
        .articleHero .container .txt {
          order: 1;
          width: 100%;
          margin-left: 0;
          border-radius: 0;
          box-shadow: none;
          padding: 40px 0;
          -webkit-transform: none;
                  transform: none; } }
.articleHero .container .txt .top {
        display: flex;
        justify-content: space-between;
        align-items: center; }
.articleHero .container .txt .top span {
          display: inline-block;
          color: #707070;
          font-size: 13px;
          line-height: 1;
          letter-spacing: 0.04em; }
@media (max-width: 600px) {
            .articleHero .container .txt .top span:last-child {
              position: absolute;
              bottom: 100px;
              left: 0; } }
.articleHero .container .txt h3 {
        font-size: calc(0.00481 * 100vw + 27.98077px);
        line-height: calc(0.00481 * 100vw + 33.98077px);
        font-weight: 600;
        margin: 30px 0 60px;
        letter-spacing: -0.01em; }
@media screen and (min-width: 1919px) {
          .articleHero .container .txt h3 {
            font-size: 40px; } }
@media screen and (max-width: 380px) {
          .articleHero .container .txt h3 {
            font-size: 30px; } }
@media screen and (min-width: 1919px) {
          .articleHero .container .txt h3 {
            line-height: 46px; } }
@media screen and (max-width: 380px) {
          .articleHero .container .txt h3 {
            line-height: 36px; } }
@media (max-width: 600px) {
          .articleHero .container .txt h3 {
            margin: 15px 0 80px; } }
.articleHero .container .share {
      width: 230px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      -webkit-column-gap: 10px;
              column-gap: 10px; }
.articleHero .container .share a {
        display: inline-block; }
.articleText {
  padding-bottom: 20px; }
.articleText .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
.articleText .txt {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
@media (max-width: 1900px) {
      .articleText .txt {
        width: 65%; } }
@media (max-width: 1672px) {
      .articleText .txt {
        width: 72%; } }
@media (max-width: 1200px) {
      .articleText .txt {
        width: 90%; } }
@media (max-width: 900px) {
      .articleText .txt {
        width: 100%; } }
.articleText .txt .inner {
      width: 80%; }
@media (max-width: 600px) {
        .articleText .txt .inner {
          width: 100%;
          padding: 0 15px; } }
.articleText .txt .inner h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.005em;
        font-weight: 600;
        margin: 0 0 20px; }
.articleText .txt .inner p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.02em;
        margin: 0 0 35px; }
.articleText .txt .inner .question {
        padding-left: 30px;
        position: relative;
        margin: 0 0 15px; }
.articleText .txt .inner .question:before {
          content: "Q:";
          position: absolute;
          z-index: 2;
          left: 0;
          top: 4px;
          color: #3f1c8e;
          font-size: 18px;
          font-weight: 500;
          line-height: 1; }
.articleText .txt .inner .answer {
        padding-left: 30px;
        position: relative; }
.articleText .txt .inner .answer:before {
          content: "A:";
          position: absolute;
          z-index: 2;
          left: 0;
          top: 4px;
          color: #3f1c8e;
          font-size: 18px;
          font-weight: 500;
          line-height: 1; }
.articleText .txt .quote-area {
      color: #3f1c8e;
      font-size: calc(0.00481 * 100vw + 27.98077px);
      line-height: 1.2;
      text-align: center; }
@media screen and (min-width: 1919px) {
        .articleText .txt .quote-area {
          font-size: 40px; } }
@media screen and (max-width: 380px) {
        .articleText .txt .quote-area {
          font-size: 30px; } }
.articleImage .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
.articleImage .img {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
@media (max-width: 2000px) {
    .articleImage .img {
      width: 75%; } }
@media (max-width: 1200px) {
    .articleImage .img {
      width: 90%; } }
@media (max-width: 900px) {
    .articleImage .img {
      width: 100%; } }
.articleImage .img .inner {
    width: 80%; }
@media (max-width: 600px) {
      .articleImage .img .inner {
        width: 100%;
        padding: 0 15px; } }
.articleImage .img .inner img {
      width: 100%;
      height: auto; }
.articleImage .img .txt {
    width: 80%;
    padding: 25px 0;
    color: #3f1c8e;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 75px; }
@media (max-width: 600px) {
      .articleImage .img .txt {
        width: 100%;
        padding: 20px 15px; } }
.articleImage .img .txt p {
      font: inherit;
      color: #3f1c8e;
      margin: 0; }
.articleVideo .container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0; }
@media (max-width: 600px) {
    .articleVideo .container {
      margin-bottom: 40px;
      margin-top: 40px; } }
.articleVideo .inner {
  width: 60%;
  margin-bottom: 75px;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (max-width: 2000px) {
    .articleVideo .inner {
      width: 75%; } }
@media (max-width: 1200px) {
    .articleVideo .inner {
      width: 90%; } }
@media (max-width: 900px) {
    .articleVideo .inner {
      width: 100%; } }
@media (max-width: 600px) {
    .articleVideo .inner {
      background-color: #f9f9f9;
      margin: 0 -15px;
      width: calc(100% + 30px); } }
.articleVideo .inner .box {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    position: relative; }
@media (max-width: 600px) {
      .articleVideo .inner .box {
        width: 100%;
        padding: 0 15px;
        border: 0; } }
.articleVideo .inner .img {
    width: 100%;
    padding-top: 66.66%;
    position: relative; }
@media (max-width: 600px) {
      .articleVideo .inner .img {
        width: calc(100% + 30px);
        margin: 0 -15px; } }
.articleVideo .inner .img img {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover; }
.articleVideo .inner .txt {
    display: flex;
    justify-content: flex-start;
    padding: 30px 0;
    position: relative; }
@media (max-width: 600px) {
      .articleVideo .inner .txt {
        flex-direction: column; } }
.articleVideo .inner .txt .left {
      width: 130px;
      border-right: 1px solid #dddddd; }
@media (max-width: 600px) {
        .articleVideo .inner .txt .left {
          border: 0;
          width: auto;
          border-radius: 50%;
          position: absolute;
          top: -40px;
          z-index: 2;
          border: 7px solid #fff;
          display: flex;
          justify-content: center;
          align-items: center; } }
.articleVideo .inner .txt .left svg {
        cursor: pointer;
        margin-bottom: 20px; }
@media (max-width: 600px) {
          .articleVideo .inner .txt .left svg {
            margin-bottom: 0; } }
.articleVideo .inner .txt .left span {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        display: inline-block; }
@media (max-width: 600px) {
          .articleVideo .inner .txt .left span {
            display: none; } }
.articleVideo .inner .txt .right {
      width: calc(100% - 130px);
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      padding-left: 34px;
      box-sizing: border-box; }
@media (max-width: 600px) {
        .articleVideo .inner .txt .right {
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          padding-top: 20px;
          padding-left: 0; } }
.articleVideo .inner .txt .right p {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.005em;
        font-weight: 600;
        max-width: 90%;
        margin: 0; }
@media (max-width: 600px) {
          .articleVideo .inner .txt .right p {
            max-width: 100%; } }
.articleVideo .inner .txt .right span {
        font-size: calc(0.00096 * 100vw + 11.59615px);
        line-height: 1;
        letter-spacing: 0.025em;
        display: none;
        margin-top: 24px; }
@media screen and (min-width: 1919px) {
          .articleVideo .inner .txt .right span {
            font-size: 14px; } }
@media screen and (max-width: 380px) {
          .articleVideo .inner .txt .right span {
            font-size: 12px; } }
@media (max-width: 600px) {
          .articleVideo .inner .txt .right span {
            display: inline-block; } }
.articleProduct .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
.articleProduct .inner {
  width: 60%;
  margin-bottom: 75px;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (max-width: 2000px) {
    .articleProduct .inner {
      width: 75%; } }
@media (max-width: 1200px) {
    .articleProduct .inner {
      width: 90%; } }
@media (max-width: 900px) {
    .articleProduct .inner {
      width: 100%; } }
.articleProduct .inner .product {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #dddddd;
    border-radius: 15px; }
@media (max-width: 600px) {
      .articleProduct .inner .product {
        grid-template-columns: 1fr;
        width: 100%;
        padding: 0;
        border: 0; } }
.articleProduct .inner .product > .img {
      width: 100%;
      padding-top: 100%;
      position: relative; }
@media (max-width: 600px) {
        .articleProduct .inner .product > .img {
          padding: 80px 0 25px; } }
.articleProduct .inner .product > .img .tag {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        background-color: #3f1c8e;
        color: #ffea3d;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        line-height: 1;
        font-weight: 600;
        padding: 0 24px;
        height: 60px; }
@media (max-width: 600px) {
          .articleProduct .inner .product > .img .tag {
            position: relative;
            left: -15px;
            border-top-left-radius: 0;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            justify-content: flex-start;
            width: auto;
            display: inline-flex; } }
.articleProduct .inner .product > .img img {
        width: 90%;
        height: 90%;
        position: absolute;
        z-index: 2;
        top: 5%;
        left: 5%;
        -o-object-fit: contain;
           object-fit: contain; }
@media (max-width: 600px) {
          .articleProduct .inner .product > .img img {
            display: none; } }
.articleProduct .inner .product .info {
      display: flex;
      justify-content: center;
      align-items: center; }
.articleProduct .inner .product .info .productBox {
        border: 1px solid #dddddd;
        border-radius: 10px;
        padding: 0 15px 24px;
        box-sizing: border-box;
        background-color: #fff;
        position: relative; }
@media (max-width: 800px) {
          .articleProduct .inner .product .info .productBox {
            padding: 0 15px 10px; } }
.articleProduct .inner .product .info .productBox .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent;
          color: #ec0127 !important;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.04em;
          font-weight: 600;
          margin-top: 15px;
          position: relative;
          display: inline-block; }
.articleProduct .inner .product .info .productBox .oldPrice::before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 100%;
            height: 2px;
            background-color: #ec0127;
            opacity: 0.5; }
.articleProduct .inner .product .info .productBox:hover {
          background-color: #f7f7f7; }
@media (max-width: 1200px) {
            .articleProduct .inner .product .info .productBox:hover {
              background-color: #fff; } }
.articleProduct .inner .product .info .productBox:hover .img {
            background-color: #f7f7f7; }
@media (max-width: 1200px) {
              .articleProduct .inner .product .info .productBox:hover .img {
                background-color: #fff; } }
.articleProduct .inner .product .info .productBox:hover .img img {
              mix-blend-mode: multiply; }
.articleProduct .inner .product .info .productBox:hover .actions {
            display: flex;
            justify-content: center;
            align-items: center; }
.articleProduct .inner .product .info .productBox:hover .txt .excerpt * {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .articleProduct .inner .product .info .productBox:hover .txt .excerpt * {
                color: #555; } }
.articleProduct .inner .product .info .productBox:hover .txt .price {
            color: transparent;
            fill: transparent; }
@media (max-width: 1200px) {
              .articleProduct .inner .product .info .productBox:hover .txt .price {
                color: #3f1c8e; } }
.articleProduct .inner .product .info .productBox:hover .txt .price .oldPrice * {
              color: transparent; }
.articleProduct .inner .product .info .productBox.inList .top .addToList svg .circleBg {
          fill: #ec0127; }
.articleProduct .inner .product .info .productBox.inList .top .addToList svg .heart {
          stroke: #fff; }
.articleProduct .inner .product .info .productBox.inList .top .addToList:hover .heart {
          stroke: #ffea3d; }
.articleProduct .inner .product .info .productBox.offer .top .offerTxt,
        .articleProduct .inner .product .info .productBox.offer .txt .offerTxt {
          display: inline-flex !important; }
.articleProduct .inner .product .info .productBox a {
          display: block;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.articleProduct .inner .product .info .productBox .top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 54px;
          position: relative;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.articleProduct .inner .product .info .productBox .top .addToList {
            cursor: pointer;
            position: relative;
            left: -5px;
            z-index: 10;
            padding: 0; }
.articleProduct .inner .product .info .productBox .top .addToList svg .circleBg {
              fill: none;
              stroke: none;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.articleProduct .inner .product .info .productBox .top .addToList svg .heart {
              stroke: #8b8b8b;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.articleProduct .inner .product .info .productBox .top .addToList:hover svg .heart {
              stroke: #ec0127; }
.articleProduct .inner .product .info .productBox .top .prdQty {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #3f1c8e;
            color: #fff;
            font-size: 15px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.01em;
            display: none;
            justify-content: center;
            align-items: center; }
.articleProduct .inner .product .info .productBox .top .prdQty.active {
              display: flex; }
.articleProduct .inner .product .info .productBox .top .prdQty span {
              display: inline-block;
              position: relative;
              top: -1px; }
.articleProduct .inner .product .info .productBox .top .offerTxt {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            max-width: calc(100% - 100px);
            width: auto;
            padding: 15px 10px;
            font-size: 20px;
            font-size: calc(0.00288 * 100vw + 12.78846px);
            line-height: calc(-0.00192 * 100vw + 24.80769px);
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.02em;
            display: none !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .top .offerTxt {
                font-size: 20px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .top .offerTxt {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .top .offerTxt {
                line-height: 20px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .top .offerTxt {
                line-height: 24px; } }
@media (max-width: 800px) {
              .articleProduct .inner .product .info .productBox .top .offerTxt {
                padding: 10px; } }
.articleProduct .inner .product .info .productBox .top .offerTxt.red {
              background-color: #ec0127;
              color: #ffea3d; }
.articleProduct .inner .product .info .productBox .top .offerTxt.yellow {
              background-color: #ffea3d;
              color: #ec0127; }
.articleProduct .inner .product .info .productBox .top .offerTxt span {
              font: inherit; }
.articleProduct .inner .product .info .productBox .img {
          width: 100%;
          padding-top: 100%;
          background-color: #fff;
          position: relative; }
.articleProduct .inner .product .info .productBox .img img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -o-object-fit: contain;
               object-fit: contain;
            mix-blend-mode: normal; }
.articleProduct .inner .product .info .productBox .txt .price {
          color: #3f1c8e;
          position: relative; }
.articleProduct .inner .product .info .productBox .txt .price .currency {
            display: block;
            width: 100%;
            font-size: 11px;
            line-height: 1;
            letter-spacing: 0.08em;
            font-weight: 600; }
.articleProduct .inner .product .info .productBox .txt .price .cost {
            display: flex;
            justify-content: flex-start; }
.articleProduct .inner .product .info .productBox .txt .price .cost .left .intiger {
              font-size: calc(0.00577 * 100vw + 35.57692px);
              line-height: 1;
              letter-spacing: -0.01em;
              font-weight: 600; }
@media screen and (min-width: 1919px) {
                .articleProduct .inner .product .info .productBox .txt .price .cost .left .intiger {
                  font-size: 50px; } }
@media screen and (max-width: 380px) {
                .articleProduct .inner .product .info .productBox .txt .price .cost .left .intiger {
                  font-size: 38px; } }
.articleProduct .inner .product .info .productBox .txt .price .cost .right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: flex-start;
              padding: 12px 0 5px 5px;
              box-sizing: border-box; }
@media (max-width: 800px) {
                .articleProduct .inner .product .info .productBox .txt .price .cost .right {
                  padding: 6px 0 5px 5px; } }
.articleProduct .inner .product .info .productBox .txt .price .cost .right span {
                display: inline-block; }
.articleProduct .inner .product .info .productBox .txt .price .cost .right span.decimal {
                  font-size: calc(0.00048 * 100vw + 14.79808px);
                  line-height: 1;
                  letter-spacing: 0.08em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .articleProduct .inner .product .info .productBox .txt .price .cost .right span.decimal {
                      font-size: 16px; } }
@media screen and (max-width: 380px) {
                    .articleProduct .inner .product .info .productBox .txt .price .cost .right span.decimal {
                      font-size: 15px; } }
.articleProduct .inner .product .info .productBox .txt .price .cost .right span.qtyInfo {
                  font-size: calc(0.00144 * 100vw + 10.39423px);
                  line-height: 1;
                  letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                    .articleProduct .inner .product .info .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 14px; } }
@media screen and (max-width: 380px) {
                    .articleProduct .inner .product .info .productBox .txt .price .cost .right span.qtyInfo {
                      font-size: 11px; } }
.articleProduct .inner .product .info .productBox .txt .price .oldPrice {
            min-height: 16px;
            margin-top: 15px;
            color: transparent; }
@media (max-width: 1200px) {
              .articleProduct .inner .product .info .productBox .txt .price .oldPrice {
                position: absolute;
                z-index: 2;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); } }
.articleProduct .inner .product .info .productBox .txt .price.big .currency {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .currency {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .currency {
                font-size: 12px; } }
.articleProduct .inner .product .info .productBox .txt .price.big .cost .left .intiger {
            font-size: calc(0.01538 * 100vw + 31.53846px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .left .intiger {
                font-size: 70px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .left .intiger {
                font-size: 38px; } }
.articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.decimal {
            font-size: calc(0.0101 * 100vw + 12.75962px);
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.decimal {
                font-size: 38px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.decimal {
                font-size: 17px; } }
.articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.qtyInfo {
            font-size: calc(0.0024 * 100vw + 10.99038px);
            font-weight: 500; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 17px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .txt .price.big .cost .right span.qtyInfo {
                font-size: 12px; } }
.articleProduct .inner .product .info .productBox .txt .excerpt {
          color: #555555;
          font-size: calc(0.00144 * 100vw + 13.39423px);
          line-height: calc(0.00192 * 100vw + 15.19231px);
          letter-spacing: 0.025em;
          padding: 0 0 10px 0;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
@media screen and (min-width: 1919px) {
            .articleProduct .inner .product .info .productBox .txt .excerpt {
              font-size: 17px; } }
@media screen and (max-width: 380px) {
            .articleProduct .inner .product .info .productBox .txt .excerpt {
              font-size: 14px; } }
@media screen and (min-width: 1919px) {
            .articleProduct .inner .product .info .productBox .txt .excerpt {
              line-height: 20px; } }
@media screen and (max-width: 380px) {
            .articleProduct .inner .product .info .productBox .txt .excerpt {
              line-height: 16px; } }
.articleProduct .inner .product .info .productBox .txt .excerpt span {
            display: inline-block;
            max-width: calc(100% - 35px);
            min-height: 42px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
@media (max-width: 1200px) {
              .articleProduct .inner .product .info .productBox .txt .excerpt span {
                max-width: calc(100% - 5px); } }
@media (max-width: 1200px) {
            .articleProduct .inner .product .info .productBox .txt .excerpt .toolTip {
              display: none; } }
.articleProduct .inner .product .info .productBox .txt .offerTxt {
          background-color: #ec0127;
          color: #ffea3d;
          height: 37px;
          font-size: 25px;
          font-weight: 600;
          line-height: 1;
          font-size: calc(0.00481 * 100vw + 12.98077px);
          letter-spacing: 0.01em;
          border-radius: 4px;
          padding: 0 12px;
          width: auto;
          display: none !important;
          justify-content: center;
          align-items: center;
          margin-top: 15px; }
@media screen and (min-width: 1919px) {
            .articleProduct .inner .product .info .productBox .txt .offerTxt {
              font-size: 25px; } }
@media screen and (max-width: 380px) {
            .articleProduct .inner .product .info .productBox .txt .offerTxt {
              font-size: 15px; } }
.articleProduct .inner .product .info .productBox .actions {
          background-color: #f7f7f7;
          display: none;
          position: absolute;
          z-index: 2;
          width: 100%;
          padding-top: 0;
          padding-bottom: 20px;
          bottom: 25px;
          left: 0;
          border-radius: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
            .articleProduct .inner .product .info .productBox .actions {
              position: relative;
              display: flex;
              justify-content: center;
              padding: 20px 0 0;
              background-color: transparent;
              bottom: 0; } }
.articleProduct .inner .product .info .productBox .addToCart {
          background-color: #fff;
          color: #3f1c8e;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #dddddd;
          border-radius: 4px;
          height: 45px;
          width: calc(100% - 30px);
          font-size: 17px;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          cursor: pointer;
          opacity: 1; }
@media (max-width: 1200px) {
            .articleProduct .inner .product .info .productBox .addToCart {
              width: 100%; } }
.articleProduct .inner .product .info .productBox .addToCart.disabled {
            display: none;
            opacity: 0; }
.articleProduct .inner .product .info .productBox .addToCart:hover {
            background-color: #3f1c8e;
            color: #fff; }
.articleProduct .inner .product .info .productBox .addToCart:hover svg line {
              stroke: #fff; }
.articleProduct .inner .product .info .productBox .addToCart svg {
            margin-right: 15px; }
.articleProduct .inner .product .info .productBox .cartAction {
          width: calc(100% - 30px);
          height: 45px;
          grid-template-columns: repeat(3, 1fr);
          border: 1px solid #dddddd;
          border-radius: 4px;
          background-color: #fff;
          display: none;
          opacity: 0; }
@media (max-width: 1200px) {
            .articleProduct .inner .product .info .productBox .cartAction {
              width: 100%; } }
.articleProduct .inner .product .info .productBox .cartAction.active {
            display: grid;
            opacity: 1; }
.articleProduct .inner .product .info .productBox .cartAction .dec,
          .articleProduct .inner .product .info .productBox .cartAction .val,
          .articleProduct .inner .product .info .productBox .cartAction .inc {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #3f1c8e;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
.articleProduct .inner .product .info .productBox .cartAction .dec:hover,
            .articleProduct .inner .product .info .productBox .cartAction .val:hover,
            .articleProduct .inner .product .info .productBox .cartAction .inc:hover {
              background-color: #3f1c8e; }
.articleProduct .inner .product .info .productBox .cartAction .dec:hover svg line,
              .articleProduct .inner .product .info .productBox .cartAction .val:hover svg line,
              .articleProduct .inner .product .info .productBox .cartAction .inc:hover svg line {
                stroke: #fff; }
.articleProduct .inner .product .info .productBox .cartAction .val {
            border-right: 1px solid #dddddd;
            border-left: 1px solid #dddddd;
            font-size: calc(0.00096 * 100vw + 15.59615px);
            letter-spacing: 0.05em;
            line-height: 1;
            cursor: auto; }
@media screen and (min-width: 1919px) {
              .articleProduct .inner .product .info .productBox .cartAction .val {
                font-size: 18px; } }
@media screen and (max-width: 380px) {
              .articleProduct .inner .product .info .productBox .cartAction .val {
                font-size: 16px; } }
.articleProduct .inner .product .info .productBox .cartAction .val:hover {
              background-color: #fff; }
.articleProduct .inner .product .info .productBox {
        border: 0;
        border-radius: 0;
        max-width: 80%;
        background-color: #fff !important; }
@media (max-width: 600px) {
          .articleProduct .inner .product .info .productBox {
            max-width: 100%;
            border-radius: 10px;
            border: 1px solid #dddddd; } }
.articleProduct .inner .product .info .productBox:hover .excerpt * {
          color: #555 !important; }
.articleProduct .inner .product .info .productBox:hover .price {
          color: #3f1c8e !important; }
.articleProduct .inner .product .info .productBox:hover .excerpt svg circle {
          fill: #d0d0d0 !important; }
.articleProduct .inner .product .info .productBox:hover .excerpt svg path {
          fill: #fff !important; }
.articleProduct .inner .product .info .productBox a {
          background-color: #fff; }
.articleProduct .inner .product .info .productBox .top .addToList {
          padding: 0; }
.articleProduct .inner .product .info .productBox .img {
          display: none; }
@media (max-width: 600px) {
            .articleProduct .inner .product .info .productBox .img {
              display: block; } }
.articleProduct .inner .product .info .productBox .txt {
          padding-top: 0; }
@media (max-width: 600px) {
            .articleProduct .inner .product .info .productBox .txt {
              padding-top: 0; } }
.articleProduct .inner .product .info .productBox .excerpt {
          padding-bottom: 20px !important; }
.articleProduct .inner .product .info .productBox .actions {
          display: flex !important;
          justify-content: center !important;
          background-color: #fff;
          position: relative; }
.articleProduct .inner .product .info .productBox .actions .addToCart {
            background-color: #fff; }
.articleProduct .inner .product .info .productBox .actions .addToCart:hover {
              background-color: #3f1c8e;
              color: #fff; }
.accounts {
  padding: 100px 0; }
@media (max-width: 800px) {
    .accounts {
      padding: 60px 0; } }
.accounts .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1672px) {
      .accounts .container {
        grid-template-columns: repeat(5, 1fr);
        -webkit-column-gap: 30px;
                column-gap: 30px; } }
@media (max-width: 1366px) {
      .accounts .container {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1200px) {
      .accounts .container {
        grid-template-columns: 1fr;
        -webkit-column-gap: 0;
                column-gap: 0; } }
.accounts .container > .left {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      position: -webkit-sticky;
      position: sticky;
      top: 150px; }
@media (max-width: 1672px) {
        .accounts .container > .left {
          grid-area: 1 / 1 / 2 / 3; } }
@media (max-width: 1366px) {
        .accounts .container > .left {
          grid-area: 1 / 1 / 2 / 2; } }
@media (max-width: 1200px) {
        .accounts .container > .left {
          grid-area: 1 / 1 / 2 / 2;
          position: relative;
          top: auto;
          height: auto;
          padding-bottom: 40px; } }
@media (max-width: 900px) {
        .accounts .container > .left.mChangeOrder {
          display: flex;
          flex-direction: column-reverse;
          justify-content: flex-start;
          align-items: flex-start; }
          .accounts .container > .left.mChangeOrder h1,
          .accounts .container > .left.mChangeOrder h2 {
            margin: 0 0 15px; }
          .accounts .container > .left.mChangeOrder h3 {
            margin: 0; } }
.accounts .container > .left h3 {
        color: #ec0127;
        margin: 0 0 20px;
        font-size: calc(0.0024 * 100vw + 15.99038px);
        line-height: 1;
        letter-spacing: 0.01em; }
@media screen and (min-width: 1919px) {
          .accounts .container > .left h3 {
            font-size: 22px; } }
@media screen and (max-width: 380px) {
          .accounts .container > .left h3 {
            font-size: 17px; } }
.accounts .container > .left h1,
      .accounts .container > .left h2 {
        color: #3f1c8e;
        font-size: calc(0.00481 * 100vw + 27.98077px);
        line-height: 1;
        letter-spacing: -0.01em;
        margin: 0;
        font-weight: 600; }
@media screen and (min-width: 1919px) {
          .accounts .container > .left h1,
          .accounts .container > .left h2 {
            font-size: 40px; } }
@media screen and (max-width: 380px) {
          .accounts .container > .left h1,
          .accounts .container > .left h2 {
            font-size: 30px; } }
.accounts .container > .right {
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1672px) {
        .accounts .container > .right {
          grid-area: 1 / 3 / 2 / 6; } }
@media (max-width: 1366px) {
        .accounts .container > .right {
          grid-area: 1 / 2 / 2 / 4; } }
@media (max-width: 1200px) {
        .accounts .container > .right {
          grid-area: 2 / 1 / 3 / 2; } }
.accounts .container > .right .borderBx {
        border: 1px solid #dddddd;
        border-radius: 15px;
        padding: 40px 40px 60px;
        margin-bottom: 30px;
        width: 100%;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        box-sizing: border-box; }
@media (max-width: 800px) {
          .accounts .container > .right .borderBx {
            padding: 40px 0;
            border: 0; } }
@media (max-width: 800px) {
          .accounts .container > .right .borderBx.profileBx {
            padding-top: 0px; } }
.accounts .container > .right .borderBx.profileBx .passwordBx .errorlist {
          color: #ec0127;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.02em;
          margin: 15px 0; }
.accounts .container > .right .borderBx:last-child {
          margin-bottom: 0; }
.accounts .container > .right form .rightx {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 40px; }
@media (max-width: 600px) {
          .accounts .container > .right form .rightx {
            justify-content: flex-start; } }
.accounts .container > .right a,
      .accounts .container > .right button {
        border: 1px solid #dddddd;
        border-color: #3f1c8e;
        color: #3f1c8e;
        height: 40px;
        border-radius: 4px;
        padding: 0 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em;
        box-sizing: border-box; }
.accounts .container > .right a:hover,
        .accounts .container > .right button:hover {
          background-color: #3f1c8e;
          color: #fff; }
.accounts .container > .right a.forget,
        .accounts .container > .right button.forget {
          border: 0;
          padding: 0;
          height: auto;
          border-radius: 0;
          display: inline-block;
          width: auto;
          color: #000; }
.accounts .container > .right a.forget:hover,
          .accounts .container > .right button.forget:hover {
            background-color: transparent;
            color: #000; }
.accounts .container > .right a svg,
        .accounts .container > .right button svg {
          margin-left: 10px; }
.accounts .container > .right a.plain-link,
        .accounts .container > .right button.plain-link {
          padding: 0;
          border: 0;
          border-radius: 0;
          color: #3f1c8e;
          padding: 0 16px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          text-decoration: underline; }
.accounts .container > .right a.plain-link:hover,
          .accounts .container > .right button.plain-link:hover {
            background-color: transparent;
            color: #3f1c8e; }
.accounts .container > .right .blue-btn {
        background-color: #3f1c8e;
        color: #fff; }
.accounts .container > .right .red-btn {
        background-color: #ec0127;
        color: #fff;
        border-color: #ec0127; }
.accounts .container > .right .red-btn:hover {
          background-color: #ec0127;
          color: #fff; }
@media (max-width: 600px) {
        .accounts .container > .right button {
          font-size: 14px; } }
.accounts .container > .right .grouped {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 0 30px; }
.accounts .container > .right .grouped .group {
          margin-right: 50px; }
.accounts .container > .right .grouped .group:last-child {
            margin-right: 0; }
.accounts .container > .right label {
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        color: #3f1c8e;
        padding-bottom: 15px; }
.accounts .container > .right label.checkbox {
          font-size: 16px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          cursor: pointer; }
.accounts .container > .right label.checkbox svg {
            margin-right: 10px; }
.accounts .container > .right label.checkbox span {
            color: #000;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none; }
.accounts .container > .right input[type='checkbox']:checked + label svg .circle {
        fill: #08bc32;
        stroke: #08bc32; }
.accounts .container > .right input[type='radio']:checked + label svg .circle {
        fill: #08bc32;
        stroke: #08bc32; }
.accounts .container > .right input[type='number'] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -moz-appearance: textfield; }
.accounts .container > .right input::-webkit-outer-spin-button,
      .accounts .container > .right input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
.accounts .container > .right input {
        width: 100%;
        box-sizing: border-box; }
.accounts .container > .right textarea {
        height: 160px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
.accounts .container > .right .butonSplit {
        display: flex;
        justify-content: space-between;
        align-items: center; }
.accounts .container > .right .butonSplit .selectric-wrapper {
          max-width: 150px; }
.accounts .container > .right .butonSplit .selectric-wrapper .selectric .label {
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #3f1c8e; }
.accounts .container > .right .butonSplit .selectric-wrapper .selectric .button {
            height: 40px; }
.accounts .container > .right .butonSplit .selectric-wrapper .selectric .button svg path {
              stroke: #3f1c8e; }
.accounts .container > .right .butonSplit button {
          border: 1px solid #dddddd;
          height: 40px;
          border-radius: 5px;
          font-size: 16px;
          line-height: 1;
          padding: 0 20px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #8b8b8b;
          cursor: pointer; }
.accounts .container > .right .butonSplit button:hover {
            background-color: #ec0127;
            color: #fff; }
.accounts .container > .right .butonSplit button:last-child {
            background-color: #3f1c8e;
            border-color: #3f1c8e;
            color: #fff; }
.accounts .container > .right .butonSplit button:last-child:hover {
              background-color: #3f1c8e; }
.accounts .container > .right .butonSplit button.blue {
            color: #3f1c8e; }
.accounts .container > .right .butonSplit button.blue:hover {
              background-color: #fff; }
.accounts .container > .right .butonSplit button span {
            display: inline-block;
            position: relative;
            top: -2px; }
.accounts .container > .right .butonSplit button svg {
            margin-left: 10px; }
.accounts .container > .right h3 {
        font-size: calc(0 * 100vw + 30px);
        line-height: 1;
        color: #000;
        padding-top: 40px;
        margin: 0 0 40px;
        letter-spacing: 0.02em; }
@media screen and (min-width: 1919px) {
          .accounts .container > .right h3 {
            font-size: 30px; } }
@media screen and (max-width: 380px) {
          .accounts .container > .right h3 {
            font-size: 30px; } }
@media (max-width: 800px) {
          .accounts .container > .right h3 {
            padding-top: 0px;
            margin: 0 0 60px; } }
.accounts .container > .right h3.blue {
          color: #3f1c8e;
          font-weight: 600;
          letter-spacing: 0em; }
.accounts .container > .right h3.showInTab {
          display: none; }
@media (max-width: 1200px) {
            .accounts .container > .right h3.showInTab {
              display: block; } }
.accounts .container > .right h3.border-bot {
          border-bottom: 1px solid #dddddd;
          padding-bottom: 35px;
          margin: 0 0 8px; }
.accounts .container > .right h3:first-child {
          padding-top: 0; }
.accounts .container > .right h3 span {
          font: inherit; }
.accounts .container > .right h3 span.desktop {
            display: inline-block; }
@media (max-width: 800px) {
              .accounts .container > .right h3 span.desktop {
                display: none; } }
.accounts .container > .right h3 span.tab {
            display: none; }
@media (max-width: 800px) {
              .accounts .container > .right h3 span.tab {
                display: inline-block; } }
.accounts .container > .right h3 span.small {
            font-size: 14px;
            color: #000;
            width: 100%;
            font-weight: 500;
            padding-top: 10px; }
.accounts .container > .right h3 span.small a {
              color: #3f1c8e;
              border: 0;
              height: auto;
              padding: 0;
              text-decoration: underline;
              display: inline-block;
              margin-left: 10px;
              text-underline-offset: 2px; }
.accounts .container > .right p {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em;
        margin: 15px 0; }
.accounts .container > .right p.note {
          color: #000; }
.accounts .container > .right p.error {
          color: #ec0127; }
.accounts .container > .right .facebookLogin,
      .accounts .container > .right .GoogleLogin {
        width: 100%;
        height: auto;
        cursor: pointer;
        margin-bottom: 100px;
        height: 50px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em;
        position: relative; }
@media (max-width: 600px) {
          .accounts .container > .right .facebookLogin,
          .accounts .container > .right .GoogleLogin {
            margin-bottom: 20px; } }
.accounts .container > .right .facebookLogin svg,
        .accounts .container > .right .GoogleLogin svg {
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 15px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
.accounts .container > .right .facebookLogin {
        background-color: #3b5a90;
        color: #fff; }
.accounts .container > .right .facebookLogin:hover {
          background-color: #3b5a90;
          color: #fff; }
.accounts .container > .right .GoogleLogin {
        background-color: #fff;
        color: #000;
        border: 1px solid #dddddd; }
.accounts .container > .right .GoogleLogin:hover {
          background-color: #fff;
          color: #000;
          border: 1px solid #dddddd; }
.accounts .container > .right .prefernce label.checkbox span {
        font-size: calc(0.00096 * 100vw + 13.59615px);
        line-height: calc(0.00192 * 100vw + 21.19231px); }
@media screen and (min-width: 1919px) {
          .accounts .container > .right .prefernce label.checkbox span {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .accounts .container > .right .prefernce label.checkbox span {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .accounts .container > .right .prefernce label.checkbox span {
            line-height: 26px; } }
@media screen and (max-width: 380px) {
          .accounts .container > .right .prefernce label.checkbox span {
            line-height: 22px; } }
@media (max-width: 800px) {
          .accounts .container > .right .prefernce label.checkbox span br {
            display: none; } }
.accounts .accountBx > .asidenav {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 140px; }
@media (max-width: 1200px) {
      .accounts .accountBx > .asidenav {
        display: none;
        position: relative;
        top: auto; } }
@media (max-width: 1200px) {
      .accounts .accountBx > .asidenav.orderinfo {
        display: block;
        padding-bottom: 120px; } }
.accounts .accountBx > .asidenav h2 {
      font-size: calc(0 * 100vw + 30px);
      font-weight: 600;
      line-height: 1;
      margin: 0 0 50px;
      color: #3f1c8e; }
@media screen and (min-width: 1919px) {
        .accounts .accountBx > .asidenav h2 {
          font-size: 30px; } }
@media screen and (max-width: 380px) {
        .accounts .accountBx > .asidenav h2 {
          font-size: 30px; } }
.accounts .accountBx > .asidenav h2 span {
        font: inherit; }
.accounts .accountBx > .asidenav h2 span.desktop {
          display: inline-block; }
@media (max-width: 800px) {
            .accounts .accountBx > .asidenav h2 span.desktop {
              display: none; } }
.accounts .accountBx > .asidenav h2 span.tab {
          display: none; }
@media (max-width: 800px) {
            .accounts .accountBx > .asidenav h2 span.tab {
              display: inline-block; } }
.accounts .accountBx > .asidenav > ul {
      width: 100%;
      max-width: 325px;
      border: 1px solid #dddddd;
      border-radius: 10px;
      overflow: hidden; }
@media (max-width: 1200px) {
        .accounts .accountBx > .asidenav > ul {
          max-width: 100%; } }
.accounts .accountBx > .asidenav > ul li {
        border-bottom: 1px solid #dddddd;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        background-color: #fff; }
.accounts .accountBx > .asidenav > ul li:active, .accounts .accountBx > .asidenav > ul li:hover {
          background-color: #edeaf6; }
.accounts .accountBx > .asidenav > ul li:last-child {
          border-bottom: 0; }
.accounts .accountBx > .asidenav > ul li:last-child:hover {
            background-color: #ec0127; }
.accounts .accountBx > .asidenav > ul li:nth-last-child(2) {
          border-color: #000000; }
.accounts .accountBx > .asidenav > ul li a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          padding: 20px 15px;
          box-sizing: border-box; }
.accounts .accountBx > .asidenav .infoBx {
      width: 100%;
      max-width: 325px;
      border: 1px solid #dddddd;
      border-radius: 10px;
      overflow: hidden;
      padding: 40px 25px;
      box-sizing: border-box; }
@media (max-width: 800px) {
        .accounts .accountBx > .asidenav .infoBx {
          max-width: 100%;
          padding: 40px 15px; } }
.accounts .accountBx > .asidenav .infoBx h3 {
        font-size: calc(0.00144 * 100vw + 21.39423px);
        line-height: 1;
        letter-spacing: 0.01em;
        margin: 0 0 40px; }
@media screen and (min-width: 1919px) {
          .accounts .accountBx > .asidenav .infoBx h3 {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .accounts .accountBx > .asidenav .infoBx h3 {
            font-size: 22px; } }
@media (max-width: 800px) {
          .accounts .accountBx > .asidenav .infoBx h3:first-child {
            display: none; } }
.accounts .accountBx > .asidenav .infoBx .hr {
        display: block;
        width: 100%;
        max-width: 325px;
        height: 1px;
        margin: 45px 0;
        background-color: #d0d0d0; }
@media (max-width: 800px) {
          .accounts .accountBx > .asidenav .infoBx .hr {
            display: none; } }
@media (max-width: 800px) {
        .accounts .accountBx > .asidenav .infoBx ul {
          margin-bottom: 50px; } }
.accounts .accountBx > .asidenav .infoBx ul li {
        padding: 10px 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: calc(0.00096 * 100vw + 13.59615px); }
@media screen and (min-width: 1919px) {
          .accounts .accountBx > .asidenav .infoBx ul li {
            font-size: 16px; } }
@media screen and (max-width: 380px) {
          .accounts .accountBx > .asidenav .infoBx ul li {
            font-size: 14px; } }
@media (max-width: 800px) {
          .accounts .accountBx > .asidenav .infoBx ul li {
            justify-content: space-between;
            border-bottom: 1px solid #dddddd; } }
.accounts .accountBx > .asidenav .infoBx ul li span {
          font: inherit;
          display: inline-block; }
.accounts .accountBx > .asidenav .infoBx ul li span:first-child {
            color: #555555;
            width: 52%; }
@media (max-width: 800px) {
              .accounts .accountBx > .asidenav .infoBx ul li span:first-child {
                color: #000; } }
.accounts .accountBx > .asidenav .infoBx ul li span:last-child {
            width: 48%;
            display: flex;
            justify-content: flex-end;
            text-align: right; }
.accounts .accountBx > .asidenav .infoBx p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.02em;
        margin: 0; }
.accounts .accountBx > .asidenav .buttonBx {
      width: 100%;
      max-width: 325px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 50px; }
@media (max-width: 800px) {
        .accounts .accountBx > .asidenav .buttonBx {
          justify-content: space-between;
          max-width: 100%;
          flex-direction: row-reverse; } }
.accounts .accountBx > .asidenav .buttonBx a,
      .accounts .accountBx > .asidenav .buttonBx button {
        border: 1px solid #dddddd;
        border-color: #3f1c8e;
        color: #3f1c8e;
        height: 40px;
        border-radius: 4px;
        padding: 0 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02em;
        box-sizing: border-box; }
.accounts .accountBx > .asidenav .buttonBx a:hover,
        .accounts .accountBx > .asidenav .buttonBx button:hover {
          background-color: #3f1c8e;
          color: #fff; }
.accounts .accountBx > .asidenav .buttonBx a.forget,
        .accounts .accountBx > .asidenav .buttonBx button.forget {
          border: 0;
          padding: 0;
          height: auto;
          border-radius: 0;
          display: inline-block;
          width: auto;
          color: #000; }
.accounts .accountBx > .asidenav .buttonBx a.forget:hover,
          .accounts .accountBx > .asidenav .buttonBx button.forget:hover {
            background-color: transparent;
            color: #000; }
.accounts .accountBx > .asidenav .buttonBx a svg,
        .accounts .accountBx > .asidenav .buttonBx button svg {
          margin-left: 10px; }
.accounts .accountBx > .asidenav .buttonBx a.plain-link,
        .accounts .accountBx > .asidenav .buttonBx button.plain-link {
          padding: 0;
          border: 0;
          border-radius: 0;
          color: #3f1c8e;
          padding: 0 16px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          text-decoration: underline; }
.accounts .accountBx > .asidenav .buttonBx a.plain-link:hover,
          .accounts .accountBx > .asidenav .buttonBx button.plain-link:hover {
            background-color: transparent;
            color: #3f1c8e; }
.accounts .accountBx > .asidenav .buttonBx .blue-btn {
        background-color: #3f1c8e;
        color: #fff; }
.accounts .accountBx > .asidenav .buttonBx .red-btn {
        background-color: #ec0127;
        color: #fff;
        border-color: #ec0127; }
.accounts .accountBx > .asidenav .buttonBx .red-btn:hover {
          background-color: #ec0127;
          color: #fff; }
.accounts .accountBx > .asidenav .buttonBx button svg {
        margin-left: 0;
        margin-right: 10px; }
.accounts .accountBx > .right {
    padding-top: 0;
    box-sizing: border-box; }
.accounts .accountBx > .right .buttonBx {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
.accounts .accountBx > .right .buttonBx.gap-25 {
        grid-gap: 25px; }
.accounts .accountBx > .right .buttonBx.mt-25 {
        margin-top: 25px; }
.accounts .accountBx > .right h3.hasSub {
      margin-bottom: 12px; }
.accounts .accountBx > .right p.subTitle {
      font-size: calc(0.00096 * 100vw + 13.59615px);
      line-height: calc(0.00192 * 100vw + 21.19231px);
      letter-spacing: 0.02em;
      color: #555555;
      margin: 0 0 60px; }
@media screen and (min-width: 1919px) {
        .accounts .accountBx > .right p.subTitle {
          font-size: 16px; } }
@media screen and (max-width: 380px) {
        .accounts .accountBx > .right p.subTitle {
          font-size: 14px; } }
@media screen and (min-width: 1919px) {
        .accounts .accountBx > .right p.subTitle {
          line-height: 26px; } }
@media screen and (max-width: 380px) {
        .accounts .accountBx > .right p.subTitle {
          line-height: 22px; } }
@media (max-width: 900px) {
        .accounts .accountBx > .right p.subTitle {
          color: #000; } }
.accounts .accountBx > .right .shareBx {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 30px;
      box-sizing: border-box; }
@media (max-width: 800px) {
        .accounts .accountBx > .right .shareBx {
          display: none; } }
@media (max-width: 600px) {
        .accounts .accountBx > .right .shareBx .share {
          padding-bottom: 30px; } }
.accounts .accountBx > .right .shareBx .share a {
        padding: 0;
        border: 0;
        text-decoration: underline;
        text-underline-offset: 4px; }
.accounts .accountBx > .right .shareBx .share a:hover {
          background-color: #fff;
          color: #3f1c8e; }
@media (max-width: 600px) {
        .accounts .accountBx > .right .shareBx .btns {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%; } }
.accounts .accountBx > .right .shareBx .btns button.editList {
        border: 1px solid #dddddd;
        color: #8b8b8b;
        margin-right: 30px; }
.accounts .accountBx > .right .shareBx .btns button.editList:hover {
          color: #fff; }
.accounts .accountBx > .right .orderBx {
      padding-bottom: 60px;
      box-sizing: border-box; }
@media (max-width: 800px) {
        .accounts .accountBx > .right .orderBx {
          padding: 20px;
          border: 1px solid #dddddd;
          border-radius: 5px; } }
.accounts .accountBx > .right .orderBx .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .orderBx .info {
            flex-direction: column; } }
@media (max-width: 600px) {
          .accounts .accountBx > .right .orderBx .info .icon {
            padding-bottom: 45px; } }
.accounts .accountBx > .right .orderBx .info .icon svg {
          width: 50px;
          height: 50px; }
@media (max-width: 600px) {
            .accounts .accountBx > .right .orderBx .info .icon svg {
              width: 55px;
              height: 55px; } }
.accounts .accountBx > .right .orderBx .info .txt {
          padding: 0 40px;
          box-sizing: border-box; }
@media (max-width: 600px) {
            .accounts .accountBx > .right .orderBx .info .txt {
              padding: 0; } }
.accounts .accountBx > .right .orderBx .info .txt h3 {
            margin: 12px 0 50px;
            font-size: calc(0.00144 * 100vw + 21.39423px);
            line-height: 1;
            letter-spacing: 0.01em; }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .orderBx .info .txt h3 {
                font-size: 25px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .orderBx .info .txt h3 {
                font-size: 22px; } }
@media (max-width: 600px) {
              .accounts .accountBx > .right .orderBx .info .txt h3 {
                margin: 12px 0 20px; } }
@media (max-width: 600px) {
            .accounts .accountBx > .right .orderBx .info .txt ul {
              width: 100%; } }
.accounts .accountBx > .right .orderBx .info .txt ul li {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 8px 0;
            font-size: 16px;
            line-height: 26px;
            box-sizing: border-box;
            letter-spacing: 0.02em; }
@media (max-width: 600px) {
              .accounts .accountBx > .right .orderBx .info .txt ul li {
                flex-direction: column;
                align-items: flex-start;
                line-height: 1; } }
.accounts .accountBx > .right .orderBx .info .txt ul li:last-child {
              font-weight: 600; }
.accounts .accountBx > .right .orderBx .info .txt ul li span {
              display: inline-block; }
@media (max-width: 600px) {
                .accounts .accountBx > .right .orderBx .info .txt ul li span {
                  padding: 3px 0; }
                  .accounts .accountBx > .right .orderBx .info .txt ul li span:first-child {
                    color: #7f7f7f; } }
.accounts .accountBx > .right .orderBx .info .txt ul li span:first-child {
                width: 160px; }
@media (max-width: 600px) {
                  .accounts .accountBx > .right .orderBx .info .txt ul li span:first-child {
                    width: 100%; } }
.accounts .accountBx > .right .action {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      padding-top: 40px;
      box-sizing: border-box; }
@media (max-width: 600px) {
        .accounts .accountBx > .right .action {
          justify-content: flex-start; } }
.accounts .accountBx > .right .action.padd {
        padding: 40px 40px 0; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .action.padd {
            padding: 40px 0 0; } }
@media (max-width: 600px) {
        .accounts .accountBx > .right .action.mRightAlign {
          display: flex;
          justify-content: flex-end;
          align-items: center; } }
.accounts .accountBx > .right .action.spaceBetween {
        justify-content: space-between; }
@media (max-width: 600px) {
        .accounts .accountBx > .right .action a {
          color: #555555;
          border: 1px solid #dddddd; }
          .accounts .accountBx > .right .action a.blue {
            border-color: #3f1c8e;
            color: #3f1c8e; }
            .accounts .accountBx > .right .action a.blue svg {
              display: none; }
          .accounts .accountBx > .right .action a svg path {
            stroke: #555; } }
.accounts .accountBx > .right .orderReviewBx {
      padding: 8px 0; }
.accounts .accountBx > .right .orderReviewBx .product {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 22px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd; }
.accounts .accountBx > .right .orderReviewBx .product:nth-last-child(2) {
          border: 0; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .orderReviewBx .product:nth-last-child(2) {
              border-bottom: 1px solid #dddddd; } }
.accounts .accountBx > .right .orderReviewBx .product .img {
          width: 90px;
          height: 90px; }
.accounts .accountBx > .right .orderReviewBx .product .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
.accounts .accountBx > .right .orderReviewBx .product .txt {
          width: calc(100% - 455px);
          padding: 20px 24px 0; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .orderReviewBx .product .txt {
              width: calc(100% - 100px);
              padding-top: 0; } }
.accounts .accountBx > .right .orderReviewBx .product .txt p {
            font-size: calc(0.00144 * 100vw + 12.39423px);
            line-height: calc(0.00288 * 100vw + 18.78846px);
            letter-spacing: 0.02em;
            margin: 0; }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .orderReviewBx .product .txt p {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .orderReviewBx .product .txt p {
                font-size: 13px; } }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .orderReviewBx .product .txt p {
                line-height: 26px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .orderReviewBx .product .txt p {
                line-height: 20px; } }
.accounts .accountBx > .right .orderReviewBx .product .txt .showInDesktop {
            display: none;
            padding-top: 30px; }
@media (max-width: 800px) {
              .accounts .accountBx > .right .orderReviewBx .product .txt .showInDesktop {
                display: block; } }
.accounts .accountBx > .right .orderReviewBx .product .txt .showInDesktop li {
              font-size: 13px;
              line-height: 1;
              letter-spacing: 0.04em;
              padding: 5px 0; }
.accounts .accountBx > .right .orderReviewBx .product .txt .showInDesktop li span {
                display: inline-block; }
.accounts .accountBx > .right .orderReviewBx .product .txt .showInDesktop li span:first-child {
                  width: 90px;
                  color: #555555; }
.accounts .accountBx > .right .orderReviewBx .product .qty {
          width: 105px;
          padding-top: 20px; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .orderReviewBx .product .qty {
              display: none; } }
.accounts .accountBx > .right .orderReviewBx .product .unitPrice,
        .accounts .accountBx > .right .orderReviewBx .product .totalPrice {
          width: 130px;
          padding-top: 20px; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .orderReviewBx .product .unitPrice,
            .accounts .accountBx > .right .orderReviewBx .product .totalPrice {
              display: none; } }
.accounts .accountBx > .right .orderReviewBx .product p {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em;
          margin: 0; }
.accounts .accountBx > .right .orderReviewBx .buttonBx {
        display: none; }
@media (max-width: 800px) {
          .accounts .accountBx > .right .orderReviewBx .buttonBx {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-top: 75px; }
            .accounts .accountBx > .right .orderReviewBx .buttonBx button svg {
              margin-right: 10px; } }
.accounts .accountBx > .right .cardBx {
      padding: 40px 0; }
@media (max-width: 800px) {
        .accounts .accountBx > .right .cardBx {
          padding-top: 0px !important; } }
.accounts .accountBx > .right .cardBx h3 {
        padding: 0 40px; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .cardBx h3 {
            padding: 0 0; } }
.accounts .accountBx > .right .cardBx h3.hasSub {
          margin-bottom: 12px; }
@media (max-width: 600px) {
            .accounts .accountBx > .right .cardBx h3.hasSub {
              margin-bottom: 40px; } }
.accounts .accountBx > .right .cardBx .subTitle {
        margin: 0 0 30px;
        padding: 0 40px; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .cardBx .subTitle {
            padding: 0;
            margin: 0 0 80px; } }
.accounts .accountBx > .right .cardBx .card {
        display: flex;
        padding: 40px;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd;
        width: 100%; }
@media (max-width: 800px) {
          .accounts .accountBx > .right .cardBx .card {
            padding: 20px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            margin-bottom: 20px; } }
@media (max-width: 600px) {
          .accounts .accountBx > .right .cardBx .card {
            flex-direction: column;
            padding: 40px 20px 20px; } }
.accounts .accountBx > .right .cardBx .card:last-child {
          border-bottom: 0;
          padding-bottom: 0; }
.accounts .accountBx > .right .cardBx .card .icon {
          width: 55px; }
@media (max-width: 600px) {
            .accounts .accountBx > .right .cardBx .card .icon svg {
              width: 42px;
              height: auto;
              margin-bottom: 30px; } }
.accounts .accountBx > .right .cardBx .card .txt {
          flex-grow: 1; }
.accounts .accountBx > .right .cardBx .card .txt p {
            margin: 0;
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0.02em; }
.accounts .accountBx > .right .cardBx .card .txt p span {
              color: #555555; }
.accounts .accountBx > .right .cardBx .card .actions {
          width: auto; }
@media (max-width: 600px) {
            .accounts .accountBx > .right .cardBx .card .actions {
              display: flex;
              justify-content: flex-end;
              align-items: center;
              width: 100%;
              padding-top: 40px; } }
.accounts .accountBx > .right .cardBx .card .actions form {
            display: inline-block; }
.accounts .accountBx > .right .cardBx .card .actions a, .accounts .accountBx > .right .cardBx .card .actions button {
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #000;
            padding: 0 16px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.accounts .accountBx > .right .cardBx .card .actions a.default, .accounts .accountBx > .right .cardBx .card .actions button.default {
              color: #08bc32;
              pointer-events: none; }
.accounts .accountBx > .right .cardBx .card .actions a:hover, .accounts .accountBx > .right .cardBx .card .actions button:hover {
              background-color: transparent;
              color: #3f1c8e; }
.accounts .accountBx > .right .cardBx .address {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 40px;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd;
        width: 100%; }
@media (max-width: 800px) {
          .accounts .accountBx > .right .cardBx .address {
            padding: 20px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            margin-bottom: 20px;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start; } }
.accounts .accountBx > .right .cardBx .address:last-child {
          border-bottom: 0;
          padding-bottom: 0; }
.accounts .accountBx > .right .cardBx .address .txt {
          width: 50%; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .cardBx .address .txt {
              width: 100%; } }
.accounts .accountBx > .right .cardBx .address .txt p {
            font-size: calc(0.00096 * 100vw + 13.59615px);
            line-height: calc(0.00192 * 100vw + 21.19231px);
            letter-spacing: 0.02em;
            margin: 0; }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .cardBx .address .txt p {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .cardBx .address .txt p {
                font-size: 14px; } }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .cardBx .address .txt p {
                line-height: 26px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .cardBx .address .txt p {
                line-height: 22px; } }
.accounts .accountBx > .right .cardBx .address .txt p b {
              font-weight: 600; }
.accounts .accountBx > .right .cardBx .address .txt p .address-tag {
              text-transform: capitalize; }
.accounts .accountBx > .right .cardBx .address .actions {
          width: auto; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .cardBx .address .actions {
              display: flex;
              justify-content: flex-end;
              align-items: center;
              width: 100%;
              padding-top: 40px; } }
.accounts .accountBx > .right .cardBx .address .actions a, .accounts .accountBx > .right .cardBx .address .actions button {
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #000;
            padding: 0 16px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.accounts .accountBx > .right .cardBx .address .actions a.default, .accounts .accountBx > .right .cardBx .address .actions button.default {
              color: #08bc32;
              pointer-events: none; }
.accounts .accountBx > .right .cardBx .address .actions a:hover, .accounts .accountBx > .right .cardBx .address .actions button:hover {
              background-color: transparent;
              color: #3f1c8e; }
.accounts .accountBx > .right .cardBx .address .actions form {
            display: inline-flex; }
.accounts .accountBx > .right .cardBx .ShoppingList {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        padding: 40px;
        box-sizing: border-box;
        border-top: 1px solid #dddddd;
        width: 100%;
        position: relative; }
.accounts .accountBx > .right .cardBx .ShoppingList:nth-last-child(2) {
          border-bottom: 1px solid #dddddd; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .cardBx .ShoppingList.title {
            display: none; } }
@media (max-width: 600px) {
          .accounts .accountBx > .right .cardBx .ShoppingList {
            padding: 20px;
            grid-template-columns: 1fr;
            border: 1px solid #dddddd;
            border-radius: 5px;
            margin-bottom: 20px; } }
.accounts .accountBx > .right .cardBx .ShoppingList h4 {
          margin: 0;
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em;
          font-weight: 600; }
.accounts .accountBx > .right .cardBx .ShoppingList p {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.02em; }
.accounts .accountBx > .right .cardBx .ShoppingList .column {
          font-size: calc(0.00096 * 100vw + 13.59615px);
          line-height: 1; }
@media screen and (min-width: 1919px) {
            .accounts .accountBx > .right .cardBx .ShoppingList .column {
              font-size: 16px; } }
@media screen and (max-width: 380px) {
            .accounts .accountBx > .right .cardBx .ShoppingList .column {
              font-size: 14px; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column:first-child {
            grid-area: 1 / 1 / 2 / 3;
            font-size: calc(0.00096 * 100vw + 13.59615px); }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .cardBx .ShoppingList .column:first-child {
                font-size: 16px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .cardBx .ShoppingList .column:first-child {
                font-size: 14px; } }
@media (max-width: 600px) {
              .accounts .accountBx > .right .cardBx .ShoppingList .column:first-child {
                font-size: 22px !important;
                grid-area: auto;
                padding-bottom: 68px; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column:first-child a {
              padding: 0;
              border: 0;
              color: inherit; }
.accounts .accountBx > .right .cardBx .ShoppingList .column:first-child a:hover {
                background-color: inherit;
                color: inherit; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .cardBx .ShoppingList .column {
              display: flex;
              justify-content: space-between;
              align-items: center; } }
@media (max-width: 600px) {
            .accounts .accountBx > .right .cardBx .ShoppingList .column {
              padding: 20px 0;
              border-bottom: 1px solid #dddddd; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            position: relative; }
@media (max-width: 600px) {
              .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn {
                grid-area: auto;
                border-bottom: 0;
                padding: 0;
                position: absolute;
                z-index: 2;
                top: 40px;
                right: 20px; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn span {
              font: inherit; }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn span .showInTab {
                display: none; }
@media (max-width: 800px) {
                  .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn span .showInTab {
                    display: inline-block;
                    color: #555555; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn svg {
              cursor: pointer; }
@media (max-width: 800px) {
                .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn svg path {
                  fill: #8b8b8b; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu {
              position: absolute;
              z-index: 2;
              top: 0;
              right: 0;
              background-color: #fff;
              width: 136px;
              border-radius: 5px;
              padding: 24px 20px;
              box-sizing: border-box;
              box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
              display: none; }
@media (max-width: 1200px) {
                .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu {
                  top: 40px; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu.active {
                display: block; }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li {
                padding: 12px 0; }
@media (max-width: 1200px) {
                  .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li {
                    padding: 6px 0; } }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li:first-child {
                  padding-top: 0; }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li:last-child {
                  padding-bottom: 0; }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li:last-child a {
                    color: #ec0127; }
.accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li a {
                  padding: 0;
                  background-color: #fff;
                  color: #8b8b8b;
                  height: auto;
                  border: 0;
                  border-radius: 0;
                  font-size: 16px;
                  line-height: 26px;
                  width: 100%;
                  justify-content: start;
                  letter-spacing: 0.025em; }
@media (max-width: 1200px) {
                    .accounts .accountBx > .right .cardBx .ShoppingList .column.actionColumn .editMenu ul li a {
                      color: #000; } }
@media (max-width: 600px) {
            .accounts .accountBx > .right .cardBx .ShoppingList .column:nth-last-child(2) {
              padding-bottom: 0;
              border-bottom: 0; } }
.accounts .accountBx > .right .cardBx .prefernce {
        padding: 0 40px;
        box-sizing: border-box;
        width: 100%;
        min-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
@media (max-width: 1200px) {
          .accounts .accountBx > .right .cardBx .prefernce {
            min-height: auto;
            border: 1px solid #dddddd;
            padding: 20px 15px 0;
            border-radius: 5px; } }
.accounts .accountBx > .right .cardBx .prefernce input[type='checkbox']:checked + label svg .circle {
          fill: #08bc32;
          stroke: #08bc32; }
.accounts .accountBx > .right .cardBx .prefernce input[type='radio']:checked + label svg .circle {
          fill: #08bc32;
          stroke: #08bc32; }
.accounts .accountBx > .right .cardBx .prefernce label svg {
          min-width: 20px;
          min-height: 20px; }
.accounts .accountBx > .right .recipeBx {
      padding: 0; }
.accounts .accountBx > .right .recipeBx .recipe {
        padding: 25px;
        border-bottom: 1px solid #dddddd;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box; }
@media (max-width: 600px) {
          .accounts .accountBx > .right .recipeBx .recipe {
            padding: 0;
            border: 1px solid #dddddd;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 20px; } }
.accounts .accountBx > .right .recipeBx .recipe .img {
          width: 200px;
          height: 200px; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .recipeBx .recipe .img {
              width: 120px;
              height: 120px; } }
.accounts .accountBx > .right .recipeBx .recipe .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            display: block; }
.accounts .accountBx > .right .recipeBx .recipe .txt {
          padding: 0 30px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-start;
          box-sizing: border-box;
          width: calc(100% - 200px); }
@media (max-width: 600px) {
            .accounts .accountBx > .right .recipeBx .recipe .txt {
              width: calc(100% - 120px);
              padding: 12px; } }
.accounts .accountBx > .right .recipeBx .recipe .txt .top h4 {
            display: none;
            margin: 0 0 5px;
            color: #3f1c8e;
            font-size: 12px;
            line-height: 1;
            letter-spacing: 0.025em; }
@media (max-width: 900px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .top h4 {
                display: block; } }
.accounts .accountBx > .right .recipeBx .recipe .txt .top h3 {
            font-size: calc(0.00288 * 100vw + 14.78846px);
            line-height: calc(0.00288 * 100vw + 20.78846px);
            letter-spacing: -0.005em;
            font-weight: 600;
            margin: 0;
            padding-top: 0; }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .top h3 {
                font-size: 22px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .top h3 {
                font-size: 16px; } }
@media screen and (min-width: 1919px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .top h3 {
                line-height: 28px; } }
@media screen and (max-width: 380px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .top h3 {
                line-height: 22px; } }
.accounts .accountBx > .right .recipeBx .recipe .txt .bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%; }
@media (max-width: 600px) {
              .accounts .accountBx > .right .recipeBx .recipe .txt .bottom {
                justify-content: flex-end; } }
.accounts .accountBx > .right .recipeBx .recipe .txt .bottom a,
            .accounts .accountBx > .right .recipeBx .recipe .txt .bottom button {
              border: 1px solid #dddddd;
              color: #8b8b8b; }
@media (max-width: 600px) {
                .accounts .accountBx > .right .recipeBx .recipe .txt .bottom a,
                .accounts .accountBx > .right .recipeBx .recipe .txt .bottom button {
                  border: 0;
                  border-right: 1px solid #dddddd;
                  border-radius: 0;
                  padding: 0 10px;
                  height: auto;
                  color: #000;
                  font-size: 14px; }
                  .accounts .accountBx > .right .recipeBx .recipe .txt .bottom a:last-child,
                  .accounts .accountBx > .right .recipeBx .recipe .txt .bottom button:last-child {
                    border-right: 0;
                    padding-right: 0; } }
.accounts .accountBx > .right .recipeBx .recipe .txt .bottom a:hover,
              .accounts .accountBx > .right .recipeBx .recipe .txt .bottom button:hover {
                color: #fff; }
.accounts .accountBx > .right .recipeBx .recipe .txt .bottom button:hover {
              background-color: #ec0127; }
@media (max-width: 600px) {
                .accounts .accountBx > .right .recipeBx .recipe .txt .bottom button:hover {
                  border: 0;
                  padding: 0 10px;
                  height: auto;
                  color: #000; } }
.accounts .accountBx > .right .productlistBx {
      padding: 0; }
.accounts .accountBx > .right .productlistBx .savedProducts {
        padding: 25px 0;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd; }
.accounts .accountBx > .right .productlistBx .savedProducts:last-child {
          border-bottom: 0; }
@media (max-width: 800px) {
            .accounts .accountBx > .right .productlistBx .savedProducts:last-child {
              border-bottom: 1px solid #dddddd; } }
.accounts .accountBx > .right .productlistBx .savedProducts a {
          border: 0;
          border-radius: 0;
          width: 100%;
          height: auto;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          -webkit-column-gap: 30px;
                  column-gap: 30px;
          padding: 0 30px;
          box-sizing: border-box;
          position: relative; }
@media (max-width: 1400px) {
            .accounts .accountBx > .right .productlistBx .savedProducts a {
              grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) {
            .accounts .accountBx > .right .productlistBx .savedProducts a {
              display: flex;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 0;
              -webkit-column-gap: 15px;
                      column-gap: 15px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a:hover {
            background-color: #fff;
            color: #000; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .left {
            display: flex;
            justify-content: flex-end;
            align-items: center; }
@media (max-width: 1400px) {
              .accounts .accountBx > .right .productlistBx .savedProducts a > .left {
                grid-area: 1 / 1 / 2 / 2; } }
@media (max-width: 600px) {
              .accounts .accountBx > .right .productlistBx .savedProducts a > .left {
                grid-area: auto;
                width: 130px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .left .img {
              width: 200px;
              height: 200px;
              cursor: pointer; }
@media (max-width: 600px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .left .img {
                  width: 130px;
                  height: 130px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .left .img img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                   object-fit: contain; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right {
            padding-top: 0; }
@media (max-width: 1400px) {
              .accounts .accountBx > .right .productlistBx .savedProducts a > .right {
                grid-area: 1 / 2 / 2 / 4;
                min-width: calc(100% / 2); } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price {
              color: #3f1c8e;
              position: relative; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .currency {
                display: block;
                width: 100%;
                font-size: 11px;
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost {
                display: flex;
                justify-content: flex-start; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .left .intiger {
                  font-size: calc(0.00577 * 100vw + 35.57692px);
                  line-height: 1;
                  letter-spacing: -0.01em;
                  font-weight: 600; }
@media screen and (min-width: 1919px) {
                    .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .left .intiger {
                      font-size: 50px; } }
@media screen and (max-width: 380px) {
                    .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .left .intiger {
                      font-size: 38px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right {
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: flex-start;
                  padding: 12px 0 5px 5px;
                  box-sizing: border-box; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span {
                    display: inline-block; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.decimal {
                      font-size: calc(0.00048 * 100vw + 14.79808px);
                      line-height: 1;
                      letter-spacing: 0.08em;
                      font-weight: 600; }
@media screen and (min-width: 1919px) {
                        .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.decimal {
                          font-size: 16px; } }
@media screen and (max-width: 380px) {
                        .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.decimal {
                          font-size: 15px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.qtyInfo {
                      font-size: calc(0.00048 * 100vw + 12.79808px);
                      line-height: 1;
                      letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                        .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.qtyInfo {
                          font-size: 14px; } }
@media screen and (max-width: 380px) {
                        .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.qtyInfo {
                          font-size: 13px; } }
@media (max-width: 600px) {
                        .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .cost .right span.qtyInfo {
                          position: absolute;
                          z-index: 2;
                          right: 0; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .oldPrice {
                min-height: 16px;
                margin-top: 15px;
                color: transparent; }
@media (max-width: 1200px) {
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .price .oldPrice {
                    position: absolute;
                    z-index: 2;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                            transform: translateY(-50%); } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt {
              color: #555555;
              font-size: calc(0.00144 * 100vw + 13.39423px);
              line-height: calc(0.00192 * 100vw + 15.19231px);
              letter-spacing: 0.025em;
              padding: 30px 0 0;
              position: relative;
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              margin-bottom: 30px; }
@media screen and (min-width: 1919px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt {
                  font-size: 17px; } }
@media screen and (max-width: 380px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt {
                  font-size: 14px; } }
@media screen and (min-width: 1919px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt {
                  line-height: 20px; } }
@media screen and (max-width: 380px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt {
                  line-height: 16px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .excerpt span {
                display: inline-block;
                max-width: calc(100% - 35px); }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .actions {
              z-index: 2;
              width: 100%;
              border-radius: 10px;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .bottom {
              display: flex;
              justify-content: space-between;
              align-items: center; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .bottom .removeFromList {
                height: 52px;
                width: auto;
                margin-right: 20px; }
@media (max-width: 800px) {
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .bottom .removeFromList {
                    position: absolute;
                    z-index: 2;
                    bottom: 0;
                    left: 0;
                    height: 40px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .bottom .cartAction {
                display: grid;
                opacity: 1; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .bottom .cartAction.quantityOnly {
                  grid-template-columns: 1fr;
                  max-width: 250px; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart {
              background-color: #fff;
              color: #3f1c8e;
              display: flex;
              justify-content: center;
              align-items: center;
              border: 1px solid #dddddd;
              border-radius: 4px;
              height: 45px;
              width: calc(100% - 30px);
              font-size: 17px;
              line-height: 1;
              font-weight: 600;
              letter-spacing: 0.02em;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
              cursor: pointer;
              opacity: 1; }
@media (max-width: 1200px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart {
                  width: 100%; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart.disabled {
                display: none;
                opacity: 0; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart:hover {
                background-color: #3f1c8e;
                color: #fff; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart:hover svg line {
                  stroke: #fff; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .addToCart svg {
                margin-right: 15px; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction {
              width: calc(100% - 30px);
              height: 45px;
              grid-template-columns: repeat(3, 1fr);
              border: 1px solid #dddddd;
              border-radius: 4px;
              background-color: #fff;
              display: none;
              opacity: 0;
              overflow: hidden; }
@media (max-width: 1200px) {
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction {
                  width: 100%; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction.active {
                display: grid;
                opacity: 1; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .dec,
              .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val,
              .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .inc {
                display: flex;
                justify-content: center;
                align-items: center;
                color: #3f1c8e;
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
                cursor: pointer;
                background-color: #fff;
                border: 0;
                height: 45px;
                border-radius: 0; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .dec:hover,
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val:hover,
                .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .inc:hover {
                  background-color: #3f1c8e; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .dec:hover svg line,
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val:hover svg line,
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .inc:hover svg line {
                    stroke: #fff; }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val {
                border-right: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
                font-size: calc(0.00096 * 100vw + 15.59615px);
                letter-spacing: 0.05em;
                line-height: 1;
                cursor: auto; }
@media screen and (min-width: 1919px) {
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val {
                    font-size: 18px; } }
@media screen and (max-width: 380px) {
                  .accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val {
                    font-size: 16px; } }
.accounts .accountBx > .right .productlistBx .savedProducts a > .right .cartAction .val:hover {
                  background-color: #fff; }
.accounts .accountBx > .right .productlistBx .btns {
        display: none;
        justify-content: space-between;
        align-items: center;
        padding-top: 60px; }
@media (max-width: 800px) {
          .accounts .accountBx > .right .productlistBx .btns {
            display: flex; } }
.accounts .accountBx > .right .productlistBx .btns button.removeFromList {
          border: 1px solid #dddddd;
          color: #8b8b8b;
          margin-right: 30px; }
.accounts .accountBx > .right .productlistBx .btns button.removeFromList:hover {
            color: #fff; }
.dektop_notification {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (max-width: 900px) {
    .dektop_notification {
      display: none; } }
.welcome .container .left {
  height: calc(100vh - 300px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; }
@media (max-width: 1200px) {
    .welcome .container .left {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      height: auto; } }
.welcome .container .left .top h1 {
    margin: 0 0 20px;
    font-size: calc(0.00481 * 100vw + 27.98077px);
    line-height: 1; }
@media screen and (min-width: 1919px) {
      .welcome .container .left .top h1 {
        font-size: 40px; } }
@media screen and (max-width: 380px) {
      .welcome .container .left .top h1 {
        font-size: 30px; } }
@media (max-width: 600px) {
      .welcome .container .left .top h1 {
        margin: 0 0 15px; } }
@media (max-width: 800px) {
    .welcome .container .left .bottom {
      display: none; } }
.welcome .container .right .borderBx {
  min-height: 77vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative; }
@media (max-width: 1200px) {
    .welcome .container .right .borderBx {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; } }
@media (max-width: 800px) {
    .welcome .container .right .borderBx {
      padding-top: 0; } }
.welcome .container .right form {
  width: 100%; }
.welcome .container .right ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0; }
.welcome .container .right ul li svg {
    min-width: 55px;
    width: 55px;
    height: 55px; }
.welcome .container .right ul li span {
    font-size: calc(0.0024 * 100vw + 15.99038px);
    line-height: calc(0.00288 * 100vw + 22.78846px);
    letter-spacing: 0.02em;
    display: inline-block;
    margin-left: 20px; }
@media screen and (min-width: 1919px) {
      .welcome .container .right ul li span {
        font-size: 22px; } }
@media screen and (max-width: 380px) {
      .welcome .container .right ul li span {
        font-size: 17px; } }
@media screen and (min-width: 1919px) {
      .welcome .container .right ul li span {
        line-height: 30px; } }
@media screen and (max-width: 380px) {
      .welcome .container .right ul li span {
        line-height: 24px; } }
.welcome .container .right .middle li span {
  color: #3f1c8e; }
.welcome .container .right .middle p {
  font-size: calc(0.00096 * 100vw + 13.59615px);
  line-height: calc(0.00192 * 100vw + 21.19231px);
  padding-left: 75px; }
@media screen and (min-width: 1919px) {
    .welcome .container .right .middle p {
      font-size: 16px; } }
@media screen and (max-width: 380px) {
    .welcome .container .right .middle p {
      font-size: 14px; } }
@media screen and (min-width: 1919px) {
    .welcome .container .right .middle p {
      line-height: 26px; } }
@media screen and (max-width: 380px) {
    .welcome .container .right .middle p {
      line-height: 22px; } }
@media (max-width: 1200px) {
    .welcome .container .right .middle p {
      padding-left: 0; } }
.welcome .container .right .tabInfo {
  padding: 70px 0 60px;
  display: none; }
@media (max-width: 1200px) {
    .welcome .container .right .tabInfo {
      display: block; } }
.welcome .container .right .tabInfo h3 {
    padding: 40px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.005em;
    margin: 0; }
.welcome .container .right .tabInfo h3 span {
      color: #3f1c8e; }
.welcome .container .right .tabInfo .info {
    padding-top: 80px; }
.welcome .container .right .tabInfo .info h5 {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.025em;
      font-weight: 600;
      margin: 0 0 20px; }
.welcome .container .right .tabInfo .info p {
      margin: 0;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.04em; }
.welcome .container .right .submit {
  width: 100%; }
@media (max-width: 600px) {
    .welcome .container .right .submit {
      display: flex;
      justify-content: flex-end;
      align-items: center; } }
.welcome .container .right a {
  background-color: #3f1c8e;
  color: #fff;
  position: absolute;
  z-index: 2;
  bottom: 100px;
  right: 40px; }
@media (max-width: 800px) {
    .welcome .container .right a {
      position: relative;
      bottom: auto;
      right: auto; } }
@media (max-width: 600px) {
    .welcome .container .right a {
      width: 100%;
      text-align: center; } }
@media (max-width: 600px) {
    .welcome .container .right a.continue {
      width: auto; } }
.forgotPassword .container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90vh; }
.forgotPassword form {
  width: 100%;
  max-width: 650px; }
.forgotPassword form h1 {
    color: #3f1c8e;
    font-size: calc(0.00481 * 100vw + 27.98077px);
    line-height: 1;
    letter-spacing: -0.01em;
    margin: 0 0 20px;
    font-weight: 600; }
@media screen and (min-width: 1919px) {
      .forgotPassword form h1 {
        font-size: 40px; } }
@media screen and (max-width: 380px) {
      .forgotPassword form h1 {
        font-size: 30px; } }
.forgotPassword form p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.03em;
    margin: 0 0 50px; }
.forgotPassword form .formGroup {
    position: relative;
    padding-bottom: 0; }
@media (max-width: 600px) {
      .forgotPassword form .formGroup {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end; } }
.forgotPassword form label {
    color: #3f1c8e;
    display: none;
    margin: 0 0 15px; }
@media (max-width: 600px) {
      .forgotPassword form label {
        display: block;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.025em;
        text-align: left;
        width: 100%; } }
.forgotPassword form input {
    width: 100%;
    box-sizing: border-box;
    padding-right: 125px; }
@media (max-width: 600px) {
      .forgotPassword form input {
        padding-right: 20px; } }
.forgotPassword form button {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #ec0127;
    color: #fff;
    height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600; }
@media (max-width: 600px) {
      .forgotPassword form button {
        position: relative;
        top: auto;
        -webkit-transform: none;
                transform: none;
        right: 0;
        margin-top: 40px;
        background-color: #fff;
        border: 1px solid #3f1c8e;
        color: #3f1c8e; } }
.forgotPassword form button svg {
      margin-left: 10px; }
@media (max-width: 600px) {
        .forgotPassword form button svg {
          display: none; } }
.c-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  box-sizing: border-box;
  z-index: 999;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  display: none; }
.c-popup.active {
    display: flex; }
@media (max-width: 600px) {
    .c-popup.pin-location .popup-inner {
      width: 100%;
      height: 100%;
      border-radius: 0;
      padding: 20px; }
      .c-popup.pin-location .popup-inner #map-locate {
        min-height: 65vh; } }
.c-popup .popup-inner {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F4F4F2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    width: 80%;
    max-width: 1200px;
    padding: 40px; }
.c-popup .popup-inner .popup-head {
      width: 100%; }
.c-popup .popup-inner .popup-body .confirm-map-location {
      background-color: #FF8A26;
      color: #fff;
      margin-top: 30px;
      width: auto;
      max-width: 100%;
      float: right;
      padding: 15px 25px;
      font-weight: 500;
      font-size: 13px;
      min-width: 120px;
      text-align: center; }
#map-locate {
  height: 100%;
  min-height: 450px; }
#map-locate #infowindow-content {
  display: inline; }
.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto; }
#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
  z-index: 999999; }
.pac-container {
  z-index: 999999; }
.pac-controls {
  display: inline-block;
  padding: 5px 11px; }
.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300; }
#pac-input {
  background-color: #fff;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  margin: 10px 10px;
  min-height: 50px;
  padding: 12px 20px;
  border-radius: 4px;
  border: 1px solid #BABABA;
  font-size: 14px;
  width: 98%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
@media (max-width: 600px) {
    #pac-input {
      width: 94%; } }
#pac-input:focus {
    outline: none;
    box-shadow: none; }
.loginPopup {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
.loginPopup.active {
    display: block; }
.loginPopup .overlay {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.75; }
.loginPopup .inner {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 100%;
    max-width: 507px;
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 10px;
    background-color: #fff;
    padding: 60px 40px;
    box-sizing: border-box; }
.loginPopup .inner::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.loginPopup .inner::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #eee; }
.loginPopup .inner::-webkit-scrollbar-thumb {
      background-color: #3f1c8e;
      outline: none; }
.loginPopup .inner .grouped {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 0 30px; }
.loginPopup .inner .grouped .group {
        margin-right: 50px; }
.loginPopup .inner .grouped .group:last-child {
          margin-right: 0; }
.loginPopup .inner label {
      display: inline-block;
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.025em;
      color: #3f1c8e;
      padding-bottom: 15px; }
.loginPopup .inner label.checkbox {
        font-size: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer; }
.loginPopup .inner label.checkbox svg {
          margin-right: 10px; }
.loginPopup .inner label.checkbox span {
          color: #000;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
.loginPopup .inner input[type='checkbox']:checked + label svg .circle {
      fill: #08bc32;
      stroke: #08bc32; }
.loginPopup .inner input[type='radio']:checked + label svg .circle {
      fill: #08bc32;
      stroke: #08bc32; }
.loginPopup .inner input[type='number'] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -moz-appearance: textfield; }
.loginPopup .inner input::-webkit-outer-spin-button,
    .loginPopup .inner input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
.loginPopup .inner input {
      width: 100%;
      box-sizing: border-box; }
.loginPopup .inner textarea {
      height: 160px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
.loginPopup .inner .butonSplit {
      display: flex;
      justify-content: space-between;
      align-items: center; }
.loginPopup .inner .butonSplit .selectric-wrapper {
        max-width: 150px; }
.loginPopup .inner .butonSplit .selectric-wrapper .selectric .label {
          height: 40px;
          line-height: 40px;
          text-align: center;
          color: #3f1c8e; }
.loginPopup .inner .butonSplit .selectric-wrapper .selectric .button {
          height: 40px; }
.loginPopup .inner .butonSplit .selectric-wrapper .selectric .button svg path {
            stroke: #3f1c8e; }
.loginPopup .inner .butonSplit button {
        border: 1px solid #dddddd;
        height: 40px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 1;
        padding: 0 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #8b8b8b;
        cursor: pointer; }
.loginPopup .inner .butonSplit button:hover {
          background-color: #ec0127;
          color: #fff; }
.loginPopup .inner .butonSplit button:last-child {
          background-color: #3f1c8e;
          border-color: #3f1c8e;
          color: #fff; }
.loginPopup .inner .butonSplit button:last-child:hover {
            background-color: #3f1c8e; }
.loginPopup .inner .butonSplit button.blue {
          color: #3f1c8e; }
.loginPopup .inner .butonSplit button.blue:hover {
            background-color: #fff; }
.loginPopup .inner .butonSplit button span {
          display: inline-block;
          position: relative;
          top: -2px; }
.loginPopup .inner .butonSplit button svg {
          margin-left: 10px; }
@media (max-width: 720px) {
      .loginPopup .inner {
        padding: 40px 20px 60px; } }
.loginPopup .inner .js-close-loginPopup {
      position: absolute;
      z-index: 15;
      top: 20px;
      right: 20px;
      cursor: pointer; }
.loginPopup .inner h3 {
      font-size: calc(0 * 100vw + 30px);
      line-height: 1;
      color: #000;
      margin: 0 0 20px;
      letter-spacing: 0.02em;
      text-align: center; }
@media screen and (min-width: 1919px) {
        .loginPopup .inner h3 {
          font-size: 30px; } }
@media screen and (max-width: 380px) {
        .loginPopup .inner h3 {
          font-size: 30px; } }
@media (max-width: 800px) {
        .loginPopup .inner h3 {
          padding-top: 55px;
          margin: 0 0 60px; } }
.loginPopup .inner h3.blue {
        color: #3f1c8e;
        font-weight: 600;
        letter-spacing: 0em; }
.loginPopup .inner p {
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      margin: 0 0 60px;
      text-align: center; }
.loginPopup .inner p.note {
        color: #000; }
.loginPopup .inner p.or {
        margin: 0 0 25px; }
.loginPopup .inner .forget {
      display: block;
      margin: 10px 0; }
.loginPopup .inner .register span {
      color: #555555; }
.loginPopup .inner button[type=submit] {
      width: 100%;
      background-color: #3f1c8e;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      border-radius: 4px;
      margin: 0 0 15px;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.04em;
      cursor: pointer; }
.loginPopup .inner .facebookLogin,
    .loginPopup .inner .GoogleLogin {
      width: 100%;
      height: auto;
      cursor: pointer;
      margin-bottom: 20px;
      height: 50px;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.02em;
      position: relative; }
@media (max-width: 600px) {
        .loginPopup .inner .facebookLogin,
        .loginPopup .inner .GoogleLogin {
          margin-bottom: 20px; } }
.loginPopup .inner .facebookLogin svg,
      .loginPopup .inner .GoogleLogin svg {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.loginPopup .inner .facebookLogin {
      background-color: #3b5a90;
      color: #fff; }
.loginPopup .inner .facebookLogin:hover {
        background-color: #3b5a90;
        color: #fff; }
.loginPopup .inner .GoogleLogin {
      background-color: #fff;
      color: #000;
      border: 1px solid #dddddd; }
.loginPopup .inner .GoogleLogin:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #dddddd; }
.loginPopup .inner .prefernce label.checkbox span {
      font-size: calc(0.00096 * 100vw + 13.59615px);
      line-height: calc(0.00192 * 100vw + 21.19231px); }
@media screen and (min-width: 1919px) {
        .loginPopup .inner .prefernce label.checkbox span {
          font-size: 16px; } }
@media screen and (max-width: 380px) {
        .loginPopup .inner .prefernce label.checkbox span {
          font-size: 14px; } }
@media screen and (min-width: 1919px) {
        .loginPopup .inner .prefernce label.checkbox span {
          line-height: 26px; } }
@media screen and (max-width: 380px) {
        .loginPopup .inner .prefernce label.checkbox span {
          line-height: 22px; } }
@media (max-width: 800px) {
        .loginPopup .inner .prefernce label.checkbox span br {
          display: none; } }
.popup.reorderPopup .productsInLastOrder {
  border: 1px solid #dddddd;
  border-radius: 20px; }
.popup.reorderPopup .productsInLastOrder .products, .popup.reorderPopup .productsInLastOrder .products-action-mobile {
    display: flex;
    justify-content: flex-start;
    position: relative;
    padding: 20px 40px 18px;
    border-bottom: 1px solid #dddddd; }
@media (max-width: 900px) {
      .popup.reorderPopup .productsInLastOrder .products, .popup.reorderPopup .productsInLastOrder .products-action-mobile {
        padding: 20px 10px 20px 10px; }
        .popup.reorderPopup .productsInLastOrder .products.no-bottom-border-mobile, .popup.reorderPopup .productsInLastOrder .products-action-mobile.no-bottom-border-mobile {
          border-bottom: none; } }
.popup.reorderPopup .productsInLastOrder .products .img, .popup.reorderPopup .productsInLastOrder .products-action-mobile .img {
      width: 150px;
      height: 150px; }
@media (max-width: 900px) {
        .popup.reorderPopup .productsInLastOrder .products .img, .popup.reorderPopup .productsInLastOrder .products-action-mobile .img {
          width: 130px;
          height: 130px; } }
@media (max-width: 500px) {
        .popup.reorderPopup .productsInLastOrder .products .img, .popup.reorderPopup .productsInLastOrder .products-action-mobile .img {
          width: 100px;
          height: 100px; } }
@media (max-width: 400px) {
        .popup.reorderPopup .productsInLastOrder .products .img, .popup.reorderPopup .productsInLastOrder .products-action-mobile .img {
          width: 75px;
          height: 75px; } }
.popup.reorderPopup .productsInLastOrder .products .img img, .popup.reorderPopup .productsInLastOrder .products-action-mobile .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
.popup.reorderPopup .productsInLastOrder .products .txt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt {
      position: relative;
      padding-left: 60px;
      box-sizing: border-box;
      width: calc(100% - 150px); }
@media (max-width: 900px) {
        .popup.reorderPopup .productsInLastOrder .products .txt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt {
          width: calc(100% - 130px);
          padding-left: 15px; } }
@media (max-width: 500px) {
        .popup.reorderPopup .productsInLastOrder .products .txt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt {
          width: calc(100% - 100px); } }
@media (max-width: 400px) {
        .popup.reorderPopup .productsInLastOrder .products .txt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt {
          width: calc(100% - 75px); } }
.popup.reorderPopup .productsInLastOrder .products .txt .price, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price {
        color: #3f1c8e;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
.popup.reorderPopup .productsInLastOrder .products .txt .price .currency, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .currency {
          display: block;
          width: auto;
          font-size: 11px;
          line-height: 1;
          letter-spacing: 0.08em;
          font-weight: 600;
          position: relative;
          top: 10px;
          margin-right: 5px; }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost {
          display: flex;
          justify-content: flex-start; }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost .left .intiger, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .left .intiger {
            font-size: calc(0.00577 * 100vw + 35.57692px);
            line-height: 1;
            letter-spacing: -0.01em;
            font-weight: 600; }
@media screen and (min-width: 1919px) {
              .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .left .intiger, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .left .intiger {
                font-size: 50px; } }
@media screen and (max-width: 380px) {
              .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .left .intiger, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .left .intiger {
                font-size: 38px; } }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px 0 5px 5px;
            box-sizing: border-box; }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span {
              display: inline-block; }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.decimal, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.decimal {
                position: relative;
                top: -4px;
                font-size: calc(0.00048 * 100vw + 14.79808px);
                line-height: 1;
                letter-spacing: 0.08em;
                font-weight: 600; }
@media screen and (min-width: 1919px) {
                  .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.decimal, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.decimal {
                    font-size: 16px; } }
@media screen and (max-width: 380px) {
                  .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.decimal, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.decimal {
                    font-size: 15px; } }
.popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.qtyInfo, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.qtyInfo {
                position: relative;
                top: -5px;
                font-size: calc(0.00144 * 100vw + 10.39423px);
                line-height: 1;
                letter-spacing: 0.025em; }
@media screen and (min-width: 1919px) {
                  .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.qtyInfo, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.qtyInfo {
                    font-size: 14px; } }
@media screen and (max-width: 380px) {
                  .popup.reorderPopup .productsInLastOrder .products .txt .price .cost .right span.qtyInfo, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .cost .right span.qtyInfo {
                    font-size: 11px; } }
.popup.reorderPopup .productsInLastOrder .products .txt .price .oldPrice, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .oldPrice {
          min-height: 16px;
          margin-top: 15px;
          color: transparent; }
@media (max-width: 1200px) {
            .popup.reorderPopup .productsInLastOrder .products .txt .price .oldPrice, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .price .oldPrice {
              position: absolute;
              z-index: 2;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
.popup.reorderPopup .productsInLastOrder .products .txt .excerpt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt {
        color: #555555;
        font-size: calc(0.00144 * 100vw + 13.39423px);
        line-height: calc(0.00192 * 100vw + 15.19231px);
        letter-spacing: 0.025em;
        padding: 20px 0 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis; }
@media screen and (min-width: 1919px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .excerpt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt {
            font-size: 17px; } }
@media screen and (max-width: 380px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .excerpt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt {
            font-size: 14px; } }
@media screen and (min-width: 1919px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .excerpt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt {
            line-height: 20px; } }
@media screen and (max-width: 380px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .excerpt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt {
            line-height: 16px; } }
.popup.reorderPopup .productsInLastOrder .products .txt .excerpt span, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .excerpt span {
          display: inline-block;
          height: auto;
          max-width: calc(100% - 35px);
          display: -webkit-box;
          -webkit-line-clamp: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 500; }
.popup.reorderPopup .productsInLastOrder .products .txt .offerTxt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .offerTxt {
        background-color: #ec0127;
        color: #ffea3d;
        height: 37px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1;
        font-size: calc(0.00481 * 100vw + 12.98077px);
        letter-spacing: 0.01em;
        border-radius: 4px;
        padding: 0 12px;
        width: auto;
        display: none !important;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
@media screen and (min-width: 1919px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .offerTxt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .offerTxt {
            font-size: 25px; } }
@media screen and (max-width: 380px) {
          .popup.reorderPopup .productsInLastOrder .products .txt .offerTxt, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .offerTxt {
            font-size: 15px; } }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom {
        display: flex;
        justify-content: flex-end;
        padding-top: 20px;
        position: relative; }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom .deleteFromCart, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom .deleteFromCart {
          margin-right: 20px;
          border: 1px solid #dddddd;
          border-radius: 5px;
          width: 50px;
          height: 47px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: absolute;
          top: 20px;
          left: 0;
          z-index: 10;
          box-sizing: border-box;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom .deleteFromCart span, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom .deleteFromCart span {
            display: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            line-height: 1;
            letter-spacing: 0.025em;
            margin-left: 15px; }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom .deleteFromCart:hover, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom .deleteFromCart:hover {
            background-color: #ec0127;
            border-color: #ec0127;
            width: 100%;
            justify-content: flex-start;
            padding: 0 15px; }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom .deleteFromCart:hover svg path, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom .deleteFromCart:hover svg path {
              fill: #fff; }
.popup.reorderPopup .productsInLastOrder .products .txt .bottom .deleteFromCart:hover span, .popup.reorderPopup .productsInLastOrder .products-action-mobile .txt .bottom .deleteFromCart:hover span {
              display: inline-block; }
.popup.reorderPopup .productsInLastOrder .products .actions, .popup.reorderPopup .productsInLastOrder .products-action-mobile .actions {
      display: block;
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: calc(100% - 70px);
      border-radius: 10px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
        .popup.reorderPopup .productsInLastOrder .products .actions, .popup.reorderPopup .productsInLastOrder .products-action-mobile .actions {
          position: relative;
          display: flex;
          justify-content: center;
          background-color: transparent; } }
.popup.reorderPopup .productsInLastOrder .products .addToCart, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart {
      background-color: #fff;
      color: #3f1c8e;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #dddddd;
      border-radius: 4px;
      height: 45px;
      width: calc(100% - 30px);
      font-size: 17px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0.02em;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      cursor: pointer;
      opacity: 1; }
@media (max-width: 1200px) {
        .popup.reorderPopup .productsInLastOrder .products .addToCart, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart {
          width: 100%; } }
.popup.reorderPopup .productsInLastOrder .products .addToCart.disabled, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart.disabled {
        display: none;
        opacity: 0; }
.popup.reorderPopup .productsInLastOrder .products .addToCart:hover, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart:hover {
        background-color: #3f1c8e;
        color: #fff; }
.popup.reorderPopup .productsInLastOrder .products .addToCart:hover svg line, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart:hover svg line {
          stroke: #fff; }
.popup.reorderPopup .productsInLastOrder .products .addToCart svg, .popup.reorderPopup .productsInLastOrder .products-action-mobile .addToCart svg {
        margin-right: 15px; }
.popup.reorderPopup .productsInLastOrder .products .cartAction, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction {
      width: calc(100% - 30px);
      height: 45px;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid #dddddd;
      border-radius: 4px;
      background-color: #fff;
      display: none;
      opacity: 0; }
@media (max-width: 1200px) {
        .popup.reorderPopup .productsInLastOrder .products .cartAction, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction {
          width: 100%; } }
.popup.reorderPopup .productsInLastOrder .products .cartAction.active, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction.active {
        display: grid;
        opacity: 1; }
.popup.reorderPopup .productsInLastOrder .products .cartAction .dec,
      .popup.reorderPopup .productsInLastOrder .products .cartAction .val,
      .popup.reorderPopup .productsInLastOrder .products .cartAction .inc, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .dec,
      .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val,
      .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .inc {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f1c8e;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        cursor: pointer; }
.popup.reorderPopup .productsInLastOrder .products .cartAction .dec:hover,
        .popup.reorderPopup .productsInLastOrder .products .cartAction .val:hover,
        .popup.reorderPopup .productsInLastOrder .products .cartAction .inc:hover, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .dec:hover,
        .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val:hover,
        .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .inc:hover {
          background-color: #3f1c8e; }
.popup.reorderPopup .productsInLastOrder .products .cartAction .dec:hover svg line,
          .popup.reorderPopup .productsInLastOrder .products .cartAction .val:hover svg line,
          .popup.reorderPopup .productsInLastOrder .products .cartAction .inc:hover svg line, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .dec:hover svg line,
          .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val:hover svg line,
          .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .inc:hover svg line {
            stroke: #fff; }
.popup.reorderPopup .productsInLastOrder .products .cartAction .val, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val {
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        font-size: calc(0.00096 * 100vw + 15.59615px);
        letter-spacing: 0.05em;
        line-height: 1;
        cursor: auto; }
@media screen and (min-width: 1919px) {
          .popup.reorderPopup .productsInLastOrder .products .cartAction .val, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val {
            font-size: 18px; } }
@media screen and (max-width: 380px) {
          .popup.reorderPopup .productsInLastOrder .products .cartAction .val, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val {
            font-size: 16px; } }
.popup.reorderPopup .productsInLastOrder .products .cartAction .val:hover, .popup.reorderPopup .productsInLastOrder .products-action-mobile .cartAction .val:hover {
          background-color: #fff; }
.popup.reorderPopup .productsInLastOrder #reorderLabel {
    letter-spacing: 0.01em;
    margin: 0;
    font-size: 25px;
    line-height: 25px;
    padding: 30px; }
.popup.reorderPopup .productsInLastOrder .products:last-child {
    border-bottom: 0; }
.popup.reorderPopup .viewAll {
  letter-spacing: 0.02em;
  font-size: 16px;
  line-height: 26px;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd; }
.popup.reorderPopup .viewAll a {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.popup.reorderPopup .viewAll a:hover {
      text-decoration: underline; }
.popup.reorderPopup .reorderBtns a,
.popup.reorderPopup .reorderBtns button {
  border: 1px solid #dddddd;
  border-color: #3f1c8e;
  color: #3f1c8e;
  height: 40px;
  border-radius: 4px;
  padding: 0 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  box-sizing: border-box; }
.popup.reorderPopup .reorderBtns a:hover,
  .popup.reorderPopup .reorderBtns button:hover {
    background-color: #3f1c8e;
    color: #fff; }
.popup.reorderPopup .reorderBtns a.forget,
  .popup.reorderPopup .reorderBtns button.forget {
    border: 0;
    padding: 0;
    height: auto;
    border-radius: 0;
    display: inline-block;
    width: auto;
    color: #000; }
.popup.reorderPopup .reorderBtns a.forget:hover,
    .popup.reorderPopup .reorderBtns button.forget:hover {
      background-color: transparent;
      color: #000; }
.popup.reorderPopup .reorderBtns a svg,
  .popup.reorderPopup .reorderBtns button svg {
    margin-left: 10px; }
.popup.reorderPopup .reorderBtns a.plain-link,
  .popup.reorderPopup .reorderBtns button.plain-link {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #3f1c8e;
    padding: 0 16px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    text-decoration: underline; }
.popup.reorderPopup .reorderBtns a.plain-link:hover,
    .popup.reorderPopup .reorderBtns button.plain-link:hover {
      background-color: transparent;
      color: #3f1c8e; }
.popup.reorderPopup .reorderBtns .blue-btn {
  background-color: #3f1c8e;
  color: #fff; }
.popup.reorderPopup .reorderBtns .red-btn {
  background-color: #ec0127;
  color: #fff;
  border-color: #ec0127; }
.popup.reorderPopup .reorderBtns .red-btn:hover {
    background-color: #ec0127;
    color: #fff; }
.popup.reorderPopup .reorderBtns #reorderCheckout {
  background-color: #3f1c8e;
  color: #fff;
  margin-left: 5px; }
.popup.reorderPopup .reorderFooter {
  letter-spacing: 0.02em;
  font-size: 16px;
  line-height: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 0 0; }
@media (max-width: 700px) {
    .popup.reorderPopup .reorderFooter {
      display: grid;
      grid-gap: 15px;
      grid-template-columns: 1fr; }
      .popup.reorderPopup .reorderFooter .reorderBtns {
        text-align: center; } }
.popup.reorderPopup .reorderFooter #reorderOrderTotal {
    padding-left: 25px; }
.popup.addToWishlistPopup a,
.popup.addToWishlistPopup button {
  border: 1px solid #dddddd;
  border-color: #3f1c8e;
  color: #3f1c8e;
  height: 40px;
  border-radius: 4px;
  padding: 0 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  box-sizing: border-box; }
.popup.addToWishlistPopup a:hover,
  .popup.addToWishlistPopup button:hover {
    background-color: #3f1c8e;
    color: #fff; }
.popup.addToWishlistPopup a.forget,
  .popup.addToWishlistPopup button.forget {
    border: 0;
    padding: 0;
    height: auto;
    border-radius: 0;
    display: inline-block;
    width: auto;
    color: #000; }
.popup.addToWishlistPopup a.forget:hover,
    .popup.addToWishlistPopup button.forget:hover {
      background-color: transparent;
      color: #000; }
.popup.addToWishlistPopup a svg,
  .popup.addToWishlistPopup button svg {
    margin-left: 10px; }
.popup.addToWishlistPopup a.plain-link,
  .popup.addToWishlistPopup button.plain-link {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #3f1c8e;
    padding: 0 16px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    text-decoration: underline; }
.popup.addToWishlistPopup a.plain-link:hover,
    .popup.addToWishlistPopup button.plain-link:hover {
      background-color: transparent;
      color: #3f1c8e; }
.popup.addToWishlistPopup .blue-btn {
  background-color: #3f1c8e;
  color: #fff; }
.popup.addToWishlistPopup .red-btn {
  background-color: #ec0127;
  color: #fff;
  border-color: #ec0127; }
.popup.addToWishlistPopup .red-btn:hover {
    background-color: #ec0127;
    color: #fff; }
.popup.addToWishlistPopup .wishlistAddBox form {
  padding-bottom: 0; }
@media (min-width: 600px) and (max-width: 960px) {
    .popup.addToWishlistPopup .wishlistAddBox form {
      max-height: calc(100vh - 550px); } }
.popup.addToWishlistPopup .wishlistAddBox .favList {
  border-bottom: 1px solid #dddddd; }
.popup.addToWishlistPopup .wishlistAddBox .favList .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 26px; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup {
    display: grid;
    grid-template-columns: 1fr 125px;
    box-sizing: border-box;
    border-top: 1px solid #dddddd;
    width: 100%;
    position: relative;
    align-items: center;
    padding: 15px 0; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup .wishlistCount {
      margin-top: 2px; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup .wishlistBtnWrapper {
      text-align: right; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup .wishlistBtnWrapper a {
        width: 100%; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup .wishlistBtnWrapper a:hover svg {
          stroke: #fff;
          fill: #fff; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup .wishlistBtnWrapper a svg {
          margin: 0 5px 0 0; }
.popup.addToWishlistPopup .wishlistAddBox .favList .favGroup h4 {
      margin: 0;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.02em;
      font-weight: 600; }
.popup.addToWishlistPopup .wishlistAddBox .favListBtns {
  margin-bottom: 0;
  background-color: #3f1c8e;
  color: #fff;
  width: 100%; }
.popup.addToWishlistPopup .wishlistAddBox .addNewWishlistBtn {
  margin-top: 40px; }
.popup.addToWishlistPopup .wishlistAddBox .createWishListForm {
  padding-top: 10px; }
.popup.addToWishlistPopup .wishlistAddBox .createWishListForm .createWishListFormTitle {
    line-height: 35px;
    margin: 25px 0 15px 0; }
.p404 {
  position: relative; }
.p404 .img {
    width: 100vw;
    height: calc(100vh - 120px);
    position: relative;
    overflow: hidden; }
@media (max-width: 1200px) {
      .p404 .img {
        height: calc(100vh - 75px); } }
.p404 .img .overlay {
      opacity: 0.2; }
.p404 .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
.p404 .txt {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 66px;
    box-sizing: border-box; }
.p404 .txt h1 {
      color: #fff;
      font-size: 75px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: -0.02em;
      margin: 0 0 35px;
      text-align: center; }
.p404 .txt p {
      color: #fff;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.015em;
      margin: 0 0 35px;
      text-align: center; }
.p404 .txt a {
      border: 1px solid #dddddd;
      border-color: #fff;
      color: #fff;
      border-radius: 5px;
      height: 40px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.05em;
      padding: 0 24px;
      text-align: center; }
.staticPage {
  padding: 100px 0; }
@media (max-width: 1200px) {
    .staticPage {
      padding: 60px 0; } }
@media (max-width: 600px) {
    .staticPage {
      padding: 30px 0 60px; } }
.staticPage .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 30px;
            column-gap: 30px;
    row-gap: 40px; }
.staticPage .container.fullwidth {
      grid-template-columns: 1fr; }
@media (max-width: 800px) {
      .staticPage .container {
        grid-template-columns: 1fr; } }
.staticPage .staticSidebar h1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    color: #3f1c8e; }
.staticPage .staticSidebar ul {
    width: 100%;
    max-width: 320px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    overflow: hidden; }
@media (max-width: 800px) {
      .staticPage .staticSidebar ul {
        max-width: 100%; } }
.staticPage .staticSidebar ul li {
      border-bottom: 1px solid #DDDDDD; }
.staticPage .staticSidebar ul li:first-child {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px; }
.staticPage .staticSidebar ul li:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; }
.staticPage .staticSidebar ul li a {
        display: block;
        padding: 15px 25px;
        box-sizing: border-box;
        width: 100%;
        font-size: 18px;
        line-height: 1;
        letter-spacing: 0.03em;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.staticPage .staticSidebar ul li a:hover, .staticPage .staticSidebar ul li a.active {
          background-color: #EDEAF6; }
.staticAccordion + .staticTextBlock {
  padding-top: 60px; }
.staticTextBlock .dynamicText h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.025em;
  margin: 0 0 15px; }
.staticTextBlock .dynamicText p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin: 0 0 40px; }
.staticTextBlock .dynamicText a {
  word-break: break-all; }
.staticAccordion .accords {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  overflow: hidden;
  width: 100%; }
.staticAccordion .accords .accd {
    border-bottom: 1px solid #D0D0D0; }
.staticAccordion .accords .accd:last-child {
      border-bottom: 0; }
.staticAccordion .accords .accd .toggle {
      width: 100%;
      height: 60px;
      padding: 0 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      box-sizing: border-box; }
.staticAccordion .accords .accd .toggle.show {
        border-bottom: 1px solid #D0D0D0;
        background-color: #EDEAF6; }
.staticAccordion .accords .accd .toggle.show svg .vertical {
          stroke: transparent; }
.staticAccordion .accords .accd .toggle p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        letter-spacing: 0.03em;
        margin: 0;
        width: auto; }
.staticAccordion .accords .accd .toggle svg .vertical {
        stroke: #000; }
.staticAccordion .accords .accd .inner {
      padding: 25px 16px;
      display: none; }

/*# sourceMappingURL=style.css.map */