:focus {
    outline: 0 none;
  }
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body {
    line-height: 1;
  }
  button {
    text-align: inherit;
    cursor: pointer;
  }
  iframe {
    border: 0;
  }
  button,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  table,
  ul {
    margin: 0;
    padding: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
    line-height: 1em;
  }
  strong {
    font-weight: 700;
  }
  sup {
    position: relative;
    top: -0.5em;
    font-size: 65%;
    line-height: 0;
    vertical-align: initial;
  }
  a,
  button {
    color: inherit;
    cursor: pointer;
  }
  a {
    text-decoration: none;
  }
  button {
    overflow: visible;
    border: 0;
    font: inherit;
    letter-spacing: inherit;
    background: none;
    -webkit-font-smoothing: inherit;
  }
  img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block;
    outline: none;
  }
  ul {
    list-style-type: none;
  }
  i {
    font-style: normal;
  }
  select {
    box-sizing: border-box;
    max-width: 100%;
  }
  address {
    font-style: normal;
  }
  input {
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: inherit;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  ::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  hr {
    border: none;
    border-bottom: 1px solid #000;
    height: 0;
    background: transparent;
  }
  * {
    box-sizing: border-box;
  }
  @keyframes spin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(1turn);
    }
  }
  @keyframes gradient {
    0% {
      background-position: 0 50%;
    }
    to {
      background-position: 100% 50%;
    }
  }
  @keyframes crossGradient {
    0% {
      background-position: 0 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    to {
      background-position: 0 50%;
    }
  }
  @font-face {
    font-family: icomoon;
    src: url(../media/icomoon.14e1f82a.eot);
    src: url(../media/icomoon.14e1f82a.eot) format("embedded-opentype"),
      url(font/icomoon.bb3364bd.ttf) format("truetype"),
      url(/font/comoon.91593bc1.woff) format("woff"),
      url(../media/icomoon.d0d5c91f.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
  }
  .breadcrumbs .breadcrumbs-item + .breadcrumbs-item:before,
  .inputwrap.type-checkbox .checkwrap input + label > .label-check:before,
  .inputwrap.type-radio .checkwrap input + label > .label-check:before,
  .modal-container.modal-auth .auth-validate .validate-pin:after,
  .modal-container.modal-payment .payment-validate .validate-form:after,
  .modal-container.modal-slots .slots-days .slots-slot.express:after,
  .section.account-section-stars .item-total:after,
  .section.callcenter-login .login-validate .validate-pin:after,
  .section.campaigns-listing .campaign-url:not(.placeholder):after,
  .section.footer .footer-main .group-title:after,
  .section.home-campaigns .item-cta:after,
  .selectwrap .selectwrap-label:after,
  .slider-container .swiper-button-next:before,
  .slider-container .swiper-button-prev:before,
  [class*=" icon-"],
  [class^="icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-info:before {
    content: "";
  }
  .icon-sok:before {
    content: "";
  }
  .icon-smile:before {
    content: "";
  }
  .icon-frown:before {
    content: "";
  }
  .icon-notification:before {
    content: "";
  }
  .icon-promotion:before {
    content: "";
  }
  .icon-target:before {
    content: "";
  }
  .icon-close:before {
    content: "";
  }
  .icon-bicycle:before,
  .modal-container.modal-slots .slots-days .slots-slot.express:after {
    content: "";
  }
  .icon-warning:before {
    content: "";
  }
  .icon-check:before,
  .inputwrap.type-checkbox .checkwrap input + label > .label-check:before,
  .inputwrap.type-radio .checkwrap input + label > .label-check:before {
    content: "";
  }
  .icon-phone-check:before {
    content: "";
  }
  .icon-phone-sms:before {
    content: "";
  }
  .icon-spinner:before,
  .modal-container.modal-auth .auth-validate .validate-pin:after,
  .modal-container.modal-payment .payment-validate .validate-form:after,
  .section.callcenter-login .login-validate .validate-pin:after {
    content: "";
  }
  .icon-phone:before {
    content: "";
  }
  .icon-trash:before {
    content: "";
  }
  .icon-minus:before {
    content: "";
  }
  .icon-plus-thin:before {
    content: "";
  }
  .icon-plus:before {
    content: "";
  }
  .icon-store:before {
    content: "";
  }
  .icon-nav:before {
    content: "";
  }
  .icon-angle-left:before {
    content: "";
  }
  .icon-angle-left-thin:before,
  .slider-container .swiper-button-prev:before {
    content: "";
  }
  .breadcrumbs .breadcrumbs-item + .breadcrumbs-item:before,
  .icon-angle-right:before,
  .section.account-section-stars .item-total:after,
  .section.home-campaigns .item-cta:after {
    content: "";
  }
  .icon-angle-right-thin:before,
  .section.campaigns-listing .campaign-url:not(.placeholder):after,
  .slider-container .swiper-button-next:before {
    content: "";
  }
  .icon-angle-up:before {
    content: "";
  }
  .icon-angle-up-thin:before {
    content: "ढ";
  }
  .icon-angle-down:before,
  .section.footer .footer-main .group-title:after,
  .selectwrap .selectwrap-label:after {
    content: "";
  }
  .icon-angle-down-thin:before {
    content: "";
  }
  .icon-grocery:before {
    content: "";
  }
  .icon-logout:before {
    content: "";
  }
  .icon-heart-empty:before {
    content: "";
  }
  .icon-heart-full:before {
    content: "";
  }
  .icon-card:before {
    content: "";
  }
  .icon-cards:before {
    content: "";
  }
  .icon-help:before {
    content: "";
  }
  .icon-edit:before {
    content: "";
  }
  .icon-edit-2:before {
    content: "";
  }
  .icon-pin:before {
    content: "";
  }
  .icon-bill:before {
    content: "";
  }
  .icon-app:before {
    content: "";
  }
  .icon-cart:before {
    content: "";
  }
  .icon-cart-check:before {
    content: "";
  }
  .icon-gift:before {
    content: "";
  }
  .icon-search:before {
    content: "";
  }
  .icon-user:before {
    content: "";
  }
  .icon-facebook:before {
    content: "";
  }
  .icon-instagram:before {
    content: "";
  }
  .icon-twitter:before {
    content: "";
  }
  .icon-payment-hand-card:before {
    content: "";
  }
  .icon-payment-hand-cash:before {
    content: "";
  }
  .icon-cargo:before {
    content: "";
  }
  .icon-cargo-estimated:before,
  .icon-wallet:before {
    content: "";
  }
  .icon-coins:before {
    content: "";
  }
  .icon-catalog:before {
    content: "";
  }
  @font-face {
    font-family: GTWalsheim;
    src: url(../media/subset-GTWalsheimProRegular.69d33db2.eot);
    src: url(../media/subset-GTWalsheimProRegular.69d33db2.eot)
        format("embedded-opentype"),
      url(../media/subset-GTWalsheimProRegular.b68b9b9a.woff2) format("woff2"),
      url(../media/subset-GTWalsheimProRegular.8bbc8d6a.woff) format("woff"),
      url(../media/subset-GTWalsheimProRegular.44411b07.ttf) format("truetype"),
      url(../media/subset-GTWalsheimProRegular.22d561ef.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: fallback;
    unicode-range: u+0020-017e;
  }
  @font-face {
    font-family: GTWalsheim;
    src: url(../media/subset-GTWalsheimProMedium.2dd80a9a.eot);
    src: url(../media/subset-GTWalsheimProMedium.2dd80a9a.eot)
        format("embedded-opentype"),
      url(../media/subset-GTWalsheimProMedium.c1619403.woff2) format("woff2"),
      url(../media/subset-GTWalsheimProMedium.c295449c.woff) format("woff"),
      url(../media/subset-GTWalsheimProMedium.ab2bb666.ttf) format("truetype"),
      url(../media/subset-GTWalsheimProMedium.a9992a85.svg) format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: fallback;
    unicode-range: u+0020-017e;
  }
  @font-face {
    font-family: GTWalsheim;
    src: url(../media/subset-GTWalsheimProBold.e50e0249.eot);
    src: url(../media/subset-GTWalsheimProBold.e50e0249.eot)
        format("embedded-opentype"),
      url(../media/subset-GTWalsheimProBold.f987e9ce.woff2) format("woff2"),
      url(../media/subset-GTWalsheimProBold.c248f5dd.woff) format("woff"),
      url(../media/subset-GTWalsheimProBold.a7563ffa.ttf) format("truetype"),
      url(../media/subset-GTWalsheimProBold.e050cb67.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: fallback;
    unicode-range: u+0020-017e;
  }
  body {
    font-family: GTWalsheim, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #33290a;
    font-size: 1.6rem;
    background-color: #f6f6f6;
    letter-spacing: -0.015em;
    opacity: 1;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  body.block-overflow {
    overflow-y: hidden;
  }
  html {
    position: relative;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  @media (max-width: 1600px) {
    html {
      font-size: 0.6946vw;
    }
  }
  @media (max-width: 960px) {
    html {
      font-size: 2.6666666667vw;
    }
  }
  .wrapper {
    width: 124rem;
    max-width: calc(100% - 5rem);
    margin: 0 auto;
  }
  .wrapper.wide {
    width: 128rem;
  }
  .wrapper.narrow {
    width: 107rem;
  }
  @media (min-width: 960px) {
    .wrapper.mobilewrap {
      max-width: 100%;
    }
    .wrapper.web-wide {
      width: 128rem;
    }
  }
  @media (max-width: 960px) {
    .wrapper {
      max-width: calc(100% - 6rem);
    }
    .wrapper.mobile-wide,
    .wrapper.wide {
      max-width: calc(100% - 3rem);
    }
    .wrapper.webwrap {
      max-width: 100%;
    }
  }
  @font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
      format("woff");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }
  .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: initial;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translateZ(0);
  }
  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-container-3d {
    perspective: 1200px;
  }
  .swiper-container-3d .swiper-cube-shadow,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .link {
    color: #05519f;
  }
  @media (min-width: 960px) {
    .link:focus,
    .link:hover {
      color: #04478b;
    }
  }
  .link:active {
    color: #044281;
  }
  .google-map {
    position: relative;
  }
  .google-map .map-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .simplebar-track.simplebar-hover .simplebar-scrollbar:before {
    opacity: 0.8;
  }
  .simplebar-track .simplebar-scrollbar:before {
    transition: opacity 0.2s ease;
    background-color: #ccc;
  }
  .star-badge {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    background-color: #ffe000;
    color: #ff3824;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.8rem;
    padding: 0.1rem 0.8rem;
    border-radius: 0.4rem;
  }
  .star-badge.negative {
    background-color: #ff3824;
    color: #fff;
  }
  .star-badge i {
    font-size: 1.5rem;
    margin: 0 0.3rem 0 0.4rem;
  }
  .slider-container.slider-auto-slides .swiper-slide {
    width: auto;
  }
  .slider-container.controls-dark .swiper-pagination-bullet {
    background-color: #05519f;
  }
  .slider-container.controls-dark .swiper-button-next,
  .slider-container.controls-dark .swiper-button-prev {
    color: #05519f;
  }
  .slider-container .swiper-pagination {
    position: absolute;
    bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    max-width: 100%;
  }
  @media (max-width: 960px) {
    .slider-container .swiper-pagination {
      bottom: 1rem;
    }
  }
  .slider-container .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 0.5rem;
    opacity: 0.4;
    transition: opacity 0.2s ease;
    cursor: pointer;
  }
  @media (min-width: 960px) {
    .slider-container .swiper-pagination-bullet:hover {
      opacity: 0.8;
    }
    .slider-container
      .swiper-pagination-bullet:hover.swiper-pagination-bullet-active {
      opacity: 1;
    }
  }
  @media (max-width: 960px) {
    .slider-container .swiper-pagination-bullet {
      width: 0.8rem;
      height: 0.8rem;
    }
  }
  .slider-container .swiper-pagination-bullet:active,
  .slider-container .swiper-pagination-bullet:focus {
    opacity: 1;
  }
  .slider-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    cursor: default;
  }
  .slider-container .swiper-button-next,
  .slider-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 20;
    font-size: 2.6rem;
    margin-top: -1.3rem;
    color: #fff;
    opacity: 0.4;
    transition: opacity 0.2s ease;
    cursor: pointer;
  }
  @media (max-width: 960px) {
    .slider-container .swiper-button-next,
    .slider-container .swiper-button-prev {
      display: none;
    }
  }
  @media (min-width: 960px) {
    .slider-container .swiper-button-next:hover,
    .slider-container .swiper-button-prev:hover {
      opacity: 0.8;
    }
  }
  .slider-container .swiper-button-next:active,
  .slider-container .swiper-button-next:focus,
  .slider-container .swiper-button-prev:active,
  .slider-container .swiper-button-prev:focus {
    opacity: 1;
  }
  .slider-container .swiper-button-prev {
    left: 2rem;
  }
  @media (max-width: 960px) {
    .slider-container .swiper-button-prev {
      left: 1rem;
    }
  }
  .slider-container .swiper-button-next {
    right: 2rem;
  }
  @media (max-width: 960px) {
    .slider-container .swiper-button-next {
      right: 1rem;
    }
  }
  .slider-container .slider-fraction {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
    font-size: 1.4rem;
    color: hsla(0, 0%, 100%, 0.5);
  }
  .productbox {
    display: block;
    position: relative;
  }
  .productbox.in-slider {
    display: inline-block;
    width: 29rem;
  }
  @media (max-width: 960px) {
    .productbox.in-slider {
      width: 25rem;
    }
  }
  .productbox.type-horizontal .productbox-controls {
    position: absolute;
    top: -1.5rem;
    right: -1rem;
  }
  .productbox.type-horizontal .productbox-wrap {
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 0.4rem;
    padding: 1.4rem 1.4rem 1.6rem;
  }
  .productbox.type-horizontal .productbox-promolabel {
    bottom: -0.3rem;
    left: 0.3rem;
    right: 0.3rem;
    line-height: 1.1em;
    padding: 0.4rem 0;
  }
  @media (max-width: 960px) {
    .productbox.type-horizontal .productbox-promolabel {
      font-size: 1rem;
      line-height: 1em;
    }
  }
  .productbox.type-horizontal .content-title {
    font-weight: 400;
    display: block;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    line-height: 1.9rem;
    height: 4.6rem;
    padding: 0.6rem 0 0.2rem;
    margin-bottom: 0.6rem;
    overflow: hidden;
  }
  .productbox.type-horizontal .content-prices.placeholder {
    width: 6.5rem;
    height: 2.5rem;
  }
  .productbox.type-horizontal .productbox-image {
    width: 100%;
    height: 100%;
  }
  .productbox.type-listing.in-basket .productbox-imagewrap {
    border-color: #3db662;
  }
  .productbox.type-listing .productbox-controls {
    position: absolute;
    top: -2.1rem;
    right: 0.8rem;
    border-radius: 2.1rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .productbox-controls {
      top: -1.4rem;
      border-radius: 1.6rem;
    }
  }
  .productbox.type-listing .controls-innerwrap {
    border-radius: 2.1rem;
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.2rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .controls-innerwrap {
      width: 3.2rem;
      height: 3.2rem;
      background-color: #f6f6f6;
    }
  }
  .productbox.type-listing .controls-btn {
    height: 4.2rem;
    width: 4.2rem;
    font-size: 1.3rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .controls-btn {
      width: 2.4rem;
      height: 3.2rem;
      font-size: 1.1rem;
      background-color: #f6f6f6;
    }
    .productbox.type-listing .controls-btn.controls-minus {
      padding-left: 0.8rem;
    }
    .productbox.type-listing .controls-btn.controls-plus {
      padding-right: 0.8rem;
    }
  }
  .productbox.type-listing .controls-count {
    letter-spacing: 0.01em;
  }
  .productbox.type-listing .productbox-wrap {
    display: block;
    background-color: #fff;
    padding: 0;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .productbox-wrap {
      background-color: transparent;
    }
  }
  .productbox.type-listing .productbox-imagewrap {
    border: 0.1rem solid #e7e7e7;
    border-radius: 0.4rem;
    padding: 1rem;
    width: 100%;
    height: auto;
    transition: border-color 0.2s ease;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .productbox-imagewrap {
      background-color: #fff;
    }
  }
  .productbox.type-listing .productbox-imagewrap.placeholder {
    width: 100%;
    padding: 0 0 100%;
    border: none;
  }
  .productbox.type-listing .imagewrap-image {
    width: 100%;
    padding: 0 0 100%;
  }
  .productbox.type-listing .productbox-promolabel {
    right: 0.5rem;
    font-size: 1.2rem;
    line-height: 1em;
    padding: 0.4rem 0.6rem;
    max-width: 55%;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .productbox-promolabel {
      bottom: 0.4rem;
      right: 0.4rem;
      left: auto;
      width: auto;
      font-size: 1rem;
      line-height: 1em;
      padding-left: 0.4rem;
      padding-right: 0.4rem;
      display: inline-block;
      max-width: 60%;
    }
  }
  .productbox.type-listing .productbox-content {
    margin: 1.8rem 0 0;
  }
  .productbox.type-listing .content-title {
    font-weight: 400;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.025em;
    line-height: 1.9rem;
    height: auto;
    padding: 0.2rem 0;
    margin-top: 0.7rem;
    overflow: hidden;
  }
  .productbox.type-listing .content-title.placeholder {
    height: 4.1rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing .content-title {
      font-size: 1.4rem;
      line-height: 1.8rem;
    }
    .productbox.type-listing .content-title.placeholder {
      height: 7.2rem;
    }
  }
  .productbox.type-listing .content-prices.placeholder {
    width: 6.5rem;
    height: 2.5rem;
    display: inline-block;
  }
  .productbox.type-listing .content-cargo {
    background: #fff399;
    font-size: 1.188rem;
    height: 2rem;
    display: flex;
    align-items: center;
    padding: 0 0.55rem;
    width: -webkit-max-content;
    width: max-content;
    margin: 0.5rem auto 0;
    border-radius: 0.4rem;
  }
  .productbox.type-listing .content-cargo i {
    font-size: 0.8rem;
    margin-right: 0.33rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing.controls-active.controls-show .productbox-controls {
      right: 0.5rem;
      left: 0.5rem;
    }
  }
  .productbox.type-listing.controls-active.controls-show .controls-innerwrap {
    width: 12rem;
  }
  @media (max-width: 960px) {
    .productbox.type-listing.controls-active.controls-show .controls-innerwrap {
      width: 100%;
    }
  }
  .productbox.type-basket {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .productbox.type-basket .productbox-controls {
    order: 2;
  }
  .productbox.type-basket .productbox-imagewrap {
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    padding: 1rem;
    width: 6.2rem;
    height: 6.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .productbox.type-basket .productbox-imagewrap img {
    max-height: 100%;
  }
  .productbox.type-basket .content-title {
    font-weight: 400;
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
  }
  @media (max-width: 960px) {
    .productbox.type-basket .content-title {
      padding-right: 13rem;
    }
  }
  .productbox.type-basket .content-quantity {
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    margin-bottom: 0.8rem;
  }
  .productbox.type-basket .content-promolabel {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    color: #ff3824;
    margin-top: 1.2rem;
  }
  .productbox.type-basket .productbox-controls {
    border-radius: 1.7rem;
  }
  @media (max-width: 960px) {
    .productbox.type-basket .productbox-controls {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
  .productbox.type-basket .controls-innerwrap {
    border-radius: 1.7rem;
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.2rem;
  }
  @media (max-width: 960px) {
    .productbox.type-basket .controls-innerwrap {
      background-color: #f6f6f6;
    }
  }
  .productbox.type-basket .controls-btn {
    height: 3.4rem;
    width: 3.4rem;
    font-size: 1.3rem;
  }
  @media (max-width: 960px) {
    .productbox.type-basket .controls-btn {
      background-color: #f6f6f6;
      width: 2.8rem;
    }
    .productbox.type-basket .controls-btn.controls-minus {
      padding-left: 0.3rem;
    }
    .productbox.type-basket .controls-btn.controls-plus {
      padding-right: 0.3rem;
    }
    .productbox.type-basket .controls-btn:active {
      background-color: #fff;
    }
  }
  .productbox.type-basket .controls-count {
    letter-spacing: 0.01em;
  }
  .productbox.type-basket.controls-active.controls-show .controls-innerwrap {
    width: 10.2rem;
  }
  .productbox.type-basket.type-sachet {
    align-items: center;
  }
  .productbox.type-basket.type-sachet.controls-active.controls-show
    .controls-innerwrap {
    width: auto;
  }
  .productbox.type-basket.type-sachet .productbox-wrap {
    align-items: center;
  }
  .productbox.type-basket.type-sachet .content-quantity {
    margin-bottom: 0;
  }
  .productbox.type-basket.type-sachet .controls-innerwrap {
    width: auto;
  }
  .productbox.type-basket.type-sachet .controls-btn {
    position: relative;
    color: #33290a;
    width: auto;
    padding: 0 3.5rem;
  }
  .productbox.type-favorites {
    display: flex;
  }
  @media (min-width: 960px) {
    .productbox.type-favorites:hover {
      background-color: #fbfbfb;
    }
    .productbox.type-favorites:hover .productbox-remove {
      opacity: 1;
    }
  }
  .productbox.type-favorites .productbox-wrap {
    padding: 1.5rem 1.4rem;
    flex: 1 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .productbox.type-favorites .productbox-imagewrap {
    width: 6rem;
    height: 6rem;
    border-radius: 0.4rem;
    border: 1px solid #e7e7e7;
    margin-right: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
  }
  .productbox.type-favorites .productbox-remove {
    display: flex;
    width: 4.6rem;
    font-size: 1.8rem;
    align-items: center;
    justify-content: center;
  }
  @media (min-width: 960px) {
    .productbox.type-favorites .productbox-remove {
      opacity: 0;
      transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    }
    .productbox.type-favorites .productbox-remove:hover {
      color: #05519f;
      background-color: hsla(0, 0%, 96.5%, 0.7);
    }
  }
  .productbox.type-favorites .productbox-remove:active {
    background-color: #f6f6f6;
  }
  .productbox.type-sum {
    display: flex;
  }
  .productbox.type-sum .productbox-wrap {
    padding: 1.5rem 1.4rem;
    flex: 1 0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  .productbox.type-sum .productbox-imagewrap {
    width: 6rem;
    height: 6rem;
    border-radius: 0.4rem;
    border: 1px solid #e7e7e7;
    margin-right: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
  }
  .productbox.type-sum .productbox-content {
    flex: 1 0;
  }
  .productbox.type-sum .content-quantity {
    color: rgba(51, 41, 10, 0.5);
    margin: 0.6rem 0;
  }
  .productbox.type-sum .productbox-quantity {
    line-height: 3.3rem;
    display: inline-block;
    text-align: center;
    min-width: 9.2rem;
    font-size: 1.2rem;
    border-radius: 1.6rem;
    box-shadow: 0.1rem 0.5rem 1.4rem 0 rgba(0, 0, 0, 0.11);
  }
  .productbox.type-sum.type-cargo-sum {
    background: #fff;
    flex-direction: column;
  }
  .productbox.type-sum.type-cargo-sum .product-status {
    background: #fff9cd;
  }
  .productbox.type-sum.type-cargo-sum .product-status .status {
    padding: 1.55rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: space-between;
  }
  .productbox.type-sum.type-cargo-sum .product-status .status i {
    margin-right: 0.53rem;
  }
  .productbox.type-sum.type-cargo-sum .product-status .cargo-info {
    padding: 1.55rem;
    border-top: 1px solid hsla(0, 0%, 80%, 0.5);
  }
  .productbox.type-sum.type-cargo-sum .product-status .cargo-info ul {
    display: flex;
  }
  .productbox.type-sum.type-cargo-sum .product-status .cargo-info ul li {
    margin-right: 3.25rem;
    font-size: 1.4rem;
  }
  .productbox.type-sum.type-cargo-sum
    .product-status
    .cargo-info
    ul
    li:last-child {
    margin-right: 0;
  }
  .productbox.type-sum.type-cargo-sum .product-status .cargo-info ul li .key {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0.95rem;
  }
  .productbox.type-sum.type-cargo-sum .product-status .refund-product {
    padding: 0.3rem 1.55rem 1.55rem;
  }
  .productbox.type-sum.type-cargo-sum .product-status .refund-product button {
    display: inline-flex;
    height: 3rem;
    border-radius: 1.5rem;
    padding: 0 1.5rem;
    align-items: center;
    font-size: 1.4rem;
    color: #05519f;
    border: 1px solid #05519f;
    transition: all 0.23s;
  }
  .productbox.type-sum.type-cargo-sum
    .product-status
    .refund-product
    button:hover {
    background: #05519f;
    color: #fff;
  }
  .productbox.type-controls {
    text-align: center;
  }
  .productbox.type-controls.quantity-loading .controls-innerwrap:before {
    opacity: 1;
  }
  .productbox.type-controls .productbox-controls {
    box-shadow: none;
  }
  .productbox.type-controls .controls-outerwrap {
    border-radius: 2.5rem;
    box-shadow: 0 0.2rem 3rem 0 rgba(0, 0, 0, 0.16);
    width: 22.6rem;
    margin: 0 auto;
  }
  .productbox.type-controls .controls-innerwrap {
    background-color: #fff;
    border-radius: 2.5rem;
    height: 5rem;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: inherit;
  }
  @media (max-width: 960px) {
    .productbox.type-controls .controls-innerwrap {
      width: auto;
      font-size: inherit;
    }
  }
  .productbox.type-controls .controls-innerwrap:before {
    content: " ";
    overflow: hidden;
    display: block;
    opacity: 0;
    transition: opacity 0.2s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #05519f;
    background: linear-gradient(
      -45deg,
      #05519f,
      #449df9,
      #05519f,
      #449df9,
      #05519f
    );
    background-size: 200% 200%;
    animation: gradient 1.5s linear infinite;
    height: 0.3rem;
    z-index: 5;
  }
  .productbox.type-controls .controls-addbtn,
  .productbox.type-controls .controls-btn {
    background-color: #fff;
    transition: background-color 80ms linear;
  }
  .productbox.type-controls .controls-addbtn:active,
  .productbox.type-controls .controls-btn:active {
    background-color: #f0f0f0;
  }
  .productbox.type-controls .controls-btn {
    position: static;
    display: block;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    color: #3db662;
  }
  .productbox.type-controls .controls-btn.controls-minus {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .productbox.type-controls .controls-btn.controls-plus {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
  }
  .productbox.type-controls .controls-addbtn {
    display: block;
    width: 100%;
    line-height: 5rem;
    border-radius: 2.5rem;
  }
  .productbox.type-controls .controls-count {
    opacity: 1;
  }
  .productbox .productbox-controls {
    position: relative;
    z-index: 2;
    border-radius: 2.2rem;
    box-shadow: 0 0.2rem 3rem 0 rgba(0, 0, 0, 0.2);
  }
  @media (max-width: 960px) {
    .productbox .productbox-controls {
      border-radius: 1.7rem;
    }
  }
  .productbox .controls-innerwrap {
    transition: width 0.2s ease;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 4.4rem;
    width: 4.4rem;
    font-size: 1.4rem;
    border-radius: 2.2rem;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  }
  @media (max-width: 960px) {
    .productbox .controls-innerwrap {
      font-size: 1.2rem;
      height: 3.4rem;
      width: 3.4rem;
      border-radius: 1.7rem;
    }
  }
  .productbox .controls-innerwrap:before {
    content: " ";
    overflow: hidden;
    display: block;
    opacity: 0;
    transition: opacity 0.2s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #3db662;
    background: linear-gradient(
      -45deg,
      #3db662,
      #aae2bb,
      #3db662,
      #aae2bb,
      #3db662
    );
    background-size: 200% 200%;
    animation: gradient 1.5s linear infinite;
    height: 0.3rem;
    z-index: 5;
  }
  .productbox.quantity-loading .controls-innerwrap:before {
    opacity: 1;
  }
  .productbox.controls-active:not(.type-controls) .controls-minus {
    display: flex;
  }
  .productbox.controls-active:not(.type-controls).controls-show
    .controls-innerwrap {
    width: 15.4rem;
  }
  @media (max-width: 960px) {
    .productbox.controls-active:not(.type-controls).controls-show
      .controls-innerwrap {
      width: 12rem;
    }
  }
  .productbox.controls-active:not(.type-controls).controls-show .controls-count,
  .productbox.controls-active:not(.type-controls).controls-show .controls-minus {
    opacity: 1;
  }
  .productbox .controls-btn {
    width: 4.4rem;
    height: 4.4rem;
    position: absolute;
    top: 0;
    display: flex;
    background-color: #fff;
    color: #3db662;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    right: 0;
    transition: background-color 0.2s ease, opacity 0.2s ease;
  }
  @media (min-width: 960px) {
    .productbox .controls-btn:hover {
      background-color: #f6f6f6;
    }
  }
  @media (max-width: 960px) {
    .productbox .controls-btn {
      width: 3.4rem;
      height: 3.4rem;
      font-size: 1.2rem;
    }
  }
  .productbox .controls-minus {
    left: 0;
    display: none;
    opacity: 0;
    right: auto;
  }
  .productbox .controls-count {
    transition: opacity 0.2s ease;
    opacity: 0;
  }
  .productbox .productbox-wrap {
    display: flex;
    flex-flow: row wrap;
    white-space: normal;
  }
  .productbox .productbox-imagewrap {
    width: 8.4rem;
    height: 8.4rem;
    position: relative;
  }
  .productbox .productbox-content {
    flex: 1 0;
    margin-left: 1rem;
  }
  .productbox .productbox-promolabel {
    font-weight: 500;
    position: absolute;
    bottom: 0.5rem;
    background-color: #05519f;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 0.4rem;
    display: inline-block;
    letter-spacing: -0.025em;
  }
  .productbox .productbox-promolabel.alt {
    background-color: #ffe000;
    color: #33290a;
  }
  .productbox .productbox-promolabel.cargo-label {
    height: 4rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
  }
  .productbox .cashback-promolabel {
    background: #ffe000;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 0.4rem;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.1rem;
  }
  .productbox .cashback-promolabel span {
    font-size: 1.1rem;
  }
  .productbox .cashback-promolabel > div {
    font-size: 1.2rem;
  }
  .productbox .cashback-promolabel.fix-position {
    top: 5rem;
  }
  .btn {
    font-weight: 500;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    height: 4rem;
    letter-spacing: -0.015em;
    line-height: 1;
    padding: 0.5rem 3rem;
    border-radius: 0.4rem;
    background-color: #05519f;
    border: 0.1rem solid #05519f;
    color: #fff;
  }
  @media (min-width: 960px) {
    .btn {
      transition: background-color 0.2s ease, color 0.2s ease,
        border-color 0.2s ease;
    }
  }
  @media (max-width: 960px) {
    .btn {
      transition: background-color 80ms ease, color 80ms ease,
        border-color 80ms ease;
    }
  }
  .btn.block {
    width: 100%;
    display: flex;
  }
  .btn.block .btn-content {
    justify-content: center;
  }
  .btn.wide {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .btn.narrow,
  .btn.wide.small {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
  .btn.narrow.small {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .btn.big {
    padding: 0.5rem 3rem;
    height: 5rem;
  }
  .btn.big.rounded {
    border-radius: 2.5rem;
  }
  .btn.small {
    height: 3rem;
    padding: 0.3rem 1rem;
    font-size: 1.4rem;
  }
  .btn.small.rounded {
    border-radius: 1.6rem;
  }
  .btn.small.big-after-icon .btn-icon.post {
    font-size: 1.8rem;
    margin-left: 1rem;
  }
  .btn.small.small-icon .btn-icon.pre {
    font-size: 0.8rem;
    margin-right: 1rem;
  }
  .btn.small .btn-icon.pre {
    font-size: 1.8rem;
    margin-right: 1rem;
    padding-top: 0;
  }
  .btn.small .btn-icon.post {
    margin-left: 1rem;
    font-size: 0.8rem;
    padding-top: 0;
  }
  .btn.smaller {
    height: 2.4rem;
    padding: 0.2rem 0.9rem;
    font-size: 1.2rem;
  }
  .btn.smaller.rounded {
    border-radius: 1.2rem;
  }
  .btn.smaller.big-after-icon .btn-icon.post {
    font-size: 1.4rem;
    margin-left: 1rem;
  }
  .btn.smaller.small-icon .btn-icon.pre {
    font-size: 0.8rem;
    margin-right: 0.3rem;
  }
  .btn.smaller .btn-icon.pre {
    font-size: 1.4rem;
    margin-right: 1rem;
    padding-top: 0;
  }
  .btn.smaller .btn-icon.post {
    margin-left: 0.3rem;
    font-size: 0.8rem;
    padding-top: 0;
  }
  .btn.big-after-icon .btn-icon.post {
    font-size: 2.4rem;
    margin-left: 1.2rem;
  }
  .btn.text-small {
    font-size: 1.4rem;
  }
  .btn.rounded {
    border-radius: 2rem;
  }
  .btn.regular {
    font-weight: 400;
  }
  .btn.underline .btn-content {
    text-decoration: underline;
  }
  .btn.plain {
    background-color: transparent;
    border-color: transparent;
    color: #33290a;
    padding: 0;
    height: auto;
    font-weight: inherit;
  }
  @media (min-width: 960px) {
    .btn.plain:not(.no-hover):not(:disabled):hover {
      background-color: rgba(15, 15, 15, 0);
      border-color: rgba(15, 15, 15, 0);
      color: #33290a;
    }
  }
  .btn.plain:not(.no-hover):not(:disabled):active,
  .btn.plain:not(.no-hover):not(:disabled):focus {
    background-color: rgba(15, 15, 15, 0);
    border-color: rgba(15, 15, 15, 0);
    color: #33290a;
  }
  .btn.plain.outline {
    background-color: transparent;
    color: transparent;
  }
  @media (min-width: 960px) {
    .btn.plain.outline:not(.no-hover):not(:disabled):hover {
      background-color: transparent;
      border-color: transparent;
      color: #33290a;
    }
  }
  .btn.plain.outline:not(.no-hover):not(:disabled):active,
  .btn.plain.outline:not(.no-hover):not(:disabled):focus {
    background-color: rgba(15, 15, 15, 0);
    border-color: rgba(15, 15, 15, 0);
    color: #33290a;
  }
  .btn.show-status .btn-content {
    opacity: 0;
    transform: scale(0.9);
  }
  .btn.show-status .btn-statuswrap {
    opacity: 1;
    transform: scale(1);
  }
  @media (min-width: 960px) {
    .btn:not(.no-hover):not(:disabled):hover {
      background-color: #0660bd;
      border-color: #0660bd;
      color: #fff;
    }
  }
  .btn:not(.no-hover):not(:disabled):active,
  .btn:not(.no-hover):not(:disabled):focus {
    background-color: #0660bd;
    border-color: #0660bd;
    color: #fff;
  }
  .btn.outline {
    background-color: transparent;
    color: #05519f;
  }
  @media (min-width: 960px) {
    .btn.outline:not(.no-hover):not(:disabled):hover {
      background-color: #05519f;
      border-color: #05519f;
      color: #fff;
    }
  }
  .btn.outline:not(.no-hover):not(:disabled):active,
  .btn.outline:not(.no-hover):not(:disabled):focus {
    background-color: #0660bd;
    border-color: #0660bd;
    color: #fff;
  }
  .btn.nude {
    background-color: transparent;
    border-color: transparent;
    color: #33290a;
  }
  @media (min-width: 960px) {
    .btn.nude:not(.no-hover):not(:disabled):hover {
      background-color: rgba(15, 15, 15, 0);
      border-color: rgba(15, 15, 15, 0);
      color: #33290a;
    }
  }
  .btn.nude:not(.no-hover):not(:disabled):active,
  .btn.nude:not(.no-hover):not(:disabled):focus {
    background-color: rgba(15, 15, 15, 0);
    border-color: rgba(15, 15, 15, 0);
    color: #33290a;
  }
  .btn.nude.outline {
    background-color: transparent;
    color: transparent;
  }
  @media (min-width: 960px) {
    .btn.nude.outline:not(.no-hover):not(:disabled):hover {
      background-color: transparent;
      border-color: transparent;
      color: #33290a;
    }
  }
  .btn.nude.outline:not(.no-hover):not(:disabled):active,
  .btn.nude.outline:not(.no-hover):not(:disabled):focus {
    background-color: rgba(15, 15, 15, 0);
    border-color: rgba(15, 15, 15, 0);
    color: #33290a;
  }
  .btn.yellow {
    background-color: #ffe000;
    border-color: #ffe000;
    color: #33290a;
  }
  @media (min-width: 960px) {
    .btn.yellow:not(.no-hover):not(:disabled):hover {
      background-color: #ffe41f;
      border-color: #ffe41f;
      color: #33290a;
    }
  }
  .btn.yellow:not(.no-hover):not(:disabled):active,
  .btn.yellow:not(.no-hover):not(:disabled):focus {
    background-color: #ffe41f;
    border-color: #ffe41f;
    color: #33290a;
  }
  .btn.yellow.outline {
    background-color: transparent;
    color: #ffe000;
  }
  @media (min-width: 960px) {
    .btn.yellow.outline:not(.no-hover):not(:disabled):hover {
      background-color: #ffe000;
      border-color: #ffe000;
      color: #33290a;
    }
  }
  .btn.yellow.outline:not(.no-hover):not(:disabled):active,
  .btn.yellow.outline:not(.no-hover):not(:disabled):focus {
    background-color: #ffe41f;
    border-color: #ffe41f;
    color: #33290a;
  }
  .btn.black {
    background-color: #000;
    border-color: #000;
    color: #fff;
  }
  @media (min-width: 960px) {
    .btn.black:not(.no-hover):not(:disabled):hover {
      background-color: #0f0f0f;
      border-color: #0f0f0f;
      color: #fff;
    }
  }
  .btn.black:not(.no-hover):not(:disabled):active,
  .btn.black:not(.no-hover):not(:disabled):focus {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
    color: #fff;
  }
  .btn.black.outline {
    background-color: transparent;
    color: #000;
  }
  @media (min-width: 960px) {
    .btn.black.outline:not(.no-hover):not(:disabled):hover {
      background-color: #000;
      border-color: #000;
      color: #fff;
    }
  }
  .btn.black.outline:not(.no-hover):not(:disabled):active,
  .btn.black.outline:not(.no-hover):not(:disabled):focus {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
    color: #fff;
  }
  .btn.text {
    background-color: #33290a;
    border-color: #33290a;
    color: #fff;
  }
  @media (min-width: 960px) {
    .btn.text:not(.no-hover):not(:disabled):hover {
      background-color: #4d3e0f;
      border-color: #4d3e0f;
      color: #fff;
    }
  }
  .btn.text:not(.no-hover):not(:disabled):active,
  .btn.text:not(.no-hover):not(:disabled):focus {
    background-color: #4d3e0f;
    border-color: #4d3e0f;
    color: #fff;
  }
  .btn.text.outline {
    background-color: transparent;
    color: #33290a;
  }
  @media (min-width: 960px) {
    .btn.text.outline:not(.no-hover):not(:disabled):hover {
      background-color: #33290a;
      border-color: #33290a;
      color: #fff;
    }
  }
  .btn.text.outline:not(.no-hover):not(:disabled):active,
  .btn.text.outline:not(.no-hover):not(:disabled):focus {
    background-color: #4d3e0f;
    border-color: #4d3e0f;
    color: #fff;
  }
  .btn.facebook {
    background-color: #3c5a9a;
    border-color: #3c5a9a;
    color: #fff;
  }
  @media (min-width: 960px) {
    .btn.facebook:not(.no-hover):not(:disabled):hover {
      background-color: #4567b0;
      border-color: #4567b0;
      color: #fff;
    }
  }
  .btn.facebook:not(.no-hover):not(:disabled):active,
  .btn.facebook:not(.no-hover):not(:disabled):focus {
    background-color: #4567b0;
    border-color: #4567b0;
    color: #fff;
  }
  .btn.facebook.outline {
    background-color: transparent;
    color: #3c5a9a;
  }
  @media (min-width: 960px) {
    .btn.facebook.outline:not(.no-hover):not(:disabled):hover {
      background-color: #3c5a9a;
      border-color: #3c5a9a;
      color: #fff;
    }
  }
  .btn.facebook.outline:not(.no-hover):not(:disabled):active,
  .btn.facebook.outline:not(.no-hover):not(:disabled):focus {
    background-color: #4567b0;
    border-color: #4567b0;
    color: #fff;
  }
  .btn.red {
    background-color: #ff3824;
    border-color: #ff3824;
    color: #fff;
  }
  @media (min-width: 960px) {
    .btn.red:not(.no-hover):not(:disabled):hover {
      background-color: #ff5443;
      border-color: #ff5443;
      color: #fff;
    }
  }
  .btn.red:not(.no-hover):not(:disabled):active,
  .btn.red:not(.no-hover):not(:disabled):focus {
    background-color: #ff5443;
    border-color: #ff5443;
    color: #fff;
  }
  .btn.red.outline {
    background-color: transparent;
    color: #ff3824;
  }
  @media (min-width: 960px) {
    .btn.red.outline:not(.no-hover):not(:disabled):hover {
      background-color: #ff3824;
      border-color: #ff3824;
      color: #fff;
    }
  }
  .btn.red.outline:not(.no-hover):not(:disabled):active,
  .btn.red.outline:not(.no-hover):not(:disabled):focus {
    background-color: #ff5443;
    border-color: #ff5443;
    color: #fff;
  }
  .btn .btn-content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .btn .btn-content,
  .btn .btn-statuswrap {
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .btn .btn-statuswrap {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(1);
    transform: translateZ(0);
  }
  .btn .btn-statuswrap .icon-spinner {
    animation: spin 3s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  .btn .btn-icon.pre {
    font-size: 2.4rem;
    margin-right: 1.2rem;
    padding-top: 0.1em;
  }
  .btn .btn-icon.post {
    margin-left: 1.2rem;
    font-size: 1rem;
    padding-top: 0.1em;
  }
  .btn:disabled:not(.status-loading) {
    opacity: 0.5;
  }
  .inputwrap {
    display: block;
    position: relative;
    text-align: left;
    touch-action: manipulation;
  }
  .inputwrap .file-container,
  .inputwrap .input-uploadlabel,
  .inputwrap .inputwrap-input,
  .inputwrap .selectwrap-label,
  .inputwrap select + label,
  .inputwrap textarea {
    font-family: GTWalsheim, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #33290a;
    padding: 0.9rem 1.1rem;
    line-height: 2rem;
    font-size: 1.4rem;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    transition: color 0.2s ease, border-color 0.2s ease;
    background-color: #fff;
    touch-action: manipulation;
    border-radius: 0.4rem;
    border: 0.1rem solid #e7e7e7;
  }
  .inputwrap .file-container::placeholder,
  .inputwrap .input-uploadlabel::placeholder,
  .inputwrap .inputwrap-input::placeholder,
  .inputwrap .selectwrap-label::placeholder,
  .inputwrap select + label::placeholder,
  .inputwrap textarea::placeholder {
    opacity: 1;
    color: rgba(51, 41, 10, 0.25);
    transition: color 0.2s ease;
  }
  .inputwrap .file-container:-ms-input-placeholder,
  .inputwrap .input-uploadlabel:-ms-input-placeholder,
  .inputwrap .inputwrap-input:-ms-input-placeholder,
  .inputwrap .selectwrap-label:-ms-input-placeholder,
  .inputwrap select + label:-ms-input-placeholder,
  .inputwrap textarea:-ms-input-placeholder {
    color: rgba(51, 41, 10, 0.25);
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .inputwrap .file-container::-ms-input-placeholder,
  .inputwrap .input-uploadlabel::-ms-input-placeholder,
  .inputwrap .inputwrap-input::-ms-input-placeholder,
  .inputwrap .selectwrap-label::-ms-input-placeholder,
  .inputwrap select + label::-ms-input-placeholder,
  .inputwrap textarea::-ms-input-placeholder {
    color: rgba(51, 41, 10, 0.25);
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .inputwrap.error .file-container,
  .inputwrap.error .input-uploadlabel,
  .inputwrap.error .inputwrap-input,
  .inputwrap.error .selectwrap-label,
  .inputwrap.error select + label,
  .inputwrap.error textarea {
    border-color: #ff3824;
  }
  .inputwrap.error .input-label {
    color: #ff3824;
  }
  .inputwrap.disabled {
    opacity: 0.6;
  }
  .inputwrap.input-full.input-valid .file-container,
  .inputwrap.input-full.input-valid .input-uploadlabel,
  .inputwrap.input-full.input-valid .inputwrap-input,
  .inputwrap.input-full.input-valid .selectwrap-label,
  .inputwrap.input-full.input-valid select + label,
  .inputwrap.input-full.input-valid textarea {
    border-color: #3db662;
  }
  .inputwrap .input-innerwrap {
    position: relative;
  }
  .inputwrap .input-remaininglength {
    display: block;
    position: absolute;
    bottom: 0.4rem;
    right: 0.8rem;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.1rem;
  }
  .inputwrap .input-label {
    font-weight: 600;
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #33290a;
    transition: color 0.2s ease;
  }
  .inputwrap .input-label .label-text {
    padding: 0.2rem 0.6rem 0.4rem 0;
    display: inline-block;
  }
  .inputwrap .label-nth {
    font-weight: 400;
    float: right;
    color: rgba(51, 41, 10, 0.5);
  }
  @media (max-width: 960px) {
    .inputwrap .label-nth {
      display: none;
    }
  }
  .inputwrap .label-asterisk {
    font-size: 1.6rem;
  }
  .inputwrap .input-error {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0.4rem 0 0;
    color: #ff3824;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
  }
  .inputwrap .input-icon {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #33290a;
    top: 50%;
    left: 1.5rem;
    pointer-events: none;
    z-index: 2;
  }
  .inputwrap .input-icon,
  .inputwrap .input-info {
    position: absolute;
    transform: translate3d(0, -50%, 0);
  }
  .inputwrap .input-info {
    top: 2.3rem;
    right: 1.1rem;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.4rem;
    line-height: 0;
  }
  .inputwrap .input-info .popinfo-content {
    min-width: 20rem;
  }
  .inputwrap.type-text .inputwrap-input:focus {
    border-color: #05519f;
  }
  .inputwrap.type-textarea textarea {
    max-width: 100%;
    resize: none;
  }
  .inputwrap.type-textarea textarea:focus {
    border-color: #05519f;
  }
  .inputwrap.type-textarea.has-remaininglength textarea {
    padding-bottom: 2.5rem;
  }
  .inputwrap.type-file.input-full .file-container {
    font-weight: 600;
    color: #33290a;
    font-size: 1.2rem;
  }
  .inputwrap.type-file.input-full .input-icon {
    color: #33290a;
  }
  .inputwrap.type-file input[type="file"] {
    pointer-events: none;
    touch-action: manipulation;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    margin: 0;
  }
  .inputwrap.type-file .file-container {
    color: rgba(51, 41, 10, 0.25);
    overflow: hidden;
    margin: 0;
    padding-left: 2.5rem;
    min-height: 5.1rem;
    padding-top: 0;
    display: flex;
    flex-flow: row-wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .inputwrap.type-file .container-file {
    display: inline-block;
    margin-right: 1rem;
  }
  .inputwrap.type-file .container-remove {
    opacity: 0.8;
    width: 1.2rem;
    height: 1.2rem;
    transition: opacity 0.2s ease;
  }
  .inputwrap.type-file .container-remove img {
    width: 100%;
    display: block;
  }
  @media (min-width: 960px) {
    .inputwrap.type-file .container-remove:hover {
      opacity: 1;
    }
  }
  .inputwrap.type-file .input-icon {
    font-size: 2rem;
    color: #33290a;
  }
  .inputwrap.type-file.hide-empty {
    display: none;
  }
  .inputwrap.type-file.hide-empty.input-full {
    display: block;
  }
  .inputwrap.type-date input {
    padding-right: 5rem;
    touch-action: manipulation;
  }
  .inputwrap.type-date .input-icon {
    right: 2rem;
  }
  .inputwrap.type-select .selectwrap {
    display: block;
  }
  .inputwrap.type-checkbox .input-label,
  .inputwrap.type-radio .input-label {
    margin-bottom: 2.6rem;
  }
  .inputwrap.type-checkbox .checkwrap,
  .inputwrap.type-radio .checkwrap {
    font-weight: 400;
    position: relative;
  }
  .inputwrap.type-checkbox .checkwrap input,
  .inputwrap.type-radio .checkwrap input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .inputwrap.type-checkbox .checkwrap input:focus + label > .label-check,
  .inputwrap.type-radio .checkwrap input:focus + label > .label-check {
    border-color: #05519f;
  }
  .inputwrap.type-checkbox .checkwrap input:checked + label > .label-check,
  .inputwrap.type-radio .checkwrap input:checked + label > .label-check {
    border-width: 0.2rem;
    border-color: #33290a;
  }
  .inputwrap.type-checkbox .checkwrap input:checked + label > .label-check:before,
  .inputwrap.type-radio .checkwrap input:checked + label > .label-check:before {
    opacity: 1;
    transform: scale(1) translate3d(0, 5%, 0);
  }
  .inputwrap.type-checkbox .checkwrap input:checked:focus + label > .label-check,
  .inputwrap.type-radio .checkwrap input:checked:focus + label > .label-check {
    border-color: #05519f;
  }
  .inputwrap.type-checkbox .checkwrap input:disabled + label > .label-check,
  .inputwrap.type-radio .checkwrap input:disabled + label > .label-check {
    opacity: 0.6;
  }
  .inputwrap.type-checkbox .checkwrap input:disabled + label .label-content,
  .inputwrap.type-radio .checkwrap input:disabled + label .label-content {
    opacity: 0.5;
  }
  .inputwrap.type-checkbox .checkwrap input + label,
  .inputwrap.type-radio .checkwrap input + label {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    font-size: 1.4rem;
    letter-spacing: -0.015em;
    padding: 0.2rem 0 0.4rem;
    line-height: 1.2em;
    cursor: pointer;
    transition: color 0.2s ease;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox .checkwrap input + label,
    .inputwrap.type-radio .checkwrap input + label {
      font-size: 1.2rem;
    }
  }
  .inputwrap.type-checkbox .checkwrap input + label > .label-check,
  .inputwrap.type-radio .checkwrap input + label > .label-check {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid rgba(51, 41, 10, 0.5);
    cursor: pointer;
    margin-right: 1.3rem;
    transition: border-color 0.2s ease, background-color 0.2s ease;
  }
  .inputwrap.type-checkbox .checkwrap input + label > .label-check:before,
  .inputwrap.type-radio .checkwrap input + label > .label-check:before {
    display: block;
    font-size: 1.3rem;
    width: 1.3rem;
    height: 1.3rem;
    opacity: 0;
    color: #33290a;
    transition: opacity 0.2s ease;
    transform: scale(0.9) translate3d(0, 5%, 0);
  }
  .inputwrap.type-checkbox .checkwrap input + label .check-link,
  .inputwrap.type-radio .checkwrap input + label .check-link {
    color: #ff3824;
  }
  .inputwrap.type-checkbox .checkwrap input + label .label-content,
  .inputwrap.type-radio .checkwrap input + label .label-content {
    flex: 1 0;
  }
  .inputwrap.type-checkbox:not(.block).error .checkwrap input + label,
  .inputwrap.type-radio:not(.block).error .checkwrap input + label {
    color: #ff3824;
  }
  .inputwrap.type-checkbox.block .input-opts,
  .inputwrap.type-radio.block .input-opts {
    display: flex;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .input-opts,
    .inputwrap.type-radio.block .input-opts {
      display: block;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap,
  .inputwrap.type-radio.block .checkwrap {
    flex: 1 0;
    display: flex;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap,
    .inputwrap.type-radio.block .checkwrap {
      width: 100%;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap input + label,
  .inputwrap.type-radio.block .checkwrap input + label {
    display: flex;
    flex: 1 0;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    min-height: 14.4rem;
    padding: 2rem;
    border-radius: 0.4rem;
    border: 0.1rem solid rgba(51, 41, 10, 0.5);
    color: rgba(51, 41, 10, 0.5);
    text-align: center;
    transition: color 0.2s ease, background-color 0.2s ease,
      border-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap input + label:hover,
    .inputwrap.type-radio.block .checkwrap input + label:hover {
      border-color: #33290a;
      color: #33290a;
    }
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap input + label,
    .inputwrap.type-radio.block .checkwrap input + label {
      padding: 1rem 1.2rem;
      flex-flow: row wrap;
      min-height: 6rem;
      justify-content: flex-start;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap input:checked + label,
  .inputwrap.type-radio.block .checkwrap input:checked + label {
    border-color: #3db662;
    color: #3db662;
    background-color: rgba(61, 182, 98, 0.5);
  }
  .inputwrap.type-checkbox.block .checkwrap .label-text,
  .inputwrap.type-radio.block .checkwrap .label-text {
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap .label-text,
    .inputwrap.type-radio.block .checkwrap .label-text {
      margin-left: 4.9rem;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap .label-icon,
  .inputwrap.type-radio.block .checkwrap .label-icon {
    font-size: 5rem;
    margin-bottom: 2rem;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap .label-icon,
    .inputwrap.type-radio.block .checkwrap .label-icon {
      margin: 0;
      font-size: 3.5rem;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap .label-icon + .label-text,
  .inputwrap.type-radio.block .checkwrap .label-icon + .label-text {
    height: 1.4rem;
    overflow: visible;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap .label-icon + .label-text,
    .inputwrap.type-radio.block .checkwrap .label-icon + .label-text {
      height: auto;
      margin-left: 1.4rem;
    }
  }
  .inputwrap.type-checkbox.block .checkwrap + .checkwrap,
  .inputwrap.type-radio.block .checkwrap + .checkwrap {
    margin-left: 2rem;
  }
  @media (max-width: 960px) {
    .inputwrap.type-checkbox.block .checkwrap + .checkwrap,
    .inputwrap.type-radio.block .checkwrap + .checkwrap {
      margin: 2rem 0 0;
    }
  }
  .inputwrap.type-checkbox.hollow .checkwrap input + label > .label-check,
  .inputwrap.type-checkbox.hollow .checkwrap input:checked + label > .label-check,
  .inputwrap.type-radio.hollow .checkwrap input + label > .label-check,
  .inputwrap.type-radio.hollow .checkwrap input:checked + label > .label-check {
    border: none;
    box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
  }
  .inputwrap.type-radio .checkwrap input:checked + label > .label-check:before {
    transform: scale(1) translateZ(0);
  }
  .inputwrap.type-radio .checkwrap input + label > .label-check {
    border-radius: 50%;
  }
  .inputwrap.type-radio .checkwrap input + label > .label-check:before {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    content: " ";
    background-color: #05519f;
    transform: scale(0.9) translateZ(0);
  }
  .inputwrap.dark .file-container,
  .inputwrap.dark .input-uploadlabel,
  .inputwrap.dark .inputwrap-input,
  .inputwrap.dark .selectwrap-label,
  .inputwrap.dark select + label,
  .inputwrap.dark textarea {
    border-color: #ccc;
  }
  .inputwrap.big .file-container,
  .inputwrap.big .input-uploadlabel,
  .inputwrap.big .inputwrap-input,
  .inputwrap.big .selectwrap-label,
  .inputwrap.big select + label,
  .inputwrap.big textarea {
    padding: 1.4rem 2.4rem;
  }
  .inputwrap.big .input-icon {
    left: 2.5rem;
  }
  .inputwrap.big.has-icon .file-container,
  .inputwrap.big.has-icon .input-uploadlabel,
  .inputwrap.big.has-icon .inputwrap-input,
  .inputwrap.big.has-icon .selectwrap-label,
  .inputwrap.big.has-icon select + label,
  .inputwrap.big.has-icon textarea {
    padding-left: 5.6rem;
  }
  .inputwrap.high .inputwrap-input,
  .inputwrap.high input[type="file"] + label,
  .inputwrap.high select + label {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .inputwrap.high .input-icon,
  .inputwrap.high .input-info {
    top: 2.5rem;
  }
  .inputwrap.has-icon .file-container,
  .inputwrap.has-icon .input-uploadlabel,
  .inputwrap.has-icon .inputwrap-input,
  .inputwrap.has-icon .selectwrap-label,
  .inputwrap.has-icon select + label,
  .inputwrap.has-icon textarea {
    padding-left: 4.4rem;
  }
  .selectwrap {
    display: inline-block;
    position: relative;
  }
  .selectwrap .selectwrap-label {
    position: relative;
    z-index: 2rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .selectwrap .selectwrap-label:after {
    font-size: 0.8rem;
  }
  .selectwrap select {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .form-container .form-message {
    margin-bottom: 1rem;
    border-radius: 0.4rem;
    border: 0.1rem solid #ccc;
    background-color: #f6f6f6;
    padding: 1rem;
    font-size: 1.4rem;
    display: block;
    width: 100%;
  }
  .form-container .form-message.error {
    border-color: #ff3824;
    color: #ff3824;
    background-color: rgba(255, 56, 36, 0.2);
  }
  .form-container .form-group + .form-group {
    margin-top: 1.8rem;
  }
  .form-container .form-group + .form-group.apart {
    margin-top: 2.8rem;
  }
  .form-container .form-group + .form-group.narrow {
    margin-top: 1rem;
  }
  .form-container .form-controls {
    text-align: right;
  }
  .form-container .form-controls > * + * {
    margin-left: 1rem;
  }
  .swiper-lazy {
    transition: opacity 0.2s ease;
    opacity: 0;
  }
  .swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
  }
  .image {
    transition: opacity 0.2s ease;
  }
  .image.image-loading {
    opacity: 0;
  }
  .image.bg .imagewrap-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .image.bg.contain .imagewrap-image {
    background-size: contain;
  }
  .image.bg.abs {
    position: relative;
  }
  .image.bg.abs .imagewrap-image {
    position: absolute;
  }
  [data-toggler-key] {
    display: none;
  }
  [data-toggler-key].toggler-active {
    display: block;
  }
  .collapser {
    font-size: 1.4rem;
  }
  .collapser.active .collapser-content {
    display: block;
    transition-duration: 0.3s;
  }
  .collapser.active.show .collapser-innerwrap {
    opacity: 1;
    transform: translateZ(0);
    transition-duration: 0.4s;
  }
  .collapser.active.show .btn-text {
    font-weight: 700;
  }
  .collapser.active.show .btn-icon {
    transform: rotate(90deg);
  }
  .collapser .collapser-btn {
    width: 100%;
    text-align: left;
    min-height: 5rem;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
    padding: 0 1.5rem;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .collapser .collapser-btn:hover {
      background-color: #fbfbfb;
    }
  }
  .collapser .collapser-btn:active {
    transition-duration: 80ms;
    background-color: #f6f6f6;
  }
  .collapser .btn-text {
    font-weight: inherit;
    flex: 1 0;
    font-size: inherit;
  }
  .collapser .btn-icon {
    font-size: 0.9rem;
    transition: transform 0.2s ease;
  }
  .collapser .collapser-content {
    display: none;
    max-height: 0;
    transition: max-height 0.3s ease;
    overflow: hidden;
    will-change: max-height;
    line-height: 1.28em;
  }
  .collapser .collapser-innerwrap {
    opacity: 0;
    padding: 2rem 1.5rem 3.6rem;
    transform: translate3d(0, -2rem, 0);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .loader-container {
    position: relative;
    min-height: 15rem;
    z-index: 1;
  }
  .loader-container > .loader {
    position: absolute;
  }
  .loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, 0.9);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .loader.inner {
    position: absolute;
  }
  .loader.static {
    position: relative;
  }
  .loader.strict {
    background-color: #fff;
  }
  .loader.dark {
    background-color: #f6f6f6;
  }
  .loader.oversize .loader-wrapper {
    min-height: 50rem;
  }
  .loader .loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loader .loader-message {
    font-size: 1.2rem;
    margin-bottom: 8rem;
  }
  .loader i {
    animation: spin 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #ffe000;
    font-size: 3rem;
  }
  .loader.show {
    opacity: 1;
  }
  .grid-container {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .grid-container.justify .row {
    justify-content: space-between;
  }
  .grid-container .row {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    justify-content: flex-start;
  }
  .grid-container .row.justify {
    justify-content: space-between;
  }
  .grid-container .row.col {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .grid-container .col {
    padding: 0 1rem;
    width: 100%;
  }
  .grid-container .col.flex {
    flex: 1 0;
  }
  .grid-container .col.x1 {
    width: 8.3333333333%;
  }
  .grid-container .col.x2 {
    width: 16.6666666667%;
  }
  .grid-container .col.x3 {
    width: 25%;
  }
  .grid-container .col.x4 {
    width: 33.3333333333%;
  }
  .grid-container .col.x5 {
    width: 41.6666666667%;
  }
  .grid-container .col.x6 {
    width: 50%;
  }
  .grid-container .col.x7 {
    width: 58.3333333333%;
  }
  .grid-container .col.x8 {
    width: 66.6666666667%;
  }
  .grid-container .col.x9 {
    width: 75%;
  }
  .grid-container .col.x10 {
    width: 83.3333333333%;
  }
  .grid-container .col.x11 {
    width: 91.6666666667%;
  }
  .grid-container .col.x12 {
    width: 100%;
  }
  @media (max-width: 960px) {
    .grid-container .col.m-x1 {
      width: 8.3333333333%;
    }
    .grid-container .col.m-x2 {
      width: 16.6666666667%;
    }
    .grid-container .col.m-x3 {
      width: 25%;
    }
    .grid-container .col.m-x4 {
      width: 33.3333333333%;
    }
    .grid-container .col.m-x5 {
      width: 41.6666666667%;
    }
    .grid-container .col.m-x6 {
      width: 50%;
    }
    .grid-container .col.m-x7 {
      width: 58.3333333333%;
    }
    .grid-container .col.m-x8 {
      width: 66.6666666667%;
    }
    .grid-container .col.m-x9 {
      width: 75%;
    }
    .grid-container .col.m-x10 {
      width: 83.3333333333%;
    }
    .grid-container .col.m-x11 {
      width: 91.6666666667%;
    }
    .grid-container .col.m-x12 {
      width: 100%;
    }
  }
  .messenger-container {
    position: fixed;
    top: 1rem;
    width: 50rem;
    max-width: calc(100% - 3rem);
    right: 1.5rem;
    z-index: 55;
  }
  .messenger-container .messenger-message {
    font-size: 1.6rem;
    background-color: #ffa200;
    color: #fff;
    border-radius: 0.4rem;
    padding: 1rem 1.8em;
    opacity: 0;
    transform: translate3d(0, -0.5rem, 0);
    transition: transform 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;
    cursor: pointer;
    width: 100%;
  }
  .messenger-container .messenger-message + .messenger-message {
    margin-top: 1rem;
  }
  .messenger-container .messenger-message.show {
    opacity: 1;
    transform: translateZ(0);
  }
  .messenger-container .messenger-message.error {
    background-color: #ff3824;
  }
  @media (min-width: 960px) {
    .messenger-container .messenger-message.error:hover {
      background-color: #ff1c05;
    }
  }
  .messenger-container .messenger-message.warning {
    background-color: #ffa200;
  }
  @media (min-width: 960px) {
    .messenger-container .messenger-message.warning:hover {
      background-color: #e08f00;
    }
  }
  .messenger-container .messenger-message.success {
    background-color: #3db662;
  }
  @media (min-width: 960px) {
    .messenger-container .messenger-message.success:hover {
      background-color: #359f56;
    }
  }
  .modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    outline: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  @media (max-width: 960px) {
    .modal-container.mobile-full .modal-contentwrap {
      max-width: 100%;
      margin: 0 auto;
    }
    .modal-container.mobile-full .modal-header {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .modal-container.mobile-full .modal-closebtn {
      top: 1.5rem;
      right: 1.5rem;
      bottom: auto;
      color: #33290a;
    }
    .modal-container.mobile-full .modal-content {
      border-radius: 0;
      min-height: 100vh;
    }
  }
  .modal-container.top-level {
    z-index: 52;
  }
  .modal-container .modal-outerwrap {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .modal-container .modal-outerwrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .modal-container .modal-innerwrap {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
  .modal-container .modal-contentwrap {
    position: relative;
    width: 90rem;
    opacity: 0;
    z-index: 2;
    transform: translate3d(0, -0.5rem, 0);
    transition: opacity 0.4s ease, transform 0.3s ease;
    -webkit-backface-visibility: hidden;
    margin: calc(8vh + 2rem) auto calc(5rem + 8vh);
    max-width: calc(100% - 3rem);
  }
  @media (max-width: 960px) {
    .modal-container .modal-contentwrap {
      margin: 4rem auto 5rem;
    }
  }
  .modal-container .modal-header {
    font-weight: 500;
    position: relative;
    background-color: #ffe000;
    line-height: 2rem;
    padding: 1.6rem;
    text-align: center;
    font-size: 1.6rem;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
  .modal-container .modal-header + .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .modal-container .modal-header .header-leftcontrols {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-container .modal-header .leftcontrols-btn {
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
  }
  .modal-container .modal-content {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 2.3rem 2.7rem;
    background-color: #fff;
    border-radius: 0.4rem;
  }
  .modal-container .modal-closebtn {
    position: absolute;
    z-index: 50;
    bottom: calc(100% + 1.4rem);
    right: 0;
    color: #fff;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.8rem;
    border-radius: 50%;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 960px) {
    .modal-container .modal-closebtn:active {
      color: #ffe000;
    }
  }
  @media (min-width: 960px) {
    .modal-container .modal-closebtn:active,
    .modal-container .modal-closebtn:hover {
      color: #ffe000;
    }
  }
  .modal-container.show .modal-overlay {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .modal-container.show .modal-contentwrap {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s;
  }
  .modal-container.narrow .modal-contentwrap {
    width: 50rem;
  }
  .modal-overlay {
    position: fixed;
    line-height: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease 0.2s;
    z-index: 49;
  }
  .modal-overlay.top-level {
    z-index: 51;
  }
  .modal-overlay.show {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  @media (max-width: 960px) {
    .tabs-container {
      overflow: hidden;
    }
  }
  .tabs-container .tabs-labels {
    background-color: #fff9cd;
  }
  @media (max-width: 960px) {
    .tabs-container .tabs-labels {
      white-space: nowrap;
      overflow: auto;
      width: calc(100% + 7rem);
      margin: 0 -3.5rem;
    }
  }
  @media (min-width: 960px) {
    .tabs-container .tabs-labels.narrow .labels-innerwrap {
      justify-content: flex-start;
      padding-right: 20%;
    }
  }
  .tabs-container .labels-innerwrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    padding: 0 1.5rem;
  }
  @media (max-width: 960px) {
    .tabs-container .labels-innerwrap {
      display: inline-block;
      white-space: nowrap;
      width: auto;
      margin: 0 3.5rem;
    }
  }
  .tabs-container .labels-innerwrap:before {
    content: " ";
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
  }
  @media (max-width: 960px) {
    .tabs-container .labels-innerwrap:before {
      bottom: 0.1rem;
    }
  }
  @media (max-width: 960px) {
    .tabs-container .labels-item {
      display: inline-block;
    }
  }
  .tabs-container .labels-item + .labels-item {
    margin-left: 5.7rem;
  }
  .tabs-container .item-btn {
    font-weight: 700;
    color: #33290a;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 2.8rem 0 1.3rem;
    text-align: left;
    transition: color 0.2s ease;
    position: relative;
    z-index: 3;
    display: inline-block;
    transform: translateZ(0);
  }
  @media (max-width: 960px) {
    .tabs-container .item-btn {
      padding-top: 1.8rem;
    }
  }
  .tabs-container .item-btn:before {
    content: " ";
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5rem;
    background-color: #ffa200;
    transform: scaleX(0) translateZ(0);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform-origin: top center;
    z-index: 3;
    border: none;
  }
  .tabs-container .item-btn.active:before {
    opacity: 1;
    transform: scaleX(1) translateZ(0);
  }
  .tabs-container .tabs-items {
    padding: 0;
  }
  .tabs-container .items-tab {
    opacity: 0;
    transition: opacity 0.35s ease;
    display: none;
  }
  .tabs-container .items-tab.active {
    display: block;
  }
  .tabs-container .items-tab.show {
    opacity: 1;
  }
  .searchbar {
    position: relative;
  }
  @media (min-width: 960px) {
    .searchbar .searchbar-input.input-full .inputwrap-input,
    .searchbar .searchbar-input.input-valid .inputwrap-input,
    .searchbar .searchbar-input.inputwrap .inputwrap-input {
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
      border-color: #fff;
    }
  }
  .pagination {
    display: flex;
  }
  .pagination,
  .pagination .pagination-btn {
    align-items: center;
    justify-content: center;
  }
  .pagination .pagination-btn {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
    box-sizing: initial;
    font-size: 1.6rem;
    line-height: 1;
    color: #05519f;
    margin: 0 0.5rem;
    display: inline-flex;
  }
  .pagination .pagination-btn.active {
    border-color: #05519f;
  }
  .pagination .pagination-btn.seperator {
    color: rgba(51, 41, 10, 0.5);
    margin: 0;
  }
  .placeholder {
    background-color: #efefef;
    background: linear-gradient(
      -45deg,
      #efefef,
      #f7f7f7,
      #efefef,
      #f7f7f7,
      #efefef
    );
    background-size: 400% 400%;
    animation: crossGradient 15s linear infinite;
    border-radius: 0.4rem;
  }
  .placeholder.light {
    background-color: #f6f6f6;
    background: linear-gradient(
      -45deg,
      #f6f6f6,
      #fefefe,
      #f6f6f6,
      #fefefe,
      #f6f6f6
    );
  }
  .placeholder.blue {
    background-color: rgba(5, 81, 159, 0.4);
    background: linear-gradient(
      -45deg,
      rgba(5, 81, 159, 0.4),
      rgba(5, 82, 161, 0.03),
      rgba(5, 81, 159, 0.4),
      rgba(5, 82, 161, 0.03),
      rgba(5, 81, 159, 0.4)
    );
  }
  .placeholder.yellow {
    background-color: rgba(255, 224, 0, 0.4);
    background: linear-gradient(
      -45deg,
      rgba(255, 224, 0, 0.4),
      rgba(255, 224, 2, 0.03),
      rgba(255, 224, 0, 0.4),
      rgba(255, 224, 2, 0.03),
      rgba(255, 224, 0, 0.4)
    );
  }
  .placeholder.yellow-light {
    background-color: rgba(255, 243, 153, 0.4);
    background: linear-gradient(
      -45deg,
      rgba(255, 243, 153, 0.4),
      rgba(255, 243, 155, 0.03),
      rgba(255, 243, 153, 0.4),
      rgba(255, 243, 155, 0.03),
      rgba(255, 243, 153, 0.4)
    );
  }
  .pricetag {
    display: inline-flex;
    align-items: center;
    flex-flow: row nowrap;
    font-weight: 500;
    padding: 0.3rem 0.6rem 0.3rem 0.3rem;
    height: 2.8rem;
    line-height: 2.2rem;
    background-color: #ffe000;
    color: #ff3824;
    border-radius: 0.4rem;
    font-size: 2rem;
  }
  .pricetag:has(.old) {
    font-weight: 800;
    font-size: 1.8rem;
  }
  .pricetag:not(:has(.old)) {
    padding: 0.3rem 0.6rem;
  }
  .pricetag .old-wrapper {
    margin-right: 1.3rem;
    position: relative;
  }
  .pricetag .old-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.4rem;
    width: calc(100% - 0.4rem);
    height: 0.13rem;
    background: #05519f;
    transform: rotate(12deg);
    z-index: 10;
  }
  .pricetag span {
    display: inline-block;
    letter-spacing: 0;
  }
  @media (max-width: 960px) {
    .pricetag span {
      font-size: 1.4rem;
    }
  }
  .pricetag span:before {
    content: "₺";
  }
  .pricetag span.old {
    font-size: 1.3rem;
    color: #ffe000;
    height: 2.2rem;
    background: #ff3824;
    border-radius: 0.4rem 0 0 0.4rem;
    padding: 0 0.4rem;
    position: relative;
    font-weight: 400;
    z-index: 1;
  }
  .pricetag span.old:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0.305rem;
    right: -0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    transform: rotate(45deg);
    border-radius: 0.1rem 0.3rem 0.1rem 0.1rem;
    background: #ff3824;
  }
  @media (max-width: 960px) {
    .pricetag span.old {
      font-size: 1.2rem;
    }
  }
  .pricetag span + span {
    margin-left: 0.7rem;
  }
  .pricetag.info-price {
    height: 3.5rem;
    font-size: 2.6rem;
  }
  .pricetag.info-price span.old {
    height: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
  }
  .pricetag.info-price span.old:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0.44rem;
    right: -1.05rem;
    width: 2.2rem;
    height: 2.1rem;
    transform: rotate(45deg);
    border-radius: 0.1rem 0.3rem 0.1rem 0.1rem;
    background: #ff3824;
  }
  .pricetag.info-price .old-wrapper {
    margin-right: 2rem;
  }
  .pricetag.info-price:has(.old) > span {
    font-weight: 800;
    font-size: 2.2rem !important;
  }
  .wysiwyg {
    font-weight: 400;
  }
  .wysiwyg > * {
    margin: 0.5em 0 0.2em;
  }
  .wysiwyg > :first-child {
    margin-top: 0;
  }
  .wysiwyg > :last-child {
    margin-bottom: 0;
  }
  .wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6 {
    font-weight: 800;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    font-size: 1.1em;
  }
  .wysiwyg h1 + *,
  .wysiwyg h2 + *,
  .wysiwyg h3 + *,
  .wysiwyg h4 + *,
  .wysiwyg h5 + *,
  .wysiwyg h6 + * {
    margin-top: 0;
  }
  .wysiwyg b,
  .wysiwyg strong {
    color: #33290a;
  }
  .wysiwyg ul:not(.no-list) {
    list-style: disc inside;
  }
  .wysiwyg ul:not(.no-list) li + li {
    margin-top: 0.5em;
  }
  .wysiwyg blockquote {
    font-family: inherit;
    color: #33290a;
    font-size: 1.45em;
    line-height: 1.44em;
    position: relative;
  }
  @media (max-width: 960px) {
    .wysiwyg blockquote {
      padding-left: 3.9rem;
      padding-right: 3.9rem;
    }
  }
  .wysiwyg blockquote:after,
  .wysiwyg blockquote:before {
    position: absolute;
    color: #000;
    font-size: 6em;
    opacity: 0.05;
  }
  @media (max-width: 960px) {
    .wysiwyg blockquote:after,
    .wysiwyg blockquote:before {
      font-size: 9rem;
    }
  }
  .wysiwyg blockquote:before {
    content: "“";
    top: 0.25em;
    right: calc(100% + 0.1em);
  }
  @media (max-width: 960px) {
    .wysiwyg blockquote:before {
      left: 0;
      right: auto;
    }
  }
  .wysiwyg blockquote:after {
    content: "“";
    bottom: 0.25em;
    left: 100%;
    transform: rotate(180deg);
  }
  @media (max-width: 960px) {
    .wysiwyg blockquote:after {
      right: 0;
      left: auto;
    }
  }
  .wysiwyg .text-small {
    font-size: 0.8em;
  }
  @media (max-width: 960px) {
    .wysiwyg .text-small {
      font-size: 0.5em;
    }
  }
  .wysiwyg table {
    width: 100%;
    border: 0.1rem solid #e7e7e7;
    border-collapse: collapse;
    font-size: 0.8em;
  }
  .wysiwyg table td {
    border: 0.1rem solid #e7e7e7;
    padding: 0.5rem;
  }
  .wysiwyg.highlight-links a,
  .wysiwyg.highlight-links a *,
  .wysiwyg.highlight-links button,
  .wysiwyg.highlight-links button * {
    color: #05519f;
    text-decoration: underline;
  }
  @media (max-width: 960px) {
    .wysiwyg.highlight-links a:active,
    .wysiwyg.highlight-links a :active,
    .wysiwyg.highlight-links button:active,
    .wysiwyg.highlight-links button :active {
      color: #044281;
    }
  }
  @media (min-width: 960px) {
    .wysiwyg.highlight-links a:active,
    .wysiwyg.highlight-links a :active,
    .wysiwyg.highlight-links a:hover,
    .wysiwyg.highlight-links a :hover,
    .wysiwyg.highlight-links button:active,
    .wysiwyg.highlight-links button :active,
    .wysiwyg.highlight-links button:hover,
    .wysiwyg.highlight-links button :hover {
      color: #044281;
    }
  }
  .breadcrumbs {
    font-weight: 500;
    background-color: #efefef;
    color: rgba(51, 41, 10, 0.7);
    font-size: 1rem;
  }
  .breadcrumbs .breadcrumbs-wrap {
    position: relative;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  .breadcrumbs .breadcrumbs-wrap:after,
  .breadcrumbs .breadcrumbs-wrap:before {
    content: " ";
    overflow: hidden;
    display: block;
    background: #fff;
    z-index: 4;
    position: absolute;
    top: 0;
    bottom: 2rem;
    width: 5rem;
    right: 0;
    pointer-events: none;
    background: linear-gradient(
      -90deg,
      #efefef,
      hsla(0, 0%, 93.7%, 0.8),
      hsla(0, 0%, 93.7%, 0)
    );
  }
  @media (max-width: 960px) {
    .breadcrumbs .breadcrumbs-wrap:after,
    .breadcrumbs .breadcrumbs-wrap:before {
      width: 1.5rem;
    }
  }
  .breadcrumbs .breadcrumbs-wrap:before {
    left: 0;
    right: auto;
    transform: rotate(180deg);
  }
  .breadcrumbs .breadcrumbs-list {
    white-space: nowrap;
    padding: 2rem 0 2rem calc(50vw - 62rem);
  }
  @media (max-width: 960px) {
    .breadcrumbs .breadcrumbs-list {
      padding: 2rem 1.5rem;
    }
  }
  .breadcrumbs .breadcrumbs-item {
    display: inline-block;
  }
  .breadcrumbs .breadcrumbs-item:last-child {
    padding-right: 5rem;
  }
  @media (max-width: 960px) {
    .breadcrumbs .breadcrumbs-item:last-child {
      padding-right: 1.5rem;
    }
  }
  .breadcrumbs .breadcrumbs-item + .breadcrumbs-item {
    margin-left: 0.5rem;
  }
  .breadcrumbs .breadcrumbs-item + .breadcrumbs-item:before {
    font-size: 0.5rem;
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .breadcrumbs .item-link {
    transition: color 0.2s ease;
  }
  @media (min-width: 960px) {
    .breadcrumbs .item-link:hover {
      color: rgba(25, 20, 5, 0.7);
    }
  }
  .breadcrumbs .item-link:active,
  .breadcrumbs .item-link:focus {
    color: #33290a;
  }
  .cookie-disclaimer {
    position: fixed;
    z-index: 20;
    background-color: #fff399;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.5rem 0;
    font-size: 1.4rem;
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    transition: opacity 0.2s ease, transform 0.2s ease;
    line-height: 1.2em;
  }
  .cookie-disclaimer a {
    text-decoration: underline;
    color: #05519f;
  }
  .cookie-disclaimer.hide {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  .cookie-disclaimer .disclaimer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cookie-disclaimer .disclaimer-closebtn {
    margin-left: 2rem;
    padding: 1rem;
    margin-right: -1rem;
  }
  .win-logo-mobile {
    display: flex;
    align-items: center;
    padding: 1.4rem 1rem;
    width: 100%;
    justify-content: center;
    grid-gap: 1rem;
    gap: 1rem;
    background: linear-gradient(90deg, #063f79, #05519f);
    color: #fff;
    font-size: 1.4rem;
  }
  .win-logo-mobile img {
    height: 1.8rem;
  }
  .win-logo-mobile span {
    display: flex;
    align-items: center;
    grid-gap: 0.3rem;
    gap: 0.3rem;
  }
  body:has(.menu-mobilebtn.open) .mobile-app-banner {
    display: none !important;
  }
  .mobile-app-banner {
    background: #ffe000;
    display: none;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  @media (max-width: 960px) {
    .mobile-app-banner {
      display: flex;
    }
  }
  .mobile-app-banner img {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
  }
  .mobile-app-banner h6 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
  }
  .mobile-app-banner p {
    font-size: 1.3rem;
    opacity: 0.7;
  }
  .mobile-app-banner button {
    margin-left: auto;
    background: #05519f;
    color: #fff;
    height: 3rem;
    padding: 0 1.4rem;
    font-size: 1.4rem;
    border-radius: 0.3rem;
  }
  .section.header {
    position: relative;
    z-index: 40;
  }
  .section.header.plain .header-top {
    padding: 1.2rem 0;
  }
  .section.header .dropdown-container.show .dropdown,
  .section.header .dropdown-container:active .dropdown,
  .section.header .dropdown-container:hover .dropdown {
    display: block;
  }
  .section.header .dropdown-container.disable-dropdown.show .dropdown,
  .section.header .dropdown-container.disable-dropdown:active .dropdown,
  .section.header .dropdown-container.disable-dropdown:hover .dropdown {
    display: none;
  }
  .section.header .dropdown-container .dropdown {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    transform: translateZ(0);
  }
  .section.header .dropdown-container .dropdown-item .item-link {
    font-weight: 500;
    display: flex;
    width: 100%;
    text-align: left;
    align-items: center;
    flex-flow: row wrap;
    justify-content: flex-start;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 5rem;
    padding: 0 2.5rem 0 2rem;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .section.header .dropdown-container .dropdown-item .item-link.highlight {
    background-color: #fff399;
  }
  @media (min-width: 960px) {
    .section.header
      .dropdown-container
      .dropdown-item
      .item-link.highlight:hover {
      background-color: #fff185;
      color: inherit;
    }
  }
  .section.header .dropdown-container .dropdown-item .item-link.highlight:active {
    background-color: #ffef7a;
  }
  .section.header .dropdown-container .dropdown-item .item-link i {
    font-size: 1.9rem;
    margin: 0 1.5rem 0 0.5rem;
  }
  .section.header .dropdown-container .dropdown-item .item-link span {
    flex: 1 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  @media (min-width: 960px) {
    .section.header .dropdown-container .dropdown-item .item-link:hover {
      background-color: #f5f5f5;
      color: #05519f;
    }
  }
  .section.header .dropdown-container .dropdown-item .item-link:active {
    background-color: #f0f0f0;
  }
  .section.header .dropdown-container .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(51, 41, 10, 0.1);
  }
  .section.header .dropdown-container .dropdown-wrap {
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 0.4rem;
  }
  .section.header .dropdown-container .dropdown-loader {
    font-size: 1.4rem;
    padding: 1rem 2.5rem 1rem 2rem;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.header .header-mobilemenu {
    font-weight: 500;
    position: fixed;
    font-size: 1.4rem;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #f6f6f6;
    display: none;
    opacity: 0;
    flex-flow: column wrap;
    transition: opacity 0.2s ease;
  }
  .section.header .header-mobilemenu:before {
    height: 6.4rem;
    background-color: #ffe000;
    display: block;
    content: " ";
  }
  .section.header .header-mobilemenu.active {
    display: flex;
  }
  .section.header .header-mobilemenu.active.show {
    opacity: 1;
  }
  .section.header .header-mobilemenu .mobilemenu-contentwrap {
    flex: 1 0;
    overflow-h: auto;
    overflow-x: hidden;
    padding-bottom: 3.5rem;
    width: 100%;
  }
  .section.header .header-mobilemenu .mobilemenu-search {
    padding: 1rem;
  }
  .section.header .header-mobilemenu .mobilemenu-section {
    box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 0, 0, 0.1);
  }
  .section.header .header-mobilemenu .mobilemenu-section + .mobilemenu-section {
    margin-top: 5rem;
  }
  .section.header .header-mobilemenu .section-title {
    font-weight: inherit;
    line-height: 2rem;
    padding: 1.5rem 0;
    display: block;
    background-color: #fff399;
  }
  .section.header .header-mobilemenu .section-title i {
    font-size: 2rem;
    margin-right: 0.6rem;
  }
  .section.header .header-mobilemenu .section-loader {
    padding: 1rem 0;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.header .header-mobilemenu .list-item {
    background-color: #fff;
  }
  .section.header .header-mobilemenu .list-item + .list-item {
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.header .header-mobilemenu .link-wrap {
    padding: 1.3rem 0 1.3rem 2.9rem;
    line-height: 2rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .section.header .header-mobilemenu .link-wrap .win-logo-mini {
    margin-left: -0.4rem;
  }
  .section.header .header-mobilemenu .link-wrap.has-icon {
    padding-left: 0;
  }
  .section.header .header-mobilemenu .link-wrap i {
    font-size: 1.8rem;
    margin-right: 1.1rem;
  }
  .section.header .header-mobilemenu .link-wrap i.small {
    font-size: 1.4rem;
    margin-left: 0.2rem;
    margin-right: 1.3rem;
  }
  .section.header .header-operatorinfo {
    background-color: #05519f;
    color: #fff;
    padding: 2rem 0;
  }
  .section.header .operatorinfo-wrap {
    display: flex;
    align-items: center;
  }
  @media (max-width: 960px) {
    .section.header .operatorinfo-wrap {
      flex-flow: row wrap;
    }
  }
  .section.header .operatorinfo-title {
    margin-right: 2rem;
    font-size: 1.8rem;
  }
  @media (max-width: 960px) {
    .section.header .operatorinfo-title {
      width: 100%;
      margin-bottom: 1rem;
    }
  }
  .section.header .operatorinfo-data {
    flex: 1 0;
    font-size: 1.2rem;
  }
  .section.header .operatorinfo-infobar {
    margin-right: 3rem;
    font-size: 1.2rem;
    border: 0.1rem solid #fff;
    border-radius: 0.4rem;
    padding: 0.8rem 1.5rem;
    display: flex;
    align-items: center;
  }
  @media (max-width: 960px) {
    .section.header .operatorinfo-infobar {
      width: 100%;
      margin: 1rem 0 0;
      font-size: 1.2rem;
      display: block;
    }
  }
  .section.header .infobar-client {
    max-width: 36rem;
    line-height: 1.3em;
  }
  .section.header .client-icon {
    margin-right: 0.5rem;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: center;
  }
  .section.header .client-title {
    font-weight: 700;
  }
  .section.header .client-delivery {
    margin-top: 0.5rem;
  }
  .section.header .infobar-messages {
    display: flex;
    align-items: center;
    margin-left: 2rem;
  }
  @media (max-width: 960px) {
    .section.header .infobar-messages {
      margin: 1rem 0 0;
    }
  }
  .section.header .infobar-messages i {
    font-size: 2.3rem;
    margin-right: 1.5rem;
    color: #ffe000;
  }
  .section.header .messages-list > * + * {
    margin-top: 0.5rem;
  }
  @media (max-width: 960px) {
    .section.header .operatorinfo-controls {
      width: 100%;
      text-align: right;
      margin-top: 1rem;
    }
  }
  .section.header .header-top {
    background-color: #ffe000;
    padding: 1rem 0 2.5rem;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.header .header-top {
      padding: 1.1rem 0 0.7rem;
    }
  }
  .section.header .top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
  }
  .section.header .top-sidemenu {
    width: 100%;
    text-align: right;
    padding-bottom: 0.3rem;
  }
  .section.header .top-sidemenu > a {
    font-weight: 500;
    display: inline-block;
    font-size: 1.2rem;
    border-radius: 0.4rem;
    padding: 0.4rem 0.9rem;
    text-transform: uppercase;
    background-color: #05519f;
    color: #fff;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.header .top-sidemenu > a:hover {
      background-color: #044281;
    }
  }
  .section.header .top-sidemenu > a + a {
    margin-left: 1rem;
  }
  .section.header .top-logo {
    height: 4.6rem;
    display: block;
  }
  .section.header .logo-image {
    height: 100%;
  }
  .section.header .top-leftnav {
    display: flex;
    flex-flow: row wrap;
    width: 65.8rem;
  }
  @media (max-width: 960px) {
    .section.header .top-leftnav {
      align-items: center;
      width: auto;
    }
  }
  .section.header .leftnav-menu {
    position: relative;
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.header .leftnav-menu {
      z-index: 6;
    }
  }
  .section.header .leftnav-menu .menu-btn {
    font-size: 1.4rem;
  }
  .section.header .leftnav-menu .menu-btn .btn-icon.pre {
    margin-bottom: 0.2rem;
  }
  .section.header .leftnav-menu .menu-btn .btn-icon.post {
    margin-left: 4.3rem;
    margin-top: 0.3rem;
  }
  .section.header .leftnav-menu .menu-btn .btn-text {
    margin-top: 0.3rem;
  }
  .section.header .leftnav-menu .menu-mobilebtn {
    font-weight: 700;
    font-size: 1rem;
    margin-right: 2.8rem;
  }
  .section.header .leftnav-menu .menu-mobilebtn.open {
    border-left-color: transparent;
    transition: border-color 0.2s ease;
  }
  .section.header .leftnav-menu .menu-mobilebtn.open .mobilebtn-icon span.s1 {
    transform: translateY(1.7rem);
    opacity: 0;
  }
  .section.header .leftnav-menu .menu-mobilebtn.open .mobilebtn-icon span.s2 {
    transform: scaleX(1) rotate(-45deg);
  }
  .section.header .leftnav-menu .menu-mobilebtn.open .mobilebtn-icon span.s3 {
    transform: scaleX(1) rotate(45deg);
  }
  .section.header .leftnav-menu .menu-mobilebtn.open .mobilebtn-icon span.s4 {
    transform: translateY(-1.7rem);
    opacity: 0;
  }
  .section.header .leftnav-menu .menu-mobilebtn.accountmenu .mobilebtn-text {
    opacity: 0;
    transform: translateY(-100%);
  }
  .section.header
    .leftnav-menu
    .menu-mobilebtn.accountmenu
    .mobilebtn-accounttext {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.1s;
  }
  .section.header .leftnav-menu .mobilebtn-icon {
    width: 2.5rem;
    height: 1.7rem;
    display: block;
    position: relative;
    margin-bottom: 0.7rem;
  }
  .section.header .leftnav-menu .mobilebtn-icon span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #33290a;
    height: 0.3rem;
    border-radius: 0.2rem;
    transform-origin: 50% 50%;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .section.header .leftnav-menu .mobilebtn-icon span.s2,
  .section.header .leftnav-menu .mobilebtn-icon span.s3 {
    top: 0.7rem;
    transform: scaleX(0.818181) translateX(-8.1%);
  }
  .section.header .leftnav-menu .mobilebtn-icon span.s4 {
    top: 1.4rem;
  }
  .section.header .leftnav-menu .mobilebtn-accounttext,
  .section.header .leftnav-menu .mobilebtn-text {
    display: block;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .section.header .leftnav-menu .mobilebtn-accounttext {
    position: absolute;
    left: 3.2rem;
    top: 0.1rem;
    font-size: 1.5rem;
    transform: translateX(-10%);
    opacity: 0;
    pointer-events: none;
    transition-delay: 0ms;
  }
  .section.header .leftnav-menu .menu-dropdown {
    left: 0;
    padding-top: 1rem;
  }
  .section.header .leftnav-search {
    flex: 1 0;
    margin-left: 1.8rem;
  }
  .section.header .top-rightnav {
    font-weight: 500;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: flex-end;
    z-index: 2;
  }
  .section.header .rightnav-item {
    display: inline-block;
    margin-left: 2.4rem;
  }
  .section.header .rightnav-item:first-child {
    margin-left: 0 !important;
  }
  @media (max-width: 960px) {
    .section.header .rightnav-item {
      margin-left: 1.7rem;
    }
  }
  .section.header .win-logo {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    border-radius: 50%;
    background: #05519f;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section.header .win-logo img {
    max-width: 60%;
  }
  .section.header .rightnav-link {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 1.4rem;
    text-align: left;
    padding: 0.5rem 0;
  }
  .section.header .rightnav-link i {
    margin-right: 1rem;
    font-size: 2rem;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.header .rightnav-link i {
      font-size: 1.6rem;
      margin-right: 0;
    }
  }
  .section.header .starinfo-icon {
    width: 1.8rem;
    margin-right: 0.3rem;
  }
  .section.header .account-dropdown {
    width: 23rem;
    padding-top: 1.7rem;
    margin-top: -1.7rem;
  }
  .section.header .account-dropdown .dropdown-wrap {
    background-color: #f6f6f6;
  }
  .section.header .account-dropdown .dropdown-group {
    background-color: #fff;
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .section.header .account-dropdown .dropdown-group + .dropdown-group {
    margin-top: 4.2rem;
  }
  @media (max-width: 960px) {
    .section.header .rightnav-basket {
      padding-right: 1.8rem;
      margin-left: 2.2rem;
    }
  }
  .section.header .btn-carttotal {
    background-color: #ff3824;
    border-radius: 0.9rem;
    line-height: 1.8rem;
    color: #fff;
    padding: 0 0.9rem 0 0.6rem;
    font-size: 1.4rem;
    letter-spacing: -0.02em;
    margin-left: 1rem;
  }
  @media (max-width: 960px) {
    .section.header .btn-carttotal {
      position: absolute;
      top: -1.6rem;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      margin-left: 0;
    }
  }
  .section.header .btn-carttotal:before {
    content: "₺ ";
    font-size: 1.2rem;
  }
  .section.header .basket-minibasket {
    padding-top: 1.7rem;
    margin-top: -1.7rem;
    width: 40rem;
  }
  .section.header .minibasket-header {
    background-color: #fff399;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem;
    padding: 0 0 0 1.4rem;
  }
  .section.header .header-title {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .section.header .header-clear {
    transition: opacity 0.2s ease;
    padding: 1.4rem;
  }
  .section.header .header-clear:disabled {
    opacity: 0.5;
  }
  .section.header .minibasket-productswrap {
    max-height: 36rem;
  }
  .section.header .productlist-product {
    padding: 2.7rem 1.4rem;
  }
  .section.header .productlist-product:last-child {
    padding-bottom: 0;
  }
  .section.header .productlist-product + .productlist-product {
    border-top: 1px solid #e7e7e7;
  }
  .section.header .minibasket-controls {
    padding: 2rem 1.4rem 2.7rem;
  }
  .section.header .header-storeinfo {
    background-color: #fff;
    position: relative;
    z-index: 1;
  }
  @media (min-width: 960px) {
    .section.header .header-storeinfo:after,
    .section.header .header-storeinfo:before {
      content: " ";
      overflow: hidden;
      display: block;
      position: absolute;
      right: 0;
    }
    .section.header .header-storeinfo:before {
      top: 100%;
      left: 0;
      pointer-events: none;
      height: 1rem;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0, transparent);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d000000",endColorstr="#00000000",GradientType=0);
    }
    .section.header .header-storeinfo:after {
      top: 0;
      bottom: 0;
      width: 50%;
      z-index: 1;
      background-color: #f6f6f6;
    }
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo.expanded .storeinfo-heading {
      box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 0, 0, 0.1);
    }
    .section.header .header-storeinfo.expanded .heading-control.expand {
      transform: rotate(180deg);
    }
    .section.header .header-storeinfo.expanded .storeinfo-specs {
      display: flex;
    }
  }
  .section.header .header-storeinfo .storeinfo-wrap {
    display: flex;
    flex-flow: row wrap;
  }
  @media (min-width: 960px) {
    .section.header .header-storeinfo .storeinfo-wrap {
      height: 5rem;
    }
  }
  .section.header .header-storeinfo .storeinfo-heading {
    width: 42rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding-right: 1.7rem;
    position: relative;
    z-index: 2;
    font-size: 1.4rem;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .storeinfo-heading {
      width: 100%;
      padding: 0 1.5rem;
    }
  }
  .section.header .header-storeinfo .heading-icon {
    font-size: 1.2rem;
  }
  .section.header .header-storeinfo .heading-address {
    flex: 1 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(51, 41, 10, 0.5);
    margin: 0 2rem 0 1.7rem;
    padding: 0.5rem 0;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .heading-address {
      margin: 1.8rem 4rem 1.8rem 0.8rem;
    }
  }
  .section.header .header-storeinfo .address-title {
    color: #33290a;
    margin-right: 0.6rem;
  }
  .section.header .header-storeinfo .heading-control {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  @media (min-width: 960px) {
    .section.header .header-storeinfo .heading-control {
      color: #05519f;
    }
    .section.header .header-storeinfo .heading-control i {
      font-size: 1rem;
    }
    .section.header .header-storeinfo .heading-control:hover .control-icon {
      background-color: #05519f;
      color: #fff;
    }
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .heading-control {
      font-size: 0.8rem;
    }
    .section.header .header-storeinfo .heading-control.edit {
      font-size: 1.8rem;
    }
  }
  .section.header .header-storeinfo .heading-control.expand {
    margin-left: 1.9rem;
  }
  .section.header .header-storeinfo .heading-control.expand .control-icon {
    border: 0.1rem solid #33290a;
  }
  .section.header .header-storeinfo .control-icon {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.header .header-storeinfo .control-icon {
      margin-left: 0.9rem;
      border: 0.1rem solid #05519f;
      width: 2.4rem;
      height: 2.4rem;
    }
  }
  .section.header .header-storeinfo .storeinfo-specs {
    font-weight: 500;
    flex: 1 0;
    display: flex;
    justify-content: space-between;
    letter-spacing: -0.015em;
    padding: 1.1rem 0 1.1rem 2.5rem;
    background-color: #f6f6f6;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .storeinfo-specs {
      background-color: transparent;
      display: none;
      padding: 1.2rem 1.5rem 1.5rem;
    }
  }
  .section.header .header-storeinfo .specs-section {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .specs-section {
      display: block;
    }
  }
  .section.header .header-storeinfo .section-title {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .section.header .header-storeinfo .section-title i {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.3rem;
  }
  .section.header .header-storeinfo .section-title i.big {
    font-size: 1.4rem;
    margin-top: -0.2rem;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .section-title {
      font-size: 1.2rem;
      margin-bottom: 0.3rem;
    }
    .section.header .header-storeinfo .section-title i {
      margin-right: 0.1rem;
    }
  }
  .section.header .header-storeinfo .section-specs {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .section.header .header-storeinfo .section-spec {
    font-weight: 500;
    color: #05519f;
    margin-left: 1.8rem;
  }
  .section.header .header-storeinfo .section-spec.placeholder {
    height: 1em;
    width: 8rem;
  }
  .section.header .header-storeinfo .section-spec strong {
    font-size: 1.4rem;
    font-weight: inherit;
    color: rgba(51, 41, 10, 0.5);
    margin-right: 0.5rem;
  }
  .section.header .header-storeinfo .section-spec + .section-spec {
    margin-left: 2.8rem;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .section-spec {
      margin-left: 1.5rem;
    }
    .section.header .header-storeinfo .section-spec strong {
      font-size: 1.1rem;
      display: block;
      margin-right: 0;
    }
    .section.header .header-storeinfo .section-spec + .section-spec {
      margin-left: 2rem;
    }
  }
  .section.header .header-storeinfo .spec-data.placeholder {
    width: 5rem;
    margin-left: 0.5rem;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
  }
  .section.header .header-storeinfo .spec-data.info {
    font-weight: 600;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.2rem;
    background-color: #efefef;
    padding: 0.1rem 0.5rem;
    display: inline-block;
    border-radius: 0.4rem;
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .spec-data.info {
      background-color: #f6f6f6;
    }
  }
  @media (max-width: 960px) {
    .section.header .header-storeinfo .spec-data {
      font-size: 1.2rem;
    }
  }
  .section.header .header-storeinfo .specs-seperator {
    height: 100%;
    width: 0;
    margin: 0;
    border: none;
    border-left: 0.1rem solid rgba(0, 0, 0, 0.05);
  }
  .section.header .header-titlewrap {
    background-color: #fff9cd;
  }
  .section.header .header-titlewrap .header-title {
    font-weight: 500;
    line-height: 2rem;
    padding: 1.3rem 0;
    font-size: 1.6rem;
  }
  @media (max-width: 960px) {
    .section.header .header-titlewrap {
      text-align: center;
      background-color: #fff399;
    }
  }
  .section.footer {
    letter-spacing: -0.025em;
  }
  @media (max-width: 960px) {
    .section.footer.plain {
      padding-bottom: 8rem;
    }
  }
  .section.footer .footer-main {
    background-color: #ffe000;
    padding: 1.5rem 0 0;
  }
  .section.footer .footer-main .main-top {
    display: flex;
    flex-flow: row wrap;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .main-top {
      display: block;
    }
  }
  .section.footer .footer-main .top-nav {
    flex: 1 0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 0 1.5rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .top-nav {
      display: block;
    }
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .nav-group + .nav-group {
      border-top: 0.2rem solid #33290a;
    }
    .section.footer .footer-main .nav-group.expanded + .nav-group {
      margin-top: 1rem;
    }
    .section.footer .footer-main .nav-group.expanded .group-title:after {
      transform: rotate(180deg);
    }
    .section.footer .footer-main .nav-group.expanded .group-items {
      display: block;
    }
  }
  .section.footer .footer-main .group-title {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 1.8rem;
  }
  .section.footer .footer-main .group-title i {
    display: none;
    font-size: 1.7rem;
    margin-right: 0.5rem;
    margin-top: -0.2em;
  }
  .section.footer .footer-main .group-title:after {
    display: none;
    font-size: 0.9rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .group-title {
      margin: 1rem 0;
    }
    .section.footer .footer-main .group-title i {
      display: inline-block;
      margin-top: -0.2em;
    }
    .section.footer .footer-main .group-title:after {
      display: block;
    }
    .section.footer .footer-main .group-title span {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 0.5rem 0;
    }
  }
  .section.footer .footer-main .group-items {
    display: flex;
    flex-flow: row wrap;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .group-items {
      display: none;
    }
  }
  .section.footer .footer-main .items-col {
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    line-height: 1.8rem;
  }
  .section.footer .footer-main .items-col + .items-col {
    margin-left: 3.8rem;
  }
  .section.footer .footer-main .col-row {
    padding: 1rem 0;
  }
  .section.footer .footer-main .col-row:nth-child(4n + 2) .row-link.placeholder {
    width: 10rem;
  }
  .section.footer .footer-main .col-row:nth-child(4n + 3) .row-link.placeholder {
    width: 14rem;
  }
  .section.footer .footer-main .col-row:nth-child(4n + 4) .row-link.placeholder {
    width: 11rem;
  }
  .section.footer .footer-main .row-link.placeholder {
    height: 1.7rem;
    width: 8rem;
    margin-bottom: 0.1rem;
  }
  .section.footer .footer-main .top-app {
    position: relative;
    padding-right: 19.8rem;
    margin-left: 5.8rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .top-app {
      margin: 1rem 0 0;
      padding: 0;
      width: 100%;
    }
  }
  .section.footer .footer-main .app-text {
    padding-top: 2rem;
    display: inline-block;
  }
  .section.footer .footer-main .app-brandlogo {
    width: 3.8rem;
  }
  .section.footer .footer-main .app-title {
    font-size: 1.6rem;
    line-height: 1.375em;
    margin: 1.4rem 0;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .app-title {
      font-size: 1.4rem;
      letter-spacing: -0.024em;
      line-height: 1.285em;
    }
  }
  .section.footer .footer-main .app-links p + p {
    margin-top: 1.4rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .app-links p {
      display: inline-block;
    }
    .section.footer .footer-main .app-links p + p {
      margin: 0 0 0 1.4rem;
    }
  }
  .section.footer .footer-main .links-link {
    width: 11rem;
    display: inline-block;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .links-link {
      width: 7.9rem;
    }
  }
  .section.footer .footer-main .links-link .image {
    width: 100%;
  }
  .section.footer .footer-main .app-image {
    position: absolute;
    width: 21.8rem;
    top: 0;
    right: 0;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .app-image {
      width: 13.4rem;
    }
  }
  .section.footer .footer-main .main-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0.2rem solid #fff399;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .main-bottom {
      display: block;
      margin-top: 2.5rem;
      padding-top: 2.3rem;
    }
  }
  .section.footer .footer-main .bottom-contact strong {
    font-weight: 700;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .bottom-contact {
      font-size: 1.5rem;
    }
  }
  .section.footer .footer-main .contact-section {
    display: inline-block;
  }
  .section.footer .footer-main .contact-section + .contact-section {
    margin-left: 1.8rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .contact-section + .contact-section {
      margin: 1.8rem 0 0;
    }
  }
  .section.footer .footer-main .bottom-catalog {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 0.7rem;
  }
  .section.footer .footer-main .bottom-catalog strong {
    font-weight: 700;
    display: inline-block;
    margin-right: 1.6rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .bottom-catalog {
      justify-content: space-between;
      margin-top: 2.4rem;
    }
    .section.footer .footer-main .bottom-catalog strong {
      font-weight: 700;
      display: block;
      margin-right: 0;
      margin-bottom: 1.4rem;
    }
  }
  .section.footer .footer-main .catalog-link {
    font-size: 1.4rem;
    color: #05519f;
    text-decoration: underline;
    letter-spacing: -0.015em;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .catalog-link {
      color: #33290a;
    }
  }
  .section.footer .footer-main .catalog-image {
    height: 8.2rem;
    margin-left: 4.5rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-main .catalog-image {
      margin-left: 0;
      height: 9rem;
    }
  }
  .section.footer .footer-bottom {
    padding: 1rem 0 1.2rem;
  }
  .section.footer .footer-bottom .bottom-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section.footer .footer-bottom .bottom-copyright {
    font-size: 1.4rem;
    letter-spacing: -0.025em;
  }
  @media (max-width: 960px) {
    .section.footer .footer-bottom .bottom-copyright {
      font-size: 1.2rem;
    }
  }
  .section.footer .footer-bottom .bottom-payment {
    white-space: nowrap;
  }
  .section.footer .footer-bottom .payment-logo {
    display: inline-block;
    height: 2.8rem;
  }
  .section.footer .footer-bottom .payment-logo + .payment-logo {
    margin-left: 2.5rem;
  }
  @media (max-width: 960px) {
    .section.footer .footer-bottom .payment-logo {
      height: 2rem;
    }
    .section.footer .footer-bottom .payment-logo + .payment-logo {
      margin-left: 1.8rem;
    }
  }
  .custom-list .head-nav {
    background-color: #fff;
    padding: 1.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  @media (max-width: 960px) {
    .custom-list .head-nav {
      padding: 1rem 0;
    }
  }
  .custom-list .nav-list {
    list-style: none;
    white-space: nowrap;
    margin-right: -3rem;
    height: 3rem;
  }
  .custom-list .list-item {
    display: inline-block;
    height: 3rem;
  }
  .custom-list .list-item:last-child {
    margin-right: 3rem;
  }
  .custom-list .list-item + .list-item {
    margin-left: 2.8rem;
  }
  .custom-list .item-link {
    border: 0.2rem solid transparent;
    display: block;
    line-height: 2.6rem;
    border-radius: 1.5rem;
    transition: border-color 0.2s ease;
  }
  .custom-list .item-link.active {
    border-color: rgba(5, 81, 159, 0.5);
    padding: 0 1rem;
  }
  .custom-list .item-link.placeholder {
    width: 15rem;
    height: 3rem;
  }
  @media (max-width: 960px) {
    .custom-list .item-link {
      color: #05519f;
      font-size: 1.4rem;
    }
    .custom-list .item-link.active {
      border-color: rgba(5, 81, 159, 0.21);
    }
  }
  .section.listing {
    position: relative;
    padding: 9.1rem 0 5.5rem;
  }
  .section.listing.has-subnav {
    padding-top: 16.9rem;
  }
  @media (max-width: 960px) {
    .section.listing {
      padding-bottom: 2.5rem;
    }
  }
  .section.listing .listing-head {
    position: absolute;
    z-index: 10;
    margin-bottom: 5.7rem;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f6f6f6;
  }
  .section.listing .listing-head:after {
    content: " ";
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: transparent;
    z-index: -1;
    background: #fbfbfb;
    opacity: 0;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  .section.listing .listing-head.fixed {
    position: fixed;
    z-index: 40;
  }
  .section.listing .listing-head.fixed:after {
    opacity: 1;
  }
  @media (max-width: 960px) {
    .section.listing .listing-head {
      margin-bottom: 2.8rem;
    }
  }
  .section.listing .listing-head .head-title {
    font-weight: 700;
    padding: 1.8rem 0;
    font-size: 1.6rem;
  }
  .section.listing .listing-head .head-title.placeholder {
    width: 30rem;
    padding: 0;
    max-width: 100%;
    height: 3.2rem;
    margin: 1rem 0;
  }
  .section.listing .listing-head .head-nav {
    background-color: #fff;
    padding: 1.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  @media (max-width: 960px) {
    .section.listing .listing-head .head-nav {
      padding: 1rem 0;
    }
  }
  .section.listing .listing-head .nav-list {
    list-style: none;
    white-space: nowrap;
    margin-right: -3rem;
    height: 3rem;
  }
  .section.listing .listing-head .list-item {
    display: inline-block;
    height: 3rem;
  }
  .section.listing .listing-head .list-item:last-child {
    margin-right: 3rem;
  }
  .section.listing .listing-head .list-item + .list-item {
    margin-left: 2.8rem;
  }
  .section.listing .listing-head .item-link {
    border: 0.2rem solid transparent;
    display: block;
    line-height: 2.6rem;
    border-radius: 1.5rem;
    transition: border-color 0.2s ease;
  }
  .section.listing .listing-head .item-link.active {
    border-color: rgba(5, 81, 159, 0.5);
    padding: 0 1rem;
  }
  .section.listing .listing-head .item-link.placeholder {
    width: 15rem;
    height: 3rem;
  }
  @media (max-width: 960px) {
    .section.listing .listing-head .item-link {
      color: #05519f;
      font-size: 1.4rem;
    }
    .section.listing .listing-head .item-link.active {
      border-color: rgba(5, 81, 159, 0.21);
    }
  }
  .section.listing .listing-results .results-container {
    background-color: #fff;
    border-radius: 0.4rem;
    padding: 4.4rem;
  }
  @media (max-width: 960px) {
    .section.listing .listing-results .results-container {
      padding: 0;
      background: none;
      width: calc(100% + 1.5rem);
      margin: 0 -0.75rem;
    }
  }
  .section.listing .listing-results .results-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  @media (min-width: 960px) {
    .section.listing .listing-results .results-list {
      margin-bottom: -6rem;
    }
  }
  .section.listing .listing-results .list-item {
    width: 16.6666666667%;
    text-align: center;
    padding: 0 3rem 6rem;
  }
  @media (max-width: 960px) {
    .section.listing .listing-results .list-item {
      width: 33.333333332%;
      width: 33.3333333333%;
      padding: 0.75rem;
    }
  }
  .section.listing .listing-results .results-notfound {
    color: rgba(51, 41, 10, 0.5);
    text-align: center;
  }
  .section.listing .listing-results .notfound-icon {
    color: #05519f;
    margin: -0.1em 0.5rem 0 0;
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
  }
  .section.listing .listing-pagination {
    margin-top: 5.5rem;
  }
  @media (max-width: 960px) {
    .section.listing .listing-pagination {
      margin-top: 2rem;
    }
  }
  .modal-container.modal-options .options-title {
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: -0.024em;
  }
  .modal-container.modal-options .options-title + .options-message {
    margin-top: 1rem;
  }
  .modal-container.modal-options .options-message {
    font-size: 1.4rem;
    letter-spacing: -0.024em;
    line-height: 1.28em;
  }
  .modal-container.modal-options .options-opts {
    display: flex;
    justify-content: space-around;
    margin-top: 2.8rem;
  }
  .modal-container.modal-options .opts-item {
    flex: 1 1;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .modal-container.modal-options .opts-item + .opts-item {
    margin-left: 1.4rem;
  }
  .modal-container.modal-options.confirm .modal-contentwrap {
    width: 27rem;
    text-align: center;
  }
  .modal-container.modal-options.confirm .modal-contentwrap.wide {
    width: 58rem;
  }
  .modal-container.modal-options.confirm .opts-item + .opts-item {
    margin-left: 0;
  }
  .modal-container.modal-add-promotion .modal-contentwrap {
    width: 27rem;
  }
  .modal-container.modal-add-promotion .modal-content {
    padding: 2.6rem 1.8rem 1.3rem;
  }
  .modal-container.modal-add-promotion .promotion-status {
    margin: -2.6rem -1.8rem 1.3rem;
    width: calc(100% + 3.6rem);
    background-color: #ff3824;
    color: #fff;
    text-align: center;
    padding: 1.4rem 1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.024em;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
  .modal-container.modal-add-promotion .promotion-status.success {
    background-color: #3db662;
    padding: 3rem 1rem 2.4rem;
  }
  .modal-container.modal-add-promotion .promotion-status i {
    display: block;
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .modal-container.modal-add-promotion .form-description {
    font-size: 1.4rem;
    letter-spacing: -0.024em;
    line-height: 1.8rem;
    text-align: center;
  }
  .modal-container.modal-add-promotion .form-input {
    margin: 1.3rem 0;
  }
  .modal-container.modal-add-promotion .form-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .modal-container.modal-auth .modal-contentwrap {
    width: 40rem;
    text-align: center;
  }
  .modal-container.modal-auth .modal-content {
    padding: 0;
    overflow: hidden;
  }
  .modal-container.modal-auth .auth-nav {
    position: absolute;
    top: 1.4rem;
    left: 2rem;
    right: 2rem;
    line-height: 3.6rem;
  }
  .modal-container.modal-auth .nav-title {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .modal-container.modal-auth .nav-back {
    position: absolute;
    left: 0;
    top: 1.1rem;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  .modal-container.modal-auth .auth-head {
    text-align: center;
    width: 100%;
  }
  .modal-container.modal-auth .auth-head.plain {
    background-image: url(../../assets/images/modals/auth/login-head-bg.png);
    background-size: cover;
    background-position: 50%;
  }
  .modal-container.modal-auth .head-content {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 2rem 2rem 0;
    flex: 1 0;
  }
  .modal-container.modal-auth .auth-content {
    padding: 2.6rem 2.7rem 2.8rem;
  }
  .modal-container.modal-auth .content-optbtn + .content-optbtn {
    margin-top: 1rem;
  }
  .modal-container.modal-auth .auth-intro .intro-headimage {
    height: 50.4rem;
    width: 100%;
  }
  @media (max-width: 960px) {
    .modal-container.modal-auth .auth-intro .intro-headimage {
      height: 47.25rem;
    }
  }
  .modal-container.modal-auth .auth-login .auth-head {
    background-color: #ffe000;
    height: 40rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
  }
  .modal-container.modal-auth .auth-login .head-icon {
    font-size: 10.5rem;
    display: block;
    margin-bottom: 2.8rem;
    padding-left: 2rem;
  }
  .modal-container.modal-auth .auth-validate {
    background-image: url(../../assets/images/modals/auth/login-head-bg.png);
    background-color: #ffe000;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0.4rem;
  }
  .modal-container.modal-auth .auth-validate .auth-head {
    padding-top: 7.3rem;
  }
  .modal-container.modal-auth .auth-validate .head-icon {
    font-size: 7.2rem;
    display: block;
    margin-bottom: 2.8rem;
    padding-left: 1rem;
  }
  .modal-container.modal-auth .auth-validate .auth-content {
    padding-bottom: 21.5rem;
  }
  .modal-container.modal-auth .auth-validate .validate-pin {
    display: flex;
    justify-content: space-between;
    width: 27rem;
    max-width: 100%;
    margin: 0 auto 6.4rem;
    position: relative;
  }
  .modal-container.modal-auth .auth-validate .validate-pin.loading:after {
    opacity: 1;
  }
  .modal-container.modal-auth .auth-validate .validate-pin.error .pin-char {
    border-color: #ff3824;
    color: #ff3824;
  }
  .modal-container.modal-auth .auth-validate .validate-pin.success .pin-char {
    border-color: #3db662;
    color: #3db662;
  }
  .modal-container.modal-auth .auth-validate .validate-pin:after {
    animation: spin 3s linear infinite;
    position: absolute;
    top: 9.3rem;
    left: 50%;
    font-size: 2.6rem;
    pointer-events: none;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .modal-container.modal-auth .auth-validate .pin-char {
    background: none;
    transition: background-color 0.2s ease, border-color 0.2s ease,
      color 0.2s ease, opacity 0.2s ease;
    border: 0.1rem solid #000;
    text-align: center;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border-radius: 0.4rem;
    font-size: 3rem;
  }
  .modal-container.modal-auth .auth-validate .pin-char:focus {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .modal-container.modal-auth .auth-validate .validate-submit {
    margin-top: 12.5rem;
  }
  .modal-container.modal-auth .auth-register .auth-head {
    padding: 7.7rem 0 3rem;
  }
  .modal-container.modal-auth .auth-register .head-icon {
    font-size: 7.7rem;
  }
  .modal-container.modal-auth .auth-success .auth-head {
    height: 28.7rem;
    padding-top: 6.7rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-auth .auth-success .auth-head {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 12vh;
    }
  }
  .modal-container.modal-auth .auth-success .head-icon {
    font-size: 7.2rem;
  }
  .modal-container.modal-auth .auth-updatephone .auth-head {
    padding: 6rem 0;
  }
  .modal-container.modal-auth .auth-updatephone .head-spinner {
    animation: spin 3s linear infinite;
    position: absolute;
    color: #05519f;
    font-size: 2.4rem;
    top: 50%;
    left: 50%;
  }
  .modal-container.modal-invoice .modal-contentwrap {
    width: 40rem;
  }
  .modal-container.modal-invoice .modal-content {
    padding: 2.3rem 2.7rem;
  }
  .modal-container.modal-invoice .invoice-list {
    padding: 0;
  }
  .modal-container.modal-invoice .invoice-list .list-addresses .checkwrap {
    padding: 0 2rem;
  }
  .modal-container.modal-invoice
    .invoice-list
    .list-addresses
    .checkwrap
    + .checkwrap {
    border-top: 1px solid #e7e7e7;
  }
  .modal-container.modal-invoice
    .invoice-list
    .list-addresses
    .checkwrap
    input:disabled
    + label
    .addresses-address
    span {
    opacity: 0.5;
  }
  .modal-container.modal-invoice
    .invoice-list
    .list-addresses
    .checkwrap
    input:disabled
    + label
    .label-content {
    opacity: 1;
  }
  .modal-container.modal-invoice .invoice-list .addresses-address {
    padding: 2.2rem 0;
    line-height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .modal-container.modal-invoice .invoice-list .address-changebtn {
    z-index: 2;
    top: 50%;
  }
  .modal-container.modal-address .modal-contentwrap {
    width: 88rem;
  }
  .modal-container.modal-address .modal-contentwrap.mode-address-list {
    width: 44rem;
  }
  .modal-container.modal-address
    .modal-contentwrap.mode-address-list
    .address-innerwrap
    .innerwrap-right {
    flex: 1 0;
  }
  .modal-container.modal-address .modal-contentwrap .modal-content {
    padding: 0;
    position: relative;
  }
  .modal-container.modal-address .modal-contentwrap .address-innerwrap {
    position: relative;
    display: flex;
    height: 51rem;
    font-size: 1.4rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-address .modal-contentwrap .address-innerwrap {
      display: block;
      height: auto;
    }
  }
  .modal-container.modal-address .modal-contentwrap .innerwrap-left {
    position: relative;
    flex: 1 0;
  }
  .modal-container.modal-address .modal-contentwrap .innerwrap-right {
    background-color: #fff;
    width: 36rem;
    overflow: hidden;
    border-bottom-right-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  @media (max-width: 960px) {
    .modal-container.modal-address .modal-contentwrap .innerwrap-right {
      width: auto;
      border-bottom-right-radius: 0;
    }
  }
  .modal-container.modal-address .modal-contentwrap .address-search {
    position: absolute;
    left: 2rem;
    top: 1.4rem;
    right: 2rem;
    background-color: #fff;
    z-index: 10;
    border-radius: 0.4rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  @media (max-width: 960px) {
    .modal-container.modal-address .modal-contentwrap .address-search {
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      right: auto;
    }
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-controls {
    font-size: 1.4rem;
    padding: 1.1rem 1rem 0;
    border-bottom: 0.1rem solid #e7e7e7;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .modal-container.modal-address .modal-contentwrap .address-search .nav-button {
    font-weight: 700;
    color: rgba(51, 41, 10, 0.5);
    transition: color 0.2s ease;
    padding: 0 0.2rem 1.5rem;
    position: relative;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .nav-button:after {
    content: " ";
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.4rem;
    background-color: rgba(51, 41, 10, 0.5);
    transform: scaleX(0);
    opacity: 0;
    transform-origin: 0 0;
    transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .nav-button.active {
    color: #33290a;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .nav-button.active:after {
    opacity: 1;
    transform: scaleX(1);
    background-color: #33290a;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .nav-button
    + .nav-button {
    margin-left: 2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .controls-find {
    margin-bottom: 0.9rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-inputwrap {
    border-radius: 0.4rem;
    position: relative;
    z-index: 2;
    padding: 1.4rem 1rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-inputwrap.autocomplete-open {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .inputwrap-clear {
    display: block;
    position: absolute;
    right: 2.2rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid #e7e7e7;
    margin-top: -1rem;
    color: #ccc;
    font-size: 0.8rem;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .inputwrap-clear:hover {
    background-color: #e7e7e7;
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-input
    .inputwrap-input {
    padding-right: 4.2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-autocomplete {
    position: absolute;
    top: calc(100% - 2rem);
    left: 0;
    right: 0;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    z-index: 1;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    background-color: #fbfbfb;
    padding: 2rem 0 0.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .autocomplete-innerwrap {
    max-height: 36rem;
    overflow-y: auto;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .autocomplete-result {
    padding: 1.2rem 2rem;
    display: block;
    width: 100%;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .modal-container.modal-address
      .modal-contentwrap
      .address-search
      .autocomplete-result:hover {
      background-color: #f6f6f6;
    }
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .autocomplete-result
    + .autocomplete-result {
    border-top: 1px solid #e7e7e7;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .result-address {
    margin-left: 0.5rem;
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .content-address {
    margin-top: 0.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .search-finder {
    position: absolute;
    left: 8.7rem;
    top: 4.8rem;
    width: 30rem;
    background-color: #fff;
    padding: 2.6rem 2rem 2.2rem;
    border-radius: 0.4rem;
    z-index: 3;
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-search
    .finder-submit {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .modal-container.modal-address .modal-contentwrap .address-mapwrap {
    position: relative;
    height: 100%;
    z-index: 2;
    border-bottom-left-radius: 0.4rem;
    overflow: hidden;
  }
  @media (max-width: 960px) {
    .modal-container.modal-address .modal-contentwrap .address-mapwrap {
      border-bottom-left-radius: 0;
      height: 30rem;
    }
  }
  .modal-container.modal-address .modal-contentwrap .address-mapwrap:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: " ";
    display: block;
    opacity: 0;
    width: 1rem;
    height: 1rem;
    background-color: #33290a;
    border-radius: 50%;
    z-index: 2;
    transform: translate3d(-50%, -50%, 0);
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s cubic-bezier(0.83, 0.49, 0.13, 0.47);
    z-index: 999;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-mapwrap.leaflet-drag-target:after {
    opacity: 0.8;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-mapwrap.leaflet-drag-target
    .mapwrap-crosshair {
    transform: translate3d(-51%, -120%, 0);
    opacity: 0.5;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-mapwrap
    .leaflet-control-attribution {
    display: none;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-mapwrap
    .mapwrap-crosshair {
    transition: opacity 0.3s cubic-bezier(0.83, 0.49, 0.13, 0.47),
      transform 0.3s cubic-bezier(0.83, 0.49, 0.13, 0.47);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-51%, -60%, 0);
    z-index: 3;
    width: 5rem;
    pointer-events: none;
    z-index: 500;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-mapwrap
    .mapwrap-map {
    height: 51rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-address
      .modal-contentwrap
      .address-mapwrap
      .mapwrap-map {
      min-height: 35rem;
      height: 45vh;
      max-height: 50rem;
    }
  }
  .modal-container.modal-address .modal-contentwrap .address-locationinfo {
    flex: 1 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .locationinfo-saved {
    padding: 2rem;
    margin-bottom: 1.5rem;
    background-color: #fff9cd;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .locationinfo-saved
    + .locationinfo-section {
    padding-top: 0;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .saved-text {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .saved-text
    i {
    margin-right: 1rem;
    font-size: 1.3rem;
  }
  @media (min-width: 960px) {
    .modal-container.modal-address
      .modal-contentwrap
      .address-locationinfo
      .saved-btn:hover
      .btn-num {
      background-color: hsla(0, 0%, 100%, 0.1);
    }
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .saved-btn:active
    .btn-num,
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .saved-btn:focus
    .btn-num {
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .btn-num {
    background-color: rgba(5, 81, 159, 0.1);
    border-radius: 1rem;
    height: 2rem;
    line-height: 2rem;
    min-width: 3rem;
    text-align: center;
    padding: 0 0.6rem;
    margin-left: 0.8rem;
    display: inline-block;
    transition: background-color 0.2s ease;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .locationinfo-section {
    padding: 2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .locationinfo-section
    + .locationinfo-section {
    border-top: 1px solid #e7e7e7;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .section-type {
    font-weight: 700;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .section-title {
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .section-title
    i {
    font-size: 1.2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .title-distance {
    font-weight: 400;
    margin-left: 0.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .section-features {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding-left: 1.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .features-item.highlight {
    color: #3db662;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .features-item.error
    .item-title {
    color: #ff3824;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .features-item
    + .features-item {
    padding-left: 1.4rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .features-item
    .placeholder {
    width: 8rem;
    height: 1.6rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .item-title {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgba(51, 41, 10, 0.5);
    margin-bottom: 0.6rem;
    display: block;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .section-cta {
    margin-top: 3.6rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .locationinfo-zoomwarning {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(51, 41, 10, 0.5);
    flex: 1 0;
    min-height: 10rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .zoomwarning-icon {
    position: relative;
    margin-right: 2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .icon-main {
    font-size: 2.8rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-locationinfo
    .icon-plus {
    position: absolute;
    color: #05519f;
    bottom: calc(100% - 0.7rem);
    left: calc(100% - 0.7rem);
    font-size: 1.8rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list {
    height: 100%;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .list-head {
    background-color: #f6f6f6;
    padding: 1.9rem 1.9rem 1.7rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-contentwrap {
    max-height: calc(100% - 6rem);
  }
  .modal-container.modal-address .modal-contentwrap .address-list .list-group {
    padding-top: 2.6rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-group:last-child {
    padding-bottom: 1.6rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-group
    + .list-group {
    padding-top: 6rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .group-title {
    display: block;
    font-size: 1.4rem;
    padding: 0 2rem 1rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .list-item {
    display: flex;
    align-items: flex-start;
    padding: 2.4rem 2.2rem 1.1rem 1.8rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-item
    + .list-item {
    border-top: 1px solid #e7e7e7;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-item:first-child
    .item-link {
    padding-top: 2.5rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .list-item:last-child
    .item-link {
    padding-bottom: 2rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .item-icon {
    width: 2.2rem;
    font-size: 1.3rem;
    margin: 1rem 0 0;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .item-icon.post {
    margin: 0.2rem 0 0 1.2rem;
    font-size: 1.5rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .item-content {
    flex: 1 0;
    padding-top: 0.7rem;
    width: calc(100% - 14.5rem);
  }
  .modal-container.modal-address .modal-contentwrap .address-list .content-top {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 1.1rem;
    padding: 0.2rem 0;
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .content-bottom {
    margin-top: 0.6rem;
    font-size: 1.4rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .item-title {
    font-weight: 500;
    font-size: 1.4rem;
    color: #33290a;
    margin-right: 0.8rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .item-address {
    font-size: 1.4rem;
    color: rgba(51, 41, 10, 0.7);
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .item-delivery-title {
    font-weight: 500;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.2rem;
    margin-right: 0.8rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .item-delivery-time {
    font-weight: 500;
    color: #3db662;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .item-delivery-time.error {
    color: #ff3824;
  }
  .modal-container.modal-address .modal-contentwrap .address-list .item-controls {
    width: 12.3rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-list
    .item-controls
    .btn {
    width: 6rem;
  }
  .modal-container.modal-address .modal-contentwrap .address-form {
    padding: 2rem;
  }
  .modal-container.modal-address
    .modal-contentwrap
    .address-form
    .form-controls
    .col:only-child {
    margin-left: auto;
  }
  .modal-container.modal-slots .modal-contentwrap {
    width: 86rem;
  }
  .modal-container.modal-slots .modal-content {
    padding: 0;
  }
  .modal-container.modal-slots .slots-deliveryinfo {
    background-color: #fff399;
    line-height: 2rem;
    font-size: 1.4rem;
    padding: 1.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 960px) {
    .modal-container.modal-slots .slots-deliveryinfo {
      flex-flow: row wrap;
    }
  }
  .modal-container.modal-slots .slots-deliveryinfo > i {
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 0.5rem;
  }
  .modal-container.modal-slots .slots-deliveryinfo .deliveryinfo-address {
    color: rgba(51, 41, 10, 0.5);
    margin-left: 0.5rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-slots .slots-deliveryinfo .deliveryinfo-address {
      width: 100%;
      margin-left: 0;
      text-align: center;
    }
  }
  .modal-container.modal-slots .slots-days .tabs-labels .item-btn {
    text-align: center;
  }
  .modal-container.modal-slots .slots-days .tabs-labels .item-btn span {
    font-weight: 400;
    display: block;
    font-size: 1.2rem;
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-slots .slots-days .labels-innerwrap {
    justify-content: center;
  }
  .modal-container.modal-slots .slots-days .group-title {
    display: block;
    padding: 2rem 2rem 1rem;
    line-height: 1.7rem;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.4rem;
  }
  .modal-container.modal-slots .slots-days .group-slots {
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
  }
  .modal-container.modal-slots .slots-days .group-slots + .group-title {
    margin-top: 1.4rem;
  }
  .modal-container.modal-slots .slots-days .slots-slot {
    position: relative;
  }
  .modal-container.modal-slots .slots-days .slots-slot.express {
    background-color: #3db662;
    color: #fff;
  }
  .modal-container.modal-slots .slots-days .slots-slot.express:after {
    display: flex;
    text-align: center;
    line-height: 3rem;
    background-color: #3db662;
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
    border-radius: 50%;
    position: absolute;
    right: 2rem;
    display: block;
  }
  .modal-container.modal-slots .slots-days .slots-slot.express .slot-status {
    color: #fff;
    font-size: 1.2rem;
    margin-top: -0.2rem;
    display: flex;
    align-items: center;
  }
  .modal-container.modal-slots
    .slots-days
    .slots-slot.express
    .slot-status
    strong {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-slots .slots-days .slots-slot.express .slot-status {
      display: block;
      font-size: 1rem;
      margin-right: 1rem;
    }
    .modal-container.modal-slots
      .slots-days
      .slots-slot.express
      .slot-status
      strong {
      display: block;
      font-size: 1.2rem;
    }
  }
  .modal-container.modal-slots .slots-days .slots-slot.express .slot-price {
    color: #fff;
  }
  .modal-container.modal-slots .slots-days .slots-slot + .slots-slot {
    border-top: 1px solid #e7e7e7;
  }
  .modal-container.modal-slots .slots-days .slots-slot input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 0;
  }
  .modal-container.modal-slots
    .slots-days
    .slots-slot
    input:checked
    + .slot-content
    .slot-check:before {
    opacity: 1;
    transform: scale(1);
  }
  .modal-container.modal-slots
    .slots-days
    .slots-slot
    input:disabled
    + .slot-content
    .slot-check {
    opacity: 0.5;
  }
  .modal-container.modal-slots .slots-days .slot-content {
    display: flex;
    padding: 1.3rem 2rem;
    align-items: center;
    flex-flow: row wrap;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .modal-container.modal-slots .slots-days .slot-check {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    margin-right: 1.5rem;
  }
  .modal-container.modal-slots .slots-days .slot-check:before {
    opacity: 0;
    transform: scale(0.7);
    width: 1.6rem;
    height: 1.6rem;
    background-color: #3db662;
    border-radius: 50%;
    content: " ";
    display: block;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .modal-container.modal-slots .slots-days .slot-right {
    flex: 1 0;
    text-align: right;
  }
  .modal-container.modal-slots .slots-days .slot-time {
    min-width: 10rem;
    padding-right: 2rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-slots .slots-days .slot-time {
      min-width: 9rem;
      padding-right: 0.5rem;
    }
  }
  .modal-container.modal-slots .slots-days .slot-status {
    color: #3db662;
  }
  .modal-container.modal-slots .slots-days .slot-status.unavailable {
    color: #ff3824;
  }
  .modal-container.modal-slots .slots-days .slot-price {
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-slots .slots-controls {
    text-align: right;
    padding: 2.8rem 2rem;
  }
  .modal-container.modal-payment .modal-contentwrap {
    width: 40rem;
  }
  .modal-container.modal-payment .modal-content {
    background-color: #f6f6f6;
    padding: 0;
    overflow: hidden;
  }
  .modal-container.modal-payment .modal-content.payment-error {
    text-align: center;
    padding: 1rem 0;
    color: #ff3824;
  }
  .modal-container.modal-payment .payment-cards .cards-form {
    padding: 0.4rem 1.5rem 0;
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  .modal-container.modal-payment
    .payment-cards
    .cards-form.doorpayment-unavailable {
    padding-bottom: 2.2rem;
  }
  .modal-container.modal-payment .payment-cards .cards-grouptitle {
    font-weight: 700;
    width: 100%;
    padding: 1.2rem 0 1rem;
    line-height: 1.8rem;
    border-bottom: 1px solid #e7e7e7;
  }
  .modal-container.modal-payment .payment-cards .cards-list {
    margin-bottom: 1.7rem;
  }
  .modal-container.modal-payment .payment-cards .cards-list .checkwrap,
  .modal-container.modal-payment
    .payment-cards
    .doorpayment-list
    .checkwrap:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
  }
  .modal-container.modal-payment .payment-cards .list-card {
    padding: 1.6rem 0 1.4rem;
    display: flex;
    align-items: center;
  }
  .modal-container.modal-payment .payment-cards .list-card.door {
    padding: 0.9rem 0;
  }
  .modal-container.modal-payment .payment-cards .card-info {
    flex: 1 0;
    font-size: 1.4rem;
  }
  .modal-container.modal-payment .payment-cards .card-title {
    font-weight: 700;
    display: block;
    margin-bottom: 0.3rem;
  }
  .modal-container.modal-payment .payment-cards .card-number {
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-payment .payment-cards .card-type {
    width: 5.5rem;
    height: 3.3rem;
    padding: 0.3rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
  }
  .modal-container.modal-payment .payment-cards .type-image {
    width: 100%;
    height: 100%;
  }
  .modal-container.modal-payment .payment-cards .card-icon {
    font-size: 3.1rem;
  }
  .modal-container.modal-payment .payment-cards .card-remove {
    font-size: 1.8rem;
    transition: color 0.2s ease;
    margin-left: 4rem;
  }
  @media (min-width: 960px) {
    .modal-container.modal-payment .payment-cards .card-remove:hover {
      color: #05519f;
    }
  }
  .modal-container.modal-payment .payment-cards .list-error {
    text-align: center;
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    padding: 1rem;
    margin-top: 1rem;
  }
  .modal-container.modal-payment .payment-cards .error-mp-logo {
    width: 12rem;
    margin: 1rem auto 0;
  }
  .modal-container.modal-payment .payment-cards .cards-bottom {
    padding: 0 1.5rem 2rem;
  }
  .modal-container.modal-payment .payment-cards .cards-addbtn {
    font-weight: 700;
    color: #05519f;
    font-size: 1.4rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .modal-container.modal-payment
    .payment-cards
    .cards-addbtn
    + .cards-grouptitle {
    margin-top: 2.8rem;
  }
  .modal-container.modal-payment .payment-cards .addbtn-icon {
    border: 0.2rem solid #05519f;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.3rem;
    font-size: 1rem;
  }
  .modal-container.modal-payment .payment-cards .cards-controls {
    text-align: right;
  }
  .modal-container.modal-payment .payment-add {
    background-color: #fff;
    padding: 2rem 1.5rem;
  }
  .modal-container.modal-payment .payment-add .add-cardinput {
    position: relative;
  }
  .modal-container.modal-payment
    .payment-add
    .add-cardinput
    .inputwrap
    .inputwrap-input {
    padding-left: 6rem;
  }
  .modal-container.modal-payment .payment-add .cardinput-type {
    width: 5.6rem;
    height: 3.8rem;
    padding: 0.6rem 0.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
  }
  .modal-container.modal-payment .payment-add .type-image {
    width: 100%;
    height: 100%;
  }
  .modal-container.modal-payment .payment-validate {
    background-image: url(../../assets/images/modals/auth/login-head-bg.png);
    background-color: #ffe000;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    border-radius: 0.4rem;
  }
  .modal-container.modal-payment .payment-validate .validate-head {
    padding-top: 7.3rem;
  }
  .modal-container.modal-payment .payment-validate .head-icon {
    font-size: 7.2rem;
    display: block;
    margin-bottom: 2.8rem;
    padding-left: 1rem;
  }
  .modal-container.modal-payment .payment-validate .head-error {
    font-weight: 500;
    color: #ff3824;
    margin-top: 2rem;
  }
  .modal-container.modal-payment .payment-validate .validate-form {
    padding: 2rem 3rem 6rem;
    position: relative;
  }
  @media (max-width: 960px) {
    .modal-container.modal-payment .payment-validate .validate-form {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .modal-container.modal-payment .payment-validate .validate-form:after {
    animation: spin 3s linear infinite;
    position: absolute;
    top: 10rem;
    left: 50%;
    font-size: 2.6rem;
    pointer-events: none;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .modal-container.modal-payment .payment-validate .validate-form.loading:after {
    opacity: 1;
  }
  .modal-container.modal-payment .payment-validate .form-pin {
    display: flex;
    justify-content: space-between;
    width: 34rem;
    max-width: 100%;
    margin: 0 auto 6.4rem;
  }
  .modal-container.modal-payment .payment-validate .form-pin.error .pin-char {
    border-color: #ff3824;
    color: #ff3824;
  }
  .modal-container.modal-payment .payment-validate .form-pin.success .pin-char {
    border-color: #3db662;
    color: #3db662;
  }
  .modal-container.modal-payment .payment-validate .pin-char {
    background: none;
    transition: background-color 0.2s ease, border-color 0.2s ease,
      color 0.2s ease, opacity 0.2s ease;
    border: 0.1rem solid #000;
    text-align: center;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 0.4rem;
    font-size: 2.8rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-payment .payment-validate .pin-char {
      width: 4.8rem;
      height: 4.8rem;
    }
  }
  .modal-container.modal-payment .payment-validate .pin-char:disabled {
    opacity: 0.5;
  }
  .modal-container.modal-payment .payment-validate .pin-char:focus {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .modal-container.modal-payment .payment-validate .validate-submit {
    margin-top: 12.5rem;
  }
  .modal-container.modal-payment .payment-masterpass {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 2.6rem 0;
    font-size: 1.2rem;
    align-items: center;
    color: rgba(51, 41, 10, 0.5);
  }
  .modal-container.modal-payment .payment-masterpass .masterpass-image {
    width: 10.8rem;
  }
  .modal-container.modal-payment .payment-masterpass .masterpass-text {
    flex: 1 0;
    display: block;
  }
  .modal-container.modal-text .modal-contentwrap {
    width: 60rem;
  }
  .modal-container.modal-text .modal-contentwrap.wide {
    width: 90rem;
  }
  .modal-container.modal-text .modal-content {
    padding: 4rem 2.7rem;
  }
  .modal-container.modal-text .text-title {
    margin-bottom: 0.7em;
    color: #05519f;
  }
  .modal-container.modal-text .text-content {
    line-height: 1.1em;
  }
  .modal-container.modal-order-feedback .modal-contentwrap {
    width: 40rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-order-feedback .modal-contentwrap {
      width: 27rem;
    }
  }
  .modal-container.modal-order-feedback .modal-content {
    padding: 2.3rem 0;
  }
  .modal-container.modal-order-feedback .feedback-header {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .modal-container.modal-order-feedback .feedback-header i {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }
  .modal-container.modal-order-feedback .header-title {
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: -0.024em;
    margin-top: 1rem;
  }
  .modal-container.modal-order-feedback .form-options .checkwrap {
    padding: 1.2rem 2.8rem 0.8rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-order-feedback .form-options .checkwrap {
      padding: 1rem 1.5rem 0.6rem;
    }
  }
  .modal-container.modal-order-feedback .form-options .checkwrap + .checkwrap {
    border-top: 0.1rem solid #e7e7e7;
  }
  .modal-container.modal-order-feedback .form-note {
    padding: 1.2rem 2.8rem 0.8rem;
    border-top: 0.1rem solid #e7e7e7;
  }
  @media (max-width: 960px) {
    .modal-container.modal-order-feedback .form-note {
      padding: 1.2rem 1.5rem 0.8rem;
    }
  }
  .modal-container.modal-order-feedback .form-note .input-label {
    font-weight: 400;
    margin-bottom: 1rem;
  }
  .modal-container.modal-order-feedback .form-controls {
    text-align: right;
    padding-right: 2.8rem;
    margin-top: 1.7rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-order-feedback .form-controls {
      text-align: center;
      padding: 0;
    }
  }
  .modal-container.modal-campaign .modal-contentwrap {
    width: 60rem;
  }
  .modal-container.modal-campaign .modal-contentwrap.wide {
    width: 90rem;
  }
  .modal-container.modal-campaign .modal-content {
    padding: 2.7rem;
  }
  .modal-container.modal-campaign .campaign-image {
    margin-bottom: 2.7rem;
    border-radius: 0.4rem;
  }
  .modal-container.modal-campaign .campaign-title {
    margin-bottom: 0.7em;
    color: #05519f;
  }
  .modal-container.modal-campaign .campaign-content {
    line-height: 1.1em;
    padding-bottom: 1.3rem;
  }
  .modal-container.modal-campaign .campaign-cta {
    margin-top: 2.7rem;
  }
  .modal-container.modal-howto .modal-contentwrap {
    width: 40rem;
  }
  .modal-container.modal-howto .modal-content {
    padding: 3rem 3rem 3.6rem;
    text-align: center;
  }
  @media (max-width: 960px) {
    .modal-container.modal-howto .modal-content {
      padding: 1.5rem 1.5rem 2rem;
    }
  }
  .modal-container.modal-howto .howto-image {
    margin-bottom: 2rem;
    border-radius: 0.4rem;
    display: block;
    width: 100%;
    padding-bottom: 89.8550724638%;
    overflow: hidden;
  }
  .modal-container.modal-howto .howto-title {
    margin-bottom: 0.7em;
    font-size: 2.2rem;
    line-height: 1.34em;
  }
  .modal-container.modal-howto .howto-content {
    font-size: 1.4rem;
    color: rgba(51, 41, 10, 0.5);
    line-height: 1.57em;
  }
  .modal-container.modal-howto .howto-close {
    margin-top: 3rem;
  }
  .modal-container.modal-login-terms .modal-contentwrap {
    width: 45rem;
  }
  .modal-container.modal-stars-howto .modal-contentwrap {
    width: 90rem;
  }
  .modal-container.modal-stars-howto .modal-content {
    padding: 3rem 3rem 3.6rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-stars-howto .modal-content {
      padding: 1.5rem 1.5rem 2rem;
    }
  }
  .modal-container.modal-stars-howto .howto-image {
    margin-bottom: 3rem;
    border-radius: 0.4rem;
    display: block;
    width: 100%;
    padding-bottom: 34.5238095238%;
    overflow: hidden;
  }
  .modal-container.modal-stars-howto .howto-section {
    font-size: 1.4rem;
    letter-spacing: -0.015em;
  }
  .modal-container.modal-stars-howto .howto-section + .howto-section {
    margin-top: 3rem;
  }
  .modal-container.modal-stars-howto .section-title {
    font-weight: 700;
    font-size: inherit;
    letter-spacing: inherit;
    margin-bottom: 1.2rem;
  }
  .modal-container.modal-stars-howto .section-info {
    color: rgba(51, 41, 10, 0.5);
    line-height: 1.8rem;
  }
  .modal-container.modal-stars-howto .section-info li + li {
    margin-top: 1.4rem;
  }
  .modal-container.modal-summary-star-info .modal-contentwrap {
    width: 27.5rem;
  }
  .modal-container.modal-summary-star-info .modal-content {
    padding: 2rem 2rem 2.6rem;
  }
  @media (max-width: 960px) {
    .modal-container.modal-summary-star-info .modal-content {
      padding: 1.5rem 1.5rem 2rem;
    }
  }
  .modal-container.modal-summary-star-info .complete-image {
    border-radius: 0.4rem;
    display: block;
    width: 100%;
    padding-bottom: 74.4680851064%;
    overflow: hidden;
  }
  .modal-container.modal-summary-star-info .complete-header {
    position: absolute;
    font-size: 1.8rem;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0.5rem 1rem;
    line-height: 1.2em;
    display: block;
    text-align: center;
  }
  .modal-container.modal-summary-star-info .complete-text {
    color: rgba(51, 41, 10, 0.5);
    text-align: center;
    letter-spacing: -0.015em;
    line-height: 1.8rem;
    font-size: 1.4rem;
    margin: 2rem 0;
  }
  .modal-container.modal-rebate .modal-contentwrap {
    width: 50rem;
  }
  .modal-container.modal-rebate .rebate-success {
    margin: -2.3rem -2.7rem 2.3rem;
    padding: 2.3rem 2.7rem;
    background: #fff9cd;
  }
  .modal-container.modal-rebate .rebate-success h3 {
    margin-bottom: 1rem;
  }
  .modal-container.modal-rebate .cargo-info {
    margin-bottom: 2.5rem;
  }
  .modal-container.modal-rebate .cargo-info ul {
    display: flex;
    margin-bottom: 2rem;
  }
  .modal-container.modal-rebate .cargo-info ul li {
    flex: 1 1;
  }
  .modal-container.modal-rebate .cargo-info ul li .key {
    font-size: 1.4rem;
    font-weight: 500;
    color: #7f7f7f;
    margin-bottom: 0.4rem;
  }
  .modal-container.modal-rebate .cargo-info ul li .value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
  }
  .modal-container.modal-rebate .cargo-info .order-info {
    display: flex;
    font-size: 1.2rem;
    color: #7f7f7f;
  }
  .modal-container.modal-rebate .cargo-info .order-info i {
    margin-right: 1.2rem;
    font-size: 1.6rem;
    opacity: 0.5;
  }
  .modal-container.modal-rebate .rebate-product-box {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
  }
  .modal-container.modal-rebate .rebate-product-box img {
    width: 7.5rem;
    height: 7.5rem;
    object-fit: cover;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    margin-right: 2rem;
    padding: 0.4rem;
  }
  .modal-container.modal-rebate .rebate-product-box .title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }
  .modal-container.modal-rebate .rebate-product-box .price {
    background: #ffe000;
    display: inline-block;
    padding: 0 0.6rem;
    font-weight: 700;
    font-size: 1.6rem;
    color: #ff3824;
    border-radius: 0.4rem;
    line-height: 2.5rem;
  }
  .modal-container.modal-rebate .rebate-product-quantity {
    background-color: #fff;
    border-radius: 2.5rem;
    height: 3rem;
    width: 13rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: inherit;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  }
  .modal-container.modal-rebate .rebate-product-quantity button {
    padding: 0 1.5rem;
    font-size: 1rem;
    color: #3db662;
  }
  .modal-container.modal-rebate .rebate-product-quantity button[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    color: #7f7f7f;
  }
  .modal-container.modal-rebate .rebate-product-quantity .value {
    font-size: 1.5rem;
    font-weight: 500;
  }
  @media (max-width: 960px) {
    .modal-container.modal-rebate .rebate-product-quantity {
      width: auto;
      font-size: inherit;
    }
  }
  .modal-container.modal-rebate .rebate-product-form {
    margin: 3rem 0;
  }
  .modal-container.modal-rebate .rebate-product-form ul li {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .modal-container.modal-rebate .rebate-product-form ul li:last-child {
    margin-bottom: 0;
  }
  .modal-container.modal-rebate .rebate-product-form ul li label {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .modal-container.modal-rebate .rebate-product-form ul li select {
    width: 100%;
    height: 4.4rem;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-family: GTWalsheim, Arial, Helvetica, sans-serif;
    color: #ccc;
  }
  .modal-container.modal-rebate .rebate-product-form ul li select:focus {
    border-color: #7f7f7f;
  }
  .modal-container.modal-rebate .rebate-product-form ul li select:valid {
    color: #000;
  }
  .modal-container.modal-rebate .rebate-product-form ul li textarea {
    height: 10rem;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    resize: none;
    padding: 1rem;
    font-size: 1.4rem;
    font-family: GTWalsheim, Arial, Helvetica, sans-serif;
  }
  .modal-container.modal-rebate .rebate-product-form ul li textarea:focus {
    border-color: #7f7f7f;
  }
  .modal-container.modal-rebate .rebate-product-form ul li textarea::placeholder {
    color: #ccc;
  }
  .modal-container.modal-rebate .rebate-big-btn {
    display: flex;
    height: 4.4rem;
    background: #05519f;
    border-radius: 0.4rem;
    align-items: center;
    width: 100%;
    color: #fff;
    justify-content: center;
  }
  .modal-container.modal-rebate .rebate-big-btn:hover {
    opacity: 0.9;
  }
  .modal-container.modal-rebate .rebate-big-btn[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
  }
  .modal-container.basket-check .modal-contentwrap {
    width: 40rem;
    text-align: center;
  }
  .modal-container.basket-check .modal-content {
    padding: 0;
    overflow: hidden;
  }
  .modal-container.basket-check header {
    height: 5rem;
    background: #ffe000;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.6rem;
  }
  .modal-container.basket-check .basket-check-content .basket-check-info {
    background: #fff9cd;
    padding: 1rem;
    border-radius: 0.4rem;
    text-align: left;
    color: #333;
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 2rem 2rem 1rem;
  }
  .modal-container.basket-check .content-productlist {
    text-align: left;
  }
  .modal-container.basket-check .content-productlist .content-promolabel,
  .modal-container.basket-check .content-productlist .pricetag,
  .modal-container.basket-check .content-productlist .productbox-controls {
    display: none;
  }
  .modal-container.basket-check .content-productlist li.productlist-product {
    padding: 1.5rem 2rem;
    pointer-events: none;
    border-bottom: 1px solid #ddd;
  }
  .modal-container.basket-check
    .content-productlist
    li.productlist-product:last-child {
    border-bottom: none;
  }
  .modal-container.basket-check .content-productlist .productbox-wrap {
    align-items: center;
  }
  .modal-container.basket-check .actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 2.5rem 4rem;
  }
  .modal-container.basket-check .actions .cancel {
    font-weight: 500;
    text-decoration: underline;
    color: #222;
  }
  .section.error,
  .section.notfound {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 40rem;
    color: #05519f;
    font-size: 3rem;
    font-weight: 500;
  }
  .section.error .btn,
  .section.notfound .btn {
    margin-top: 2rem;
  }
  .section.home-banners .banners-slider.placeholder {
    padding-bottom: 32.9861111111%;
  }
  @media (max-width: 960px) {
    .section.home-banners .banners-slider.placeholder {
      padding-bottom: 53.3333333333%;
    }
  }
  .section.home-banners .banners-item {
    display: block;
    width: 100%;
    cursor: pointer;
  }
  .section.home-banners .item-image {
    width: 100%;
    background-size: cover;
    padding-bottom: 32.9861111111%;
  }
  @media (max-width: 960px) {
    .section.home-banners .item-image {
      padding-bottom: 53.3333333333%;
    }
  }
  .section.home-slider {
    background-color: #f7f3eb;
    padding: 2.6rem 0 4.3rem;
    overflow: hidden;
  }
  @media (max-width: 960px) {
    .section.home-slider {
      padding: 1.2rem 0 2.4rem;
    }
  }
  .section.home-slider.dark {
    background-color: #f1f0ef;
  }
  .section.home-slider .slider-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.3rem;
  }
  @media (max-width: 960px) {
    .section.home-slider .slider-heading {
      margin-bottom: 2.2rem;
    }
  }
  .section.home-slider .heading-title {
    font-size: 1.8rem;
    letter-spacing: -0.025em;
  }
  @media (max-width: 960px) {
    .section.home-slider .heading-title {
      font-size: 1.4rem;
    }
  }
  .section.home-slider .heading-cta {
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -0.025em;
    color: rgba(51, 41, 10, 0.3);
    transition: color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.home-slider .heading-cta:hover {
      color: rgba(51, 41, 10, 0.5);
    }
  }
  .section.home-slider .slider-slider {
    white-space: nowrap;
    vertical-align: top;
    overflow: visible;
    margin: 0 -0.8rem;
    width: calc(100% + 1.6rem);
  }
  .section.home-slider .slider-slider .swiper-slide {
    padding: 0 0.8rem;
  }
  .section.home-slider .slider-slider .swiper-wrap {
    white-space: nowrap;
  }
  .section.home-categories {
    padding: 4.5rem 0 8rem;
    background-color: #fff;
  }
  @media (max-width: 960px) {
    .section.home-categories {
      padding: 1.7rem 0;
    }
  }
  .section.home-categories .categories-title {
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    color: rgba(51, 41, 10, 0.3);
    margin-bottom: 2.4rem;
  }
  @media (max-width: 960px) {
    .section.home-categories .categories-title {
      margin-bottom: 1rem;
    }
  }
  .section.home-categories .categories-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: -1rem;
  }
  @media (max-width: 960px) {
    .section.home-categories .categories-list {
      margin: -0.75rem;
    }
  }
  .section.home-categories .list-category {
    width: 14.2857142857%;
    padding: 1rem;
  }
  @media (max-width: 960px) {
    .section.home-categories .list-category {
      width: 33.3333333333%;
      padding: 0.75rem;
    }
  }
  .section.home-categories .list-category a {
    display: block;
    position: relative;
    background-color: #f7f3eb;
    border-radius: 0.4rem;
  }
  @media (min-width: 960px) {
    .section.home-categories .list-category a:hover:before {
      opacity: 1;
    }
  }
  .section.home-categories .list-category a:before {
    content: " ";
    overflow: hidden;
    display: block;
    border-radius: 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s ease;
    box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
  }
  .section.home-categories .category-image {
    width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .section.home-categories .category-image .imagewrap-image,
  .section.home-categories .category-image.placeholder {
    padding-bottom: 114.2857142857%;
  }
  .section.home-categories .category-title {
    font-weight: 500;
    position: absolute;
    transform: translateZ(0);
    left: 0;
    top: 0;
    z-index: 3;
    font-size: 1.3rem;
    line-height: 1.3em;
    color: #36352f;
    letter-spacing: -0.05em;
    width: 49%;
    padding: 1.8rem 0 0 2rem;
  }
  @media (max-width: 960px) {
    .section.home-categories .category-title {
      width: 90%;
      font-size: 1.4rem;
      padding: 1.5rem 0 0 0.9rem;
    }
  }
  .section.home-campaigns .campaigns-item {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 0.4rem;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 1rem 0 1.5rem 3rem;
    color: #fff;
    width: 33.5rem;
    height: 10.2rem;
    overflow: hidden;
  }
  .section.home-campaigns .campaigns-item:not(.placeholder) {
    background-color: #05519f;
  }
  .section.home-campaigns .item-title {
    font-weight: 500;
    white-space: normal;
    display: block;
    font-size: 1.8rem;
    padding-right: 11.5rem;
    line-height: 2.2rem;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 2;
  }
  .section.home-campaigns .item-cta {
    font-weight: 700;
    color: #ffe000;
    font-size: 1.4rem;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 3;
  }
  .section.home-campaigns .item-cta:after {
    font-size: 1.1rem;
    margin-left: 0.3rem;
  }
  .section.home-campaigns .item-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
  }
  .loader-fs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 243, 153, 0.85);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section.product-detail {
    position: relative;
    padding: 0 0 5.5rem;
  }
  .section.product-detail.loading {
    min-height: 40rem;
  }
  .section.product-detail .detail-breadcrumbs {
    margin-bottom: 10rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-breadcrumbs {
      margin-bottom: 0;
    }
  }
  .section.product-detail .detail-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-wrap {
      display: block;
    }
  }
  .section.product-detail .detail-highlight {
    width: calc(100% - 42rem);
    background-color: #fff;
    border-radius: 0.4rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 3rem 2.6rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight {
      width: auto !important;
      border-radius: 0;
      padding: 1.5rem 1.5rem 2.4rem;
    }
  }
  .section.product-detail .detail-highlight.wide {
    width: 100%;
  }
  .section.product-detail .detail-highlight.wide .highlight-imagewrap {
    width: 50%;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight.wide .highlight-imagewrap {
      width: 100%;
    }
  }
  .section.product-detail .detail-highlight.wide .highlight-info {
    margin-left: 8rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight.wide .highlight-info {
      margin-left: 0;
    }
  }
  .section.product-detail .detail-highlight .highlight-innerwrap {
    max-width: 80rem;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .highlight-innerwrap {
      display: block;
      position: relative;
    }
  }
  .section.product-detail .detail-highlight .highlight-imagewrap {
    position: relative;
    width: calc(100% - 34rem);
    z-index: 2;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .highlight-imagewrap {
      width: 100%;
    }
  }
  .section.product-detail .detail-highlight .highlight-slider,
  .section.product-detail .detail-highlight .highlight-slider .swiper-slide {
    width: 100%;
  }
  .section.product-detail .detail-highlight .cashback-promolabel {
    background: #ffe000;
    padding: 1rem;
    border-radius: 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.1rem;
  }
  .section.product-detail .detail-highlight .cashback-promolabel span {
    font-size: 1.3rem;
  }
  .section.product-detail .detail-highlight .cashback-promolabel > div {
    font-size: 1.8rem;
  }
  .section.product-detail .detail-highlight .cashback-promolabel.fix-position {
    top: 4rem;
  }
  .section.product-detail
    .detail-highlight
    .cashback-promolabel.fix-position-by-top {
    top: 5.5rem;
  }
  .section.product-detail .detail-highlight .highlight-promolabel {
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 2rem;
    padding: 0.5rem 1.2rem;
    border-radius: 0.4rem;
    background-color: #05519f;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    z-index: 2;
  }
  .section.product-detail .detail-highlight .highlight-promolabel.alt {
    background-color: #ffe000;
    color: #33290a;
  }
  .section.product-detail .detail-highlight .highlight-promolabel.cargo-label {
    height: 3rem;
    font-size: 1.5rem;
  }
  .section.product-detail .detail-highlight .highlight-info {
    flex: 1 0;
    margin-left: 4rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .highlight-info {
      margin: 1rem 0 0;
      text-align: center;
    }
  }
  .section.product-detail .detail-highlight .info-controls {
    height: 3rem;
    margin-bottom: 1.6rem;
    text-align: right;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .info-controls {
      position: absolute;
      z-index: 3;
      top: 0;
      right: 0;
    }
  }
  .section.product-detail .detail-highlight .controls-favbtn {
    margin-right: -0.5rem;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    position: relative;
  }
  .section.product-detail .detail-highlight .controls-favbtn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity 0.2s ease;
  }
  .section.product-detail .detail-highlight .controls-favbtn .favbtn-heart {
    opacity: 0;
  }
  .section.product-detail
    .detail-highlight
    .controls-favbtn.empty:hover
    .favbtn-heart {
    opacity: 0.2;
  }
  .section.product-detail
    .detail-highlight
    .controls-favbtn.empty:active
    .favbtn-heart,
  .section.product-detail .detail-highlight .controls-favbtn.full .favbtn-heart {
    opacity: 1;
  }
  .section.product-detail .detail-highlight .info-price {
    margin-bottom: 2.2rem;
  }
  .section.product-detail .detail-highlight .info-title {
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: -0.025em;
  }
  .section.product-detail .detail-highlight .stock-alert {
    background: #ff3824;
    color: #fff;
    display: inline-flex;
    margin-top: 2rem;
    height: 3rem;
    align-items: center;
    padding: 0 1.2rem;
    border-radius: 0.4rem;
    font-size: 1.4rem;
  }
  .section.product-detail .detail-highlight .info-addcontrols {
    display: inline-block;
    margin-top: 3rem;
  }
  .section.product-detail .detail-highlight .info-addcontrols .controls-addbtn {
    background-color: #05519f;
    color: #fff;
  }
  @media (min-width: 960px) {
    .section.product-detail
      .detail-highlight
      .info-addcontrols
      .controls-addbtn:hover {
      background-color: #0660bd;
    }
  }
  .section.product-detail
    .detail-highlight
    .info-addcontrols
    .controls-addbtn:active,
  .section.product-detail
    .detail-highlight
    .info-addcontrols
    .controls-addbtn:focus {
    background-color: #0660bd;
    border-color: #0660bd;
  }
  .section.product-detail .detail-highlight .info-features {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 1rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .info-features {
      margin-top: 2rem;
      justify-content: center;
    }
  }
  .section.product-detail .detail-highlight .features-feature {
    margin-right: 1rem;
    margin-top: 0.6rem;
    display: inline-block;
    border: 0.2rem solid #33290a;
    border-radius: 0.4rem;
    padding: 0.5rem 1.8rem;
    letter-spacing: -0.025em;
  }
  .section.product-detail .detail-highlight .features-feature i {
    display: none;
    margin-right: 0.5rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-highlight .features-feature {
      font-weight: 700;
      border: none;
      padding: 0;
      font-size: 1.4rem;
    }
    .section.product-detail .detail-highlight .features-feature i {
      display: inline-block;
    }
  }
  .section.product-detail .detail-highlight .info-cargo {
    height: 4.3rem;
    background: #fff9cd;
    border-radius: 0.4rem;
    margin-top: 1.85rem;
    padding-left: 1.47rem;
    padding-right: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
  }
  .section.product-detail .detail-highlight .info-cargo i {
    font-size: 1.5rem;
    margin-right: 0.9rem;
  }
  .section.product-detail .detail-highlight .info-cargo div {
    display: flex;
    align-items: center;
  }
  .section.product-detail .detail-highlight .info-addamount {
    display: inline-flex;
    flex-flow: row wrap;
    width: 10rem;
    height: 3.4rem;
    border-radius: 1.7rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    align-items: center;
    margin-top: 3rem;
  }
  .section.product-detail .detail-highlight .addamount-control {
    width: 2.8rem;
    display: block;
    height: 3.4rem;
    color: #3db662;
  }
  .section.product-detail .detail-highlight .addamount-control.decrease {
    padding-left: 0.6rem;
  }
  .section.product-detail .detail-highlight .addamount-control.increase {
    padding-right: 0.6rem;
  }
  .section.product-detail .detail-highlight .addamount-num {
    flex: 1 0;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
  }
  .section.product-detail .detail-highlight .info-add {
    margin-top: 3.2rem;
  }
  .section.product-detail .detail-additions {
    flex: 1 0;
    margin-left: 2rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-additions {
      margin: 2rem 0 0;
    }
  }
  .section.product-detail
    .detail-additions
    .additions-section
    + .additions-section {
    margin-top: 2.4rem;
  }
  .section.product-detail .detail-additions .section-title {
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
    color: rgba(51, 41, 10, 0.5);
    padding: 0 1.5rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-additions .section-title {
      margin-bottom: 1rem;
      font-size: 1.4rem;
    }
  }
  .section.product-detail .detail-additions .section-content {
    background-color: #fff;
    border-radius: 0.4rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    line-height: 1.21em;
    min-height: 12.5rem;
  }
  .section.product-detail .detail-additions .section-content.without-padding {
    padding: 0;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box {
    padding: 1.5rem;
    border-bottom: 1px solid #e7e7e7;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .variant-title {
    font-size: 1.3rem;
    padding-bottom: 1rem;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box:last-child {
    border-bottom: none;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial {
    border: 1px solid #ccc;
    padding: 1rem 1.2rem;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial:hover {
    border-color: #7f7f7f;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial.passive {
    border-color: #e7e7e7;
    color: #ccc;
    pointer-events: none;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial
    .title {
    font-size: 1.4rem;
    font-weight: 500;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial
    .price {
    font-size: 1.1rem;
    font-weight: 700;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial
    .stock {
    background: #ff3824;
    font-size: 1.1rem;
    color: #fff;
    padding: 0 0.8rem;
    border-radius: 10px;
    margin-top: 4px;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-serial.active {
    background: #fff9cd;
    border-color: #ffe000;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group {
    border: 1px solid #ccc;
    padding-right: 1.2rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group:hover {
    border-color: #7f7f7f;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group.passive {
    border-color: #e7e7e7;
    color: #ccc;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group
    .title {
    font-size: 1.4rem;
    font-weight: 500;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group
    img {
    mix-blend-mode: multiply;
    height: 4rem;
    padding: 0.5rem;
  }
  .section.product-detail
    .detail-additions
    .section-content
    .product-variant-box
    .product-variants
    .variant-group.active {
    background: #fff9cd;
    border-color: #ffe000;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-additions .section-content {
      border-radius: 0;
    }
  }
  .section.product-detail .detail-additions .additions-campaign .section-content {
    min-height: auto;
    background-color: #fff9cd;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 1.2rem;
  }
  .section.product-detail
    .detail-additions
    .additions-campaign
    .section-content
    i {
    font-size: 2.5rem;
  }
  .section.product-detail .detail-additions .additions-campaign .campaign-text {
    flex: 1 0;
    margin-left: 1rem;
  }
  @media (max-width: 960px) {
    .section.product-detail .detail-additions .additions-campaign {
      margin-top: -2rem;
    }
  }
  .section.product-detail .detail-additions .additions-info .section-content {
    min-height: auto;
  }
  .section.product-detail
    .detail-additions
    .additions-info
    .info-description
    + .info-data {
    margin-top: 1rem;
    border-top: 0.1rem solid #e7e7e7;
    padding-top: 1rem;
  }
  .section.product-detail
    .detail-additions
    .additions-info
    .info-description
    > *
    br:first-child {
    display: none;
  }
  .section.product-detail .detail-additions .additions-info .info-data {
    display: flex;
    justify-content: space-between;
  }
  .section.product-detail
    .detail-additions
    .additions-info
    .info-data
    + .info-data {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .section-content {
    font-size: 1.2rem;
    padding-bottom: 3rem;
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .installments-list {
    margin: -1.5rem -1.5rem 0;
    width: calc(100% + 3rem);
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .installments-list
    + * {
    margin-top: 1rem;
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .installments-row {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3.8rem 1rem 1.5rem;
    align-items: center;
    min-height: 4.2rem;
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .installments-row
    + .installments-row {
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.product-detail .detail-additions .additions-installments .row-title {
    font-weight: inherit;
  }
  .section.product-detail
    .detail-additions
    .additions-installments
    .installments-note {
    padding: 0 10rem 0 0;
  }
  .section.product-detail .detail-mobilecontrols {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #3db662;
    text-align: center;
    padding: 1rem 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .section.product-detail .detail-mobilecontrols.hide {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    pointer-events: none;
  }
  .section.basket {
    padding: 8.5rem 0 11.3rem;
  }
  .section.basket .win-wallet {
    font-size: 1.2rem;
    margin-top: 1rem;
    background: rgba(5, 81, 159, 0.2);
    color: #05519f;
    font-weight: 500;
    padding: 0.4rem;
    display: flex;
    align-items: center;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    border-radius: 0.3rem;
  }
  .section.basket .win-wallet img {
    height: 1.2rem;
  }
  @media (max-width: 960px) {
    .section.basket {
      padding: 2.7rem 0 3rem;
    }
  }
  .section.basket .basket-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  @media (max-width: 960px) {
    .section.basket .basket-wrap {
      display: block;
    }
  }
  .section.basket .basket-main {
    flex: 1 0;
    max-width: calc(100% - 26.8rem);
  }
  @media (max-width: 960px) {
    .section.basket .basket-main {
      max-width: none;
    }
  }
  .section.basket .basket-aside {
    width: 24rem;
    margin-left: 2.8rem;
    padding-top: 4rem;
  }
  @media (max-width: 960px) {
    .section.basket .basket-aside {
      width: auto;
      margin-left: 0;
      padding-top: 0;
    }
  }
  .section.basket .basket-section + .basket-section {
    margin-top: 4rem;
  }
  .section.basket .basket-tab {
    background: #fff399;
    height: 5rem;
    padding-left: 4.3rem;
    display: flex;
    grid-gap: 3.1rem;
    gap: 3.1rem;
    margin: -3.6rem -3rem 2.6rem;
  }
  .section.basket .basket-tab button {
    height: 5rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    padding-right: 0.6rem;
    padding-left: 0.4rem;
  }
  .section.basket .basket-tab button i {
    font-size: 1.2rem;
    margin-right: 0.75rem;
  }
  .section.basket .basket-tab button.active {
    box-shadow: inset 0 -0.4rem 0 0 #ffa200;
  }
  .section.basket .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    height: 2rem;
  }
  .section.basket .section-header .header-title {
    font-weight: 500;
    font-size: inherit;
  }
  @media (min-width: 960px) {
    .section.basket .section-header .header-back {
      font-weight: 700;
      color: rgba(51, 41, 10, 0.5);
    }
  }
  .section.basket .section-header .header-back .btn-icon.pre {
    font-size: 0.9rem;
  }
  .section.basket .section-content {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0.4rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 3.6rem 3rem;
  }
  @media (max-width: 960px) {
    .section.basket .section-content {
      border-radius: 0;
    }
  }
  .section.basket .section-content .content-notfound {
    height: 12.8rem;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
  }
  .section.basket .section-content .notfound-icon {
    font-size: 2.6rem;
    display: block;
    margin-bottom: 1.2rem;
  }
  .section.basket .section-content .content-productlist {
    margin: 0 -3rem;
    width: calc(100% + 6rem);
  }
  .section.basket .section-content .productlist-product {
    padding: 3.7rem 3rem;
  }
  @media (max-width: 960px) {
    .section.basket .section-content .productlist-product {
      padding: 1.6rem 1.5rem 1.5rem;
    }
  }
  .section.basket .section-content .productlist-product:first-child {
    padding-top: 0;
  }
  .section.basket .section-content .productlist-product:last-child {
    padding-bottom: 0;
  }
  .section.basket .section-content .productlist-product + .productlist-product {
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.basket .min-delivery {
    margin: -3.6rem -3rem 3rem;
    background: #fff9cd;
    padding: 1.5rem;
    font-size: 1.2rem;
  }
  .section.basket .basket-sumbox {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
    padding: 2.4rem 2.4rem 2.8rem;
  }
  @media (max-width: 960px) {
    .section.basket .basket-sumbox {
      margin-top: 3rem;
      border-radius: 0;
    }
  }
  .section.basket .basket-sumbox .sumbox-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section.basket .basket-sumbox .header-title {
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    line-height: 1.14em;
  }
  .section.basket .basket-sumbox .sumbox-services {
    margin-bottom: 1.2rem;
    line-height: 1.1em;
    font-size: 1.4rem;
  }
  .section.basket .basket-sumbox .sumbox-services li {
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .section.basket .basket-sumbox .sumbox-services li.total {
    color: #05519f;
  }
  .section.basket .basket-sumbox .sumbox-services li strong {
    font-weight: inherit;
  }
  .section.basket .basket-sumbox .sumbox-services li .negative {
    color: rgba(255, 56, 36, 0.7);
  }
  .section.basket .basket-sumbox .sumbox-services li .description {
    flex: 1 0;
  }
  .section.basket .basket-sumbox .sumbox-services li .price {
    margin-left: 0.5rem;
    white-space: nowrap;
  }
  .section.basket .basket-sumbox .sumbox-completewrap {
    margin-top: 2rem;
  }
  @media (max-width: 960px) {
    .section.basket .basket-sumbox .sumbox-completewrap {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10;
      background: #fff;
      box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
      padding: 1rem 1.5rem;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .section.basket .basket-sumbox .sumbox-completewrap.hide-mobile {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
      pointer-events: none;
    }
  }
  @media (max-width: 960px) {
    .section.basket .basket-sumbox .sumbox-completebtn {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .section.basket .basket-sumbox .sumbox-completebtn .btn-content {
      width: 100%;
      justify-content: space-between;
    }
  }
  .section.basket .basket-promo {
    margin-top: 2rem;
  }
  .section.basket .basket-promo.has-promo {
    background-color: #fff399;
    margin: 2.8rem -2.4rem -2.8rem;
    padding: 2rem 2.4rem 2.8rem;
    width: calc(100% + 4.8rem);
  }
  @media (max-width: 960px) {
    .section.basket .basket-promo.has-promo {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
    }
  }
  @media (max-width: 960px) {
    .section.basket .basket-promo {
      padding: 0 2.4rem;
    }
  }
  .section.basket .basket-promo .promo-title {
    font-weight: 500;
    letter-spacing: 0.01em;
    font-size: 1.4rem;
    color: rgba(51, 41, 10, 0.3);
  }
  .section.basket .basket-promo .promo-description {
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    margin-top: 0.5rem;
  }
  .section.basket .basket-promo .promo-cancelbtn {
    margin-top: 1.6rem;
  }
  .section.basket .basket-promo .promo-addpromo {
    text-decoration: underline;
    font-size: 1.4rem;
    letter-spacing: 0;
    display: inline-block;
  }
  .section.basket .basket-starinfo {
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    margin-top: 1.5rem;
  }
  @media (max-width: 960px) {
    .section.basket .basket-starinfo {
      margin: 2.4rem;
      width: calc(100% - 4.8rem);
    }
  }
  .section.basket .basket-starinfo .imagewrap-image {
    font-weight: 700;
    height: 21.5rem;
    padding: 1.7rem 1.8rem;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
  }
  @media (max-width: 960px) {
    .section.basket .basket-starinfo .imagewrap-image {
      height: 10.5rem;
    }
  }
  .section.basket .basket-starinfo .starinfo-total {
    display: block;
    font-size: 2.5rem;
    letter-spacing: -0.05em;
    margin: 0.2rem 0 0.5rem;
  }
  .section.basket .basket-starinfo .starinfo-label {
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
    padding: 0.5rem 0.8rem;
    border-radius: 0.4rem;
    background-color: #7f7f7f;
    color: #fff;
    margin-top: 0.1rem;
  }
  .section.basket .basket-starinfo .starinfo-label.red {
    background-color: #ff3824;
  }
  .basket-wallet-info {
    height: 21.5rem;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    border-radius: 0.4rem;
    overflow: hidden;
  }
  @media (max-width: 960px) {
    .basket-wallet-info {
      border-radius: 0;
      margin-top: 2rem;
    }
  }
  .basket-wallet-info button {
    background: linear-gradient(90deg, #063f79, #05519f);
    display: flex;
    align-items: center;
    padding: 0 1.5rem 0 2rem;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    height: 50%;
  }
  .basket-wallet-info button img {
    height: 4.5rem;
  }
  .basket-wallet-info button h6 {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    line-height: 120%;
  }
  .basket-wallet-info > div {
    height: 50%;
  }
  .basket-wallet-info > div:last-child {
    background: #ffe000;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    padding: 0 2rem;
    position: relative;
  }
  .basket-wallet-info > div:last-child h6 {
    font-size: 1.5rem;
  }
  .basket-wallet-info > div:last-child .price {
    font-size: 2.5rem;
    margin-top: 0.8rem;
  }
  .basket-wallet-info > div:last-child img {
    position: absolute;
    bottom: 0;
    height: 80%;
    right: 2.4rem;
  }
  .win-logo-mini {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: #05519f;
    margin-right: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .win-logo-mini img {
    max-height: 40%;
  }
  .win-logo-mini.bigger {
    width: 2.8rem;
    height: 2.8rem;
  }
  .win-logo-mini.bigger img {
    max-height: 36%;
  }
  .section.account-title {
    background-color: #fff399;
  }
  .section.account-title .title-wrap {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 4.6rem;
  }
  .section.account-wrap {
    display: flex;
    flex-flow: row wrap;
    padding: 4.3rem 0 5.2rem;
    align-items: flex-start;
  }
  @media (max-width: 960px) {
    .section.account-wrap {
      display: block;
      padding-top: 0;
    }
  }
  .section.account-nav {
    font-weight: 500;
    font-size: 1.4rem;
    flex: 1 0;
    background-color: #fff;
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.02);
  }
  .section.account-nav .nav-title {
    font-weight: inherit;
    background-color: #fff399;
  }
  @media (max-width: 960px) {
    .section.account-nav .nav-title {
      background-color: transparent;
      border-bottom: 1px solid rgba(51, 41, 10, 0.1);
    }
  }
  .section.account-nav .nav-title .item-icon {
    font-size: 1.9rem;
    margin: 0 1.5rem 0 -0.1rem;
  }
  .section.account-nav .nav-item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    height: 5rem;
    padding: 0 1.5rem;
  }
  .section.account-nav .nav-item .item-link {
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    flex: 1 0;
  }
  @media (min-width: 960px) {
    .section.account-nav .nav-item .item-link:hover {
      color: #05519f;
    }
  }
  .section.account-nav .nav-item .item-link.active {
    color: #05519f;
  }
  .section.account-nav .item-icon {
    font-size: 1.7rem;
    margin-right: 1.6rem;
    color: #33290a;
  }
  .section.account-nav .nav-menu .nav-item + .nav-item {
    border-top: 1px solid rgba(51, 41, 10, 0.1);
  }
  .section.account-container {
    width: calc(100% - 31.6rem);
    margin-left: 2.2rem;
    display: flex;
    flex-flow: column wrap;
    font-size: 1.4rem;
  }
  @media (max-width: 960px) {
    .section.account-container {
      width: auto;
      margin-left: 0;
    }
  }
  .section.account-container .container-section {
    background-color: #fff;
    border-radius: 0.4rem;
    box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.02);
    width: 100%;
  }
  .section.account-container .container-section + .container-section {
    margin-top: 3.3rem;
  }
  .section.account-container .container-section.fullheight {
    flex: 1 0;
  }
  .section.account-container .section-title {
    font-weight: 700;
    padding: 0 1.5rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 1.4rem;
    color: rgba(51, 41, 10, 0.5);
    line-height: 5rem;
    border-bottom: 1px solid rgba(51, 41, 10, 0.2);
  }
  @media (max-width: 960px) {
    .section.account-container .section-title {
      font-weight: 500;
      line-height: 2rem;
      padding: 1.3rem 1.5rem;
      font-size: 1.6rem;
      background-color: #fff399;
      border-bottom: none;
      color: #33290a;
      display: block;
      text-align: center;
    }
  }
  .section.account-container .title-back {
    width: 3.5rem;
  }
  @media (max-width: 960px) {
    .section.account-container .title-back {
      position: absolute;
      left: 0;
    }
  }
  .section.account-container .section-content {
    padding: 3rem 1.5rem;
  }
  .section.account-container .section-list.loaded {
    min-height: auto;
  }
  .section.account-container .section-form {
    padding: 3rem 1.5rem;
    max-width: 37.5rem;
  }
  .section.account-container .form-submitbtn {
    margin-top: 4.8rem;
  }
  .section.account-container .section-notfound {
    padding: 2rem 1.5rem;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.account-stars-overview {
    background-color: #fff;
    margin-bottom: 3.3rem;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview {
      padding: 1.5rem;
      margin-bottom: 0;
      background-color: #f6f6f6;
    }
  }
  .section.account-stars-overview.star-page .overview-main {
    background-color: #ffe000;
    padding: 1.4rem 1.8rem;
    height: 13.2rem;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    background-position: 0;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview.star-page .overview-main {
      height: auto;
    }
  }
  .section.account-stars-overview .overview-main {
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .section.account-stars-overview .overview-main.image.image-loading {
    opacity: 1;
  }
  .section.account-stars-overview .overview-main.image .imagewrap-image {
    padding: 2rem 3rem;
    height: 10.4rem;
    display: flex;
    align-items: center;
    background-position: 0;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .overview-main.image .imagewrap-image {
      padding: 2rem;
      height: 13.4rem;
    }
  }
  .section.account-stars-overview .overview-left {
    flex: 1 0;
  }
  .section.account-stars-overview .overview-latestorder {
    width: 26rem;
    color: rgba(51, 41, 10, 0.5);
    letter-spacing: 0.01em;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .overview-latestorder {
      width: auto;
      background-color: #fff;
      border-radius: 0.4rem;
      margin-top: 1.5rem;
      padding: 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 1.2rem;
      line-height: 1.3em;
    }
    .section.account-stars-overview .overview-latestorder p {
      width: 50%;
    }
  }
  @media (min-width: 960px) {
    .section.account-stars-overview .overview-latestorder {
      white-space: nowrap;
    }
    .section.account-stars-overview .overview-latestorder .btn {
      margin-top: 1.4rem;
    }
  }
  .section.account-stars-overview .overview-bottom {
    width: 100%;
    margin-top: 0.4rem;
  }
  @media (min-width: 960px) {
    .section.account-stars-overview .overview-bottom {
      border-top: 0.1rem solid #000;
      padding-top: 1.4rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .bottom-removetime {
      border-top: 0.1rem solid #000;
      padding-top: 1.2rem;
      margin-top: 1.2rem;
      font-size: 1.2rem;
      display: flex;
      justify-content: space-between;
    }
  }
  .section.account-stars-overview .bottom-removetime p {
    display: inline;
  }
  .section.account-stars-overview .bottom-removetime .removetime-score {
    margin-left: 1.5rem;
  }
  .section.account-stars-overview .overview-coin {
    width: 5.3rem;
  }
  .section.account-stars-overview .overview-title {
    font-size: 1.5rem;
    letter-spacing: -0.025em;
  }
  .section.account-stars-overview .overview-text {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 1rem 0;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .overview-text {
      margin: 0.2rem 0 1rem;
    }
  }
  .section.account-stars-overview .text-total {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    letter-spacing: -0.05em;
    font-size: 2.5rem;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .text-total {
      display: flex;
      width: 100%;
    }
  }
  .section.account-stars-overview .total-icon {
    width: 2.7rem;
    margin: 0 0 0 0.5rem;
  }
  .section.account-stars-overview .text-infolabel {
    font-weight: 500;
    display: inline-block;
    line-height: 1.8rem;
    padding: 0 0.6rem 0.2rem;
    margin-left: 0.8rem;
    border-radius: 0.4rem;
    background-color: #7f7f7f;
    color: #fff;
    font-size: 1rem;
  }
  @media (max-width: 960px) {
    .section.account-stars-overview .text-infolabel {
      margin: 0.8rem 0 0;
    }
  }
  .section.account-stars-overview .text-infolabel.red {
    background-color: #ff3824;
    color: #fff;
  }
  .section.account-stars-overview .overview-howtobtn {
    letter-spacing: -0.015em;
    text-decoration: underline;
  }
  .section.account-section-addresses .list-item + .list-item {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-addresses .list-item:first-child .item-link {
    padding-top: 2.5rem;
  }
  .section.account-section-addresses .list-item:last-child .item-link {
    padding-bottom: 2rem;
  }
  .section.account-section-addresses .item-wrap {
    display: flex;
    align-items: flex-start;
    padding: 1.2rem 1.5rem 1.2rem 1.4rem;
  }
  .section.account-section-addresses .item-wrap.clickable {
    width: 100%;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-addresses .item-wrap.clickable:hover {
      background-color: #fbfbfb;
    }
  }
  .section.account-section-addresses .item-icon {
    font-size: 1.3rem;
    margin: 0.2rem 1.2rem 0 0;
  }
  .section.account-section-addresses .item-icon.post {
    margin: 0.2rem 0 0 1.2rem;
    font-size: 1.5rem;
  }
  .section.account-section-addresses .item-content {
    flex: 1 0;
  }
  .section.account-section-addresses .content-bottom {
    margin-top: 0.6rem;
  }
  .section.account-section-addresses .item-title {
    font-weight: 500;
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  .section.account-section-addresses .item-address {
    color: rgba(51, 41, 10, 0.7);
  }
  .section.account-section-addresses .item-delivery-title {
    font-weight: 500;
    color: rgba(51, 41, 10, 0.7);
    font-size: 1.2rem;
    margin-right: 1rem;
  }
  .section.account-section-addresses .item-delivery-time {
    font-weight: 500;
    color: #3db662;
  }
  .section.account-section-addresses .item-delivery-time.error {
    color: #33290a;
  }
  .section.account-section-help .section-title {
    border-bottom-color: transparent;
  }
  .section.account-section-help .help-phone {
    display: flex;
    flex-flow: row wrap;
    background-color: #fff399;
    height: 5rem;
    padding: 0 1.5rem;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-help .help-phone {
      background-color: #fff9cd;
    }
    .section.account-section-help .help-phone:hover {
      background-color: #fff399;
    }
  }
  .section.account-section-help .help-phone:active {
    transition: background-color 80ms ease;
    background-color: #ffe000;
  }
  .section.account-section-help .help-phone i {
    font-size: 1.8rem;
  }
  .section.account-section-help .help-phone strong {
    margin: 0 2rem 0 1.5rem;
  }
  .section.account-section-help .help-list {
    font-size: 1.4rem;
  }
  .section.account-section-help .list-item + .list-item {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-help .item-link {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5rem;
    padding: 0 1.5rem;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-help .item-link:hover {
      background-color: #fbfbfb;
    }
  }
  .section.account-section-help .item-link:active {
    background-color: #f6f6f6;
  }
  .section.account-section-help .item-link i {
    font-size: 0.9rem;
  }
  .section.account-section-help-detail .detail-description {
    padding: 3rem 1.5rem;
    line-height: 1.2em;
  }
  .section.account-section-help-detail .faqs-item + .faqs-item {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-orders .section-title {
    border-bottom-color: transparent;
  }
  .section.account-section-orders .groups-group.loaded {
    min-height: auto;
  }
  .section.account-section-orders .group-orders {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .section.account-section-orders .orders-item + .orders-item {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-orders .item-link {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.6rem 1.5rem 1rem;
    flex-flow: row wrap;
    font-size: 1.4rem;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-orders .item-link:hover {
      background-color: #fbfbfb;
    }
  }
  .section.account-section-orders .item-link:active {
    background-color: #f6f6f6;
    transition-duration: 80ms;
  }
  .section.account-section-orders .item-info {
    flex: 1 0;
  }
  @media (max-width: 960px) {
    .section.account-section-orders .item-info {
      overflow: hidden;
      padding-right: 2rem;
      max-width: 25rem;
    }
  }
  .section.account-section-orders .info-datetime {
    color: #05519f;
  }
  .section.account-section-orders .info-type {
    font-weight: 700;
    margin: 1rem 0 0.6rem;
    display: flex;
    align-items: center;
  }
  .section.account-section-orders .info-type i {
    font-size: 1.2rem;
    margin-right: 0.45rem;
  }
  .section.account-section-orders .info-details {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
  }
  .section.account-section-orders .info-details > * {
    padding-bottom: 0.6rem;
  }
  .section.account-section-orders .details-address {
    color: rgba(51, 41, 10, 0.5);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 0;
    font-size: 1.6rem;
  }
  @media (max-width: 960px) {
    .section.account-section-orders .details-address {
      font-size: 1.5rem;
    }
  }
  .section.account-section-orders .details-icon {
    font-size: 1.3rem;
  }
  .section.account-section-orders .details-name {
    margin: 0 0.5rem 0 0.3rem;
  }
  .section.account-section-orders .info-product-images {
    display: flex;
    margin-top: 0.87rem;
    margin-bottom: 0.3rem;
    align-items: center;
  }
  .section.account-section-orders .info-product-images .more,
  .section.account-section-orders .info-product-images img {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    margin-right: -1.2rem;
    background: #fff;
    padding: 0.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.2rem;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  }
  .section.account-section-orders .info-product-images span {
    margin-left: 1.87rem;
    font-size: 1.2rem;
  }
  .section.account-section-orders .info-status {
    display: inline-block;
    margin-top: 0.8rem;
    background-color: rgba(51, 41, 10, 0.5);
    color: #fff;
    border-radius: 0.4rem;
    line-height: 2.5rem;
    padding: 0 1rem;
  }
  .section.account-section-orders .info-status.highlight {
    background-color: #33290a;
  }
  .section.account-section-orders .info-status.success {
    background-color: #3db662;
  }
  .section.account-section-orders .item-right {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    flex-flow: row wrap;
  }
  .section.account-section-orders .item-right i {
    margin-left: 0.6rem;
  }
  .section.account-section-orders .group-pagination {
    padding: 0 0 2rem;
  }
  .section.account-section-order-detail .section-title {
    border-bottom-color: transparent;
  }
  .section.account-section-order-detail .detail-status {
    background-color: #fff9cd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 5rem;
    flex-flow: row wrap;
  }
  .section.account-section-order-detail .detail-status .status-text-inner {
    padding: 0 1.5rem;
  }
  .section.account-section-order-detail .detail-status .status-wrapper {
    display: flex;
    min-height: 5rem;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
    flex: 1 1;
    background: #fff3a5;
    border-radius: 4rem 0 0 4rem;
    padding: 1rem 1.5rem;
    justify-content: space-between;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .detail-status {
      padding: 2rem 1.5rem;
    }
  }
  .section.account-section-order-detail .detail-status.w-cargo i {
    height: 1.2rem;
    margin-right: 0.45rem;
  }
  .section.account-section-order-detail .detail-status.w-cargo .status-text {
    display: flex;
    align-items: center;
  }
  .section.account-section-order-detail .detail-status.w-cargo .info-status {
    display: inline-block;
    background-color: rgba(51, 41, 10, 0.5);
    color: #fff;
    margin-left: 0.45rem;
    border-radius: 0.4rem;
    line-height: 2.5rem;
    padding: 0 1rem;
  }
  .section.account-section-order-detail
    .detail-status.w-cargo
    .info-status.highlight {
    background-color: #33290a;
  }
  .section.account-section-order-detail .status-text strong {
    font-size: 1.6rem;
    margin-left: 0.5rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .status-text {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 1rem;
    }
  }
  .section.account-section-order-detail .status-code {
    background-color: #000;
    color: #fff;
    line-height: 2.6rem;
    border-radius: 1.3rem;
    padding: 0 1rem;
    font-size: 1.6rem;
  }
  .section.account-section-order-detail .detail-loaderwrap.loaded {
    min-height: auto;
  }
  .section.account-section-order-detail .detail-sections {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 2rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .detail-sections {
      display: block;
    }
  }
  .section.account-section-order-detail .sections-col {
    width: 40rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .sections-col {
      width: auto;
    }
    .section.account-section-order-detail .sections-col + .sections-col {
      margin-top: 2rem;
    }
  }
  .section.account-section-order-detail .sections-col.wide {
    width: auto;
    flex: 1 0;
    margin-right: 2rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .sections-col.wide {
      margin-right: 0;
    }
  }
  .section.account-section-order-detail .col-division + .col-division {
    margin-top: 2.5rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .col-division + .col-division {
      margin-top: 2rem;
    }
  }
  .section.account-section-order-detail .division-title {
    font-weight: 700;
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.4rem;
    padding: 1.5rem;
    line-height: 2rem;
  }
  .section.account-section-order-detail .division-content {
    box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.02);
    background-color: #fff;
    border-radius: 0.4rem;
    padding-bottom: 0.6rem;
  }
  @media (max-width: 960px) {
    .section.account-section-order-detail .division-content {
      border-radius: 0;
    }
  }
  .section.account-section-order-detail .detail-sum {
    padding: 1.5rem;
    color: rgba(51, 41, 10, 0.7);
  }
  .section.account-section-order-detail .detail-sum .sum-list li {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
  }
  .section.account-section-order-detail .detail-sum .sum-list li + li {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-order-detail .detail-sum .sum-list li.total {
    color: #05519f;
  }
  .section.account-section-order-detail .detail-sum .sum-list li strong {
    font-weight: inherit;
  }
  .section.account-section-order-detail .detail-sum .sum-list li .negative {
    color: rgba(255, 56, 36, 0.7);
  }
  .section.account-section-order-detail .detail-sum .sum-list li .description {
    flex: 1 0;
  }
  .section.account-section-order-detail .detail-sum .sum-list li .price {
    margin-left: 0.5rem;
    white-space: nowrap;
  }
  .section.account-section-order-detail .detail-feedback {
    background-color: #fff9cd;
    padding: 1.5rem;
  }
  .section.account-section-order-detail .detail-feedback .feedback-opt {
    display: inline-flex;
    align-items: center;
  }
  .section.account-section-order-detail .detail-feedback .feedback-opt:disabled {
    opacity: 0.5;
    cursor: auto;
  }
  .section.account-section-order-detail
    .detail-feedback
    .feedback-opt:disabled.active {
    opacity: 1;
    font-weight: 700;
    color: #05519f;
  }
  .section.account-section-order-detail
    .detail-feedback
    .feedback-opt
    + .feedback-opt {
    margin-left: 2.7rem;
  }
  .section.account-section-order-detail .detail-feedback .feedback-opt i {
    font-size: 2rem;
    margin-right: 0.8rem;
  }
  .section.account-section-order-detail .detail-info {
    font-size: 1.4rem;
  }
  .section.account-section-order-detail .detail-info .content-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 1.5rem 1.3rem;
    min-height: 7.4rem;
  }
  .section.account-section-order-detail .detail-info .content-row + .content-row {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-order-detail .detail-info .row-title {
    font-weight: 500;
    color: rgba(51, 41, 10, 0.5);
    margin-bottom: 1rem;
    font-size: inherit;
  }
  .section.account-section-order-detail .detail-info .row-text {
    flex: 1 0;
  }
  .section.account-section-order-detail .detail-info .delivery-method {
    font-weight: 700;
  }
  .section.account-section-order-detail .detail-info .delivery-addressinfo {
    margin-top: 1rem;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    line-height: 1.6rem;
  }
  .section.account-section-order-detail .detail-info .addressinfo-icon {
    font-size: 1.3rem;
    margin-right: 0.3rem;
  }
  .section.account-section-order-detail .detail-info .addressinfo-address {
    flex: 1 0;
    font-size: 1.5rem;
    color: rgba(51, 41, 10, 0.7);
    margin-left: 0.8rem;
  }
  .section.account-section-order-detail .detail-info .info-datetime strong {
    color: #3db662;
  }
  .section.account-section-order-detail .detail-info .info-payment {
    align-items: flex-end;
  }
  .section.account-section-order-detail .detail-info .info-payment span {
    color: rgba(51, 41, 10, 0.5);
    margin-left: 1rem;
  }
  .section.account-section-order-detail .detail-info .payment-cardtype {
    height: 3.2rem;
    width: 5.2rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
    padding: 0.3rem 0;
  }
  .section.account-section-order-detail .detail-info .payment-cardtype img {
    height: 100%;
    margin: 0 auto;
  }
  .section.account-section-order-detail
    .detail-products
    .list-product
    + .list-product {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-order-detail .cancel-order-btn,
  .section.account-section-order-detail .cargo-btn {
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #05519f;
    border-radius: 0.4rem;
    color: #fff;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all 0.23s;
  }
  .section.account-section-order-detail .cancel-order-btn:hover,
  .section.account-section-order-detail .cargo-btn:hover {
    opacity: 0.9;
  }
  .section.account-section-order-detail .cargo-btn {
    height: 4rem;
    font-size: 1.4rem;
    margin-top: 1.46rem;
  }
  .section.account-section-order-detail .order-info {
    margin-top: 1.5rem;
    display: flex;
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: -0.015rem;
  }
  .section.account-section-order-detail .order-info i {
    font-size: 1.8rem;
    margin-right: 0.62rem;
    color: rgba(0, 0, 0, 0.2);
  }
  .section.account-section-order-detail .order-info.order-info-top {
    margin: -1.55rem -1.55rem 2.3rem;
    padding: 1.55rem;
    border-bottom: 1px solid hsla(0, 0%, 80%, 0.5);
  }
  .section.account-section-order-detail .detail-starsbadge {
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .section.account-section-order-detail .detail-starsbadge.low .imagewrap-image {
    height: 10.5rem;
  }
  .section.account-section-order-detail .detail-starsbadge .imagewrap-image {
    height: 12rem;
    padding: 2rem 18rem 2rem 2rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .section.account-section-order-detail .starsbadge-title {
    font-size: 1.5rem;
    letter-spacing: -0.025em;
    margin-bottom: 1.6rem;
  }
  .section.account-section-order-detail .starsbadge-title span {
    font-size: 2.5rem;
  }
  .section.account-section-order-detail .starsbadge-title .image {
    width: 2.2rem;
    vertical-align: middle;
    margin-top: -0.7rem;
    display: inline-block;
  }
  .section.account-section-order-detail .starsbadge-subtitle {
    font-size: 1rem;
    line-height: 1.2rem;
    opacity: 0.7;
  }
  .section.account-section-payment .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 1.5rem;
    flex-flow: row wrap;
    border-bottom: 1px solid #e7e7e7;
  }
  .section.account-section-payment .item-text {
    flex: 1 0;
    font-size: 1.4rem;
  }
  .section.account-section-payment .text-title {
    font-weight: 700;
  }
  .section.account-section-payment .text-number {
    color: rgba(51, 41, 10, 0.5);
    margin-top: 0.4rem;
  }
  .section.account-section-payment .item-type {
    height: 3.2rem;
    width: 5.2rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
    padding: 0.3rem 0;
    margin-right: 1.8rem;
  }
  .section.account-section-payment .item-type img {
    height: 100%;
    margin: 0 auto;
  }
  .section.account-section-payment .item-remove {
    font-size: 1.8rem;
    transition: color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-payment .item-remove:hover {
      color: #05519f;
    }
  }
  .section.account-section-payment .payment-newbtn {
    font-weight: 700;
    color: #05519f;
    display: inline-flex;
    align-items: center;
    flex-flow: row wrap;
    margin: 1.6rem 1.5rem 2.4rem;
    font-size: 1.4rem;
  }
  @media (min-width: 960px) {
    .section.account-section-payment .payment-newbtn:hover i {
      background-color: #05519f;
      color: #fff;
    }
  }
  .section.account-section-payment .payment-newbtn i {
    border: 0.1rem solid #05519f;
    margin-right: 1.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    line-height: 1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .section.account-section-payment .payment-error {
    color: rgba(51, 41, 10, 0.5);
    padding: 2.5rem 1.5rem 0.3rem;
  }
  .section.account-section-payment .payment-error.system {
    padding-bottom: 2.5rem;
    text-align: center;
  }
  .section.account-section-payment .payment-error .btn {
    margin-top: 2rem;
  }
  .section.account-section-payment .payment-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(51, 41, 10, 0.5);
    padding: 2.8rem 1.5rem;
    font-size: 1.2rem;
  }
  .section.account-section-payment .footer-logo {
    height: 1.8rem;
  }
  .section.account-section-billing .billing-address + .billing-address {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-billing .address-link {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    line-height: 2.5rem;
    width: 100%;
    transition: background-color 0.2s ease;
    font-size: 1.4rem;
  }
  .section.account-section-billing .address-link i {
    font-size: 0.9rem;
  }
  @media (min-width: 960px) {
    .section.account-section-billing .address-link:hover {
      background-color: #fbfbfb;
    }
  }
  .section.account-section-billing .address-link.active {
    background-color: #fbfbfb;
  }
  .section.account-section-stars .stars-container.loaded {
    min-height: auto;
  }
  .section.account-section-stars .transactions-item + .transactions-item {
    border-top: 1px solid #e7e7e7;
  }
  .section.account-section-stars .item-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.8rem 1.5rem;
    transition: background-color 0.2s ease;
  }
  @media (min-width: 960px) {
    .section.account-section-stars .item-link:active,
    .section.account-section-stars .item-link:hover {
      background-color: #fbfbfb;
    }
  }
  .section.account-section-stars .item-info {
    flex: 1 0;
    max-width: calc(100% - 15.2rem);
  }
  .section.account-section-stars .info-datetime {
    color: #05519f;
    letter-spacing: -0.015em;
  }
  .section.account-section-stars .info-type {
    font-weight: 700;
    margin: 1rem 0 0.6rem;
  }
  .section.account-section-stars .info-details {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
  }
  .section.account-section-stars .info-details > * {
    padding-bottom: 0.6rem;
  }
  .section.account-section-stars .details-address {
    color: rgba(51, 41, 10, 0.5);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 0;
    font-size: 1.6rem;
  }
  @media (max-width: 960px) {
    .section.account-section-stars .details-address {
      font-size: 1.5rem;
    }
  }
  .section.account-section-stars .details-icon {
    font-size: 1.3rem;
  }
  .section.account-section-stars .details-name {
    margin: 0 0.5rem 0 0.3rem;
  }
  .section.account-section-stars .item-total {
    margin-left: 2rem;
    display: flex;
    align-items: center;
  }
  .section.account-section-stars .item-total:after {
    font-size: 0.9rem;
    margin-left: 0.7rem;
  }
  .transaction-box {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e7e7e7;
  }
  .transaction-box:last-child {
    border-bottom: none;
  }
  .transaction-box h4 {
    margin-bottom: 0.5rem;
  }
  .transaction-box time {
    display: block;
    color: #05519f;
  }
  .transaction-box .transaction-btn {
    display: flex;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    font-weight: 700;
    color: #fff;
  }
  .transaction-box .transaction-btn.deposit {
    background: #3db662;
  }
  .transaction-box .transaction-btn.spend {
    background: #ff3824;
  }
  .wallet-header {
    height: 10rem;
    margin-bottom: 1.9rem;
    background: #ffe000;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2.4rem;
    font-size: 1.5rem;
    font-weight: 600;
    overflow: hidden;
    position: relative;
  }
  .wallet-header .price {
    margin-top: 0.6rem;
    font-size: 2.5rem;
    margin-bottom: 0.6rem;
    font-weight: 700;
  }
  .wallet-header .wallet-header--btn {
    font-size: 1.4rem;
    text-decoration: underline;
    font-weight: 400;
  }
  .wallet-header p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    font-weight: 400;
  }
  .wallet-header p i {
    font-size: 1.8rem;
    position: relative;
    top: 0.3rem;
  }
  @media (max-width: 960px) {
    .wallet-header p {
      display: none;
    }
  }
  .wallet-header .win-logo {
    width: 40%;
    background: linear-gradient(90deg, #063f79, #05519f);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wallet-header .win-logo img {
    height: 100%;
  }
  @media (max-width: 960px) {
    .wallet-header .win-logo img {
      height: 60%;
    }
  }
  .wallet-header-2 {
    height: 10rem;
    background: #ffe000;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
  }
  @media (max-width: 900px) {
    .wallet-header-2 {
      border-radius: 0;
    }
  }
  .wallet-header-2 > div:first-child {
    width: 60%;
    background: linear-gradient(90deg, #063f79, #05519f);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 2.5rem;
    flex-wrap: wrap;
    grid-gap: 1.4rem;
    gap: 1.4rem;
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem;
  }
  .wallet-header-2 > div:first-child i {
    font-size: 4rem;
    color: #ffe000;
  }
  @media (max-width: 900px) {
    .wallet-header-2 > div:first-child {
      padding: 1rem 1.5rem;
      font-size: 1.1rem;
      grid-gap: 0.4rem;
      gap: 0.4rem;
      line-height: 1.5rem;
    }
    .wallet-header-2 > div:first-child i {
      font-size: 3rem;
    }
  }
  .wallet-header-2 > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 40%;
    grid-gap: 0.6rem;
    gap: 0.6rem;
  }
  .wallet-header-2 > div:last-child .price {
    font-size: 2.2rem;
  }
  @media (max-width: 900px) {
    .wallet-header-2 > div:last-child {
      font-size: 1.2rem;
      align-items: flex-start;
      padding: 0 1.5rem;
    }
    .wallet-header-2 > div:last-child .price {
      font-size: 2rem;
    }
  }
  .qr-box {
    background: #05519f;
    margin-bottom: 2rem;
    color: #fff;
    padding: 1rem;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
  }
  .qr-box,
  .wallet-actions {
    display: flex;
    border-radius: 0.4rem;
  }
  .wallet-actions {
    background: #fff;
    flex-direction: column;
    margin-bottom: 2.5rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  .wallet-actions a {
    height: 5rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    border-bottom: 0.1rem solid #e7e7e7;
    font-size: 1.4rem;
  }
  .wallet-actions a:last-child {
    border-bottom: none;
  }
  .wallet-actions a .icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
  }
  .wallet-actions a .icon .icon-svg {
    width: 2.6rem;
    height: 2.6rem;
  }
  .wallet-faq > div {
    position: relative;
    min-height: 5rem;
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .wallet-faq h6 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #7f7f7f;
    padding-left: 2.2rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
  }
  .wallet-faq h6 i {
    font-size: 2rem;
    margin-right: 1rem;
  }
  .wallet-faq.payment-method {
    margin-top: 2.7rem;
  }
  .wallet-faq.payment-method .card-lists {
    background: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
  }
  .wallet-faq.payment-method .payment-newbtn {
    height: 6rem;
    display: flex;
    align-items: center;
    color: #05519f;
    padding: 0 2rem;
  }
  .wallet-faq.payment-method .payment-newbtn i {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 0.2rem solid #05519f;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 1rem;
  }
  .wallet-faq.payment-method .payment-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7rem;
    padding: 0 2rem;
    box-shadow: inset 0 -1px 0 0 #e7e7e7;
    cursor: pointer;
  }
  .wallet-faq.payment-method .payment-list li.active {
    background: #fff9cd;
    box-shadow: 0 0 0 1px #ffe000;
  }
  .wallet-faq.payment-method .payment-list li.active:first-child {
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .wallet-faq.payment-method .payment-list li .image-container {
    width: 5.4rem;
    height: 3.2rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
  }
  .wallet-faq.payment-method .payment-list li .image-container img {
    max-height: 70%;
  }
  .wallet-faq.payment-method .payment-list li .item-right {
    display: flex;
    align-items: center;
    grid-gap: 0 1.5rem;
    gap: 0 1.5rem;
  }
  .wallet-faq.payment-method .payment-list li .item-text strong {
    display: block;
    font-weight: 500;
    margin-bottom: 0.4rem;
  }
  .wallet-faq.payment-method .payment-list li .item-text p {
    opacity: 0.6;
  }
  .wallet-faq .balance-box {
    background: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
    padding: 1.2rem;
    display: flex;
    align-items: center;
    grid-gap: 0 1.4rem;
    gap: 0 1.4rem;
  }
  .wallet-faq .balance-box button {
    height: 5rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    border: 0.1rem solid #e7e7e7;
    border-radius: 0.4rem;
    position: relative;
  }
  .wallet-faq .balance-box button .point {
    position: absolute;
    top: -1.2rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    right: 0.5rem;
    left: 0.5rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    color: #111;
    background: #ffe000;
  }
  .wallet-faq .balance-box button.active {
    background: #fff9cd;
    border-color: #ffe000;
  }
  .wallet-faq .detail-faqs {
    background: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
  }
  .wallet-faq .detail-faqs li {
    border-bottom: 0.1rem solid #e7e7e7;
  }
  .wallet-faq .detail-faqs li:last-child {
    border-bottom: none;
  }
  .wallet-faq .balance-btn {
    margin-top: 2.2rem;
    width: auto;
    height: 5rem;
    min-width: 21.6rem;
  }
  @media (max-width: 1000px) {
    .wallet-faq .balance-btn {
      width: calc(100% - 20px);
      margin: 1.5rem 10px 1rem;
    }
  }
  .balance-header {
    background: #ffe000;
    height: 17.4rem;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .balance-header:before {
    width: 44.3rem;
    height: 44.3rem;
    top: 4.5rem;
  }
  .balance-header:after,
  .balance-header:before {
    content: "";
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
  }
  .balance-header:after {
    width: 34.1rem;
    height: 34.1rem;
    top: 9rem;
  }
  .balance-header i {
    font-size: 6rem;
    margin-bottom: 2rem;
  }
  .balance-header p {
    text-align: center;
    padding: 0 2rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .modal-qr .modal-contentwrap {
    width: 36rem;
  }
  .modal-qr .modal-contentwrap .title {
    background: #ffe000;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -2.3rem -2.7rem 2rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .modal-qr .modal-contentwrap .qr-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 25px;
  }
  .modal-qr .modal-contentwrap .qr-container .info {
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.3;
    color: #7f7f7f;
  }
  .modal-qr .modal-contentwrap .qr-container .timer {
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    align-items: center;
    grid-gap: 0.6rem;
    gap: 0.6rem;
  }
  .modal-balance .modal-contentwrap {
    width: 27rem;
  }
  .modal-balance .modal-contentwrap .modal-content {
    padding: 2rem 1.5rem;
  }
  .modal-balance .modal-contentwrap .modal-content .balance-form {
    margin-top: 2rem;
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .payment-3d-error {
    background: #ff3824;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 0.4rem;
    color: #fff;
  }
  .payment-3d-error .title {
    color: hsla(0, 0%, 100%, 0.6);
    margin-bottom: 1rem;
  }
  .wallet-with-back {
    background: #fff;
    margin-bottom: 2rem;
  }
  .wallet-with-back .back {
    display: flex;
  }
  .wallet-with-back .back a {
    display: flex;
    align-items: center;
    height: 4.5rem;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 1.7rem;
    transition: all 0.3s;
  }
  .wallet-with-back .back a i {
    font-size: 1.1rem;
    margin-right: 1rem;
  }
  .wallet-with-back .back a:hover {
    color: #05519f;
  }
  .wallet-with-back .wallet-header {
    margin-bottom: 0;
  }
  .phone-container {
    background: #fff399;
    padding: 1.2rem 1.5rem;
    display: flex;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
    font-size: 1.3rem;
  }
  .phone-container .title {
    display: flex;
    align-items: center;
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .wallet-top-section {
    display: flex;
    height: 14rem;
    margin-bottom: 2rem;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #ffe000;
  }
  @media (max-width: 960px) {
    .wallet-top-section {
      height: 12rem;
      margin: 0.7rem;
    }
  }
  .wallet-top-section .wallet--left {
    width: 40%;
    background: linear-gradient(90deg, #063f79, #05519f);
    display: flex;
    align-items: center;
    grid-gap: 3rem;
    gap: 3rem;
    padding: 0 4rem;
    position: relative;
    justify-content: center;
    border-radius: 0.4rem;
  }
  @media (max-width: 960px) {
    .wallet-top-section .wallet--left button {
      display: none;
    }
    .wallet-top-section .wallet--left h3 {
      font-size: 1.6rem;
      position: absolute;
      top: 2.5rem;
      left: 2rem;
    }
    .wallet-top-section .wallet--left i {
      font-size: 4rem;
      position: absolute;
      bottom: 2.5rem;
      left: 2rem;
    }
  }
  .wallet-top-section .wallet--right {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rem;
  }
  .wallet-top-section .wallet--right img {
    align-self: flex-end;
  }
  .wallet-top-section .wallet--right h6 {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .wallet-top-section .wallet--right h2 {
    font-size: 3.2rem;
    font-weight: 700;
    margin-top: 0.6rem;
  }
  @media (max-width: 960px) {
    .wallet-top-section .wallet--right {
      padding: 0 2rem;
    }
    .wallet-top-section .wallet--right img {
      display: none;
    }
    .wallet-top-section .wallet--right h6 {
      font-size: 1.2rem;
    }
    .wallet-top-section .wallet--right h2 {
      font-size: 2.5rem;
    }
  }
  .section.campaigns-listing {
    padding: 3.6rem 0 8.3rem;
  }
  .section.campaigns-listing .listing-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .section.campaigns-listing .list-campaign {
    width: calc(33.33333% - 1.6rem);
    margin-right: 2.4rem;
    margin-bottom: 5.1rem;
  }
  @media (max-width: 960px) {
    .section.campaigns-listing .list-campaign {
      width: 100%;
      margin-right: 0;
    }
  }
  .section.campaigns-listing .list-campaign:nth-child(3n + 3) {
    margin-right: 0;
  }
  .section.campaigns-listing .campaign-imagewrap {
    min-height: 10.4rem;
  }
  .section.campaigns-listing .campaign-image {
    border-radius: 0.4rem;
  }
  .section.campaigns-listing .campaign-image.placeholder {
    padding-bottom: 30.4347%;
  }
  .section.campaigns-listing .campaign-description {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 1rem 0;
    height: 5.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 960px) {
    .section.campaigns-listing .campaign-description {
      height: auto;
      max-height: 5.4rem;
    }
  }
  .section.campaigns-listing .campaign-url {
    font-weight: 800;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .section.campaigns-listing .campaign-url.placeholder {
    height: 1.8rem;
    width: 15.8rem;
  }
  .section.campaigns-listing .campaign-url:not(.placeholder):after {
    font-size: 1.2rem;
    margin-left: 0.6rem;
  }
  .section.checkout {
    padding: 4.6rem 0 11.3rem;
    font-size: 1.4rem;
    min-height: 30rem;
    line-height: 1.3em;
  }
  @media (max-width: 960px) {
    .section.checkout {
      padding: 3.5rem 0 4rem;
    }
    .section.checkout.completion {
      padding-top: 0;
    }
  }
  .section.checkout .checkout-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-wrap {
      display: block;
    }
  }
  .section.checkout .checkout-error {
    font-weight: 700;
    width: 100%;
    margin-bottom: 3.2rem;
    background-color: #ff3824;
    color: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
    padding: 2rem 3rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-error {
      border-radius: 0;
    }
  }
  .section.checkout .checkout-main {
    flex: 1 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .section.checkout .checkout-aside {
    width: 40rem;
    margin-left: 2rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-aside {
      margin-top: 3.2rem;
      width: auto;
      margin-left: 0;
    }
  }
  .section.checkout .checkout-section {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
  }
  .section.checkout .checkout-section.half {
    width: calc(50% - 1rem);
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-section.half {
      width: 100%;
    }
  }
  .section.checkout .checkout-section + .checkout-section {
    margin-top: 3.2rem;
  }
  .section.checkout .checkout-section .section-title {
    font-weight: 700;
    padding: 0 3rem 1.7rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: rgba(51, 41, 10, 0.5);
    display: block;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-section .section-title {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .section.checkout .checkout-section .section-content {
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
    flex: 1 0;
    padding: 2rem 3rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-section .section-content {
      border-radius: 0;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .section.checkout .checkout-section .section-content.narrow {
    padding: 2rem;
  }
  .section.checkout .checkout-section .content-error,
  .section.checkout .checkout-section .content-message {
    font-weight: 500;
    background-color: #ff3824;
    color: #fff;
    margin: -2rem -3rem 2rem;
    padding: 1.5rem 3rem;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
  .section.checkout .checkout-section .content-error + .content-error,
  .section.checkout .checkout-section .content-error + .content-message,
  .section.checkout .checkout-section .content-message + .content-error,
  .section.checkout .checkout-section .content-message + .content-message {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-section .content-error,
    .section.checkout .checkout-section .content-message {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .section.checkout .checkout-section .content-error {
    background-color: #ff3824;
  }
  .section.checkout .checkout-section .content-message {
    background-color: #05519f;
  }
  .section.checkout .win-payment {
    display: flex;
    border-radius: 0.4rem;
    overflow: hidden;
    height: 10rem;
  }
  .section.checkout .win-payment > div:first-child {
    width: 70%;
    background: #ffe000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3rem;
  }
  .section.checkout .win-payment > div:first-child button:last-of-type {
    display: none;
  }
  @media (max-width: 900px) {
    .section.checkout .win-payment > div:first-child button:first-of-type {
      display: none;
    }
    .section.checkout .win-payment > div:first-child button:last-of-type {
      display: flex;
    }
  }
  .section.checkout .win-payment > div:first-child > div {
    font-weight: 700;
  }
  .section.checkout .win-payment > div:first-child > div h6 {
    font-size: 2.5rem;
    margin-top: 0.4rem;
  }
  @media (max-width: 900px) {
    .section.checkout .win-payment > div:first-child > div {
      font-size: 1.2rem;
    }
    .section.checkout .win-payment > div:first-child > div h6 {
      font-size: 2rem;
    }
  }
  .section.checkout .win-payment > div:last-child {
    width: 30%;
    background: #05519f;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section.checkout .win-payment > div:last-child img {
    max-height: 50%;
  }
  @media (max-width: 900px) {
    .section.checkout .win-payment > div:last-child img {
      max-height: 30%;
    }
  }
  .section.checkout .checkout-wallet {
    background: #ffe000;
    padding: 1.4rem;
    border-radius: 0.4rem;
  }
  .section.checkout .checkout-wallet .checkout-wallet-top {
    display: flex;
    grid-gap: 1.4rem;
    gap: 1.4rem;
  }
  .section.checkout .checkout-wallet .checkout-wallet-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 1.4rem;
    margin-top: 1.4rem;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.5);
  }
  .section.checkout .checkout-wallet .wallet-checkbox {
    width: 2.2rem;
    border-radius: 0.4rem;
    height: 2.2rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
  }
  .section.checkout .checkout-wallet .wallet-checkbox.checked {
    border-color: #05519f;
    color: #05519f;
  }
  .section.checkout .checkout-wallet header {
    padding-top: 0.4rem;
  }
  .section.checkout .checkout-wallet header h3 {
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 0.7rem;
    display: flex;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .section.checkout .checkout-wallet header h3 i {
    font-size: 1.4rem;
  }
  .section.checkout .checkout-wallet header h6 {
    font-size: 2rem;
  }
  .section.checkout .checkout-check .checkwrap input + label {
    align-items: flex-start;
  }
  .section.checkout .checkout-check .checkwrap + .checkwrap {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e7e7e7;
  }
  .section.checkout .checkout-check .check-item {
    display: flex;
    align-items: center;
  }
  .section.checkout .checkout-check .item-content {
    flex: 1 0;
  }
  .section.checkout .checkout-check .item-title {
    font-weight: 700;
    display: block;
    color: #33290a;
  }
  .section.checkout .checkout-check .item-subtitle {
    color: rgba(51, 41, 10, 0.5);
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-check .item-subtitle {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 30.6rem;
    }
    .section.checkout .checkout-check .item-subtitle.short {
      width: 18rem;
    }
  }
  .section.checkout .checkout-check .item-subtitle i {
    color: #33290a;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.2em;
    margin-right: 0.8rem;
    font-size: 1.3rem;
  }
  .section.checkout .checkout-check .item-changebtn {
    margin-left: 2rem;
  }
  .section.checkout .checkout-sum.final .sum-list li:last-child {
    border-bottom: none;
  }
  .section.checkout .checkout-sum .sum-billing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
  }
  .section.checkout .checkout-sum .billing-title {
    font-weight: 500;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-sum .billing-info {
    margin-top: 0.4rem;
  }
  .section.checkout .checkout-sum .billing-addbtn .btn-icon.pre {
    font-size: 1rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .section.checkout .checkout-sum .sum-list {
    line-height: 1.1em;
  }
  .section.checkout .checkout-sum .sum-list li {
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .section.checkout .checkout-sum .sum-list li.total {
    color: #05519f;
  }
  .section.checkout .checkout-sum .sum-list li strong {
    font-weight: inherit;
  }
  .section.checkout .checkout-sum .sum-list li .negative {
    color: rgba(255, 56, 36, 0.7);
  }
  .section.checkout .checkout-sum .sum-list li .description {
    flex: 1 0;
  }
  .section.checkout .checkout-sum .sum-list li .price {
    margin-left: 0.5rem;
    white-space: nowrap;
  }
  .section.checkout .checkout-sum .sum-agreement {
    margin-top: 2rem;
  }
  .section.checkout .checkout-sum .sum-agreement .checkwrap input + label {
    font-size: 1.2rem;
  }
  .section.checkout .checkout-masterpass {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 2.6rem 1.7rem;
    font-size: 1.2rem;
    align-items: center;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-masterpass .masterpass-image {
    width: 10.8rem;
  }
  .section.checkout .checkout-masterpass .masterpass-text {
    flex: 1 0;
    display: block;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-submitwrap {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff;
      box-shadow: 0 0.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);
      padding: 1rem 1.5rem;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .section.checkout .checkout-submitwrap.hide-mobile {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
      pointer-events: none;
    }
  }
  .section.checkout .checkout-submitbtn {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }
  .section.checkout .checkout-submitbtn .btn-content {
    width: 100%;
    font-size: 1.6rem;
    justify-content: space-between;
  }
  .section.checkout .checkout-deliverymethods {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .section.checkout .checkout-deliverymethods .content-error,
  .section.checkout .checkout-deliverymethods .content-message {
    margin-left: 0;
    margin-right: 0;
  }
  .section.checkout .checkout-deliverymethods .deliverymethods-list .checkwrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-deliverymethods .deliverymethods-list .checkwrap {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .section.checkout .checkout-deliverymethods .method-delivery {
    font-weight: 500;
    margin-top: 1.3rem;
    font-size: 1.2rem;
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-deliverymethods .method-delivery span {
    font-weight: 500;
    color: #3db662;
    font-size: 1.4rem;
    margin-left: 0.3rem;
  }
  .section.checkout .checkout-slotinfo .slotinfo-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
  .section.checkout .checkout-slotinfo .slot-time {
    padding-top: 0.5rem;
  }
  .section.checkout .checkout-slotinfo .slot-time span {
    font-weight: 700;
    color: #3db662;
  }
  .section.checkout .checkout-slotinfo .slotinfo-controls {
    margin-left: 2rem;
  }
  .section.checkout .checkout-payment .payment-wrap {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .section.checkout .checkout-payment .error-mp {
    width: 22.5rem;
  }
  .section.checkout .checkout-payment .mp-logo {
    display: block;
    width: 10.7rem;
    margin-top: 1.5rem;
  }
  .section.checkout .checkout-payment .payment-cardinfo {
    display: flex;
    flex: 1 0;
    justify-content: space-between;
    align-items: center;
    margin-right: 4rem;
  }
  .section.checkout .checkout-payment .cardinfo-title {
    font-weight: 700;
    display: block;
    font-size: 1.4rem;
  }
  .section.checkout .checkout-payment .cardinfo-number {
    color: rgba(51, 41, 10, 0.5);
    margin-top: 0.6rem;
  }
  .section.checkout .checkout-payment .cardinfo-icon {
    font-size: 3rem;
  }
  .section.checkout .checkout-payment .cardinfo-type {
    width: 5.5rem;
    height: 3.3rem;
    padding: 0.3rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
  }
  .section.checkout .checkout-payment .type-image {
    width: 100%;
    height: 100%;
  }
  .section.checkout .checkout-installments {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
  }
  .section.checkout .checkout-installments .installments-error {
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout
    .checkout-installments
    .installments-opts
    .selectwrap-label
    strong {
    margin-right: 1rem;
  }
  .section.checkout .checkout-starinfo {
    background: #fff9cd !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-starinfo {
      align-items: flex-start;
    }
  }
  .section.checkout .checkout-starinfo .text-title {
    font-weight: 500;
    letter-spacing: -0.015em;
    font-size: 1.4rem;
    display: block;
  }
  .section.checkout .checkout-starinfo .title-total {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    background-color: #ffe000;
    color: #ff3824;
    font-size: 1.5rem;
    letter-spacing: 0;
    height: 2rem;
    padding: 0.2rem 0.8rem 0;
    border-radius: 0.4rem;
    margin-left: 0.8rem;
  }
  .section.checkout .checkout-starinfo .title-total i {
    font-size: 1.5rem;
    margin: 0 0.3rem 0 0.4rem;
  }
  .section.checkout .checkout-starinfo .total-icon {
    width: 1.4rem;
    margin: 0 0.3rem 0.2rem 0.6rem;
  }
  .section.checkout .checkout-starinfo .text-info {
    font-size: 1.2rem;
    margin-top: 1rem;
    color: rgba(51, 41, 10, 0.5);
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .section.checkout .checkout-starinfo .text-info.error {
    color: #ff3824;
  }
  .section.checkout .checkout-starinfo .text-info.success {
    color: #33290a;
  }
  .section.checkout .checkout-starinfo .text-info.success i {
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-starinfo .text-info i {
    font-size: 1.8rem;
    margin-right: 0.8rem;
    margin-bottom: 0.1rem;
  }
  .section.checkout .checkout-starinfo .starinfo-usebtn {
    margin-left: 2rem;
  }
  .section.checkout .checkout-completion {
    margin-top: 3.5rem;
    overflow: hidden;
    border-radius: 0.4rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-completion {
      margin-top: 0;
      border-radius: 0;
    }
  }
  .section.checkout .checkout-completion .completion-top {
    background-color: #ffe000;
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-completion .completion-top {
      display: block;
      background-image: url(../../assets/images/checkout/completion-bg-mobile.png);
      background-position: bottom;
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
  .section.checkout .checkout-completion .top-text {
    flex: 1 0;
    padding: 2.4rem;
  }
  .section.checkout .checkout-completion .text-title {
    font-weight: 700;
    font-size: 3.2rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-completion .text-title {
      text-align: center;
      font-size: 2.4rem;
      line-height: 1.3em;
    }
  }
  .section.checkout .checkout-completion .text-controls {
    margin-top: 4.7rem;
  }
  .section.checkout .checkout-completion .text-controls > * + * {
    margin-left: 1.5rem;
  }
  .section.checkout .checkout-completion .top-iconwrap {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13rem;
    min-height: 16rem;
    padding-right: 7%;
  }
  @media (min-width: 960px) {
    .section.checkout .checkout-completion .top-iconwrap {
      width: 41rem;
      min-height: 20rem;
      padding-right: 0;
      background-image: url(../../assets/images/checkout/completion-bg.png);
      background-position: 100% 100%;
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
  .section.checkout .checkout-completion .top-controls {
    text-align: center;
    padding: 0 0 2rem;
  }
  .section.checkout .checkout-completion .top-controls .btn + .btn {
    margin-left: 1rem;
  }
  .section.checkout .checkout-completion .completion-bottom {
    font-weight: 500;
    background-color: #fff9cd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  .section.checkout .checkout-completion .completion-bottom .bottom-text-inner {
    padding: 0 1.7rem;
  }
  .section.checkout .checkout-completion .completion-bottom .status-wrapper {
    display: flex;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
    flex: 1 1;
    background: #fff3a5;
    border-radius: 4rem 0 0 4rem;
    padding: 1rem 1.5rem;
    justify-content: space-between;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-completion .completion-bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }
  }
  .section.checkout .checkout-completion .completion-bottom strong {
    font-weight: 700;
    display: inline-block;
    vertical-align: bottom;
    font-size: 1.6rem;
  }
  .section.checkout .checkout-completion .bottom-text strong {
    font-size: 1.6rem;
    margin-left: 0.5rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-completion .bottom-text {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 1rem;
    }
  }
  .section.checkout .checkout-completion .bottom-code {
    background-color: #000;
    color: #fff;
    line-height: 2.6rem;
    border-radius: 1.3rem;
    padding: 0 1rem;
    font-size: 1.6rem;
  }
  .section.checkout .checkout-info.section-content {
    padding: 0;
  }
  .section.checkout .checkout-info .info-row {
    padding: 1.6rem 3rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-info .info-row {
      padding: 1rem 1.5rem;
    }
  }
  .section.checkout .checkout-info .info-row + .info-row {
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.checkout .checkout-info .row-title {
    font-weight: 500;
    color: rgba(51, 41, 10, 0.5);
    display: block;
    margin-bottom: 0.8rem;
  }
  .section.checkout .checkout-info .info-delivery .delivery-title {
    display: block;
    margin-bottom: 0.8rem;
  }
  .section.checkout .checkout-info .info-delivery .delivery-address {
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-info .info-delivery .delivery-address i {
    font-size: 1.1em;
    margin-right: 0.5rem;
    color: #33290a;
  }
  .section.checkout .checkout-info .info-deliverytime .deliverytime-hours {
    font-weight: 700;
    color: #3db662;
  }
  .section.checkout .checkout-info .info-deliverytime span {
    font-weight: 500;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-info .info-payment .payment-wrap {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
    }
  }
  .section.checkout .checkout-info .info-payment .payment-cardinfo {
    display: inline-block;
  }
  .section.checkout .checkout-info .info-payment .cardinfo-title {
    margin-right: 0.5rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-info .info-payment .cardinfo-title {
      display: block;
      margin-bottom: 0.3rem;
    }
  }
  .section.checkout .checkout-info .info-payment .cardinfo-cardnumber {
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-info .info-payment .payment-cardtype {
    width: 5.4rem;
    height: 3.2rem;
    padding: 0.3rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
    display: inline-block;
    vertical-align: bottom;
    margin: -2rem 0 0 1rem;
  }
  @media (max-width: 960px) {
    .section.checkout .checkout-info .info-payment .payment-cardtype {
      margin: 0 0 0 2rem;
    }
  }
  .section.checkout .checkout-info .info-payment .cardtype-image {
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }
  .section.checkout .checkout-info .info-note .note-text {
    color: rgba(51, 41, 10, 0.5);
  }
  .section.checkout .checkout-products.section-content {
    padding: 0;
  }
  .section.checkout .checkout-products .products-product + .products-product {
    border-top: 0.1rem solid #e7e7e7;
  }
  .section.callcenter-login {
    padding: 10rem 0;
  }
  .section.callcenter-login .login-wrapper {
    width: 60rem;
  }
  .section.callcenter-login .login-title {
    margin-bottom: 3rem;
  }
  .section.callcenter-login .login-container {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 2.3rem 2.7rem;
    background-color: #fff;
    border-radius: 0.4rem;
  }
  .section.callcenter-login .login-back {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem;
    color: #05519f;
  }
  .section.callcenter-login .login-back > i {
    font-size: 1.1rem;
    margin-right: 0.5rem;
    margin-top: 0.1rem;
  }
  .section.callcenter-login .login-validate {
    text-align: center;
  }
  .section.callcenter-login .login-validate .login-head {
    padding: 0 0 2rem;
  }
  .section.callcenter-login .login-validate .validate-pin {
    display: flex;
    justify-content: space-between;
    width: 27rem;
    max-width: 100%;
    margin: 0 auto 2.4rem;
    position: relative;
  }
  .section.callcenter-login .login-validate .validate-pin.loading:after {
    opacity: 1;
  }
  .section.callcenter-login .login-validate .validate-pin.error .pin-char {
    border-color: #ff3824;
    color: #ff3824;
  }
  .section.callcenter-login .login-validate .validate-pin.success .pin-char {
    border-color: #3db662;
    color: #3db662;
  }
  .section.callcenter-login .login-validate .validate-pin:after {
    animation: spin 3s linear infinite;
    position: absolute;
    top: 3rem;
    left: 50%;
    font-size: 2.6rem;
    pointer-events: none;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .section.callcenter-login .login-validate .pin-char {
    background: none;
    transition: background-color 0.2s ease, border-color 0.2s ease,
      color 0.2s ease, opacity 0.2s ease;
    border: 0.1rem solid #000;
    text-align: center;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border-radius: 0.4rem;
    font-size: 3rem;
  }
  .section.callcenter-login .login-validate .pin-char:disabled {
    opacity: 0.3;
  }
  .section.callcenter-login .login-validate .pin-char:focus {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .section.callcenter-login .login-validate .validate-submit {
    margin-top: 2rem;
  }
  .catalog {
    background: #fff;
    padding: 3rem 1.5rem;
    border-radius: 0.5rem;
  }
  .catalog .catalog-table {
    margin-top: 2rem;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
  }
  .catalog .catalog-table table {
    width: 100%;
    border-collapse: collapse;
  }
  .catalog .catalog-table table thead tr th {
    text-align: left;
    font-size: 1.3rem;
    padding: 0.8rem 0.5rem;
    font-weight: 500;
    background: hsla(0, 0%, 90.6%, 0.2);
    border-bottom: 1px solid #ccc;
    color: #7f7f7f;
  }
  .catalog .catalog-table table tbody tr td {
    padding: 0.8rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #ccc;
  }
  .catalog .catalog-table table tbody tr td img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    border-radius: 0.4rem;
  }
  .catalog .catalog-table table tbody tr td a {
    color: #05519f;
  }
  .catalog .catalog-table table tbody tr td a:hover {
    text-decoration: underline;
  }
  .catalog .catalog-table table tbody tr:last-child td {
    border-bottom: none;
  }
  .catalog-link {
    display: inline-flex !important;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
  }
  /*# sourceMappingURL=main.ce0d14d9.chunk.css.map */
  

  body {
    display: none;
  }