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

:root {
  --border-radius: 4px;
  --color-s1: #000000;
  --color-s2: #fff8f5;
  --color-s3: #333333;
  --color-H-1: #E1B168;
  --color-H-2: rgba(85, 85, 85, 0.5);
  --color-H-3: #967F73;
  --color-s4: #ffffff;

  /* TEXT/1 */
  --font-text1: 14px;
  --weight-text1: 500;
  --line-height-text1: 19px;
  --letter-text1: 2.42 px;

  /* TEXT/2 */
  --font-text2: 13px;
  --weight-text2: 600;
  --line-height-text2: 19px;


  /* TEXT/3 */
  --font-text3: 16px;
  --weight-text3: 500;
  --line-height-text3: 24px;


  /* TEXT/4 */
  --font-text4: 16px;
  --weight-text4: 400;
  --line-height-text4: 24px;




  /* Title/1 */
  --font-til1: 42px;
  --weight-til1: 700;
  --line-height-til1: 41px;


  /* S.Title/1 */
  --font-s-til: 25px;
  --weight-s-til: 700;
  --line-height-s-til: 30px;

  /* Title/2 */
  --font-til2: 30px;
  --weight-til2: 700;
  --line-height-til2: 36px;

  /* Title/3 */
  --font-til3: 40px;
  --weight-til3: 700;
  --line-height-til3: 48px;

  /* Title/4 */
  --font-til4: 30px;
  --weight-til4: 700;
  --line-height-til4: 42px;

  /* s.TEXT/1 */
  --font-s-tex1: 12px;
  --weight-s-tex1: 400;
  --line-height-s-tex1: 24px;

  /* b.TEXT/1 */
  --font-b-tex1: 12px;
  --weight-b-tex1: 700;
  --line-height-b-tex1: 18px;

  --line-height-loose: 1.75;
  --line-height-normal: 1.5;
  --line-height-dense: 1.1;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 64px;
  --size-content: 54rem;
  --size-gutter: var(--space-5);
  --size-gap: var(--space-6);
}

html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-family: 'Poppins';
  font-size: var(--font-s-tex1);
  line-height: var(--line-height-normal);
  overflow-y: scroll;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*color: var(--color-text);*/
  font-family: 'Poppins';
  font-weight: normal;
  margin: 0;
  word-wrap: break-word;
}

*:where( :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a,
button {
  cursor: revert;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

progress {
  vertical-align: baseline;
}

details {
  display: block;
}

picture,
img {
  display: block;
  margin: 0;
  padding: 0;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

a {
  background-color: transparent;
  text-decoration: none;
}

a:active,
a:hover {
  outline-width: 0;
  text-decoration: none;
}

abbr[title] {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
  text-decoration: none;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0;
  padding: 0;
  line-height: var(--line-height-dense);
}

h1>b {
  /*color: var(--color-primary);*/
}

img {
  border-style: none;
  max-width: 100%;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
  line-height: inherit;
}

/*hr {*/
/*  box-sizing: content-box;*/
/*  overflow: visible;*/
/*  margin-left: 0;*/
/*  margin-right: 0;*/
/*  margin-top: 0;*/
/*  padding: 0;*/
/*  margin-bottom: calc(var(--space-4) - 1px);*/
/*  background: hsla(0, 0%, 0%, 0.2);*/
/*  border: none;*/
/*  height: 1px;*/
/*}*/

* {
  box-sizing: inherit;
}

*:before {
  box-sizing: inherit;
}

*:after {
  box-sizing: inherit;
}

hgroup,
img,
figure,
fieldset,
ul,
ol,
dl,
dd,
p {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
  list-style-position: outside;
  list-style-image: none;
}

pre {
  margin: 0;
  font-size: 0.875rem;
  line-height: var(--line-height-normal);
  background: hsla(0, 0%, 0%, 0.04);
  border-radius: var(--border-radius);
  overflow: auto;
  word-wrap: normal;
  padding: var(--space-4);
}

b,
strong,
dt,
th {
  font-weight: bold;
}

ol li,
ul li {
  padding-left: 0;
}

li>ol,
li>ul {
  margin: 0;
  padding: 0;
}

blockquote *:last-child {
  margin-bottom: 0;
}

li *:last-child {
  margin-bottom: 0;
}

p *:last-child {
  margin-bottom: 0;
}

li>p {
  margin-bottom: calc(var(--space-4) / 2);
}

code {
  font-size: 0.875rem;
}

kbd {
  font-size: 0.875rem;
}

samp {
  font-size: 0.875rem;
}

abbr {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
}

acronym {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
}

tt,
code {
  background-color: var(--color-code-bg);
  border-radius: var(--border-radius);
  color: var(--color-code);
  font-family: var(--font-mono);
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  word-break: normal;
}

pre code {
  background: none;
}

code:before,
code:after,
tt:before,
tt:after {
  content: "\00a0";
  letter-spacing: -0.2em;
}

pre code:before,
pre code:after,
pre tt:before,
pre tt:after {
  content: none;
}

/* HEADER */
.site__header {
  width: 100%;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 0;
  min-height: 95px;
  background: var(--color-s4);
}

.site__header .site__header-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 72px;
  position: relative;
}

.site__header-top .search__container-wrapper {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  z-index: 10;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

/* VOTE STARS */
.site__votestars {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
}

.site__votestars .votestar {
  margin: 11px;
  border-radius: 9px;

}

/* SITE SEARCH */

.site__search {
  padding: 0px 16px;
  outline: none;
  width: 258px;
  height: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 1px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  padding-left: 42px;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-s4);
}

.searchform-wrapper  {
  position: relative;
  height: 40px;
}

/* .site__search:focus, .site__search:active, */
.site__search.active
{
  background: var(--white);
  color: var(--color-text);
  width: 480px;
}


.site__search ~ span.search-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 16px;
  top: 10px;
  bottom: 10px;
}

.site__search.active  ~ span.search-icon svg path{
 fill : var(--color-text)
}

.search__content-wrapper{
  display: none;
  background: var(--white);
  padding: 0 24px 24px 24px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
}

.search__content-box {
  padding-top: 24px;
}

.search__content-box h3{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.48);
  margin-bottom: 20px;
}

.search__content-box p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
}

.clear-button {
  display: none;
  z-index: 99;
}

.site__search-wrapper .clear-button , .mobile__search .clear-button {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  bottom: 8px;
  cursor: pointer;
  right: 8px;
}

.clear-button svg {
  width: 100%;
}

.search__content-box .box-button{
  width: 24px;
  height: 24px;
  margin-left: 20px;
}

.search__content-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.search__content-box ul li {
  margin-bottom: 20px;
}

.search__content-box ul li:last-child{
  margin-bottom: 0px;
}

.searh-box-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.searh-box-row .buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.searh-box-row .buttons div {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
}

.searh-box-row .buttons div.refresh {
  background-image: url(../images/icon-refresh.svg);
}

.searh-box-row .buttons div.close {
  background-image: url(../images/icon-close.svg);
}

.search__content-box .product-cover {
  width: 72px;
  position: relative;
}

.search__content-box .content {
  width: calc(100% - 72px);
  padding-left: 20px;
}

.search__content-box .content {
  margin: 0;
}

.search__content-box .content p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
  margin-bottom: 20px;
}

.search__content-box .content span.value {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-text);
}

.search__content-box .product-cover::before{
  content: "";
  display: block;
  padding-top: 100%;
}

.search__content-box .brands-grid {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.search__content-box .brands-grid .brands-card {
  padding: 10px;
}

.search__content-box .brands-grid .brands-card  .brands-card-content{
  width: 72px;
  position: relative;
  text-decoration: none;
  display: block;
}

.search__content-box .brands-grid .brands-card  .brands-card-content::before{
  padding-top: 100%;
  display: block;
  content: "";
}

/* MOBILE SEARH */

.mobile__search-head {
  width: 100%;
  height: 96px;
  background: var(--color-text);
  border: 1px dashed rgba(0, 0, 0, 0.48);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile__search-results {
  padding: 0px 20px;
  background: var(--white);
  padding-bottom: 24px;
}

.mobile__search-results > div{
  background: var(--white);
}

.search__input {
  width: calc(100% - 50px);
  max-width: 310px;
  position: relative;
}

.search__input-label {
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  margin-top: auto;
  width: 20px;
  max-height: 20px;
  margin-bottom: auto;
} 

.search__input-label svg path{
  fill:  var(--color-text);
}

.search__input-input {
  background: var(--white);
  border-radius: 1px;
  height: 40px;
  width: 100%;
  padding: 0px 16px;
  padding-left: 50px;
}

.search__button-mobile {
  display: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url(../images/icon-search.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.search__close {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-position: center;
  cursor: pointer;
  background-image: url(../images/search-close.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.site__backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  min-height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}

.eshop-warning {
  /* padding-top: 468px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-message-wrapper {
    width: 100%;
    max-width: 736px;
    margin: 0 auto;
    background: var(--white);
    padding: 3rem;
    position: relative;
}

.modal-close {
  width: 24px;
  cursor: pointer;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url(../images/icon-close.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.modal-message-wrapper  .title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 3rem;
}

.modal-message-wrapper  .description{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  color: var(--color-text);
  margin-bottom: 3rem;
}



#subscription {
  padding: 0 4rem 1rem;
}

#subscription form {
  width: 100%;
  max-width: 634px;
  margin: 0 auto;
}

#subscription h2.title {
  font-family: Cormorant Infant;
  font-size: 40px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
  margin: 5rem 0;
}
#hero h1.title {
  font-family: 'Cormorant Infant';
  font-weight: var(--weight-til1);
  font-size: var(--font-til1);
  line-height: var(--line-height-til1);
  letter-spacing: -0.02em;
  color: var(--color-H-1);
  text-align: left;
  padding-bottom: 10px;
}
#hero .box-slider {
  max-width: 519px;
  height: 360px;
  margin: 0 auto;
  background-color: #FFF8F5;
  border-radius: 9px;
  padding: 30px;
}

#hero p.text-2 {
  font-family: 'Poppins';
  font-weight: var(--weight-text2);
  font-size: var(--font-text2);
  line-height: var(--line-height-text2);
  letter-spacing: 2.5px;
  color: var(--color-s1);
  text-align: left;
  padding-bottom: 10px;
}

#hero p.text-1 {
  font-family: 'Poppins';
  font-weight: var(--weight-text1);
  font-size: var(--font-text1);
  line-height: var(--line-height-text1);
  color: var(--color-s3);
  text-align: left;
  padding-bottom: 10px;
}


#features h2.title {
  font-family: "Cormorant Infant";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 48px;
  text-align: center;
  padding-top: 91px;
  /* letter-spacing: -0.02em; */
  color: var(--color-s3);
}
.features-background{
  height: 422px;
  background-image: url(../img/section-features.webp);
  background-repeat: no-repeat;
  background-position: center;
}

#subscription h2.title span {
  color: var(--color-secondary);
}

#subscription p.description {
  max-width: 702px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #000000;
  margin: 0 auto 56px;
}


.form-row {
  width: 100%;
}

#subscription .form-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#subscription .form-row .custom__input-container-wrapper{
  width: calc(100% - 170px);
  padding-right: 12px;
} 


#subscription .custom__input-container-wrapper input {
  border: 1px solid transparent;
  background: var(--color-s4);
}




/* .search__container {
  width: 258px;
  height: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 1px;
} */

/* .search__container-input {
  position: relative;
  width: 258px;
  height: 40px;
} */

/* .search__container-input::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
} */

/* .search__container-input input {
  width: 100% !important;
  height: 40px !important;
  padding-top: 8px;
  padding-left: 52px;
  padding-right: 16px;
  padding-bottom: 8px;
  font-family: "Inter";
  font-style: normal;
  background: transparent;
  outline: none;
  border: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-code-bg);
} */

/* .search__container input::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  color: var(--color-code-bg);
} */

.site__panel-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: auto;
}

/* BASKET */

.basket__container {
  display: flex;
  text-decoration: none;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.basket__container div.icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.basket__container span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
  display: inline-block;
}

.basket__container::after {
  display: none;
}

.basket__container.notempty::after {
  content: attr(data-count);
  width: 24px;
  height: 24px;
  margin-left: 16px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--white);
  background: var(--color-secondary);
  border-radius: 48px;
}

.wishlist__container {
  text-decoration: none;
  padding: 10px;
  display: block;
}
.wishlist__container .icon{
  width: 24px;
  height: 24px;
}

.wishlist__container .icon svg path {
  fill: var(--white);
}
.wishlist__container .icon svg path:first-child {
  fill: var(--color-primary);
}

.client__container {
  text-decoration: none;
  padding: 10px;
  margin: 0 40px 0 30px;
  display: block;
}

.site_header-botton {
  position: static;
}

.site__logo-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
}

.site__logo {
  max-width: 227.69px;
}

.site__menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.site__menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 37px;
}

main {
  overflow: hidden;
}

.site__menu-list li {
  padding: 16px 24px;
  margin: 0 4.2px ;
  background: transparent;
  transition: all 0.3s ease-in-out;
}

.site__menu-list li.collapsible-button .collapsible-content {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  background: var(--white);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
  right: 0;
  z-index: 5;
  padding: 2.5rem 3rem;
  transition: all 0.3s ease-in-out;
}

.site__menu-list li.collapsible-button:hover>.collapsible-content {
  display: block;
}

.submenu-list {
  list-style: none;
  margin: 0;
  width: 25%;
  float: left;
  padding: 0;
  position: relative;
}

.submenu-list {
  padding-right: 3rem;
}

.submenu-list:last-child {
  padding-right: 0;
}

.submenu-list li {
  padding: 8px 0;
}

.submenu-list a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--color-text);
}

.submenu-list a:hover {
  font-weight: 500;
}

.site__menu-list li:hover {
  background: rgba(255, 255, 255, 0.08);
}

.site__menu-list li a {
  display: inline-block;
}

.site__menu-list-link {
  font-family: 'Poppins', sans-serif;
  /*font-style: normal;*/
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-s1);
}
.site__menu-list-link:hover{
  color: var(--color-H-1);
}


/* PROMOLINE */

#promoline {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  min-height: 184px;
  background: linear-gradient(0deg,
      rgba(229, 9, 127, 0.07),
      rgba(229, 9, 127, 0.07)),
    var(--white);
}

.promos__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -1rem;
  margin-right: -1rem;
}

.promos__grid-card {
  width: calc(100% / 4);
  padding: 1rem;
}

.promos__grid-card-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

.promos__grid-card-content div.icon {
  width: 56px;
  height: 56px;
  background: var(--color-primary);
  border-radius: 100%;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.promos__grid-card-content div.icon svg {
  width: 32px;
}

.promos__grid-card-content div.details {
  width: calc(100% - 62px);
}

.promos__grid-card-content div.details h3 {
  font-family: "KyivType Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--color-text);
  margin: 0;
}

.promos__grid-card-content div.details p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
  margin: 0;
  margin-top: 4px;
}

/* site grid */

/*.site__xpadd {*/
/*  padding-left: 20px;*/
/*  padding-right: 20px;*/
/*}*/

.site__container-fluid {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.site__container {
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px
}

/* WRAPPERS */

.text__wrapper{
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding: 3rem;
  background: var(--white);
  margin-bottom: 4rem;
}

.text__wrapper:last-child{
  margin-bottom: 0px;
}


.text__wrapper.large{
  max-width: 1120px;
}

.text__wrapper.fluid{
  max-width: 100%;
}

.text__wrapper h2{
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--color-text);
}

.text__wrapper.auth__box-wrapper {
  border: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
}





/* TITLES */

.section__title {
  font-family: "KyivType Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.image__fluid {
  border-radius: 9px;
  margin: 0 auto;
}

/* HERO */
#hero {
  width: 100%;
  margin-bottom: 3rem;
  /*padding-left: 20px;*/
  overflow: hidden;
  /*padding-right: 20px;*/
}

.caruosel__wrapper {
  width: 100%;
  margin: 0 auto;
}

.caruosel__slide-fluid {
  width: 100%;
  position: relative;
  height: 710px !important;
}

.caruosel__slide-fluid::before {
  padding-top: 167px;
  content: "";
  display: block;
}

#hero .caruosel__wrapper .slick-dots {
  margin-bottom: 4rem !important;
}
.slick-dots {
  margin-bottom: 4rem !important;
}

#hero .slick-dotted.slick-slider {
  /*margin-bottom: 3rem;*/
}

#hero .caruosel__wrapper .slick-dots li button:before {
  opacity: unset !important;
  color: var(--color-s4) ;
  font-size: 15px !important;
}
.slick-dots li button:before {
  opacity: unset !important;
  color: var(--color-s4) !important;
  font-size: 15px !important;
}

#hero .caruosel__wrapper .slick-dots li.slick-active button:before {
  opacity: unset !important;
  color: var(--color-H-1)!important;
  padding: 0 4px !important;
  font-size: 15px !important;
}
.slick-dots li.slick-active button:before {
  opacity: unset !important;
  color: var(--color-H-1)!important;
  padding: 0 4px !important;
  font-size: 15px !important;
}

#hero .caruosel__wrapper .slick-dots li {
  margin: 0 1px !important;
}
.slick-dots li {
  margin: 0 1px !important;
}

/*#hero .caruosel__wrapper .slick-dots li button:before {*/
/*  !*opacity: 0.16 !important;*!*/
/*  color: var(--color-s1) !important;*/
/*  font-size: 15px !important;*/
/*}*/

/* FOOTER */

.site__footer {
  padding-top: 72px;
  padding-bottom: 43px;
  background: var(--color-s2);
}

.site__footer-top {
  padding-bottom: 4rem;
  background-color: unset;
}
.site__footer-bottom{
  background-color: unset;
}

.site__footer-top .site__logo-wrapper {
  margin-bottom: 4rem;
}

.copyright {
  font-family: "Poppins",sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.footer__nav-section {
  display: flex;
  justify-content: center;
  width: calc(60% / 6);
  max-width: 507px;
  padding-bottom: 8px;
}

.footer__nav-section h4.title {
  padding: unset !important;
  text-align: left;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  color: var(--color-s3);
}

.footer__nav--list li {
  padding: 8px 0;
}

.footer__nav--list li a,
.footer__nav--list li p,
.footer__nav--list li address {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.48);
}

/* SHOW MORE */

.showmore-btn {
  outline: none;
  border: none;
  cursor: pointer;
  background: transparent;
  padding: 10px 16px 10px 20px;
  width: 185px;
  height: 40px;
}

/* WIDGET */

.fresh__widget-grid {
  /*margin-left: -1.5rem;*/
  /*margin-right: -1.5rem;*/
  display: flex;
  padding: 4rem;
  flex-wrap: wrap;
  align-items: stretch;
}
.reverse{
  flex-direction: row-reverse;
  margin-left: 12px;
}

.fresh__widget-card {
  width: calc(100% / 2);
}

.fresh__widget-card-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-around;
  align-content: center;
  transition: all 0.3s ease-in-out;
}

/* PRODUCT */

.product__cover-wrapper {
  padding: 0 10px;
}

.product__cover {
  position: relative;
  background: var(--white);
  width: 100%;
  margin-bottom: 1rem;
}

.product__cover::before {
  /*padding-top: 100%;*/
  content: "";
  display: block;
}

.fresh__widget-card-content .top {
  display: flex;
  justify-content: center;
}

.fresh__widget-card-content .top .promotionals__list {
  position: absolute;
  left: 0;
  z-index: 2;
  top: 0;
}

.fresh__widget-card-content .top .promotionals__list li {
  margin-bottom: 9px;
}


.product-promotion {
  padding: 1px 6px 0px;
  height: 20px;
  background: var(--color-primary);
  display: inline-block;
  font-family: "KyivType Sans Bold2";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--white);
}

.promotion-value {
  padding: 1px 6px 0px;
  height: 20px;
  background: var(--color-secondary);
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--white);
}


h1.product__title {
  font-family: "Cormorant Infant";
  font-weight: var(--weight-til2);
  font-size: var(--font-til2);
  line-height: var(--line-height-til2);
  text-align: left;
  color: var(--color-s3);
  margin-bottom: 20px;
}
.text-1 {
  font-family: 'Poppins';
  font-weight: var(--weight-text1);
  font-size: var(--font-text1);
  line-height: var(--line-height-text1);
  color: var(--color-s3);
  text-align: left;
  padding-bottom: 10px;
}
.s-text-1 {
  font-family: 'Poppins';
  max-width: 475px;
  font-weight: var(--weight-s-tex1);
  font-size: var( --font-s-tex1);
  line-height: var(--line-height-s-tex1);
  color: var(--color-s3);
  text-align: left;
}
.more{
  margin-top: 10px;
}
.b-text-1 {
  font-family: 'Poppins';
  max-width: 475px;
  margin-bottom: 8px;
  font-weight: var(--weight-b-tex1);
  font-size: var( --font-b-tex1);
  line-height: var(--line-height-b-tex1);
  color: var(--color-s3);
  text-align: left;
}
.info {
  margin-top: 50px;
}


 /* PRODUCT RATE */

.product__rate {
  margin-bottom: 4px;
}

.wishlist__button-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 50;
  transition: all 0.3s ease-in-out;
}

.wishlist__button {
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.wishlist__button:hover  svg path{
  fill: var(--color-secondary);
}

/* PRODUCT PRICE */

.product__price {
  position: static;
  margin-bottom: 20px;
  min-height: 1.5rem;
}

.product__price .price {
  font-family: "KyivType Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--color-text);
}


.product__card-price .discount__price-wrapper .discount__price {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-right: 8px;
}

.product__card-price .discount__price-wrapper  .prev__price  {
  font-size: 18px;
  line-height: 24px;
}


.fresh__widget-section {
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--color-s2);
}


.news__widget-section {
  position: relative;
  padding-top: 64px;
  padding-bottom: 40px;
}

.news__widget-grid {
  padding: 52px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.features__widget-grid {

  max-width: 525px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding-top: 52px;
  /*margin-left: -24px;*/
  /*margin-right: -24px;*/
}
.banner__widget-grid {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
}
.footer__widget-grid {
  max-width: 859px;
  margin: 0 auto;
  width: 100%;
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;

}

.news__widget-grid-card {
  width: calc(100% / 2);
}
.banner__widget-grid-card {
  width: calc(100% / 2);
}


.news__widget-grid-card .content {
  width: 100%;
  /*max-width: 407px;*/
  height: 100%;
}
.features__widget-grid-card .content {
  width: 100%;
  max-width: 407px;
  height: 100%;
}
.banner__widget-grid-card .content {
  width: 100%;
  /*max-width: 407px;*/
  height: 100%;
}


.scroll-x {
  overflow: auto;
  white-space: nowrap;
}

.scroll-x--box {
  width:  1216px;
  display: block;
  margin: 0 auto;
}


/* ХОВАЕ СКРОЛ АЛЕ Не БЛОКУЄ ЙОГО ДІЇ */

.scroll-x::-webkit-scrollbar {
  display: none;
}

.scroll-x {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.news__widget-grid-cover {
  position: relative;
  background: var(--color-s4);
  margin-bottom: 16px;
}

/*.news__widget-grid-cover::before {*/
/*  content: "";*/
/*  display: block;*/
/*  padding-top: 57.143%;*/
/*}*/

.news__widget-grid-card h3.title {
  font-family: "Cormorant Infant";
  font-style: normal;
  font-weight: var(--weight-til3);
  font-size: var(--font-til3);;
  line-height: var(--line-height-til3);
  color: var(--color-s3);
}
.news__widget-grid-card p.description {
  font-family: "Poppins";
  font-style: normal;
  font-weight: var(--weight-text4);
  font-size: var(--font-text4);;
  line-height: var(--line-height-text4);
  color: var(--color-s3);
}
.features__widget-grid-card h3.title {
  font-family: "Cormorant Infant";
  font-style: normal;
  font-weight: var(--weight-til3);
  font-size: var(--font-til3);;
  line-height: var(--line-height-til3);
  color: var(--color-s3);
}
.features__widget-grid-card p.description {
  font-family: "Poppins";
  font-style: normal;
  font-weight: var(--weight-text4);
  font-size: var(--font-text4);;
  line-height: var(--line-height-text4);
  color: var(--color-s3);
}

/* NAV LINK */

.nav__link {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-primary);
  padding: 10px 16px 10px 20px;
  border: 1px solid transparent;
  transition: border 0.3s ease-in-out;
}

.nav__link:hover {
  border: 1px solid var(--color-primary);
}

.nav__link::after {
  width: 20px;
  content: "";
  display: block;
  height: 20px;
  margin-left: 8px;
  background-image: url(../images/show-more.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* SECTION TITLE  */

.section__title-box {
  position: relative;
}

.section__title-box .nav__link {
  position: absolute;
  top: 0;
  right: 0;
}

/* STAR RATING */
.product__rate {
  display: flex;
  justify-content: center;
  align-items: center;
}

.star-rating {
  color: rgba(0, 0, 0, 0.16);
  font-size: 2em;
}

/*create the star*/
.my-star::before {
  content: "\002605";
}

.my-star {
  font-style: unset !important;
}

.is-active {
  color: var(--color-primary);
}

.my-star:not(.is-active):hover {
  color: var(--color-primary);
}

.nav__link.centered-link {
  display: none;
  position: static;
  margin-top: 8px;
}

.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cabinet__form-button {
  padding-top: 4rem;
}

/* BUTTONS */
.site-button {
  display: block;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  outline: none;
  height: 54px;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.banner-button{
  margin: 45px 0 0;
}


.site-button.fluid-button {
  width: 100%;
}
.site-button.sm{
  padding: 11px 48px 13px 48px;
  font-size: 16px;
}

.site-button.payment-button{
  height: inherit !important;
  min-height: 48px;
}

.site-button.main-button {
  background: var(--color-H-1);
  color: var(--color-s4);
  border-radius: 6px;
  width: 176px;
  padding: unset;
}

.site-button.secondary-button {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--white);
}

.site-button.sceleton-button {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  background: var(--white);
}


.basket__button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 11px 20px 13px 20px;
  height: 48px;
  background: var(--white);
  width: 100%;
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  transition: all 0.3s ease-in-out;
}

.basket__button:hover {
  background: var(--color-secondary);
  color: var(--white);
}

.basket__button-wrapper {
  min-height: 48px;
}





.fresh__widget-card-content .basket__button-wrapper .basket__button {
  display: none;
}

.fresh__widget-card-content:hover .wishlist__button-wrapper {
  display: block;
}

.fresh__widget-card-content:hover .basket__button-wrapper .basket__button {
  display: block;
}

/* BREADCRUMB */
ol.breadcrumb {
  padding: 48px 0px;
  list-style: none;
  background-color: transparent;
}

ol.breadcrumb li {
  display: inline;
  font-size: 18px;
  padding-right: 12px;
}

ol.breadcrumb li+li:before {
  padding: 0px 8px 0px 0px;
  color: var(--color-text);
  content: "/\00a0";
}

ol.breadcrumb li a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  text-decoration: none;
}

ol.breadcrumb li a:hover {
  color: var(--color-text);
}

/* PRODUCT PAGE */

.product__container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.product__info,
.product__gallery {
  width: 50%;
}

.product__gallery {
  padding-top: 0;
  padding-left: 0;
  padding-right: 6rem;
  padding-bottom: 3rem;
}


.product__gallery.mobile{
  margin: 2rem auto 2rem auto;
  padding: 0;
  width: 100%;
  overflow: hidden;
  max-width: 480px;
  display: none;
}



.product__gallery.mobile .slick-dots li button{
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.product__gallery.mobile .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product__gallery.mobile .slick-dots li button:before  {
  width: 12px;
  height: 12px;
  content: "";
  display: inline-block;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  background: var(--color-text);
}
.mobile__carousel-slide {
  width: 100%;
  position: relative;
}

.mobile__carousel-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile__carousel-slide::before{
  content: "";
  padding-top: 100%;
  display: block;
}

.product__gallery-cover {
  width: 100%;
  position: relative;
  margin-bottom: 1.5rem;
  background: var(--white);
}

.product__gallery-cover::before {
  display: block;
  padding-top: 100%;
  content: "";
}

.product__info-brand {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  display: block;
  min-height: 24px;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.product__info-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 40px;
}

.product__info-code {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  margin-bottom: 40px;
}

.product__info-availability {
  margin-bottom: 40px;
}

.product__info-availability-row {
  margin-bottom: 16px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.product__info-availability-row span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.04);
  padding: 0px 4px;
  color: var(--color-text);
}

.product__info-availability-row a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-left: 24px;
  text-align: center;
  color: var(--color-text);
}

.product__promotionals {
  margin-bottom: 1rem;
}

.product__promotionals .promotionals__list li{
  margin-bottom: 1rem;
}
.product__promotionals .promotionals__list li:last-child{
  margin-bottom: 0;
}
.product__promotionals .promotionals__list li a {
  text-transform: uppercase;
  display: inline-block;
  color: inherit;
}

.product__promotionals .promotionals__list .product-promotion  , .product__promotionals .promotionals__list .promotion-value{
  padding: 1px 6px 3px 6px;
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}




/* color/black-looktop */


/* deliveries*/

.deliveries-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.deliveries-select-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  margin-bottom: 0.5rem;
}



/* CUSTOM SELECT */


.custom-select {
  position: relative;
  height: 48px;
}

.custom-select .custom-select-label {
  position: absolute;
  background: var(--white);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.64);
  padding: 0 4px;
  left: 12px;
  top: -8px;
  display: inline-block;
  height: 16px;
}

.custom-select select {
  display: none;
}

.select-selected {
  background-color: var(--white);
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.select-items div {
  border-bottom: none !important;
  border-top: none !important;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 8px;
  width: 24px;
  height: 24px;
  background-image: url(../images/select-arrow-dropdown.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.select-selected.select-arrow-active {
  border: 1px solid var(--color-text);
  border-bottom: none !important;
}

.select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}

.select-items div, .select-selected {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  padding: 12px 16px;
  cursor: pointer;
}

.select-selected:hover{
  border: 1px solid var(--color-text);
}

.select-items {
  position: absolute;
  background-color: var(--white);
  color: var(--color-text);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid var(--color-text);
  border-top: none !important;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background: var(--white);
}


/* SELECT DROPDOWN TYPE */

 .custom__styled-select-label {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.64);
  background: var(--white);
  position: absolute;
  z-index: 3;
  left: 12px;
  top: -8px;
  padding: 0 4px;
}


/* DELIVERY DETAILS */

.deliveries-details li p {
  display: flex;
  justify-content: space-between;
  padding: 12px 0px;
  align-items: center;
}

.deliveries-details li span {
  font-weight: 400;
  font-family: 'Inter';
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.deliveries-details li span.value {
  padding-left: 4px;
  min-width: 80px;
  text-align: right;
}

.deliveries-details li span.title {
  padding-right: 10px;
  margin-right: 5px;
  text-align: left;
}

.product__section {
  padding-bottom: 100px;
}

.product__info-modules-description {
  margin-bottom: 4rem;
}

.product__info-modules-description p,
.product__info-modules-description a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.product__info-modules-description h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.product__info-rate.product__rate {
  justify-content: flex-start;
  margin-bottom: 2.5rem;
}

.product__links {
  margin-bottom: 4rem;
  list-style: none;
  padding: 0;
}

.product__links li span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

.product__links li {
  margin-bottom: 1rem;
}

.product__links li:last-child {
  margin-bottom: 0;
}

.product__links li span::before {
  width: 24px;
  height: 24px;
  content: "";
  margin-right: 1rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}

.product__links li.wishlist span::before {
  background-image: url(../images/icon-wish-list.svg);
}

.product__links li.question span::before {
  background-image: url(../images/icon-ask-about-product.svg);
}

.product__links li.share span::before {
  background-image: url(../images/icon-recommend.svg);
}

.product__links li.comment span::before {
  background-image: url(../images/icon-add-review.svg);
}

.product__info-price {
  margin-bottom: 40px;
  min-height: 48px;
}

.addtobasket__container {
  display: flex;
  flex-wrap: wrap;
}

.quantity__wrappaer {
  width: 121px;
  margin-right: 1.5rem;
}


/* .product__count */

.product__count {
  min-width: 121px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
}

.product__quantity {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  color: var(--color-text);
  padding: 0 6px;
}

.button-count {
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.button-count.minus {
  background-image: url(../images/icon-minus.svg);
}

.button-count.plus {
  background-image: url(../images/icon-plus.svg);
}


/* DISCOUNT */
.discount__price-wrapper {
  display: inline-block;
}

.discount__price {
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: var(--color-secondary);
  display: inline-block;
  margin-right: 24px;
}

.prev__price {
  color: rgba(0, 0, 0, 0.48);
  font-family: 'KyivType Sans Regular';
  font-style: normal;
  font-weight: 0;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-decoration-line: line-through;
}

/* PRODUCT GALLERY */

.product__gallery-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product__gallery-card {
  width: 96px;
  margin: 0 12px;
  height: 96px;
  background: var(--white);
  position: relative;
}

.product__gallery-card::before {
  padding-top: 100%;
  content: "";
  display: block;
}

/* PRODUCERS CAROUSEL */

#producers,
#forte_s,
#hairlift_s,
#maska_s,
#balsam_s {
  padding-top: 4rem;
  padding-bottom: 4rem;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
}
.slick-prev{
  left: 20px!important;
  z-index: 3;
  background-color: #967F73!important;
  width: 38px!important;
  height: 38px!important;
  border-radius: 50%;
  opacity: unset;
}
.slick-next{
  right: 20px!important;
  z-index: 3;
  background-color: #967F73!important;
  width: 38px!important;
  height: 38px!important;
  border-radius: 50%;
  opacity: unset;
}
.slick-prev:before{
  opacity: unset!important;
  content: url(../img/slider/Ellipse_101.png)!important;
}

.slick-next:before{
  opacity: unset!important;
  content: url(../img/slider/Ellipse_101.png)!important;
  display: inline-block;
  transform: rotate(180deg);
}

.producers__caruosel-slide {
  width: 300px;
  position: relative;
  margin: 0 auto;
  background: var(--color-s4);
}


/* CATALOG PAGE */

.catalog__container {
  display: flex;
  padding-bottom: 4rem;

}

.catalog__content {
  position: relative;
}

.catalog__sidebar {
  width: 320px;
}

.catalog__content-container {
  width: calc(100% - 320px);
  padding-left: 4rem;
}

.catalog__content-wrapper {
  width: 100%;
}

h1.catalog__content-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.catalog__category-box {
  margin-bottom: 3rem;
}

.catalog__category-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-bottom: 1rem;
}

ul.catalog__category-types {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.catalog__category-types li {
  padding: 1rem 0;
}

ul.catalog__category-types li a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.sortbox-title {
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.sortbox-list li {
  margin-bottom: 12px;
}

.sortbox-list li:last-child {
  margin-bottom: 0px;
}

.catalog__content-container .fresh__widget-grid .fresh__widget-card {
  width: calc(100% / 3) !important;
}

.catalog__content-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.products__sortingbox {
  width: 320px;
  height: 48px;
}

.page-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 3rem;
}

.cover__box {
  width: 100%;
}

.cover__box-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.cover__box-picture {
  width: 100%;
  position: relative;
  background: var(--white);
}

.cover__box-picture::before {
  content: "";
  display: block;
  padding-top: 50%;
}

.title__over-container {
  position: relative;
  margin-top: -6rem;
}

.title__over-wrapper {
  width: 100%;
  background: var(--white);
  padding: 3rem;
  margin: 0 auto;
}

.title__over-wrapper .title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--color-text);
}

/* PAGINATION */
.pagination {
  display: inline-block;
}

.pagination a {
  width: 48px;
  height: 48px;
  margin-right: 0.5rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.48);
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.pagination a span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.pagination a.active {
  background-color: var(--white);
  color: var(--color-text);
  border: 1px solid var(--color-text);
}

.pagination a:hover:not(.active) {
  color: var(--color-text);
  background-color: transparent;
  border: none;
}

.pagination a svg {
  transition: all 0.3s ease-in-out;
}

.pagination a:hover:not(.active) svg path {
  fill-opacity: 1;
}

.pagination a:last-child {
  margin-right: 0px;
}

.pagination-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* NEWS */
.news__section {
  padding-bottom: 4rem;
  padding-top: 3rem;
}

.news__section .pagination-box {
  margin-top: 3rem;
}

.post__page-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.03em;
  color: var(--color-text);
  margin-bottom: 4rem;
}


/* POST INNERHTML */

.post__page-content {
  width: 100%;
  max-width: 960px;
  padding: 4rem;
  background: var(--white);
  margin: 0 auto;
  padding-bottom: 8rem;
}


.innertext-div  {
  width: 100%;
}

.innertext-div  h2 {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.post__page-content h2 {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--color-text)
}

.innertext-div p,
.innertext-div a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text)
}

.innertext-div p.special {
  font-size: 24px;
  line-height: 32px;
}

.innertext-div a {
  text-decoration: underline;
}

.wishlist__section {
  padding-bottom: 4rem;
}

/* BRANDS */
.brands__section {
  padding-bottom: 8rem;
  overflow: hidden;
}

.brands__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 1rem;
}

.brand-card {
  width: calc(100% / 4);
  padding: 24px;
}

.brand-card .content {
  width: 100%;
  padding: 24px;
  display: block;
}

.brand-card .content .title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text)
}

.brand-card .content .icon {
  width: 100%;
  position: relative;
  background: var(--white);
  margin-bottom: 20px;
}

.brand-card .content .icon::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.brandspage__content {
  width: 100%;
  padding: 4rem;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.brandspage__content-box {
  margin-bottom: 4rem;
}

.brandspage__content-box:last-child {
  margin-bottom: 0px;
}

.brandspage__content-box h2 {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
}

.brandspage__content-box p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  color: var(--color-text)
}

/* CONTACT */
.contact__section {
  padding-top: 0;
  padding-bottom: 4rem;
}

.contact__box-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.contact__box {
  width: 50%;
}

.contact__box a {
  text-decoration: none !important;
}

.contact__box h2 {
  margin-bottom: 1rem;
}

.contact__box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact__box ul li {
  padding: 8px 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.contact-link--wrapper {
  margin-top: 4rem;
}

.contact__box ul li .contact-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact-link .icon {
  display: inline-block;
  width: 24px;
  margin-right: 1rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 24px;
  border-radius: 100%;
}

.contact-link .icon.phone {
  background-image: url(../img/icon/phone.png);
}

.contact-link .icon.point {
  background-image: url(../img/icon/point.png);
}

.contact-link .icon.email {
  background-image: url(../img/icon/email.png);
}


/* SHIPPING */

.shipping__tabe--wrapper {
  margin-top: 4rem;
  width: 100%;
}

.shipping__tabe--wrapper .warning {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
}

.shipping__tabe--wrapper .details {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.shipping__table {
  margin-bottom: 1.5rem;
}

.shipping__table-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.shipping__table-row .details,
.shipping__table-row .value,
.shipping__table .head .shipping__table-row .type {
  text-align: center;
}

.shipping__table .head .shipping__table-row div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.shipping__table .head .shipping__table-row div span {
  font-weight: bold;
  padding: 4px;
}

.shipping__table .head .shipping__table-row div {
  height: inherit;
  box-sizing: border-box;
}

.shipping__table-row {
  border: 2px solid var(--color-text);
  border-top: none;
}

.shipping__table .head {
  border-top: 2px solid var(--color-text);
}

.shipping__table-row .details,
.shipping__table-row .type {
  width: 40%;
  border-right: 2px solid var(--color-text);
}

.shipping__table-row .value {
  width: 20%;
}

.shipping__table .body .type span {
  padding-left: 4px;
}

.shipping__table .body span {
  font-size: 14px;
}

.shipping-types {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.shipping-notes {
  list-style: none;
  margin: 0;
}

.shipping-notes li {
  margin-bottom: 2rem;
}

.shipping-notes li h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  margin-bottom: 0.5rem;
}

.shipping-notes li p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
}

p.shipping-notes_warning {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
}

.shipping-section {
  padding-bottom: 8rem;
}





.privacy-policy--content ol,
.page-typical--content ol {
  list-style: decimal;
  padding-left: 1.2rem;
}

.privacy-policy--content ol li,
.page-typical--content ol li {
  margin-bottom: 1rem;
}

.privacy-policy--content p,
.privacy-policy--content a .privacy-policy--content li,
.privacy-policy--content li a,
.page-typical--content p,
.page-typical--content a,
.page-typical--content li a,
.page-typical--content li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.privacy-policy--content a,
.page-typical--content a {
  text-decoration: underline;
}

.panel-box .title {
  text-align: center !important;
}

.cabinet__form-wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding: 4rem;
}

.cabinet__form-wrapper .title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 4rem;
}

.cabinet__form-row {
  width: 100%;
  margin-bottom: 44px;
}

.cabinet__form-row:last-child {
  margin-bottom: 0;
}

.custom__input-container {
  width: 100%;
  position: relative;
}

.custom__input-container input {
  width: 100%;
  height: 48px;
  outline: none;
  font-family: 'Inter';
  padding: 12px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  background: rgba(255, 255, 255, 0.0001);
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.custom__input-label {
  position: absolute;
  z-index: 1;
  display: block;
  padding: 0 4px;
  left: 16px;
  top: -8px;
  background: var(--white);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.64);
}

p.required {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text);
}

/* CHECKBOX */

.custom__checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.custom__checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--white);
  border-radius: 6px;
  border: 1.5px solid rgba(0, 0, 0, 0.24);
}

.custom__checkbox-container:hover input~.checkmark {
  background: var(--white);
}

.custom__checkbox-container input:checked~.checkmark {
  background-color: var(--color-secondary);
  border: 1.5px solid var(--color-secondary);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom__checkbox-container input:checked~.checkmark:after {
  display: block;
}

.custom__checkbox-container .checkmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 12px;
  border: solid var(--white);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check-list .checkbox-container-box {
  margin-bottom: 20px;
}

.custom__accordion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.custom__accordion input {
  border: none;
  outline: none;
}

.custom__accordion .content {
  overflow-y: hidden;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: 48px;
  transition: height 0.3s ease;
  background: var(--white);
}

.custom__accordion .handle {
  display: flex;
  border: none;
}

.custom__accordion .handle label {
  display: block;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  position: relative;
  width: 100%;
  cursor: pointer;
  height: 48px;
  padding: 12px 56px 12px 16px;
  background: rgba(255, 255, 255, 0.0001);
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.custom__accordion .handle label::after {
  content: "";
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  width: 24px;
  background-image: url(../images/icon-arrow-dropdown.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 24px;
}

.options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.options-list li {
  padding: 12px 0;
  cursor: pointer;
}

.custom__accordion label:hover,
.custom__accordion label:focus {
  border: 1px solid var(--color-text);
}

.custom__accordion>input[type=checkbox]:checked~.content {
  height: auto;
  overflow: visible;
  padding: 0 16px;
  border-top: 0;
  border: 1px solid var(--color-text);
  border-top: 1px solid var(--white);
}

.custom__accordion>input[type=checkbox]:checked~.handle label {
  border: 1px solid var(--color-text);
  border-bottom: 1px solid var(--white) !important;
}

.custom__accordion>input[type=checkbox]:checked~.handle label:after {
  transform: rotate(180deg);
}

.settings-box-buttons button {
  margin:  0 2rem;
}

/* OPINION */

.opinion{
  font-family: 'Inter';
  display: block;
  margin: 0 auto;
  cursor: pointer;
  padding: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--color-text)
}
.person-data-box {
  margin-bottom: 4rem;
}
.person-data {
  margin: 0.5rem;
  padding: 0.5rem;
  font-family: 'Inter';
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.shipping__tabe--wrapper.no-borders  div{
  border: none !important;
}


/* Panelpage table */

.shipping__table.orders-table .shipping__table-row {
  margin-bottom: 1.5rem;
}
.shipping__table.orders-table .shipping__table-row span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text)
}
.shipping__table.orders-table .shipping__table-row:last-child{
  margin-bottom: 0px;
}




.clientpanel-forms--wrapper {
  margin-top: 1.5rem;
}





/* OPINIOS PAGE */
  .optionspage-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
    margin-bottom: 4rem;
  }

  .optionspage-list  li{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
    margin-bottom: 3rem;
    padding: 3rem;
  }
  .optionspage-list  li:last-child{
    margin-bottom: 0;
  }
  .optionspage-list  li span.date{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    display: inline-block;
    margin-bottom: 3rem;
  }
  .optionspage-list  li h3.title{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #000000;
  }
  .optionspage-list  li p.description{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #000000;
    margin: 1.5rem 0 0 0;
  }

@media screen and (max-width: 992px) {

  .fresh__widget-grid{
    flex-direction: column;
  }
  .fresh__widget-card {
    width: 100%;
  }
  .optionspage-list  li{
    padding: 2rem;
  }
  .optionspage-list  li span.date{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.5rem;
  }
  .optionspage-list  li h3.title{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  .optionspage-list  li p.description{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0.5rem 0 0 0;
  }
  .news__widget-grid{
    flex-direction: column-reverse;
  }
  .news__widget-grid-card{
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px){
  .optionspage-list  li{
    padding: 2rem 1.5rem;
    border-left: none ;
    margin-bottom: 0;
    border-right: none;
    border-top: none;
  }
  .optionspage-list  li:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }

  .scroll-x--box {
    width:  974px;
  }

}

/* AUTH */




.auth__box {
  padding: 48px;
  width: 100%;
  max-width: 465px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  background-color: var(--white);
}

@media screen and (max-width: 1199px) { 
  .auth__box {
      padding-left: 2rem;
      padding-right: 2rem;
      width: calc(50% - 10px);
  }
  .auth__box  form{
      width: 100%;
      max-width: 320px;
      margin: 0 auto;
  }
}

@media screen and (max-width: 767px) { 
  .auth__box {
      width: 100%;
  }
  .auth__section.authorization {
    padding-top: 48px !important;
  }
  .text__wrapper.auth__box-wrapper{
    flex-direction: column;
    align-items: center;
  }
  .auth__box:first-child{
    margin-bottom: 2rem;
  }
}

.auth-legend{
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 48px;
}

.reg-details {
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text);
  margin-bottom: 24px;
}
.reg-details-list {
  margin-bottom: 40px;
  padding: 0;
  list-style: disc;
}
.reg-details-list li{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  padding: 8px;
}


/* BASKET */

.basket__section{
  padding-top: 4rem;
}

.basket__section .page-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 0;
}

.basket__section-head {
  position: relative;
  min-height: 3rem;
  margin-bottom: 3rem;
}

.backstep__link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-decoration: none;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1F1B20;
}

.backstep__link::before {
  content: "";
  display: inline-block;
  width: 20px;
  margin-left: 1rem;
  height: 20px;
  margin-right: 12px;
  background-image: url(../images/icon-arrow-left.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.shipping__payment-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

.shipping__payment-wrapper .side{
  padding-bottom: 4rem;
}

.shipping__payment-wrapper .side h3{
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-bottom: 36px;
}
.shipping__payment-total {
  border-top: 1px dashed rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.shipping__payment-total.simple{
  border-top: none;
}

.coupon__wrapper {
  display: flex;
  justify-content: space-between;
}


.coupon__wrapper-box {
  width: calc(100% - 9rem);
}
.coupon__wrapper button{
  width: 8rem !important;
  margin-left: 1rem !important;
}


.shipping__payment-total .warning-add {
  width: 100%;
  min-height: 72px;
  background: rgba(229, 9, 127, 0.08);
  padding: 24px;
  margin-bottom: 2rem;
}

.shipping__payment-total .warning-add p, .shipping__payment-total .warning-add a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color:var(--color-text);
}
.shipping__payment-total .warning-add a {
  text-decoration: underline;
}
.payment-methods-container {
  margin-bottom: 36px;
}


.persontype-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.persontype-container  .custom__radio-button:first-child{
  margin-right: 0.5rem;
}



/* RADIO */

.radio {
  display: inline-block;
  cursor: pointer;
}

.radio input {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.radio .outer {
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  margin: 10px 9px 10px 10px;
  background-image: url(../images/notchecked-radiobutton.svg);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--white);
}

.radio input:checked + .outer {
  background-image: url(../images/checked-radiobutton.svg);
}



.shipping__payment-total-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
}

.methods-logo{
  width: 64px;
  max-height: 48px;
  margin-right: 1rem;
  margin-left: 26px;
}


/* COUPON WIDGET */
.coupon__wrapper-container .coupon__wrapper{
  margin-top: 2rem;
}


/* CHOSEN PRODUCT LIST */
.chosen__product-list {
  margin-bottom: 4rem;
}

.chosen__product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
}

.chosen__product .side{
  display: flex;
  align-items: center;
  width: calc( 100% - 330px);
  padding-right: 1rem;
}

.chosen__product .side.right{
  width: 330px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chosen__product-cover  {
  width: 72px;
  min-height: 72px;
  background: var(--white);
  position: relative;
}

.chosen__product-cover::before{
  content: "";
  display: block;
  padding-top: 100%;
}

.chosen__product-title{
  padding-left: 24px;
  font-family: 'Inter';
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.remove-button-wrapper{
  min-width: 80px;
  display: flex;
  justify-content: flex-end;
}

.remove-button {
  display: inline-block;
  font-family: 'Inter';
  font-style: normal;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
  padding: 4px 0 4px 4px;
}

.chosen__product-cost{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  padding: 22px;
  text-align: center;
  display: inline-block;
  color: var(--color-text);
}

.counter-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 45px;
}

.counter-wrapper > span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-left: 1rem;
  display: inline-block;
}

/* BONUS WIDGET */

.bonus__container {
  padding-bottom: 4rem;
}

.bonus__container-title {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 50px;
}


.chosen__product-list {
  position: relative;
}


@media screen and (max-width: 1199px) {
  .counter-wrapper {
    margin-right: 1rem;
  }
  .chosen__product-cost{
    padding: 22px 1rem;
  }

  .remove-button-wrapper {
    min-width: 4rem;
  }
}

@media screen and (max-width: 992px) {

  .chosen__product-cost {
    padding: 10px;
  }

  .chosen__product-list li .chosen__product-cover{
    display: none;
  }
  .chosen__product-title{
    width: 100%;
    padding: 0 10px 0 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }

  .chosen__product-list {
    margin-bottom: 20px;
  }
  .bonus__container-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 34px;
  }

  .shipping__payment-wrapper .side h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 2rem;
  }
}

.empty__shoppingcart-wrapper {
  padding-bottom: 4rem;
}

.empty__shoppingcart-image {
  width: 100%;
  max-width: 256px;
  margin: 4rem auto;
}



.custom-textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.0001);
  border: 1px solid rgba(0, 0, 0, 0.16);
  padding: 12px 16px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.form-group {
  padding-bottom: 3rem;
}

.custom-checkline input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.custom-checkline {
  cursor: pointer;
  width: 100%;
  display: inline-block;
  margin-bottom: 1rem;
  position: relative;
}

 .custom-checkline .checkline-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  align-items: center;
  min-height: 96px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--white);
  border: 2px solid rgba(0, 0, 0, 0.24);
  position: relative;
}

.methods-cost{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
}

.checkline-content .details {
  max-width:  207px;
}

.checkline-content .details  span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin: 0 !important;
}

.checkline-content .details  p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.48);
  margin: 0 !important;
}

.checkline-content::before {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 24px;
  left: 24px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 24px;
  background-image: url(../images/icon-radiobutton.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.custom-checkline input[type="radio"]:checked + .checkline-content::before {
  background-image: url(../images/icon-radiobutton-checked.svg);
}

.custom-checkline input[type="radio"]:checked + .checkline-content {
  border: 2px solid var(--color-secondary);
}


/* ORDER STATUS FLOW */

.status__steps-container {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4rem;
}

.status__step{
  width: 25%;
  padding-bottom: 22px;
}

.status__step .line {
  margin: 1rem auto 0 auto;
  width: calc(100% - 4px );
  background: rgba(0, 0, 0, 0.12);
  height: 6px;
  display: block;
}

.status__step-icon{
  width: 48px;
  height: 48px;
  background: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 48px;
  margin: 0 auto 12px auto;
}

.status__step-icon span {
  color: rgba(0, 0, 0, 0.48);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
}

.status__step p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--color-text);
}

.status__step.active .status__step-icon , .status__step.active .line  {
  background: var(--color-secondary);
}

.status__step.filled .status__step-icon , .status__step.filled .line{
  background: var(--color-primary);
}

.status__step.active .status__step-icon span, .status__step.filled .status__step-icon span {
  color: var(--white);
}

.status__step.active p{
  color: var(--color-secondary);
}




/* PAYMENT VALUES */
.shipping__payment-total-box {
  padding-top: 4rem;
}
.payment__information {
  padding-bottom: 4rem;
  width: 100%;
}

.payment__information h3 {
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.payment__information-row {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 4px;
}
.payment__information-row:last-child{
  margin-bottom: 0;
}

.payment__information-row span.type {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 8px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

span.edit{
  display: flex;
  font-family: 'Inter';
  justify-content: flex-start;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-secondary);
  cursor: pointer;
}

span.edit::before {
  content: "";
  width: 24px;
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  background-image: url(../images/icon-edit.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.total-value , .shipment-value {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  text-align: right;
  margin-bottom: 1rem;
}

.payment-value {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: right;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 2rem;
}

.shipping__address-box h3 {
  margin-bottom: 1.5rem !important;
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}
.shipping__address-box .list li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 0.5rem;
}
.shipping__address-box .list li:last-child{
  margin-bottom: 0;
}

.total__products {
  padding-bottom: 4rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.24);
  margin-bottom: 4rem;
}

.total__products  li{
  min-height: 72px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.total__products  li:last-child{
  margin-bottom: 0;
}

.total__products  li .product{
    width: calc( 100% - 246px );
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.total__products  li .product h4{
  width: calc(100% - 96px);
  padding-right: 1rem;
}

.product .product-cover {
  width: 72px;
  position: relative;
}

.product .product-cover::before{
  padding-top: 100%;
  content: "";
  display: block;
}

.total__products  li .value {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  letter-spacing: -0.01em;
  color: var(--color-text);
  width: 130px;
}

.total__products  li .counter {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  width: 116px;
}

#shipmentAddress {
  display: none;
}

/* RADIO BUTTON */


.custom__radio-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.custom__radio-button .title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
  padding-left: 8px;
}





/* NOTFOUND PAGE */

.notfound__wrapper {
 padding-bottom: 4rem;
 padding-left: 8px;
 padding-right: 8px;
}

.notfound__wrapper h1.title{
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.notfound__wrapper .description {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  color: var(--color-text);
  margin-bottom: 5.3rem;
  text-align: center;
}

.notfound-cover{
  width: 100%;
  margin: 0 auto;
  max-width: 256px;
  margin-bottom: 4rem;
}

#menu__button {
  width: 24px;
  height: 24px;
  display: block;
  border: none;
  outline: none;
  background: transparent;
  margin-right: 1rem;
  background-position: center;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon-menu.svg);
}

#closemenu__button {
  width: 24px;
  height: 24px;
  border: none;
  outline: none;
  background: transparent;
  margin-right: 1rem;
  background-position: center;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  display: none;
  background-image: url(../img/icon-menu-close.svg);
}

#mobile__menu{
  /*background: var(--color-s4);*/
  position: fixed;
  left: 6px;
  z-index: 1000;
  display: none;
  right: 6px;
  bottom: 0;
  top: 96px;
}
#mobile__menu .separation {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
}

#mobile__menu nav {
  width: 100%;
  background: var(--color-s4);
  overflow-y: scroll;
  padding: 20px;
  border-radius: 9px;

}

#mobile__menu nav::-webkit-scrollbar {
  display: none;
}

#mobile__menu nav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.mobmenu-top {
  width: 100%;
  padding: 14px 20px;
}

.mobmenu-link--wrapper {
  padding: 14px 20px;
}

.mobmenu-link{
  font-family: 'Inter';
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.mobmenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wishlist-mobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wishlist-mobile svg {
  display: inline-block;
  margin-right: 12px;
}

/* ACCORDION */

.accordion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.accordion  div.content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.accordion .handle {
  margin: 0;
}

.accordion .handle label {
  display: block;
  padding: 14px 52px 14px 20px;
  position: relative;
  cursor: pointer;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.accordion .handle label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../images/dropdown-accordion.svg);
}

.accordion label:hover,
.accordion label:focus {
  background: rgba(229, 9, 127, 0.07);
}


.accordion > input[type=checkbox]:checked ~ .content {
  height: auto;
  overflow: visible;
  background: rgba(229, 9, 127, 0.07);
  padding: 16px 20px 32px 52px;
  border-top: 0;
}

.accordion .content  .content-list li{
  padding: 8px 0;
}
.category-box  {
  margin-bottom: 1rem;
}
.category-box:last-child{
  margin-bottom: 0;
}


.category-box h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--color-text);
}
.accordion .content  .content-list li  {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0;
  padding: 14px 0;
  color: var(--color-text);
}

.accordion .content  .content-list li a:hover, .accordion .content  .content-list li a:active{
  font-weight: 600;
}

.accordion > input[type=checkbox]:checked ~ .handle label:before {
  transform: rotate(180deg);
}
.accordion > input[type=checkbox]:checked ~ .handle label{
  background: rgba(229, 9, 127, 0.07);
}


p.page-description{
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 20px; 
  line-height: 28px;
  text-align: center;
  color: var(--color-text);
}


.paymentsform-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}


@media screen and (max-width: 768px) {
  .paymentsform-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}



/* CUSTOM SECTION TITLE vs DESC */

.title__wrapper  {
  margin-bottom: 3rem;
}
.title__wrapper .page-title  {
  margin-bottom: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .title__wrapper  {
    margin-bottom: 0.5rem;
  }
}

.site__backdrop.mobile__search {
  display: none;
}

.bonus__container-wrapper {
 overflow: hidden;
 position: relative;
}


.bonus-carousel {
  /* display: flex;
  flex-wrap: wrap;
  align-items: stretch; */
}

.bonus-item {
  width: auto;
}

.bonus-item-line {
  width: 100%;
  height: 2rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 24px;
}

.bonus-item-line .value-wrapper{
  position: relative;
  display: flex;
  z-index: 5;
}

.bonus-item-line .value-wrapper::before{
  width: 16px;
  height: 32px;
  content: "";
  display: block;
  background-image: url("../images/promo-subtract-left.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bonus-item-line.active .value-wrapper::before{
  background-image: url("../images/subtract-left.svg");
}

.bonus-item-line .value-wrapper::after{
  width: 16px;
  height: 32px;
  content: "";
  display: block;
  background-image: url("../images/promo-substract-right.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bonus-item-line.active .value-wrapper::after{
  background-image: url("../images/subtract-right.svg");
}


.bonus-item-line span.value {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-text);
  padding: 2px 8px;
  height: 32px;
  background: #DFDFDF;
}

.bonus-item-line.active  span.value{
  background: var(--color-secondary);
  color: var(--white);
}

.bonus-item-line-row{
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  right: 0;
  height: 4px;
  background: #D9D9D9;
}

.bonus-item-line.active  .bonus-item-line-row{
  background: var(--color-secondary);
}

.bonus-item .content {
  margin: 0 auto;
  width: 100%;
  height: calc(100% - 3.5rem);
  max-width:  249.6px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.bonus-item .cover{
  /* width: 100%;
  max-width: 200px; */
  min-width: 200px;
  position: relative;
  margin-bottom: 1rem;
}

.bonus-item-box {
  width: 100%;
  height: 100%;
}

.bonus-item {
  position: relative;
}
.bonus-label {
  position: absolute;
  z-index: 55;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bonus-item .cover::before{
  content: "";
  display: block;
  padding-top: 100%;
}

.bonus-item h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--color-text);
  margin-bottom: 2rem;
}

/* WISHLIST PAGE */
.wishlist__section .fresh__widget-card .wishlist__button svg path{
  fill:  var(--color-secondary) !important;
}

.wishlist__section .fresh__widget-card-content .wishlist__button-wrapper {
  display: block;
}

a.decorated{
  position: relative;
}

a.decorated::after {
  content: "";
  display: inline-block;
  height: 1px;
  background: var(--color-text);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}

/* PAGES TYPES */

.auth-page{
  padding-top: 128px;
}

.client-panel-page {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.notfound__page{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.about-page {
  position: relative;
}
.about__section {
  padding-bottom: 6rem;
}

.about__section  .text__wrapper{
  padding: 1.5rem 1rem;
}

.panel-box h2.title{
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}


/* AUTHPAGE FORMS */

.authpage-forms-wrapper{
  position: static;
}

.brand-card .content .icon {
  max-width: 256px;
  margin: 0 auto;
}

.contact__box ul li:first-child{
  padding-top: 0;
}
.contact__box ul li:last-child{
  padding-bottom: 0;
}

/* basket */

.confirmation-box{
  width: 100%;
  margin: 0 auto;
  max-width: 580px;
  padding-bottom: 4rem;
}

.confirmation-box h3.title{
  font-family: 'KyivType Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: var(--color-text);
}
.confirmation-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.confirmation-box p {
  text-align: center;
  margin-bottom: 1rem;
}

.confirmation-box p:last-child{
  margin-bottom: 0;
}

.confirmation-icon{
  width: 40px;
  margin-right: 26px;
  height: 40px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/confirm-circule.svg);
  background-position: center;
}

.confirmation-box.bottom{
  padding-top: 48px;
  padding-bottom: 0.5rem;
}

.confirmation-order span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text);
}

.confirmation-payment {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 2rem !important;
  color: var(--color-text);
}

.productcost-mobile {
  font-family: 'Inter';
  display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: var(--color-text);
}

/* PorductCounter */

.productcounter-wrapper{
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.productcounter-wrapper .details{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: var(--color-text);
  margin-left: 0.5rem;
}

.productcounter input {
  height: 40px;
  width: 40px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.24);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

/* Chrome, Safari, Edge, Opera */
.productcounter input::-webkit-outer-spin-button,
.productcounter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.productcounter input[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 1560px)  {
  .site__menu-list li {
    margin: 0;
    padding: 16px 16px;
  }
}

@media screen and (max-width: 1500px) {
  .fresh__widget-card,
  .news__widget-grid-card {
    padding: 12px;
  }
  /*.fresh__widget-grid{*/
  /*  margin-left: -12px;*/
  /*  margin-right: -12px;*/
  /*}*/
  /*.site__xpadd {*/
  /*  padding-left: 40px;*/
  /*  padding-right: 40px;*/
  /*}*/
}

@media screen and (max-width: 1199px) {

  .title__over-container {
    position: relative;
    margin-top: -3rem;
  }

  .catalog__sidebar {
    width: 260px;
  }
  .catalog__content-container {
    width: calc(100% - 260px);
    padding-left: 2rem;
  }

  .catalog__content-container .fresh__widget-grid .fresh__widget-card {
    width: 50% !important;
  }
  .catalog__content-head {
    flex-direction: column;
  }
  .catalog__content-title {
    margin-bottom: 1rem;
  }
  .product__gallery {
    padding-right: 1.5rem;
    padding-bottom: 3rem;
  }

  .fresh__widget-card,
  .news__widget-grid-card {
    padding: 8px;
  }
  .fresh__widget-grid,
  .banner__widget-grid{
    margin-left: -8px;
    margin-right: -8px;
  }
  .site__xpadd {
    padding-left: 20px;
    padding-right: 20px;
  }
  .promos__grid-card {
    width: calc(100% / 2);
    padding: 1rem;
  }
  .section__title-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section__title-box .nav__link.side-link {
    display: none;
  }
  .section__title-box .nav__link.centered-link {
    display: flex;
  }
  .fresh__widget-card-content {
    padding: 1rem 12px;
  }

  .brands__grid {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 1rem;
  }
  .brand-card {
    padding: 12px;
  }

  .brand-card .content {
    padding: 16px;
  }
  .brands__section{
    padding-bottom: 4rem;
  }

  .site__menu-list li.collapsible-button .collapsible-content {
    padding: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .status__step-icon {
    width: 40px;
    height: 40px;
  }
  .status__step-icon span {
    font-size: 16px;
    line-height: 24px;
  }
  .status__step p{
    font-size: 12px;
    line-height: 18px;
  }
  .status__step .line {
    margin-top: 0.5rem;
  }
  .basket__section {
    padding-top: 3rem;
  }
}

@media screen  and (max-width: 768px) {
  .baskettext-wrapper {
    padding: 0 !important;
    border: none !important;
  }
  .basket__section-head a.backstep__link {
    font-size: 0;
  }

  .shipping__payment-wrapper{
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .shipping__payment-wrapper .side{
    padding-bottom: 0;
  }

  .site__xpadd.basket__section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .site__xpadd.basket__section .text__wrapper.large {
    border: none;
    padding-left: 0;
    padding-top: 2rem;
    padding-right: 0;
    padding-bottom: 3rem !important;
  }
  .bonus__container {
    padding-bottom: 8px;
  }
}

@media screen  and (max-width: 420px) {
  .status__step p {
    font-size: 9px;
    font-weight: 600;
  }
}

@media screen and (max-width: 992px) {

  .total__products {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }

  .shipping-address .payment__information{
    padding-bottom: 2rem;
  }



  .modal-message-wrapper {
    padding: 3rem 1.5rem;
  }
  .modal-message-wrapper .title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 2rem;
  }
  .modal-message-wrapper .description{
    margin-bottom: 2rem;
  }

  .confirmation-box.bottom  .confirmation-order{
    margin-bottom: 20px !important;
  }

  .confirmation-box {
    padding-bottom: 2rem;
  }
  .confirmation-header{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .confirmation-icon{
    width: 64px;
    height: 64px;
    margin-right: 0; 
    margin-bottom: 1rem;
    display: block;
  }
  .confirmation-box h3.title{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 1.5rem;
    text-align: center;
  }


  .chosen__product-cost {
    font-size: 15px;
    padding: 10px 4px;
  }
  .chosen__product {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }
  .chosen__product .side{
     width: calc(100% - 280px);
  }
  .chosen__product .side.right{
    width: 280px;

  }

  .site__menu-list li.collapsible-button .collapsible-content {
    padding: 1rem;
  }
  .site__menu-list .collapsible-content .submenu-list {
    padding-right: 1rem;
  } 
  .site__menu-list li {
    padding: 0.5rem;
  }
  .submenu-list a {
    font-size: 14px;
  }
  .productcounter-wrapper .details {
    font-size: 14px !important;
    line-height: 28px;
  }
  .remove-button-wrapper {
    min-width: 3rem;
  }

  .basket__section  .shipping__payment-total-box{
    padding-top: 2rem;
  }
  .shipping__table.orders-table .shipping__table-row span{
    font-size: 14px;
    line-height: 20px;
  }

  .clientpanel-forms--wrapper {
    margin-top: 0;
  }

  .fresh__widget-card-content:hover {
    box-shadow: none;
  }
  .shipping-section .page-title{
    margin-bottom:0.5rem ;
  }
  .shipping-section {
    padding-bottom: 3rem;
  }

  .shipping-section  div.text__wrapper.mobile__borders{
      margin-bottom: 0 !important;
  }
  .client-panel-page {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .client-panel-page  .text__wrapper {
    padding: 1.5rem 1rem;
    margin-bottom: 1.5rem;
  }
  .panel-box h2.title{
    font-size: 20px;
    line-height: 28px;
  }
  div.person-data-box {
    margin-bottom: 2rem;
  }
  .person-data-box .person-data {
    margin: 0 0 1rem 0;
    padding: 0;
  }

  .about__section  .text__wrapper .brandspage__content-box p{
    font-size: 16px;
    line-height: 24px;
  }

  .brandspage__content-box h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .contact-link--wrapper {
    margin-top: 2rem;
  }

  .post__page-content h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
  }

  h1.catalog__content-title {
    font-size: 24px;
    line-height: 32px;
  }
  .product__info-title {
    font-size: 24px;
    line-height: 32px;
  }

.product__section {
  padding-bottom: 4rem;
}
  .product__info-title {
    margin-bottom: 0;
  }
  .product__info-brand {
    margin-bottom: 1rem;
  }
  .notfound__wrapper h1.title{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
  .product__info .discount__price  {
    margin-right: 1rem;
  }
  .notfound__wrapper .description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3rem;
  }
  .notfound-cover {
    margin-bottom: 3rem;
  }
  .brands__grid {
    position: relative;
    margin-top: -12px;
  }

  .brand-card .content {
    padding: 0 16px 16px 16px;
  }

  .brand-card .content .icon {
    max-width: 128px;
  }


  .shipping__payment-container , .text__wrapper  {
    padding: 1.5rem;
  }

  .shipping__payment-wrapper {
    gap: 1.5rem;
  }

  .page-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
  .title__over-wrapper  {
    padding: 1rem 20px;
  }
  .title__over-wrapper .title {
    font-size: 20px;
    line-height: 28px;
  }


  .post__page-content p.special {
    font-size: 20px;
    line-height: 28px;
  }
  .cover__box-picture {
    min-height: 256px;
  }
  .post__page-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  ol.breadcrumb {
    padding:  24px 0  32px 0;
  }
  .post__page-title {
    margin-bottom: 1.5rem;
    font-size: 24px;
    line-height: 32px;
  }
  .post__page-content  {
    padding: 20px 20px 5.25rem 20px;
  }
  .post__page-content p, .post__page-content a   {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .star-rating {
    font-size: 1.5rem;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .star-rating i {
    width: 20px;
  }
  .client__container {
    margin: 0 6px 0 0;
  }

  .basket__container div.icon {
    margin-right: 0;
  }
  .site__header .site__logo {
    max-width: 100px;
  }
  .basket__container span {
    display: none;
  }
  .basket__container.notempty::after{
    display: none;
  }

  /* footer */

  .site__footer .site__logo {
    max-width: 128px;
  }
  .site__footer .site__logo-wrapper {
    height: 40px;
  }
  .footer__nav-section h4.title {
    font-size: 18px;
    line-height: 28px;
  }
  .footer__nav--list li a, .footer__nav--list li p, .footer__nav--list li address {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
  .footer__nav-section {
    width: calc(100% / 2);
    max-width: none;
    padding-bottom: 40px;
  } 

  .site__xpadd {
    padding-left: 20px;
    padding-right: 20px;
  }
  .product__cover-wrapper {
    padding: 0px;
  }
  .section__title {
    font-size: 24px;
    line-height: 36px;
  }
 
  #hero {
    margin: 0 auto !important;
    padding: 0px;
  }
  #promoline {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .promos__grid-card {
    margin-bottom: 1rem;
  }
  .promos__grid-card:last-child{
    margin-bottom: 0;
  }

  .catalog__content-container {
    padding-left: 1rem;
  }

  .auth__box  form legend{
    font-size: 24px;
    line-height: 32px;
  }
  .empty__shoppingcart-wrapper .page-title {
    font-size: 24px;
    line-height: 32px;
  }
  .empty__shoppingcart-image{
    margin: 3rem auto;
  }
  .form-group {
    padding-bottom: 2.5rem;
  }
}

@media screen and (max-width: 820px) {

  .brand-card {
    width: calc(100% / 2);
  }

  .product__gallery {
    width: 100%;
    padding-right: 0;
    padding-bottom: 3rem;
    display: none;
  }

  .product__gallery.mobile{
    display: block;
  }

  .product__info-code {
    margin-bottom: 1rem;
  }
  .product__info-availability{
    margin-bottom: 2rem;
  }

  .product__info .discount__price  {
    font-size: 24px;
    line-height: 32px;
  }
  .product__info .prev__price {
    font-size: 24px;
    line-height: 36px;
  }
  .product__info .product__info-price {
    margin-bottom: 2rem;
  }
  .product__info .addtobasket__container  {
    flex-direction: column;
    align-items: center;
  }
  .product__info .quantity__wrappaer  {
    padding: 0;
    margin: 0 0 1rem 0 ;
  }
  .addtobasket__container  button, .quantity__wrappaer{
    width: 100%;
    max-width: 400px;
  }
  .addtobasket__container ,  .product__links{
    margin-bottom: 2rem;
  }

  button.button-count {
    width: 24px;
    height: 24px;
  }
  .product__info, .product__gallery{
    width: 100%;
  }

  .news__widget-grid-card {
    width: 100%;
    margin-bottom: 40px;
  }
  .news__widget-grid-card .description , .title {
    padding-left: 20px;
  }

  .news__widget-grid-card:last-child {
    margin-bottom: 0px;
  }
  .banner__widget-grid-card {
    width: 100%;
    margin-bottom: 40px;
  }
  .banner__widget-grid-card:last-child {
    margin-bottom: 0px;
  }
  .footer__nav-section {
    width: calc(100% / 1);
    padding-bottom: 16px;
  } 
  .site__footer-top {
    padding-bottom: 2rem;
  }

 
}

@media screen and (max-width: 768px) {

  .shipping__payment-total .warning-add {
    padding: 1.5rem 1rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  }

  .payment-value {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }

  .total__products .product-cover{
    display: none;
  }

  .total__products li .product{
    width: calc(100% - 136px);
  }

  .total__products li .counter {
    width: 56px;
    padding-right: 8px;

  }
  .total__products li .value{
    width: 80px;
  }
  .total__products li .product h4 {
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000000;
    padding-right: 1rem;
  }
  .payment__information {
    padding-top: 2rem;
  }

  .mobile__search {
    display: none !important;
  }


  .caruosel__slide-fluid::before{
    padding-top: 65.40%;
  }
  .contact__box-wrapper{
    flex-direction: column;
  }
  .contact__box-wrapper .contact__box {
    width: 100%;
    margin-bottom: 1rem;
  }

  .shipping__payment-total-box{
    align-items: center;
  }

  .total-value , .shipment-value {
    text-align: center;
  }

  .clientpanel-forms--wrapper {
    padding: 0 1.5rem  4rem 1.5rem !important;
    border: none !important;
  }

  .text__wrapper.orders-container {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 3rem !important;
    margin-top: 3rem;
  }
  .client-panel-page .account__options-box{
    border-left: none;
    border-right: none;
    padding: 3rem 20px !important;
    margin-bottom: 0 !important;
  }
  .client-panel-page .account__adress-box {
    border: none !important;
    padding: 3rem 20px !important;
    margin-bottom: 0 !important;
  }
  .client-panel-page .account__opinions-box {
    padding: 3rem 20px !important;
    border-bottom: none !important;
    border-left: none;
    border-right: none;
    margin-bottom: 0 !important;
  }
  .client-panel-page .site__xpadd.mobile__padd {
    padding-left: 0;
    padding-right: 0;
  }
  .account__adress-box .adress-box .contact__box ul li{
    font-size: 14px;
    line-height: 20px;
  }
  .account__adress-box .adress-box .contact__box h2{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.5rem
  }
  .client-panel-page button.site-button{
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 15px;
  }

  .site-button.mobilefluid{
    max-width: 100% !important;
    width: 100% !important;
  }
  .product__gallery.mobile{
    padding: 1.5rem auto 2rem auto;
  }
  .shipping__tabe--wrapper {
    margin-top: 2rem;
  }
  .shipping__table .head .shipping__table-row div span {
    font-size: 10px;
  }

  .shipping__table .body span {
    font-size: 10px;
  }

  div.settings-box-buttons , div.person-data-box {
    flex-direction: column !important;
  }
  
  div.settings-box-buttons button {
    margin-bottom: 1rem !important;
  }
  div.settings-box-buttons button:last-child{
    margin-bottom: 0;
  }

  .auth-page{
    padding-top: 3rem;
  }
  .authpage-forms-wrapper h3.title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 3rem;
  }
  .auth-page .contact__section{
    padding-bottom: 1rem;
  }
  .authpage-forms-wrapper{
    border: none;
    padding: 3rem;
  }
  .authpage-forms-wrapper .cabinet__form-row:first-child{
    margin-top: 0;
  }
  .authpage-forms-wrapper .cabinet__form-row {
    margin-bottom: 0;
    margin-top: 44px;
  }
  .authpage-forms-wrapper .cabinet__form-button {
    padding-top: 3.25rem;
  }
  .chosen__product .side{
    width: calc(100% - 125px);
    padding-right: 0.5rem;
  }
  .productcost-mobile {
    display: block;
  }
  .chosen__product .side.right{
   width: 125px;
   padding-right: 0;
  }
  .chosen__product-cost {
    display: none;
  }
  .chosen__product-title {
    font-size: 14px;
    padding-right: 0;
  }
  
  div.shipping__payment-total-box .button-cover  ,  div.shipping__payment-total.simple .button-cover{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  div.shipping__payment-total.simple {
    align-items: center;
  }
  div.shipping__payment-total-box button.site-button ,  .shipping__payment-total.simple  button.site-button{
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {

  .confirmation-container {
    padding-bottom: 2rem;
  }

  .fresh__widget-card .basket__button-container{
    display: none !important;
  }
  .basket__button-wrapper {
    min-height: none;
  }

  .searchform-wrapper {
    display: none;
  }

  .search__button-mobile{
    display: block;
  }

   /* header */
  .site__header {
    min-height: 60px;
    padding-bottom: 1rem;
  }
  .site__header .site__header-top  {
    height: 64px;
  }
  .site__header .site__logo-wrapper  {
      height: 66px;
  }
  .search__container-input input, .wishlist__container{
    display: none;
  }
   /* hide nav on mobile */
   .site__header-bottom.site__menu {
    display: none !important;
  }
  .site__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98;
  }
  main {
    padding-top: 96px;
  }
  .catalog__sidebar {
   display: none;
  }
  .catalog__content-container {
    width: 100%;
    padding-left: 0;
  }
  .site__container {
    max-width: 580px;
  }
  #menu__button{
    display: block;
  }
  /*#subscription h2.title{*/
  /*  font-size: 24px;*/
  /*  line-height: 32px; */
  /*}*/
  #subscription p.description{
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (min-width: 768px) {
  #mobile__menu, #closemenu__button, #menu__button{
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .promos__grid-card {
    width: 100%;
    padding: 1rem;
  }
  #latestproducts {
    padding-top: 50px;
  }
  #subscription form .form-row{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #subscription p.description{
    margin-bottom: 0;
  }
  #subscription .form-row .custom__input-container-wrapper{
    padding: 0;
    margin-top: 32px;
  }
  #subscription .form-row .custom__input-container-wrapper , .form-row .site-button.main-button {
    width: 100% !important;
    margin-top: 20px;
  }
}

@media screen and (max-width: 580px) {
  .shipping__payment-total-box button{
    min-width: none;
  }
  .site__xpadd {
    padding-left: 8px;
    padding-right: 8px;
  }
  .reg-details-list{
    padding-left: 16px;
  }
  .contact__section .text__wrapper.mobile__borders{
      padding-bottom: 0;
      margin-bottom: 1rem;
  }
}
@media screen and (max-width: 560px) {
  .desktop{
    display: none;
  }
  .fresh__widget-grid{
    padding: unset;
  }
  .news__widget-section{
    padding-top: 10px;
  }
  .news__widget-grid{
    padding: unset;
  }
  .news__widget-grid-card h3.title {
  max-width: 290px;
  }
  .news__widget-grid-card .description, .title{
    padding: unset;
  }
  #subscription .site-button.main-button{
    margin-top: 41px;
  }

  .authpage-forms-wrapper{
    border: none;
    padding:   0 4px 3rem 4px;
  }

  .features-background{
    height: 572px;
    background-image: url(../img/golden-palm-leaves-background-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
  }
  .features__widget-grid{
    flex-direction: column;
    padding-top: 20px;
  }
  .features__widget-grid-card{
    margin: 15px 0;
  }
  #features h2.title{
    padding: 25px 5px 0;
  }
}
@media screen and (min-width: 560px){
  .mobile{
    display: none;
  }
}

@media screen and (max-width: 480px){
  /* MOBILE BORDERS */
  div.mobile__borders{
    border: none !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .auth__section.authorization{
    padding-top: 0 !important;
  }
  .auth__box:first-child:first-child{
    margin-bottom: 0;
  }
  .auth__box  {
    padding-bottom: 4rem;
  }
  .auth__box:last-child{
    padding-top: 4rem !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 380px){
  .client-panel-page button.site-button{
    padding-left: 13px !important;
    padding-right: 13px !important;
    font-size: 12px;
  }
  .modal-message-wrapper {
    padding:  2.5rem 1rem 2rem 1rem;
  }
  .modal-message-wrapper .site-button {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px){
  .shipping__table .head .shipping__table-row div span {
    font-size: 8px;
  }
  .features-background{
    height: 572px;
    background-image: url(../img/golden-palm-leaves-background-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
  }

}

.bonus-carousel-button {
  display: none;
  position: absolute;
  z-index: 10;
  top: 139px;
  cursor: pointer;
}

.prev.bonus-carousel-button{
  left: 0;
}

.next.bonus-carousel-button{
 right: 0;
}

.next.bonus-carousel-button > div {
  transform: rotate(180deg);
}


.bonus-item .content .top{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.bonus-item h3 {
  min-height: 78px !important;
}

.carrousel-arrow{
  width: 32px;
  height: 30.15px;
  background: url(../images/carouselarrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.tags-container {
  position: relative;
  overflow: hidden;
  padding-top: 96px;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -3px;
  margin-right: -3px;
}

.tag-card {
  padding: 3px;
}

.tag-link {
  height: 32px;
  padding: 6px 10px;
  font-family: 'Inter';
  font-style: normal;
  text-decoration: none;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  background: rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 560px){ 
  .bonus-carousel-button {
    display: block;
  }

}

.noProduct-wrapper p.description{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #000000;
  margin: 20px 0 0 0 ;
}

.noProduct-wrapper form button {
  padding: 11px 48px;
  width: 170px;
  border: none;
  display: inline-block;
  outline: none;
  cursor: pointer;
  height: 48px;
  background: #1F1B20;
  font-family: 'Inter';
  font-style: normal;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.noProduct-wrapper form input {
  display: inline-block;
  outline: none;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  width: calc( 100% - 182px);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding: 12px 16px;
}
.noProduct-wrapper form .form-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.productDetails {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 38px;
}

.productDetails .productDetails-title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #000000;
  max-width: 354px;
}

.productDetails-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.productDetails-cover{
  width: 72px;
  background: #FFFFFF;
  margin-right: 24px;
  position: relative;

}

.productDetails-cover::before{
  content: "";
  display: block;
  padding-top: 100%;
}

.productDetails-cost {
  font-family: 'Inter';
  font-style: normal;

  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 48px;
}


.noProduct-wrapper .e-mail.description{
  text-align: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  }

@media screen and (max-width: 786px) {
  .productDetails-cost {
    font-family: 'Inter';
    font-style: normal;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 10px;
   
  }
  
  .productDetails .productDetails-title{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000000;
  }
  .productDetails-cover{
    display: none;
  }
}

.noProduct-button {
  border: none;
  cursor: pointer;
  outline: none;
  font-family: 'KyivType Sans Medium';
  font-style: normal;
  font-weight: 500;
  padding: 11px 48px;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 48px;
background: #1F1B20;
margin-top: 48px;
}


@media screen and (max-width: 560px) {
  .productDetails-cost{
    display: none;
  }
  .productDetails{
    padding-bottom: 40px;
  }
  

  .noProduct-wrapper form .form-row {
      flex-direction: column;
  }
  .noProduct-wrapper form .form-row button ,   .noProduct-wrapper form .form-row input{
    width: 100%;
  }
  .noProduct-wrapper form .form-row input{
    margin-bottom: 20px;
  }

  .noProduct-wrapper p.description {
    font-weight: 400;
font-size: 14px;
line-height: 20px;
   }

   .noProduct-wrapper .e-mail.description{
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    }

    .noProduct-button {
      margin-top: 32px;
    }
}