@font-face {
  font-family: "NAMU 1990";
  src: url("/dist/fonts/namu/NAMU-1990.woff2") format("woff2"), url("/dist/fonts/namu/NAMU-1990.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "NamuFont";
    src: url("/dist/fonts/namu/NAMU-1990.woff2") format("woff2"),
         url("/dist/fonts/namu/NAMU-1990.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Grotesk";
  src: url("/dist/fonts/grotesk/PPRightGrotesk-CompactDark.woff2") format("woff2"), url("/dist/fonts/grotesk/PPRightGrotesk-CompactDark.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gosha";
  src: url("/dist/fonts/gosha/PPGoshaSans-Regular.woff2") format("woff2"), url("/dist/fonts/gosha/PPGoshaSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
}

html {
  --containerPadding: 87px;
  --promoHeight: 43px;
  --headerHeight: 140px;
  --longTransition: 1s;
  --longSoTransition: .8s;
  --basicTransition: .4s;
  --fastTransition: .2s;
  --fastSoTransition: .1s;
  --cursor-stroke: none;
  --cursor-fill: #FFDB5C;
  --cursor-stroke-width: 1px;
  --transparent: #ffffff00 !important;
  --white: #ffffff !important;
  --black: #171717 !important;
  --darkblack: #000000 !important;
  --grey: #A7A7A7 !important;
  --grey2: #C9C9C9 !important;
  --greyLight: #AFAFAF !important;
  --red: #D85454 !important;
  --redText: #BB5353 !important;
  --yellow: #FFDB5C !important;
  --yellowText: #EEC533 !important;
  --blue: #25A7A8 !important;
  --greenText: #25A7A8 !important;
  scrollbar-width:none;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--white);
}

::-webkit-scrollbar {
  width: 6px;
  height: 0;
  background-color: var(--white);
}

::-webkit-scrollbar-thumb {
  background-color: var(--black);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--black) var(--white) !important;
}

body{
  scrollbar-width:none;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.overflow-hiden {
  overflow: hidden;
}

b,
strong {
  font-weight: 600;
}

input {
  -webkit-appearance: none;
}
button:focus{
  outline: 0;
}
.swiper {
  z-index: 0;
}

.clean-btn {
  background: none;
  border: 0;
}

.hidden {
  display: none;
}

.btn-custom {
  font-size: 20px;
  padding: 17px 30px 21px 30px;
  line-height: 100%;
  color: #FFFFFF;
  background: #2A2A2A;
  text-decoration: none;
  border-radius: 60px;
}

.btn-primary {
  font-size: 20px;
  padding: 17px 30px 21px 30px;
  line-height: 100%;
  color: #FFFFFF;
  background: #2A2A2A;
  text-decoration: none;
  border-radius: 60px;
}

.btn-primary:hover {
  background: #2A2A2A;
  color: #FFFFFF;
  text-decoration: underline;
}
.cat-swiper{
  margin-bottom: 50px;
}

.swiper-button-next::after,
.swiper-button-prev::after{
  color:#000;
  font-size: 25px;
}
.btn-primary:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #2A2A2A;
}

.btn-link {
  display: inline-block;
}

.modal-container {
  background: #fff;
  padding: 25px 20px;
  position: relative;
  height: 100vh;
  z-index: 11;
  position: fixed;
  right: 0;
  top: 0;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.75s;
  transition: -webkit-transform 0.75s;
  -o-transition: transform 0.75s;
  transition: transform 0.75s;
  transition: transform 0.75s, -webkit-transform 0.75s;
  -webkit-transform: translate(100%);
      -ms-transform: translate(100%);
          transform: translate(100%);
}

.modal-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.modal-container .close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal-layout {
  background: rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}

.modal-layout.show {
  visibility: visible;
  opacity: 1;
}

.modal-wrapper {
  z-index: 10;
}

.modal-wrapper.modal-show {
  visibility: visible;
  opacity: 1;
}

.modal-wrapper.modal-show .modal-container {
  -webkit-transform: translate(0%);
      -ms-transform: translate(0%);
          transform: translate(0%);
}

.modal-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.modal-size-table .modal-container {
  width: 375px;
}

.modal-size-table table {
  width: 100%;
  margin-bottom: 8px;
}
.modal-size-table table + img{
  width: 100%;
}
.modal-size-table table tr td {
  border-bottom: 2px solid #000000;
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
  line-height: 120%;
}

.modal-size-table table tr td:nth-child(1) {
  font-size: 16px;
}

.modal-size-table table tr:nth-child(1) td {
  vertical-align: top;
  font-size: 13px;
}

.modal-size-table table tr:nth-last-child(1) td {
  border-bottom: 0;
}

.modal-cart .modal-container,
.modal-cart-empty .modal-container {
  width: 405px;
  max-width: 100%;
}

.modal-cart-products {
  width: 100%;
  overflow-y: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.checkout-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-product-item .checkout-product-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 105px;
  margin-right: 15px;
}

.checkout-product-item + .checkout-product-item {
  margin-top: 25px;
}

.checkout-product-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.checkout-product-remove {
  margin-left: auto;
  width: 11px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.checkout-product-remove img {
  width: 100%;
}

.checkout-product-name {
  font-size: 16px;
  line-height: 120%;
  color: #2A2A2A;
  margin-bottom: 5px;
}
.checkout-product-name:hover{
  color: #2A2A2A;
}
.checkout-product-price {
  font-size: 18px;
  line-height: 120%;
  color: #2A2A2A;
  margin-bottom: 23px;
}

.ckeckout-product-options {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 1px;
}

.ckeckout-product-option-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-cart-total-wrapper {
  margin-top: auto;
  width: 100%;
  text-align: center;
}

.modal-cart-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #000000;
  margin-bottom: 32px;
}

.modal-cart-total-name {
  font-size: 20px;
  line-height: 120%;
  color: #2A2A2A;
}

.modal-cart-total-value {
  line-height: 200%;
  text-align: right;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #2A2A2A;
  font-size: 20px;
}

.how-to-take-measurements {
  width: 100%;
  margin-top: 23px;
}

.how-to-take-measurements ol {
  font-size: 14px;
  padding-left: 1em;
}

.how-to-take-measurements ol li {
  font-size: 14px;
  line-height: 130%;
  color: #000000;
  padding-left: 24px;
}

.how-to-take-measurements ol li + li {
  margin-top: 13px;
}

.modal-close {
  position: absolute;
  top: 25px;
  right: 20px;
  height: 38px;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

.how-to-take-measurements-title {
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 21px;
}

.modal-tilte {
  font-family: "Grotesk";
  font-size: 32px;
  line-height: 119%;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 47px;
  margin-right: auto;
  max-width: calc(100% - 38px);
}

.modal-tilte.empty {
  margin-bottom: 39px;
}

.modal-cart-empty-text {
  font-size: 18px;
  line-height: 120%;
}

body {
  position: relative;
  min-height: 100vh;
  max-width: 100vw;
  font-size: 16px;
  font-family: "NamuFont";
  color: var(--black);
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.container {
  max-width: 1620px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

.header-container {
  padding-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
}

.header-container.active {
  color: #6B6B6B;
}

.header-container.active .main-menu-list-item {
  color: #6B6B6B;
}

.header-container.active svg path {
  stroke: #6B6B6B;
}

.header-container.active .menu-button {
  background: #FFFFFF;
  color: #2A2A2A;
}

.header-container.active .menu-button path {
  stroke: #2A2A2A;
}

.header-container.active .menu-button .burger_icon {
  display: none;
}

.header-container.active .menu-button .burger_icon_close {
  display: block;
}

header {
  z-index: 9;
  position: relative;
}

.menu-button {
  border: 0;
  background: #2A2A2A;
  color: #fff;
  font-family: "Grotesk";
  font-size: 39px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 7px 24px;
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.menu-button svg {
  width: 24px;
  margin-right: 10px;
}

.menu-button .burger_icon_close {
  display: none;
}

.main-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  height: 100%;
}

.main-menu-list-item {
  font-style: normal;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  color: #2A2A2A;
}

.main-menu-list-item:hover {
  color: #2A2A2A;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.home-slider .swiper-slide {
  width: 32vw;
  aspect-ratio: 552/708;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.home-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.home-slider .swiper-slide.swiper-slide-next {
  opacity: 1;
}

.home-slider .swiper-slide img {
  width: 100%;
}

.home-slider-wrapper {
  position: relative;
}

.home-slider-title {
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}

.home-slider-title p {
  font-family: "Grotesk";
  font-size: 8.9vw;
  line-height: 77%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.home-slider-title p span {
  position: relative;
}

.home-slider-title p span svg {
  position: absolute;
  left: -7%;
  top: -3%;
  width: 110%;
}

.animate_vector path {
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  opacity: 0;
}

.animate_vector.active path {
  opacity: 1 !important;
}

.cart-item a {
  font-style: normal;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  color: #2A2A2A;
}

.category-wall-image-wrapper {
  position: relative;
  display: block;
}

.category-wall-product-big-buble {
  position: absolute;
  bottom: 10%;
/*  bottom: var(--bottom-pos);*/
/*  right: var(--right-pos);*/
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #000;
  padding: 9px 19px 11px 25px;
  -webkit-clip-path: url(#topLeftBuble);
          clip-path: url(#topLeftBuble);
  font-family: "NamuFont";
  font-size: 13px;
  line-height: 13px;
  color: #2A2A2A;
}
.category-wall-product-big-buble.top-left{
  left:0;
}
.category-wall-product-big-buble.top-right{
  right:0;
}
.category-wall-product-big-buble.bottom-right{
  right:0;
}


.category-wall-product-big-buble.bottom-right:before {
  position: absolute;
  content: "";
  display: block;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-clip-path: url(#topLeftBuble);
          clip-path: url(#topLeftBuble);
  background: #fff;
  z-index: -1;
}

.category-wall-product-big-buble.bottom-left {
  -webkit-clip-path: url(#bottomLeftBuble);
          clip-path: url(#bottomLeftBuble);
}

.category-wall-product-big-buble.bottom-left:before {
  position: absolute;
  content: "";
  display: block;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-clip-path: url(#bottomLeftBuble);
          clip-path: url(#bottomLeftBuble);
  background: #fff;
  z-index: -1;
}

.category-wall-product-big-buble.top-left {
  -webkit-clip-path: url(#topRightBuble);
          clip-path: url(#topRightBuble);
}
.category-wall-product-big-buble.top-left:before {
  position: absolute;
  content: "";
  display: block;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-clip-path: url(#topRightBuble);
          clip-path: url(#topRightBuble);
  background: #fff;
  z-index: -1;
}

.category-wall-product-big-buble.revert-buble:before {
 
}

.category-wall-description {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category-wall-name {
  font-size: 60px;
  line-height: 88%;
  text-align: center;
  display: block;
  text-decoration: none;
  font-family: "Grotesk";
  color: #2A2A2A;
  text-decoration: none;
  margin-bottom: 45px;
  text-transform: uppercase;
}

.category-wall-name:hover {
  text-decoration: underline;
  color: #2A2A2A;
}

.category-wall-name.simple {
  margin-bottom: 35px;
}

.category-wall-text {
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  color: #2A2A2A;
  width: 70%;
  margin: 15px auto 35px auto;
}

.category-wall-text p {
  margin-bottom: 0;
}

.category-wall-size-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
}

.category-wall-size-line {
  font-size: 20px;
  line-height: 90%;
  color: #2A2A2A;
  position: relative;
  width: 52px;
  display: block;
  margin: 0 7px;
}

.category-wall-size-line:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: #202020;
}

.category-wall-img {
  width: 100%;
}

.eye-cursor {
  cursor: url("/dist/img/icons/cursor.png"), auto;
}

.category-container {
  margin-top: 56px;
}

.category-wall-item {
  margin-bottom: 75px;
}

.row > .col-sm-6.category-wall-item {
  padding-left: 95px;
  padding-right: 95px;
}

.category-wall-price-btn {
  font-size: 20px;
  line-height: 90%;
  color: #2A2A2A;
  text-decoration: none;
  padding: 17px 53px 20px 18px;
  border: 2px solid #000000;
  border-radius: 50px;
  background: url("/dist/img/icons/link-arrow.svg") calc(100% - 18px) 50% no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.category-wall-price-btn:hover {
  text-decoration: underline;
  color: #2A2A2A;
  background: url("/dist/img/icons/link-arrow.svg") calc(100% - 10px) 50% no-repeat;
}


.bread-crups {
  list-style: none;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 35px;
  overflow-x: auto;
  scrollbar-width:none;
}

.bread-crups .bread-crumps-item {
  font-size: 14px;
  line-height: 146.4%;
  color: #ABABAB;
  text-decoration: none;
  white-space: nowrap;
}
.bread-crups a.bread-crumps-item:hover {
  text-decoration: underline;
}
.bread-crumps-list-item:after{
  content: '>';
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-decoration: none!important;
  color: #ABABAB;
  font-size: 14px;
  line-height: 146.4%;
}


.category-control-wrapper {
  padding-bottom: 18px;
  border-bottom: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}

.category-sort-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17.84%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #FFFFFF 17.84%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, #FFFFFF 17.84%, rgba(255, 255, 255, 0) 100%);
  display: none;
  z-index: 1;
}

.category-sort-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 411px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.category-sort-list {
  margin-top: 18px;
  padding: 0;
  list-style: none;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
  max-width: 100%;
}

.category-sort-list.disable {
  display: none;
}

.category-filter-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category-sort-link {
  font-family: "Grotesk";
  font-size: 24px;
  line-height: 27px;
  text-align: left;
  gap: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2A2A2A;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.category-sort-link .control-checkbox {
  flex-shrink: 0;
  margin: 0;
  width: 16px;
  height: 16px;
}

.category-sort-link span {
  white-space: nowrap;
}

.category-sort-link img {
  margin-left: 0;
}

.category-sort-link.filter-cancel {
  padding-left: 28px;
}

.category-sort-link:hover {
  color: #2A2A2A;
  text-decoration: underline;
}

.category-title {
  font-family: "Grotesk";
  font-size: 80px;
  line-height: 88%;
  text-transform: uppercase;
  color: #202020;
}

.category-sort-btn {
  font-family: "Grotesk";
  font-size: 24px;
  line-height: 27px;
  text-align: right;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2A2A2A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
  text-align: right;
}

.category-sort-btn img {
  margin-left: 5px;
}

.category-sort-btn.open img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 5px;
}

.pagination{
  justify-content: center;
  gap:10px;
}
.page-item{
  
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-link{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  padding: 0;
  display: block;
  border:0;
  font-size: 16px;
  color: #000000;
}
.page-item.active .page-link{
  color: #000000;
  background: #F1F1F1;
  border:0;
}
.page-link:hover{
  color:#000;
  background: #F1F1F1;
}
.page-item:last-child .page-link,
.page-item:first-child .page-link{
  border-radius: 50%;
}
.page-link:focus{
  box-shadow: none;
}
.load-more{
  font-size: 20px;
  line-height: 100%;
  color: #FFFFFF;
  padding: 17px 60px 22px 60px;
  width: max-content;
  background: #2A2A2A;
  margin:45px auto 0 auto;
  border-radius: 60px;
}
.load-more:hover{
  text-decoration: underline;
}
.catalog-card-option-wrapper {
  margin-top: 30px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.catalog-card-option-name{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  position: absolute;
  bottom: 100%;
}
.catalog-card-option {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  padding: 6px 39px 8px 14px;
  border: 1px solid #000000;
  border-radius: 15px;
  min-width: 154px;
  text-align: left;
  background: url("/dist/img/icons/shevron-down.svg") calc(100% - 13px) 50% no-repeat;
  background-size: 13px 6px;
}

.catalog-card-hr {
  width: 100%;
  height: 2px;
  background: #000000;
  margin: 30px 0;
}

.catalog-card-name {
  font-size: 16px;
  line-height: 110%;
  color: #2A2A2A;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
}

.catalog-card-name:hover {
  color: #2A2A2A;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.catalog-card-buy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-card-price {
  font-size: 24px;
  line-height: 80%;
  color: #000000;
}
.catalog-card-special-price{
  margin-right: auto;
  margin-left: 15px;
  font-size: 24px;
  line-height: 80%;
  color: #000000;
}
.catalog-card-price.discount {
  font-size: 16px;
  text-decoration: line-through;
  text-decoration-color: red;
  opacity: .8;
}
.caterory-product-list {
  padding-top: 46px;
  padding-bottom: 115px;
}

.catalog-product-card {
  margin-bottom: 45px;
}

.product-card-img {
    position: relative;
    overflow: hidden; /* щоб overlay не вилазив за межі */
}

.catalog-product-card .product-card-img {
    overflow: hidden;
    position: relative;
}

/* Лупа на картках товарів */
.catalog-product-card .product-card-img a {
  display: block;
  position: relative;
}

/* Зум фото при ховері */
.catalog-product-card .product-card-img a:hover img {
  transform: scale(1.06);
}

/* Темний оверлей */
.catalog-product-card .product-card-img a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

/* Іконка лупи (SVG, без Font Awesome) */
/*.catalog-product-card .product-card-img a::after {
  content: '';
  position: absolute;
  top: 7%;
  left: 90%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}*/

.catalog-product-card .product-card-img a:hover::before,
.catalog-product-card .product-card-img a:hover::after {
  opacity: 1;
}

.catalog-product-card .product-card-img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: transform 0.4s ease; /* ← додати цей рядок */
}

.cat-swiper .swiper-slide {
    max-height: 60vh;
    overflow: hidden;
}

.cat-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.catalog-product-big-name {
  font-family: "Grotesk";
  font-size: 70px;
  line-height: 88%;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 45px;
  color: #2A2A2A;
  display: block;
}

.catalog-product-big-name:hover {
  color: #2A2A2A;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.catalog-big-card-option-wrapper {
  margin-bottom: 45px;
}

.catalog-big-card-option {
  font-family: "NamuFont";
  font-size: 14px;
  line-height: 17px;
  color: #ABABAB;
  padding: 6px 10px 8px 10px;
  border: 1px solid transparent;
}

.catalog-big-card-option + .catalog-big-card-option {
  margin-left: 6px;
}

.catalog-big-card-label input:checked ~ .catalog-big-card-option {
  color: #000000;
  border: 1px solid #000000;
  border-radius: 20px;
}

.catalog-big-card-price {
  font-family: "NamuFont";
  font-size: 20px;
  line-height: 90%;
  color: #2A2A2A;
}

.catalog-product-big-card {
  margin-top: 55px;
  margin-bottom: 149px;
}

.catalog-product-big-image {
  position: relative;
  display: block;
}

.custom-style-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Grotesk";
  font-size: 48px;
  line-height: 83%;
  text-align: center;
  text-transform: uppercase;
}

.custom-product-arrow {
  position: absolute;
  width: 50%;
  bottom: 20%;
  left: 20%;
}

.product-file-option-description {
  font-size: 12px;
  line-height: 117%;
  margin-right: 23px;
}

.product-file-name {
  font-size: 12px;
  line-height: 117%;
  margin-left: 23px;
  white-space: nowrap;
  margin-top: auto;
  margin-bottom: auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 25%;
}

.product-file-option {
  margin-bottom: 41px;
}

.product-file-option-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-product-big-buble {
  position: absolute;
  bottom: 15%;
  right: 0;
  -webkit-transform: translateX(27%);
      -ms-transform: translateX(27%);
          transform: translateX(27%);
  background: #fff;
  padding: 14px 19px 19px 25px;
  border: 2px solid #000000;
  border-radius: 40px;
  font-family: "NamuFont";
  font-size: 13px;
  line-height: 13px;
  color: #2A2A2A;
}

.catalog-product-big-buble:before {
  position: absolute;
  content: "";
  display: block;
  border: 2px solid #000;
  top: 3px;
  left: -3px;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-transform: skew(20deg) rotate3d(1, 1, 0, 46deg);
          transform: skew(20deg) rotate3d(1, 1, 0, 46deg);
  border-bottom: 0;
  border-right: 0;
}

.reverse-card .catalog-product-big-buble {
  right: 15%;
}
.button-add-product{
  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}
.catalog-card-controls-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.catalog-card-variant-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  margin-bottom: 5px;
}

.catalog-card-variant-color.catalog-card-custom-variant-color {
  margin-bottom: 35px;
}

.catalog-card-color-variant-circle {
  width: 24px;
  height: 24px;
  background: var(--bg-circle);
  border-radius: 50%;
  position: relative;
  margin-left: 18px;
}

.catalog-card-current-color-variant .catalog-card-color-variant-circle:before {
  position: absolute;
  top: -5px;
  right: -5px;
  left: -5px;
  bottom: -5px;
  border: 1px solid var(--bg-circle);
  content: "";
  display: block;
  border-radius: 50%;
}

.catalog-product-big-info-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-title {
  font-family: "Grotesk";
  font-size: 55px;
  line-height: 100%;
  color: #202020;
  margin-bottom: 35px;
}

.product-title span {
  text-transform: uppercase;
}
.product-price-wrapper{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
          align-items: baseline;
}
.product-special-price{
  font-family: "Grotesk";
  font-size: 33px;
  line-height: 120%;
  color: #202020;
}
.product-price {
  font-family: "Grotesk";
  font-size: 33px;
  line-height: 120%;
  color: #202020;
  margin-bottom: 35px;
}
.discount .product-price{
  font-size: 20px;
  text-decoration: line-through;
  margin-right: 15px;
  opacity: 0.8;
  text-decoration-color: red;
}

.product-description {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 50px;
  font-family: "NAMU 1990", "NamuFont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product-description p[style],
.product-description span[style] {
    font-family: inherit;
}

.product-description p + p {
  margin-top: 1em;
}

.product-description ol,
.product-description ul {
  padding-left: 1.1em;
}

.product-description.clothes-description {
  margin-bottom: 30px;
}

.product-variant-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}

.product-variant-item {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.product-variant-item + .product-variant-item {
  margin-right: 50px;
}

a.product-variant-item:hover {
  text-decoration: underline;
  color: inherit;
}

.product-variant-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #C4C4C4;
  margin-right: 19px;
  position: relative;
  -webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
}

.product-row {
  margin-bottom: 107px;
  margin-bottom: 74px;
}

.product-variant-size .product-variant-item:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40%;
}

.product-current-variant .product-variant-circle:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background: #2A2A2A;
  border-radius: 50%;
}

.product-options-wrapper {
  margin-bottom: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product-options-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-options-item + .product-options-item {
  margin-top: 15px;
}

.product-option-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40%;
}

.product-card-option-wrapper {
  display: block;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.product-card-option-wrapper.show .product-card-option {
  border-radius: 22px;
}

.product-card-option-dropdown {
  position: absolute;
  top: 1px;
  left: 0;
  background: #fff;
  width: 100%;
  border: 1px solid #000000;
  border-radius: 22px;
  border-top: 0;
  padding: 19px 20px 2px 25px;
  display: none;
  z-index: 2;
}

.product-card-option-dropdown-label {
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  line-height: 17px;
}

.product-card-option-dropdown-label input:checked + span {
  text-decoration: underline;
}

.catalog-card-option-dropdown {
  position: absolute;
  top: 1px;
  left: 0;
  background: #fff;
  min-width: 100%;
  border: 1px solid #000000;
  border-radius: 15px;
  border-top: 0;
  padding: 6px 10px 2px 10px;
  display: none;
  z-index: 2;
}
.catalog-card-option-dropdown .catalog-card-option-dropdown-label{
  font-size: 14px;
  line-height: 18px;
}
.close-dropdown-btn {
  position: absolute;
  right: 13px;
  top: 15px;
}

.close-dropdown-btn img {
  width: 15px;
}

.catalog-card-option-dropdown-label {
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
}

.catalog-card-option-dropdown-label input:checked + span {
  text-decoration: underline;
}

.product-card-option {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 6px 10px 8px 25px;
  border: 1px solid #000000;
  border-radius: 30px;
  min-width: 270px;
  height: 59px;
  text-align: left;
  background: url("/dist/img/icons/shevron-down.svg") calc(100% - 13px) 50% no-repeat;
  background-size: 15px 10px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.product-images-pagination .swiper-pagination-bullet {
  width: 64px;
  height: 3px;
  background: #D9D9D9;
  border-radius: 0;
}

.product-images-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2A2A2A;
}

.product-images-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 23px;
}

.product-images .swiper-button-next {
  background: url("/dist/img/icons/arrow-next.svg") 50% 50% no-repeat;
  background-size: 9px 19px;
}

.product-images .swiper-button-next:after {
  display: none;
}

.product-images .swiper-button-prev {
  background: url("/dist/img/icons/arrow-prev.svg") 50% 50% no-repeat;
  background-size: 9px 19px;
}

.product-images .swiper-button-prev:after {
  display: none;
}

.product-images .swiper-slide .product-slide-image {
  width: 100%;
}
.product-images .img-fluid{
  width: 100%;
}
.product-buy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-buy-btn {
  background: #2A2A2A;
  padding: 17px 60px 22px 60px;
  font-size: 20px;
  line-height: 100%;
  color: #FFFFFF;
  border-radius: 30px;
  width: 270px;
  text-align: center;
}

.product-quantity-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40%;
}

.product-quantity-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F1F1F1;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 17px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 59px;
}

.product-quantity-input-wrapper.ckeckout-product-quantity-wrapper {
  height: 50px;
  padding: 0;
}

.product-quantity-input-wrapper.ckeckout-product-quantity-wrapper .product-quantity {
  padding-bottom: 3px;
}

.product-quantity-input-wrapper.ckeckout-product-quantity-wrapper .product-quantity-plus-btn img,
.product-quantity-input-wrapper.ckeckout-product-quantity-wrapper .product-quantity-minus-btn img {
  width: 12px;
}

.ckeckout-product-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ckeckout-product-price {
  font-size: 18px;
  line-height: 120%;
  color: #2A2A2A;
}

.product-quantity {
  font-size: 16px;
  margin: 0 11px;
  line-height: 19px;
  color: #000000;
}

.product-quantity-minus-btn {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-quantity-plus-btn {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-carousel {
  margin-bottom: 150px;
}

.product-variant-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  padding-left: 3px;
}

.product-variant-color.product-custom-variant-color {
  margin-bottom: 35px;
}

.product-color-variant-circle {
  width: 29px;
  height: 29px;
  background: var(--bg-circle);
  border-radius: 50%;
  position: relative;
  margin-right: 18px;
}

.product-current-color-variant .product-color-variant-circle:before {
  position: absolute;
  top: -3px;
  right: -3px;
  left: -3px;
  bottom: -3px;
  border: 1px solid var(--bg-circle);
  content: "";
  display: block;
  border-radius: 50%;
}

.product-current-color-variant.color-white .product-color-variant-circle:before {
  border: 1px solid #000;
}
.product-color-variant-item.color-white .product-color-variant-circle {
  border: 1px solid #000;
}
.product-current-color-variant.color-white .product-color-variant-circle {
  border: 0;
}
.btn-size-table-popup {
  margin-bottom: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}

.btn-size-table-popup img {
  width: auto;
  margin-right: 13px;
}

.instagram-notify {
  font-family: "NamuFont";
  font-size: 16px;
  line-height: 19px;
  color: #2A2A2A;
  padding-bottom: 12px;
  border-bottom: 2px solid #000000;
  margin-bottom: 20px;
}


@-webkit-keyframes arrowmove {
  0%, 100% {
    background: url("/dist/img/icons/link-arrow.svg") calc(100% - 7px) 50% no-repeat;
    background-size: 16px 16px;
  }

  10%, 30%, 50%, 70%, 90% {
   background: url("/dist/img/icons/link-arrow.svg") calc(100% - 12px) 50% no-repeat;
   background-size: 16px 16px;
  }

  20%, 40%, 60%, 80% {
   background: url("/dist/img/icons/link-arrow.svg") calc(100% - 3px) 50% no-repeat;
   background-size: 16px 16px;
  }
}

@keyframes arrowmove {
  0%, 100% {
    background: url("/dist/img/icons/link-arrow.svg") calc(100% - 7px) 50% no-repeat;
    background-size: 16px 16px;
  }

  10%, 30%, 50%, 70%, 90% {
   background: url("/dist/img/icons/link-arrow.svg") calc(100% - 12px) 50% no-repeat;
   background-size: 16px 16px;
  }

  20%, 40%, 60%, 80% {
   background: url("/dist/img/icons/link-arrow.svg") calc(100% - 3px) 50% no-repeat;
   background-size: 16px 16px;
  }
}

.category-wall-products-link {
  position: absolute;
  top: 1px;
  border: 2px solid #2A2A2A;
  padding: 5px 36px 5px 10px;
  border-radius: 20px;
  text-decoration: none;
  background: url("/dist/img/icons/link-arrow.svg") calc(100% - 7px) 50% no-repeat;
  background-size: 16px 16px;
  right: 0;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2A2A2A;
}

.category-wall-products-link:hover {
  color: #2A2A2A;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: arrowmove;
  animation-name: arrowmove;
  animation-iteration-count: infinite;
}

.instagram-title {
  font-family: "Grotesk";
  font-size: 150px;
  line-height: 85%;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 45px;
  position: relative;
  user-select: none;
}
.instagram-title a:hover{
  text-decoration: none;
}
.instagram-title span {
  color: #F1F1F1;
}

.instagram-feed {
  margin-bottom: 90px;
}

.instagram-feed img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.checkout-title {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 39px;
}

.checkout-product-list-title {
  font-size: 39px;
  line-height: 88%;
  text-transform: uppercase;
  color: #202020;
  font-family: "Grotesk";
  margin-bottom: 63px;
}
.checkout-product-info-wrapper{
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.customer-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 60px;
  border-bottom: 2px solid #000000;
  margin-bottom: 46px;
}

.form-input {
  font-size: 16px;
  line-height: 19px;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  padding: 17px 28px;
  border: 0;
  background: #F3F3F3;
  border: 1px solid #F3F3F3;
  border-radius: 30px;
  width: 100%;
}

.form-input::-webkit-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-input::-moz-placeholder {
  opacity: 1;
  color: #000000;
}

.form-input:-ms-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-input::-ms-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-input::placeholder {
  opacity: 1;
  color: #000000;
}

.form-input:focus {
  outline: 0;
}

.form-textarea {
  font-size: 16px;
  line-height: 19px;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  border: 0;
  border-bottom: 2px solid #000000;
  height: 33px;
  width: 100%;
}

.form-textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-textarea::-moz-placeholder {
  opacity: 1;
  color: #000000;
}

.form-textarea:-ms-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-textarea::-ms-input-placeholder {
  opacity: 1;
  color: #000000;
}

.form-textarea::placeholder {
  opacity: 1;
  color: #000000;
}

.form-textarea:focus {
  outline: 0;
}

.form-textarea::-webkit-resizer {
  background: url("/dist/img/icons/resizer.svg") no-repeat;
}

.input-autocomplete {
  position: relative;
}

.dropdown-menu {
  width: 100%;
  border-radius: 0;
  background: #F3F3F3;
  max-height: 300px;
  overflow-y: auto;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
  display: block;
}

.dropdown-menu .dropdown-link {
  text-decoration: none;
  cursor: pointer;
  padding: 4px 20px;
  color: #000;
  display: block;
}

.dropdown-menu .dropdown-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dropdown-menu .dropdown-link .text-bold {
  font-weight: bold;
}

.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  font-size: 16px;
  line-height: 120%;
  width: 100%;
}

.radio .radio-info {
  font-size: 12px;
  line-height: 130%;
}

.radio .radio-info.shipping-data-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.radio .radiobox-icon {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}

.radio .radiobox-icon.round-icon {
  border-radius: 50%;
  position: relative;
}

.radio + .radio {
  margin-top: 24px;
}

.radio input[type=radio] {
  display: none;
}

.radio input[type=radio]:checked + .radiobox-icon.round-icon {
  background: none;
}

.radio input[type=radio]:checked + .radiobox-icon.round-icon:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background: #000;
}

.shipping-fields {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.shipping-fields.active {
  padding: 40px 0 26px 0;
}

.input-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(50% - 12px);
}

.input-wrapper.has-error input {
  border: 1px solid #ED2E2E;
}

.input-wrapper.cols-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shipping-data {
  padding-bottom: 60px;
  border-bottom: 2px solid #000000;
  margin-bottom: 60px;
}

.payment-data {
  margin-bottom: 87px;
}

.payment-data .radio label .checkout-payment-icons {
  margin-left: 4px;
}

.payment-data .radio label img {
  margin-left: 13px;
  width: auto;
}

.comment-data {
  margin-bottom: 150px;
}

.coupon-wrapper {
  background: #F3F3F3;
  padding: 22px 31px 31px;
  margin-bottom: 31px;
}

.coupon-notify {
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  color: #777777;
}

.coupon-error {
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  color: #F21818;
  display: none;
}

.checkout-product-list {
  padding-bottom: 63px;
}

.input-coupon {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #2B2B2B;
  border:1px solid #2B2B2B;
  width: 100%;
  border: 0;
  padding: 17px;
  border-radius: 30px;
}
.input-coupon.has-error{
  border: 1px solid #F21818;
}

.input-coupon:focus {
  outline: none;
  text-align: left;
}

.input-coupon.coupon-inputed {
  text-align: left;
}

.input-coupon-wrapper {
  margin-bottom: 17px;
  position: relative;
}

.input-coupon-btn {
  background: #2A2A2A;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px 5px;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.input-coupon-btn.used {
  opacity: 1;
  visibility: visible;
}

.checkout-confirm {
  width: 100%;
  border: 0;
  font-family: "Grotesk";
  padding: 26px 20px;
  font-size: 32px;
  line-height: 28px;
}

.checkout-confirm:focus {
  background: #000;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.checkout-confirm:active:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout-confirm.btn-primary:not(:disabled):not(.disabled):active:focus, 
.checkout-confirm.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .checkout-confirm.btn-primary.dropdown-toggle:focus{
  outline: 0;
  box-shadow: none;
  background: #000;
}
.checkout-confirm:disabled{
  border:0;
  background: #000;
  opacity: 0.8;
}
.checkout-consent {
  margin-bottom: 50px;
}

.checkout-consent__item {
  width: 100%;
  margin-bottom: 14px;
}

.checkout-consent__item label {
  font-size: 14px;
  line-height: 17px;
  color: #2A2A2A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkout-consent__item label a {
  color: #686868;
  text-underline-offset: 3px;
}

.checkout-consent__item label a:hover {
  color: #000;
}

.checkout-consent__item + .checkout-consent__item {
  margin-top: 10px;
}

.input-checkbox {
  display: none;
}

.input-checkbox:checked + .input-checkbox-icon {
  background: url("/dist/img/icons/checkbox.svg") 50% 50% #000 no-repeat;
  background-size: 14px auto;
}

.checkout-subtotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 13px;
}

.checkout-totals {
  margin-bottom: 27px;
  padding-bottom: 27px;
  border-bottom: 2px solid #000000;
}

.checkout-totals.checkout-totals-mobile {
  border-top: 2px solid #000000;
  padding-top: 22px;
  padding-bottom: 9px;
  margin-bottom: 47px;
}

.checkout-totals.checkout-totals-mobile .checkout-subtotal-cost .checkout-subtotal-name {
  font-size: 24px;
  line-height: 120%;
}

.checkout-totals.checkout-totals-mobile .checkout-subtotal-cost .checkout-subtotal-value {
  font-size: 24px;
  line-height: 120%;
}

.checkout-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 24px;
  line-height: 120%;
  margin-top: 28px;
}

.checkout-page-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-page-product-item + .checkout-page-product-item {
  margin-top: 69px;
}

.checkout-page-product-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 120px;
  margin-right: 20px;
}

.checkout-page-product-name {
  font-size: 16px;
  line-height: 120%;
  color: #2A2A2A;
  padding-right: 20px;
  margin-bottom: 16px;
  margin-bottom: 10px;
}
.checkout-page-product-name:hover{
  color: #2A2A2A;
}
.ckeckout-product-page-options {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 1px;
  font-size: 14px;
  line-height: 130%;
}

.ckeckout-product-controls {
  margin-top: 16px;
}

.input-checkbox-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid #000;
  content: "";
  display: block;
}

.scroll-top {
  position: fixed;
  right: -15px;
  top: 50%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-family: "Gosha";
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #2A2A2A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scroll-top-icon {
  width: 6px;
  margin-left: 6px;
}

.footer {
  padding-bottom: 10px;
}

.footer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 12px;
  border-bottom: 2px solid #000000;
  margin-bottom: 41px;
}

.footer-tel-text {
  font-family: "Grotesk";
  font-size: 50px;
  line-height: 85%;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
  margin-bottom: 4px;
}

.footer-tel-text.link:hover {
  text-decoration: underline;
  color: #000000;
  text-underline-offset: 3px;
}

.footer-tel-text.offline-text {
  margin-bottom: 14px;
}

.footer-address-text {
  line-height: 19px;
  margin-bottom: 0;
}

.footer-address-row {
  margin-bottom: 45px;
}

.footer-copyright-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

.footer-copyright {
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-right: 70px;
}

.footer-payment-system + .footer-payment-system {
  margin-left: 30px;
}

.footer-bottom-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
}

.footer-bottom-menu-link {
  font-size: 14px;
  line-height: 17px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #898989;
  text-underline-offset: 3px;
}

.footer-bottom-menu-link:hover {
  color: #000;
}

.subscribe-title {
  font-size: 12px;
  line-height: 120%;
  margin-bottom: 24px;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
}

.subscribe-form {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.form-control-dark {
  border: 2px solid #000000;
  font-size: 14px;
  line-height: 100%;
  padding: 12px 119px 14px 23px;
  border-radius: 25px;
  width: 100%;
}

.form-control-dark:focus {
  outline: 0;
}

.form-control-dark::-webkit-input-placeholder {
  opacity: 1;
}

.form-control-dark::-moz-placeholder {
  opacity: 1;
}

.form-control-dark:-ms-input-placeholder {
  opacity: 1;
}

.form-control-dark::-ms-input-placeholder {
  opacity: 1;
}

.form-control-dark::placeholder {
  opacity: 1;
}

.subscribe-submit {
  position: absolute;
  top: 0;
  right: 0;
  background: #2A2A2A;
  font-size: 14px;
  line-height: 100%;
  color: #FFFFFF;
  padding: 16px 20px 18px;
  border-radius: 25px;
}

.subscribe-sucess {
  font-size: 12px;
  line-height: 120%;
  margin-top: 10px;
  display: none;
}

.tnx-order-title {
  font-family: "Grotesk";
  font-size: 80px;
  line-height: 88%;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 70px;
  margin-top: 36px;
}

.tnx-order-number {
  font-family: "Grotesk";
  font-size: 80px;
  line-height: 88%;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 46px;
}

.tnx-order-notify {
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  margin-bottom: 46px;
}

.tnx-order-link {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 77px auto;
}
.tnx-order-link.btn-primary:not(:disabled):not(.disabled):active:focus, 
.tnx-order-link.btn-primary:not(:disabled):not(.disabled).active:focus{
  outline: 0;
  box-shadow: none;
  background: #000;
}

.error-text {
  font-family: "Grotesk";
  font-size: 80px;
  line-height: 88%;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 51px;
}

.error-page-vector-mask {
  position: relative;
  width: 100%;
  max-width: 630px;
  margin: 0 auto 52px auto;
}

.error-page-vector-mask video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  height: 100%;
  -webkit-clip-path: url(#videoClip);
          clip-path: url(#videoClip);
}

.nft-page-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 46px;
}

.nft-page-big-title {
  font-family: "Grotesk";
  font-size: 10vw;
  line-height: 88%;
  text-transform: uppercase;
  color: #2A2A2A;
}

.nft-page-small-title {
  font-family: "Grotesk";
  font-size: 4.7vw;
  line-height: 90%;
  text-transform: uppercase;
  color: #2A2A2A;
  margin-left: 35px;
}

.nft-page-description {
  font-size: 22px;
  line-height: 120%;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  margin-bottom: 80px;
  width: 70%;
}

.nft-page-description p {
  margin-bottom: 22px;
}
.ksv-container .instagram-title{
  font-size: 8.4vw;
}
.ksv-container{
  position: relative;
}
.ksv-culture-img{
  position: absolute;
}
.culture-img1{
  max-width: 259px;
  width: 16%;
  top:100px;
  right: 22%;
}
.culture-img2{
  max-width: 247px;
  width: 15%;
  right: 3%;
  top:200px;
}
.culture-img3{
  max-width: 289px;
  width: 18%;
  top:100%;
  right: 22%;
}
.culture-img4{
  max-width: 355px;
  width: 17%;
  right: 3%;
  top:calc( 100% + 100px);
}
.ksv-container ul{
  padding-left: 0;
  width: 61%;
  margin-bottom: 119px;
  list-style: none;
}
.ksv-container ul li{
  font-size: 22px;
  margin-bottom: 43px;
  position: relative;
  padding-left: 93px;
}
.ksv-container ul li:after{
  background:url('/dist/img/bullet.svg') 50% 50% no-repeat;
  content: '';
  display: block;
  position: absolute;
  top:10px;
  left:0;
  width: 43px;
  height: 29px;
  background-size: contain;
}
.nft-page-description ol{
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-top: 54px;
  margin-bottom: 54px;
}
.nft-page-description ol li{
  color: #000;
  font-family: "Grotesk";
  font-size: 30px;
  line-height: 88%;
  text-transform: uppercase;
  position: relative;
}
.nft-page-description ol li + li{
  padding-left: 40px;
}
.nft-page-description ol li + li:before{
  position: absolute;
  left: 17px;
  content: '/';
  color: #000;
  font-family: "Grotesk";
  font-size: 30px;
  line-height: 88%;
  text-transform: uppercase;
  top:0;
}
.nft-page-description ul{
  padding-left: 15px;
/*  list-style: none;*/
}
.nft-page-description ul li{
  font-size: 16px;
  margin-bottom: 1em;
  position: relative;
}
.nft-page-sub-title {
  font-family: "Grotesk";
  font-size: 69px;
  line-height: 90%;
  text-transform: uppercase;
  color: #2A2A2A;
  margin-bottom: 56px;
}

.nft-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 159px;
}

.nft-link-text {
  font-size: 22px;
  line-height: 120%;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  margin-right: 94px;
}

.nft-link {
  text-transform: uppercase;
  border: 0;
}

.nft-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}

.nft-link:active:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nft-link:active {
  outline: 0;
  background: #2A2A2A;
}

.nft-page-wrapper {
  background: var(--nft-bg) 90% 10vw no-repeat;
  background-size: 30% auto;
}

.about-page-title {
  font-family: "Grotesk";
  font-size: 60px;
  line-height: 95%;
  text-align: center;
  text-transform: uppercase;
  color: #2A2A2A;
  margin-bottom: 61px;
}

.about-page-description {
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  padding: 0 15%;
}

.about-page-description p {
  margin-bottom: 37px;
}

.vector-border {
  background: url("/dist/img/border-line.svg") 100% calc(100% - 3px) no-repeat;
  background-size: 100% auto;
}

.vector-border-big {
  background: url("/dist/img/border-line-big.svg") 100% calc(100% - 3px) no-repeat;
  background-size: 100% auto;
}

.about-page {
  margin-bottom: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-mobile-image-1 {
  width: 130px;
  float: left;
}

.about-mobile-image-2 {
  width: 235px;
  margin-top: -101px;
  margin-left: 109px;
  position: relative;
  z-index: -1;
}

.about-mobile-image-3 {
  width: 72px;
  margin-left: 70px;
  margin-top: -140px;
}

.about-right-place {
  position: relative;
  height: 100%;
}

.about-right-image-1 {
  position: absolute;
  top: -3%;
  left: -10%;
  max-width: 60%;
}

.about-right-image-2 {
  position: absolute;
  top: 10%;
  right: 0;
}

.about-right-image-3 {
  position: absolute;
  right: 0px;
  max-width: 100%;
  top: 40%;
}

.about-left-place {
  position: relative;
  height: 100%;
}

.about-left-image-1 {
  position: absolute;
  left: 30px;
  top: -10px;
  max-width: 80%;
}

.about-left-image-2 {
  position: absolute;
  left: 0;
  top: 60%;
  max-width: 40%;
  z-index: 2;
}

.about-left-image-3 {
  position: absolute;
  right: 0;
  top: 40%;
  max-width: 60%;
}

.page-title {
  font-family: "Grotesk";
  font-size: 80px;
  line-height: 88%;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 76px;
}

.information-col-title {
  font-size: 22px;
  line-height: 120%;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  margin-bottom: 30px;
}

.information-col-description {
  font-size: 16px;
  line-height: 120%;
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
}

.information-col-description ul {
  padding-left: 0.75em;
}

.information-col-description ul li {
  margin-bottom: 1em;
}

.information-row {
  margin-bottom: 150px;
}

.search-result-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.search-count {
  color: #ABABAB;
  font-size: 14px;
}

.search-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  padding-top: 23px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}

.search-wrapper.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.search-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 65px;
}

.search-input {
  width: 100%;
  font-size: 16px;
  line-height: 90%;
  color: #2A2A2A;
  border: 0;
  border-bottom: 2px solid #2A2A2A;
  padding-bottom: 12px;
}

.search-input:focus {
  outline: 0;
}

.search-input::-webkit-input-placeholder {
  opacity: 1;
}

.search-input::-moz-placeholder {
  opacity: 1;
}

.search-input:-ms-input-placeholder {
  opacity: 1;
}

.search-input::-ms-input-placeholder {
  opacity: 1;
}

.search-input::placeholder {
  opacity: 1;
}

.search-form {
  margin-bottom: 65px;
  position: relative;
}

.all-result-link {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 15px;
  color: #2A2A2A;
  text-decoration: none;
}

.all-result-link:hover {
  color: #2A2A2A;
  text-decoration: underline;
}

.all-result-link-arrow {
  margin-left: 24px;
  width: 4px;
}

.search-layout {
  background: rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}

.search-layout.show {
  visibility: visible;
  opacity: 1;
}

.close-search-btn {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-top: auto;
  margin-bottom: 6px;
}

.screen-menu {
  position: fixed;
  background: #2A2A2A;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.screen-menu.show {
  opacity: 1;
  visibility: visible;
}

.mobile-additional-menu {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 8px;
}

.mobile-additional-menu-item {
  margin-bottom: 10px;
}

.mobile-additional-menu-link {
  font-size: 18px;
  line-height: 22px;
  color: #6B6B6B;
  text-decoration: none;
}

.mobile-additional-menu-link:hover {
  color: #6B6B6B;
}

.full-screen-menu-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 13px;
  color: #fff;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.full-screen-menu-wrapper {
  padding-top: 160px;
  padding-bottom: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100vh;
}

.full-screen-menu-list {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.full-screen-menu-link {
  font-family: "Grotesk";
  font-size: 50px;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.full-screen-menu-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.full-screen-menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.full-screen-menu-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33%;
}

.full-screen-menu-info-label {
  font-size: 16px;
  line-height: 19px;
  color: #6B6B6B;
  margin-bottom: 15px;
}

.full-screen-menu-info-phone-label {
  font-family: "Grotesk";
  font-size: 60px;
  line-height: 95%;
  text-transform: uppercase;
  color: #6B6B6B;
}

.full-screen-menu-info-phone {
  font-family: "Grotesk";
  font-size: 60px;
  line-height: 95%;
  text-transform: uppercase;
  color: #6B6B6B;
  text-decoration: none;
  margin-bottom: 55px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.full-screen-menu-info-phone:hover {
  color: #6B6B6B;
  text-decoration: underline;
}

.full-screen-menu-info-offline-label {
  font-family: "Grotesk";
  font-size: 60px;
  line-height: 95%;
  text-transform: uppercase;
  color: #6B6B6B;
  text-decoration: none;
  margin-bottom: 10px;
}

.full-screen-menu-info-offline-address {
  font-size: 16px;
  line-height: 19px;
  color: #6B6B6B;
}

.full-screen-menu-info-col {
  margin-top: auto;
  margin-bottom: 24px;
}

.main-banner {
  margin-bottom: 120px;
  aspect-ratio: 1680/740;
  overflow: hidden;
}

.main-banner-img {
  width: 100%;
  display: block;
}

.bestseller-carousel {
  margin-bottom: 0px;
  padding-bottom: 90px;
}

.swiper-pagination-bullets {
  position: absolute;
  text-align: center;
  z-index: 2;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 64px;
  height: 3px;
  background: #D9D9D9;
  border-radius: 0;
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2A2A2A;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
  background: #2A2A2A;
  color: #FFFFFF;
  border:0;
  box-shadow: none;
}
.catalog-card-option-dropdown-close{
  position: absolute;
  top:9px;
  right:11px;
  width: 16px;
  height: 13px;
  background: url('/dist/img/icons/close-shevron.svg') 50% 50% no-repeat;
  background-size: 14px 8px;
}
@media all and (min-width: 575px) {
  .mobile-visible {
    display: none;
  }
}

@media (min-width: 1680px) {
  .about-left-image-1 {
    left: calc(50vw - 784px);
  }
  .home-slider-title p{
    font-size: 140px;
  }
}

@media all and (max-width: 1680px) {
  .category-wall-name {
    font-size: 3.5vw;
  }
}

@media all and (max-width: 1600px) {
  .custom-style-text {
    font-size: 2.85vw;
  }
}

@media (max-width: 1600px) {
  .instagram-title {
    font-size: 8.9vw;
  }
}

@media screen and (max-width: 1460px) {
  html {
    --containerPadding: 75px;
    --headerHeight: 130px;
  }
}

@media screen and (max-width: 1280px) {
  html {
    --containerPadding: 68px;
    --headerHeight: 120px;
  }
  .full-screen-menu-link{
    font-size: 40px;
  }
  .full-screen-menu-info-phone{
    font-size: 50px;
  }
  .full-screen-menu-info-phone-label{
    font-size: 50px;
  }
  .checkout-confirm{
    font-size: 28px;
  }
  .product-buy-btn{
    padding: 17px 30px 22px 30px;
  }
  .product-card-option{
    min-width: auto;
    width: 100%;
  }
  .product-card-option-wrapper{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
  }
}

@media screen and (max-width: 1024px) {
  .checkout-subtotal{
    font-size: 14px;
  }
  .ksv-culture-img{
    display: none;
  }
}
@media screen and (max-width: 992px) {
  html {
    --containerPadding: 30px;
  }
}

@media all and (max-width: 600px) {
  .catalog-card-price.discount{
    font-size: 10px;
  }
  .catalog-card-special-price{
    margin-left: 5px;
    font-size: 12px;
  }
  .row > * {
    padding-right: 13px;
    padding-left: 13px;
  }
  .catalog-card-option-dropdown-close{
  background-size: 8px 4px;
  }
  .load-more{
  font-size: 16px;
  padding: 17px 60px 22px 60px;
  width: max-content;
  }
  .modal-container{
    height: 100%;
  }
  .modal-cart-total-wrapper{
    margin-bottom: 25px;
  }
  .collections .row > * {
    padding-right: 0px;
    padding-left: 0px;
  }
  .about-right-place,
  .about-left-place
  {
    display: none;
  }
  .row {
    margin-right: -13px;
    margin-left: -13px;
  }

  .radio label {
    line-height: 30px;
    font-size: 13px;
  }

  .shipping-fields {
    gap: 12px;
  }

  .input-wrapper.cols-two {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }

  .input-wrapper {
    width: 100%;
  }

  .search-result-info-row {
    font-size: 18px;
    line-height: 120%;
  }
}

@media all and (max-width: 575px) {
  .container {
    padding-left: 13px;
    padding-right: 13px;
  }

  .mobile-hidden {
    display: none;
  }

  .header-container.active {
    background: #2A2A2A;
  }

  .header-container {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.25);
  }

  header {
    position: sticky;
    top: 0;
    background: #fff;
  }
  header .container-fluid{
    padding-left: 0;
    padding-right: 0;
  }
  .menu-button {
    font-size: 30px;
    padding: 5px 18px;
    line-height: 100%;
  }

  .menu-button svg {
    width: 18px;
  }

  .main-menu-list {
    gap: 22px;
  }

  main {
    overflow-x: hidden;
  }

  .home-slider {
    width: calc(100% + 45px);
    margin-left: -30px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
  }

  .home-slider .swiper-slide {
    width: 60vw;
  }

  .home-slider-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .home-slider-title {
    position: relative;
  }

  .home-slider-title p {
    font-size: 70px;
    line-height: 55px;
  }

  .home-slider-title p span svg {
    left: -7%;
    top: -35px;
  }

  .category-wall-product-big-buble {
    font-size: 11px;
    line-height: 11px;
    width: 200px;
/*    bottom: -20px;*/
/*    bottom: var(--mobile-bottom-pos);*/
/*    right: var(--mobile-right-pos);*/
    padding: 12px 10px 12px 20px;
  }

  .category-wall-product-big-buble br {
    display: none;
  }

  .category-wall-name {
    font-size: 45px;
    line-height: 88%;
    margin-bottom: 30px;
  }

  .category-wall-text {
    font-size: 12px;
    line-height: 13px;
  }

  .category-wall-size-guide {
    margin-bottom: 20px;
  }

  .category-wall-size-line {
    width: 10px;
  }

  .category-container {
    margin-top: 0;
  }

  .category-wall-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }

  .mobile-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .row > .col-sm-6.category-wall-item {
    padding-left: 13px;
    padding-right: 13px;
  }

  .category-wall-price-btn {
    font-size: 16px;
    line-height: 100%;
    padding: 15px 53px 15px 18px;
  }

  .bread-crups {
    margin-bottom: 15px;
  }

  .category-control-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .category-sort-dropdown {
    background: linear-gradient(180deg, #FFFFFF 65%, rgba(255, 255, 255, 0) 100%);
  }
  .category-sort-wrapper {
    flex-direction: column;
    align-items: flex-end;
    min-height: auto;
    width: 100%;
  }
  .category-sort-list {
    width: auto;
    max-width: 100%;
    transition: opacity 0.3s;
  }
  .category-sort-list.disable {
    display: none;
  }
  .category-sort-link {
    width: 100%;
    justify-content: flex-end;
    text-align: right;
  }
  .category-sort-link img {
    margin-left: 0;
  }
  .category-sort-btn {
    width: auto;
    font-size: 16px;
    line-height: 18px;
  }

  .category-title {
    font-size: 55px;
    line-height: 50px;
    margin-bottom: 46px;
  }

  .catalog-card-option-wrapper {
    margin-top: 12px;
  }

  .catalog-card-option {
    min-width: 93px;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 26px 4px 10px;
    background: url("/dist/img/icons/shevron-down.svg") calc(100% - 9px) 50% no-repeat;
    background-size: 6px 3px;
  }

  .catalog-card-hr {
    margin: 12px 0;
  }

  .catalog-card-name {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px;
  }

  .catalog-card-buy-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2px;

  }

  .catalog-card-buy-wrapper button img {
    width: 19px;
    object-fit: cover;
  }

  .catalog-card-price {
    font-size: 12px;
    line-height: 100%;
  }

  .catalog-product-card {
    margin-bottom: 21px;
  }

  .catalog-product-big-name {
    text-align: center;
    font-size: 45px;
    line-height: 40px;
  }

  .catalog-big-card-option-wrapper {
    text-align: center;
    margin-bottom: 25px;
  }

  .catalog-big-card-price {
    text-align: center;
  }

  .catalog-product-big-card {
    margin-bottom: 60px;
    margin-top: 0px;
  }

  .catalog-product-big-card.reverse-card .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .catalog-product-big-image {
    margin-bottom: 55px;
  }

  .catalog-product-big-image img {
    width: 100%;
  }

  .catalog-product-big-buble {
    font-size: 11px;
    line-height: 11px;
    width: 200px;
    bottom: -20px;
    right: 5%;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    padding: 12px 10px 12px 20px;
  }

  .catalog-product-big-buble br {
    display: none;
  }

  .catalog-card-variant-color.catalog-card-custom-variant-color {
    margin-bottom: 20px;
  }

  .catalog-card-color-variant-circle {
    width: 12px;
    margin-left: 12px;
    height: 12px;
  }

  .catalog-card-current-color-variant .catalog-card-color-variant-circle:before {
    top: -3px;
    right: -3px;
    left: -3px;
    bottom: -3px;
  }

  .product-title {
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 12px;
  }

  .product-price {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .product-options-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }

  .product-options-item {
    width: 100%;
  }

  .product-option-name {
    width: auto;
    min-width: 30%;
    font-size: 16px;
    line-height: 19px;
    padding-right: 20px;
    max-width: 33%;
  }

  .product-card-option-wrapper {
    margin-left: auto;
  }

  .catalog-card-option-dropdown {
    border-radius: 10px;
    padding-top: 4px;
  }

  .catalog-card-option-dropdown-label {
    margin-bottom: 10px;
  }

  .product-card-option {
    min-width: 230px;
  }

  .product-images .swiper-button-next {
    top: calc(50% - 25px);
  }

  .product-images .swiper-button-prev {
    top: calc(50% - 25px);
  }

  /*.product-images {
    #padding-bottom: 50px;
  }*/

  .product-buy-btn {
    font-size: 16px;
    line-height: 100%;
  }

  .product-quantity-wrapper {
    width: auto;
    margin-right: 15px;
  }

  .product-quantity-input-wrapper {
    padding: 0 2px;
  }

  .ckeckout-product-price {
    font-size: 14px;
  }

  .product-quantity {
    margin: 0 10px;
  }

  .product-quantity-minus-btn {
    width: 32px;
  }

  .product-quantity-minus-btn img {
    width: 100%;
  }

  .product-quantity-plus-btn {
    width: 32px;
  }

  .product-quantity-plus-btn img {
    width: 100%;
  }

  .product-carousel {
    padding-bottom: 50px;
    margin-bottom: 54px;
  }

  .product-variant-color.product-custom-variant-color {
    margin-bottom: 20px;
  }

  .btn-size-table-popup {
    margin-bottom: 37px;
  }

  .instagram-notify {
    font-size: 12px;
    line-height: 90%;
    margin-bottom: 13px;
  }

  .instagram-notify br {
    display: none;
  }

  .instagram-notify span {
    max-width: 55%;
    display: block;
  }

  .instagram-notify.small span {
    max-width: 45%;
  }

  .instagram-title {
    font-size: 60px;
    line-height: 83%;
  }

  .instagram-title.small {
    margin-bottom: 25px;
  }

  .instagram-title.related-products-title {
    font-size: 53px;
    line-height: 50px;
  }

  .instagram-feed {
    margin-bottom: 38px;
  }

  .checkout-title {
    margin-bottom: 35px;
  }

  .checkout-product-list-title {
    margin-bottom: 35px;
  }

  .customer-data {
    padding-bottom: 41px;
    margin-bottom: 26px;
  }

  .shipping-fields.active {
    padding: 30px 0 6px 0;
  }

  .shipping-data {
    padding-bottom: 42px;
    margin-bottom: 28px;
  }

  .payment-data {
    margin-bottom: 42px;
  }

  .comment-data {
    margin-bottom: 42px;
  }

  .coupon-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 40px;
  }

  .checkout-product-list {
    padding-bottom: 0;
  }

  .checkout-right-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 103px;
  }

  .checkout-confirm {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 14px 20px 10px 20px;
    text-decoration: none;
  }

  .checkout-confirm:hover {
    text-decoration: none;
  }

  .checkout-consent__item label {
    font-size: 12px;
    line-height: 14px;
  }

  .checkout-consent {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 23px;
  }

  .checkout-totals {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    border-top: 2px solid #000000;
    padding-top: 22px;
    border-bottom: 0;
  }

  .checkout-total {
    margin-top: 20px;
  }

  .checkout-page-product-item + .checkout-page-product-item {
    margin-top: 0;
  }

  .checkout-page-product-item {
    margin-bottom: 25px;
  }

  .checkout-page-product-img {
    width: 103px;
  }

  .checkout-product-info-wrapper {
    padding-left: 22px;
  }

  .checkout-page-product-name {
    font-size: 14px;
  }

  .scroll-top {
    display: none;
  }

  .footer-header {
    margin-bottom: 31px;
  }

  .footer-tel-text.link {
    display: block;
    margin-bottom: 13px;
  }

  .footer-address-text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 45px;
  }

  .footer-copyright-wrapper {
    margin-bottom: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer-copyright {
    margin-bottom: 0;
    margin-right: auto;
  }

  .footer-bottom-menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer-bottom-menu .footer-bottom-menu-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
    margin-bottom: 6px;
  }

  .footer-bottom-menu-link {
    font-size: 11px;
    line-height: 13px;
  }

  .footer-bottom-menu-link.last-link {
    display: block;
    text-align: right;
  }

  .subscribe-form {
    width: 100%;
  }

  .tnx-order-title {
    font-size: 32px;
    line-height: 31px;
    margin-bottom: 1em;
  }

  .tnx-order-number {
    font-size: 32px;
    line-height: 31px;
    margin-bottom: 40px;
  }

  .tnx-order-notify {
    font-size: 12px;
    line-height: 120%;
  }

  .tnx-order-link {
    font-size: 16px;
    line-height: 12px;
    margin-bottom: 64px;
  }

  .error-text {
    font-size: 36px;
    line-height: 33px;
    margin-bottom: 18px;
  }

  .error-page-vector-mask {
    -webkit-clip-path: url(#videoClipMobile);
            clip-path: url(#videoClipMobile);
    margin-bottom: 25px;
  }

  .error-page-vector-mask svg {
    width: 100%;
  }

  .nft-page-title-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .nft-page-big-title {
    font-size: 81px;
    line-height: 100%;
    margin-bottom: 50px;
  }

  .nft-page-small-title {
    margin-left: 0;
    font-size: 30px;
    line-height: 28px;
    width: 30%;
  }

  .nft-page-description {
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 50px;
    width: 100%;
  }

  .nft-page-sub-title {
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 28px;
  }

  .nft-link-wrapper {
    margin-bottom: 53px;
  }

  .nft-link-text {
    font-size: 12px;
    line-height: 120%;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .nft-link-text br {
    display: none;
  }

  .nft-link {
    font-size: 12px;
    line-height: 31px;
    white-space: nowrap;
    padding: 7px 29px 10px;
  }

  .nft-page-wrapper {
    background: var(--nft-bg) 100% 0 no-repeat;
    background-size: 70% auto;
  }
  .nft-page-description ol{
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .nft-page-description ol li{
    font-size: 15px;
    white-space: nowrap;
  }
  .nft-page-description ol li + li{
    padding-left: 20px;
  }
  .nft-page-description ol li + li::before{
   font-size: 15px; 
   left:4px;
  }
  .about-page-title {
    font-size: 36px;
    line-height: 33px;
    margin-bottom: 34px;
  }
  .ksv-container ul{
    width: 100%;
  }
  .ksv-container ul li{
    padding-left: 43px;
    font-size: 16px;
  }
  .ksv-container ul li::after{
    width: 23px;
    height: 14px;
  }
  .about-page-description {
    margin-top: 62px;
    font-size: 14px;
    line-height: 120%;
    padding: 0 10px;
  }

  .about-page-description p:nth-child(1) {
    font-size: 18px;
    line-height: 120%;
  }

  .about-page {
    margin-bottom: 83px;
  }

  .page-title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
  }

  .information-col-title {
    font-size: 18px;
    margin-bottom: 1em;
  }

  .information-col-description ul {
    padding-left: 1.25em;
  }

  .information-col-description {
    margin-bottom: 2em;
  }

  .information-row {
    margin-bottom: 96px;
  }

  .search-wrapper {
    height: 100vh;
    overflow-y: auto;
  }

  .all-result-link {
    top: calc(100% + 20px);
    width: 100%;
    text-align: center;
  }

  .screen-menu.show {
    overflow-y: auto;
  }

  .full-screen-menu-wrapper {
    padding-top: 128px;
    min-height: 100vh;
    height: auto;
  }

  .full-screen-menu-link {
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 15px;
    display: block;
  }

  .full-screen-menu-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .full-screen-menu-col {
    width: 100%;
  }

  .main-banner {
    margin-bottom: 71px;
  }

  .bestseller-carousel {
    margin-bottom: 0px;
    padding-bottom: 43px;
  }
  
  /*.search-presets {
    margin-bottom: 32px;
  }

  .search-presets-list {
    gap: 6px;
  }

  .search-preset {
    padding: 7px 14px;
    font-size: 12px;
  }*/
}

@media screen and (max-width: 480px) {
  html {
    --containerPadding: 20px;
    --containerMargin: -20px;
    --headerHeight: 63px;
  }
}

@media all and (max-width: 480px) {
  body {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
    .catalog-card-controls-wrapper {
        margin-top: 8px;
    }
}

.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 10px 16px;
  display: none;
  align-items: center;
  gap: 12px;
  z-index: 9999;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
  transform: translateY(100%);
  transition: transform 0.25s ease;
}
.sticky-cta.is-visible {
  transform: translateY(0);
}
.sticky-cta__info {
  flex: 1;
  min-width: 0;
}
.sticky-cta__price {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.sticky-cta__size {
  font-size: 12px;
  color: #777;
  margin-top: 2px;
}
.sticky-cta__btn {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.sticky-cta__btn:active {
  transform: scale(0.97);
}
/* Показуємо ТІЛЬКИ на мобільних */
@media (min-width: 768px) {
  .sticky-cta { display: none !important; }
}
@media (max-width: 767px) {
  .sticky-cta { display: flex; }
}

/* Список вибраних товарів */
#giftbox-selected-list {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.giftbox-selected-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.giftbox-item-name {
    font-weight: 500;
    flex: 1;
}

.giftbox-item-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.giftbox-qty-btn {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
.giftbox-qty-btn:hover { background: #f0f0f0; }

.giftbox-qty-value {
    min-width: 24px;
    text-align: center;
    font-weight: bold;
}

.giftbox-item-price {
    min-width: 80px;
    text-align: right;
    font-weight: 600;
    color: #28a745;
}

.giftbox-remove {
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 18px;
    padding: 0 5px;
}
.giftbox-remove:hover { color: #dc3545; }

.giftbox-empty {
    text-align: center;
    color: #999;
    padding: 20px;
    font-style: italic;
}

/* Вибраний колір */
.giftbox-color-selected .catalog-card-color-variant-circle {
    box-shadow: 0 0 0 3px #28a745;
}

.giftbox-original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    margin-right: 5px;
}

/* Ціни на картках */
.giftbox-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.giftbox-card-original {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}

.giftbox-card-discounted {
    color: #28a745;
    font-weight: 600;
    font-size: 16px;
}

/* Бейдж знижки на картці */
.giftbox-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #dc3545;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 0;
}

.product-card {
    position: relative;
    z-index: 0;
}

/* Gift Box — каруселька */
.giftbox-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}
.giftbox-products-scroll {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 10px 0 20px;
    flex: 1;
}
.giftbox-products-scroll::-webkit-scrollbar {
    display: none;
}
.giftbox-products-scroll > * {
    flex: 0 0 260px;
    max-width: 260px;
}
@media (max-width: 768px) {
    .giftbox-products-scroll > * {
        flex: 0 0 200px;
        max-width: 200px;
    }
    .giftbox-arrow {
        display: none !important;
    }
}

/* Стрілки */
.giftbox-arrow {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.2s;
    padding: 0;
}
.giftbox-arrow:hover {
    background: #f0f0f0;
    border-color: #bbb;
}

/* Галочка — як у допродажу */
.giftbox-products-scroll .button-add-product.added {
    background: #43a047 !important;
    border-color: #43a047 !important;
    border-radius: 50% !important;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.giftbox-products-scroll .button-add-product.added svg,
.giftbox-products-scroll .button-add-product.added img {
    display: none;
}
.giftbox-products-scroll .button-add-product.added::after {
    content: '✓';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

/* === Оверлей опису моделі на фото товару === */

.swiper.product-images {

    position: relative;

}

/*.product-photo-wrap {
  //position: relative;
  //overflow: hidden;
}*/

.model-info-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 11; /* вище swiper-pagination (z:10) */
    pointer-events: none;
}

.model-info-overlay__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  opacity: 0.7;
}

.model-info-overlay__text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.01em;
  /*line-height: 1.3;*/
}

/* Мобільна адаптація */
@media (max-width: 480px) {
  .model-info-overlay {
    padding: 8px 12px;
    gap: 8px;
  }
  .model-info-overlay__text {
    font-size: 12px;
  }
  /*.model-info-overlay__icon {
    //width: 14px;
    //height: 14px;
  }*/
}

/* Акордеон "Характеристики" */
.product-accordion{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top:12px;margin-bottom:16px}
.product-accordion__header{font-family:"Grotesk";font-size:33px;display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.product-accordion__arrow{color:#1b1c1c;transition:transform .3s ease;flex-shrink:0;background:#919191;border-radius:50%;padding:4px}
.product-accordion.is-open .product-accordion__arrow{transform:rotate(180deg)}
.product-accordion-title{
    font-family:"Grotesk";font-size:33px;font-weight:bold;text-transform:uppercase;color:#000; text-decoration:underline;
    margin-bottom: 2px;
  }
.product-accordion__content{max-height:0;overflow:hidden;transition:max-height .4s ease}
.product-accordion.is-open .product-accordion__content{max-height:600px}

/* ============================================
   Vidro: Тематичні пресети в пошуку
   ============================================ */

/* ============================================
   Vidro: Пресети та категорії в пошуку
   ============================================ */
.search-presets {
  margin-bottom: 48px;
}
.search-presets-label {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ABABAB;
  margin-bottom: 16px;
}
.search-presets-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Спільна база */
.search-wrapper .search-preset,
.search-wrapper .search-category {
  display: inline-block;
  padding: 8px 18px;
  font-size: 13px;
  line-height: 16px;
  border-radius: 100px;
  border: 1px solid #2A2A2A;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

/* Пресети — outline */
.search-wrapper .search-preset {
  background: transparent;
  color: #2A2A2A;
}
.search-wrapper .search-preset:hover {
  background: #2A2A2A;
  color: #fff;
  text-decoration: none;
}
.search-wrapper .search-preset:active {
  background: #000;
  color: #fff;
}

/* Категорії — filled */
.search-wrapper .search-category {
  background: #2A2A2A;
  color: #fff;
}
.search-wrapper .search-category:hover {
  background: transparent;
  color: #2A2A2A;
  text-decoration: none;
}
.search-wrapper .search-category:active {
  background: transparent;
  color: #000;
  border-color: #000;
}

/* Мобільна адаптація */
@media (max-width: 575px) {
  .search-presets {
    margin-bottom: 32px;
  }
  .search-presets-list {
    gap: 6px;
  }
  .search-wrapper .search-preset,
  .search-wrapper .search-category {
    padding: 7px 14px;
    font-size: 12px;
  }
}

/*.search-presets {
  margin-bottom: 48px;
}

.search-presets-label {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ABABAB;
  margin-bottom: 16px;
}

.search-presets-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-preset {
  display: inline-block;
  padding: 8px 18px;
  font-size: 13px;
  line-height: 16px;
  color: #2A2A2A;
  border: 1px solid #2A2A2A;
  border-radius: 100px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.search-preset:hover {
  background: #2A2A2A;
  color: #fff;
  text-decoration: none;
}

.search-preset:active {
  background: #000;
  color: #fff;
}*/

/* Категорії — окремий стиль */
/*.search-wrapper .search-category {
  display: inline-block;
  padding: 8px 18px;
  font-size: 13px;
  line-height: 16px;
  background: #2A2A2A;
  color: #fff;
  border: 1px solid #2A2A2A;
  border-radius: 100px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.search-wrapper .search-category:hover {
  background: transparent;
  color: #2A2A2A;
  text-decoration: none;
}
.search-wrapper .search-category:active {
  background: transparent;
  color: #000;
  border-color: #000;
}*/

/* Мобільна адаптація */
/*@media all and (max-width: 575px) {
  .search-presets {
    margin-bottom: 32px;
  }

  .search-presets-list {
    gap: 6px;
  }

  .search-preset {
    padding: 7px 14px;
    font-size: 12px;
  }
}*/

.caterory-pro img {
  aspect-ratio: 3 / 4;
  width: 100%;
  height: auto;
}

/* charity */
.menu-zsu-link {
    margin-top: auto;
    padding: 24px 0;
}

.menu-zsu-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.menu-zsu-icon {
    width: 20px;
    height: 24px;
}

.full-screen-menu-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* photo info panel fix */
/* === Лупа на фото сторінки товару === */
.product-images .swiper-slide {
    aspect-ratio: 3 / 4;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/* Зум */
.product-images .swiper-slide img {
  display: block;
  transition: transform 0.4s ease;
}
.product-images .swiper-slide:hover img {
  transform: scale(1.26);
}

/* Оверлей */
.slide-hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* Іконка лупи */
/*.slide-hover-overlay::after {
  content: '';
  position: absolute;
  top: 7%;
  left: 90%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}*/

.product-images .swiper-slide:hover .slide-hover-overlay {
  opacity: 1;
}

.product-images .img-fluid {
    height: 100%;
    object-fit: cover;
}

/* SEO h1 title style */
.seo-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ========================================
   Product Labels — Frontend Styles
   ======================================== */

.product-labels-wrapper {
    position: absolute;
    top: 10px;
    left: 0;
    transform: translateX(-10%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
    pointer-events: none;
}

.product-label-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.5px;
    line-height: 1.2;
    white-space: nowrap;
}

/* =============================================
   Blog Styles — Vidro (The Ukrainians inspired)
   ============================================= */

/* Container */
.blog-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Heading & categories */
.blog-heading {
    padding: 32px 0 24px;
    border-bottom: 2px solid #000;
    margin-bottom: 32px;
}

.blog-heading h1 {
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    margin: 0 0 16px;
    color: #000;
}

.blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-cat {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    text-decoration: none;
    padding: 4px 12px;
    border: 1px solid #ddd;
    border-radius: 20px;
    transition: all 0.2s ease;
}

.blog-cat:hover,
.blog-cat.active {
    color: #000;
    border-color: #000;
    text-decoration: none;
}

/* Blog grid */
.blog-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding-bottom: 48px;
}

/* Card */
.blog-card {
    display: flex;
    flex-direction: column;
}

.blog-card > a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.blog-card > a:hover {
    text-decoration: none;
    color: inherit;
}

/* Card image */
.blog-card__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f0f0;
}

.blog-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.5s ease;
}

/*.blog-card > a:hover .blog-card__image img {
    transform: scale(1.04);
}*/

/* Card content */
.blog-card__content {
    padding: 16px 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog-card__date {
    font-size: 13px;
    color: #999;
    margin-bottom: 8px;
    font-weight: 400;
}

.blog-card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
    color: #1a1a1a;
}

.blog-card > a:hover .blog-card__title {
    color: #555;
}

.blog-card__excerpt {
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    margin: 0 0 12px;
    flex-grow: 1;
}

.blog-card__read {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    transition: color 0.2s ease;
}

.blog-card > a:hover .blog-card__read {
    color: #555;
}

/* Load more */
.blog-load-more {
    text-align: center;
    padding: 0 0 60px;
}

.blog-load-more__btn {
    background: #000;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 48px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.blog-load-more__btn:hover {
    background: #333;
}

.blog-load-more__btn:disabled {
    background: #999;
    cursor: wait;
}

/* =============================================
   Tablet — 2 columns
   ============================================= */
@media (max-width: 991px) {
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .blog-card__title {
        font-size: 18px;
    }
}

/* =============================================
   Mobile — 1 column, full-width like The Ukrainians
   ============================================= */
@media (max-width: 575px) {
    .blog-container {
        padding: 0 16px;
    }

    .blog-heading {
        padding: 20px 0 16px;
        margin-bottom: 24px;
    }

    .blog-heading h1 {
        font-size: 28px;
    }

    .blog-list {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 32px;
    }

    .blog-card__image {
        aspect-ratio: 16 / 10;
    }

    .blog-card__title {
        font-size: 22px;
        font-weight: 800;
    }

    .blog-card__excerpt {
        font-size: 15px;
    }

    .blog-card__read {
        font-size: 13px;
    }

    .blog-load-more__btn {
        width: 100%;
        padding: 16px;
    }
}

/* =============================================
   Blog Article Page
   ============================================= */

/* Blog Article Page */
.blog-article {
    max-width: 820px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.blog-article .text-center {
    text-align: left !important;
}

.blog-article .h4 a {
    font-size: 13px;
    font-weight: 600;
    color: #888;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.blog-article .h4 a:hover {
    color: #000;
}

.blog-article__hero {
    margin: 0 -15px 32px;
    width: 100%;
    overflow: hidden;
    text-align: center !important;
}

.blog-article__hero img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
}

.blog-article h1 {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.blog-article__date {
    font-size: 14px;
    color: #999;
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e0e0e0;
}

.blog-article .post_info_description {
    font-size: 18px;
    line-height: 1.75;
    color: #333;
    text-align: left;
}

.blog-article .post_info_description p:first-child {
    font-size: 21px;
    line-height: 1.6;
    color: #1a1a1a;
    font-weight: 400;
}

.blog-article .post_info_description p {
    margin-bottom: 1.6em;
}

.blog-article .post_info_description img {
    max-width: 100%;
    height: auto;
    margin: 32px 0;
}

.blog-article .post_info_description h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 48px 0 16px;
    color: #1a1a1a;
}

.blog-article .post_info_description h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 36px 0 12px;
    color: #1a1a1a;
}

.blog-article .post_info_description blockquote {
    border-left: 4px solid #000;
    padding: 4px 0 4px 28px;
    margin: 36px 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #1a1a1a;
    font-style: normal;
}

.blog-article .post_info_description a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-article .post_info_description ul,
.blog-article .post_info_description ol {
    padding-left: 24px;
    margin-bottom: 1.6em;
}

.blog-article .post_info_description li {
    margin-bottom: 0.6em;
}

.blog-article .btn-outline-primary {
    color: #000;
    border-color: #000;
    font-weight: 600;
    border-radius: 0;
    padding: 10px 24px;
}

.blog-article .btn-outline-primary:hover,
.blog-article .btn-outline-primary:focus,
.blog-article .btn-outline-primary:active {
    background: #000;
    border-color: #000;
    color: #fff;
    box-shadow: none;
    outline: none;
}

@media (max-width: 575px) {
    .blog-article h1 {
        font-size: 28px;
    }
    .blog-article .post_info_description {
        font-size: 16px;
        line-height: 1.7;
    }
    .blog-article .post_info_description p:first-child {
        font-size: 18px;
    }
    .blog-article .post_info_description blockquote {
        font-size: 18px;
        padding-left: 20px;
    }
    .blog-article__hero {
        margin: 0 -16px 24px;
    }
}

/* === ABOUT PAGE NEW === */
.about-page-new {
    padding: 0 0 60px;
}

/* --- Grid --- */
.about-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid #000;
}

.about-grid__item {
    padding: 24px 20px 0;
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
}

.about-grid__item:last-child {
    border-right: none;
}

.about-grid__title {
    font-family: inherit;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 24px;
    color: #000;
    min-height: 2.2em;
}

.about-grid__image-link {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.about-grid__image-link img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.about-grid__image-link:hover img {
    transform: scale(1.03);
}

/* --- Instagram --- */
.about-instagram {
    margin-top: 60px;
    border-top: 1px solid #000;
    padding: 16px 20px 0;
}

.about-instagram__label {
    font-size: 14px;
    color: #000;
    margin: 0 0 12px;
}

.about-instagram__link-row {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
}

.about-instagram__text {
    font-size: clamp(48px, 8vw, 96px);
    font-weight: 900;
    line-height: 1;
    color: #000;
    letter-spacing: -0.02em;
}

.about-instagram__handle {
    font-size: clamp(48px, 8vw, 96px);
    font-weight: 900;
    line-height: 1;
    color: #ccc;
    letter-spacing: -0.02em;
    text-decoration: none;
    transition: color 0.3s ease;
}

.about-instagram__handle:hover {
    color: #000;
}

.about-grid__text {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin: 16px 0 0;
    text-align: justify;
}

/* --- Mobile --- */
@media (max-width: 768px) {
    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-grid__item {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 16px;
    }

    .about-grid__item:last-child {
        border-bottom: none;
    }

    .about-instagram__link-row {
        flex-direction: column;
        gap: 0;
    }
}

.about-grid__title-link {
    text-decoration: none;
    color: inherit;
}

.about-grid__title-link:hover .about-grid__title {
    opacity: 0.7;
}

.about-grid__title-link:hover {
    text-decoration: none;
    color: inherit;
}

.about-grid__title-link:visited,
.about-grid__title-link:active {
    color: inherit;
}

/* Дозволяємо inline-стилям з WYSIWYG перемагати bootstrap */
#content .product-description [style*="font-family"] {
    font-family: inherit !important;
}

/* About page — read more collapse */
.about-col-text {
    overflow: hidden;
    transition: max-height 0.45s ease;
}

.about-read-more {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    line-height: 1.4;
    text-align: left;
}

.about-read-more:hover {
    color: #555;
}

.header-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header-logo img {
    height: 72px;
    width: auto;
    transition: filter 0.2s ease;
}

/* Десктоп: центруємо відносно шапки, між кнопкою і "Про нас" */
@media (min-width: 768px) {
    .header-logo {
        margin: 0 auto;
    }
    .header-logo img {
        height: 62px;
    }
}

/* Мобілка: лого лишається в потоці, між МЕНЮ і будиночком */
@media (max-width: 767px) {
    .header-logo {
        flex-shrink: 1;
        min-width: 0;
    }
    .header-logo img {
        height: 52px;
        max-width: 120px;
        width: auto;
        object-fit: contain;
    }
    .main-menu {
        min-width: 0;
        flex-shrink: 1;
    }
    .menu-button {
        flex-shrink: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 420px) {
    .header-logo img {
        height: 38px;
        max-width: 90px;
    }
    .main-menu-list {
        gap: 10px;
    }
}

.menu-cat-badge {
    display: inline-block;
    position: relative;
    top: -0.35em; /* було -0.8em */
    padding: 1px 5px;
    margin-left: 3px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 0.3px;
    line-height: 1.3;
    vertical-align: top;
}

.category-title .menu-cat-badge {
    font-size: 12px;
    top: -0.3em;       /* було -1.2em */
    margin-left: 8px;  /* новий — компенсує зниклий пробіл */
}

/* коли .screen-menu усередині .header має клас active — лого стає білим */
.header-logo.is-inverted img {
    filter: brightness(0) invert(1);
}

/* панель для дн*/
.birthday-hint {
  flex: 1 0 100%;
  width: 100%;
  margin-top: 14px;
  font-size: 14px;
  color: #6b6b6b;
}

@media all and (max-width: 600px) {
  .birthday-hint {
    margin-top: 8px;
  }
}

.birthday-wrapper .nice-select {
  font-size: 16px;
  line-height: 19px;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #000000;
  padding: 17px 28px;
  height: auto;
  border: 1px solid #F3F3F3;
  background: #F3F3F3;
  border-radius: 30px;
  width: 100%;
  float: none;
  display: block;
}

.birthday-wrapper .nice-select:after {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  right: 28px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
}

.birthday-wrapper .nice-select.open:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.birthday-wrapper .nice-select .current {
  color: #000000;
}

.birthday-wrapper .nice-select .list {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #F3F3F3;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  margin-top: 4px;
}

.birthday-wrapper .nice-select .option {
  font-size: 16px;
  line-height: 19px;
  padding: 10px 28px;
  min-height: auto;
}

.birthday-wrapper .nice-select .option.selected {
  font-weight: normal;
}

.birthday-wrapper .nice-select .option:hover,
.birthday-wrapper .nice-select .option.focus {
  background-color: #F3F3F3;
}

.instagram-feed.swiper,
.instagram-feed .swiper-wrapper,
.instagram-feed .swiper-slide {
    height: auto !important;
}