@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Thin.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Thin.woff") format("woff");
  font-weight: 100; /* Thin */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Light.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Light.woff") format("woff");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Regular.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Regular.woff") format("woff");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Medium.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Medium.woff") format("woff");
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Bold.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Bold.woff") format("woff");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Heavy.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Heavy.woff") format("woff");
  font-weight: 800; /* Heavy */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KyivType Sans";
  src: url("../fonts/KyivTypeSans-Black.woff2") format("woff2"),
       url("../fonts/KyivTypeSans-Black.woff") format("woff");
  font-weight: 900; /* Black */
  font-style: normal;
  font-display: swap;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: #303030;
  background-color: #fff;
  font-family: "KyivType Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

a {
  display: inline-block;
}

address {
  font-style: normal;
}

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

.container {
  width: 100%;
  max-width: 1612px;
  margin: 0 auto;
  padding: 0 24px;
}

/* header */
.site-header {
  position: fixed; 
  top: 0; 
  z-index: 1000;
  background: transparent;
  padding: 40px 0;
  width: 100%;
  transition: all 0.4s;
}

body.is-menu-open #masthead { 
  background:#fff; 
}

@media screen and (max-width: 900px) {
  .site-header {
    padding: 24px 0;
  }
}

body.is-scrolled #masthead { 
  background:#fff; 
  box-shadow:0 2px 12px rgba(0,0,0,.06); }

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__left {
    display: flex;
    align-items: center;
    gap: 60px;
}

@media screen and (max-width: 1500px) {
  .header__left {
      gap: 24px;
  }
}

.header-burger {
    display: none;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

@media screen and (max-width: 900px) {
  .header-burger {
      display: block;
  }
}

@media screen and (max-width: 900px) {
  .header-logo {
      width: 90px;
      height: 24px;
  }
}

.header-menu ul {
  display: flex;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1500px) {
  .header-menu ul {
      gap: 20px;
  }
}

@media screen and (max-width: 900px) {
  .header-menu {
      display: none;
  }
}

.header-menu ul li a {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: all 0.4s;
}

.header-menu ul li a:hover {
  color: #73B6F3;
}

.header__right {
    display: flex;
    align-items: center;
    gap: 48px;
}

.header__right-instagram {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (max-width: 900px) {
  .header__right-instagram {
    display: none;
  }
}

.header__right-instagram a {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.header__right-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 900px) {
  .header__right-buttons {
    gap: 18px;
  }
}

.header-search-toggle {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

@media screen and (max-width: 900px) {
  .header-search-toggle svg {
    width: 18px;
    height: 18px;
  }
}

.header-cart {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 900px) {
  .header-cart svg {
    width: 20px;
    height: 18px;
  }
}

.header-cart__badge{
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute; 
  top:-2px;
  right:-12px;
  min-width:28px;
  height:28px; 
  border-radius:999px; 
  background:#73B6F3; 
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align:center; 
  transform:scale(0);
  transition:transform .4s ease;
}
.header-cart__badge.is-visible{ 
  transform:scale(1); 
}

.menu-drawer {
  position: fixed;
  top: 74px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: #fff;
  transform: translateX(100%);
  transition: transform .25s ease;
  padding: 24px 24px 100px;
  overflow: auto;
  z-index: 1001;
  pointer-events: none; 
}
.is-menu-open .menu-drawer {
  transform: translateX(0);
  pointer-events: auto;
}

.menu-drawer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-drawer__list > li { 
    border-bottom: 1px solid #A9A9A9; 
    padding: 16px 0;
    line-height: 0.8;
}

.menu-drawer__list > li:first-child {
  padding-top: 0;
}

.menu-drawer__list > li:last-child {
  border-bottom: none;
}

.menu-drawer__list a {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 0.8;
  transition: all 0.4s;
  text-decoration: none;
}

.menu-drawer__list a:hover {
    color: var(--brand-deep-blue, #73B6F3);
}

.drawer-search {
  position: fixed;
  left: 0; right: 0;
  top:  0;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  transform: translateY(-120%);
  transition: transform .25s ease;
  z-index: 1000;
  padding: 12px 16px;
  pointer-events: none;
}
.is-search-open .drawer-search {
  transform: translateY(0);
  pointer-events: auto;
}
.drawer-search form {
  display: flex; gap: 8px;
}
.drawer-search input[type="search"] {
  flex: 1; padding: 10px 12px; font-size: 16px;
  border: 1px solid #e6e6e6; border-radius: 10px;
}
.drawer-search input[type="submit"] {
  padding: 10px 14px; border-radius: 10px;
  border: 1px solid #111; background: #111; color: #fff;
}

.is-menu-open, .is-search-open { 
    overflow: hidden; 
}

footer {
    padding: 120px 0;
    background: #D0E7FB;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 72px 0 112px;
    background: #D0E7FB;
}
}

.footer-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media screen and (max-width: 768px) {
  .footer-logo a{
    height: 44px;
  }
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-top-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

.footer-top-links-instagram {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-top-links-instagram a {
  text-decoration: none;
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer-top-links-instagram a:hover {
  text-decoration: underline;
}

.footer-top-links-mail {
    color: var(--brand-black, #303030);
    text-align: right;
    font-family: "KyivType Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.footer-top-links-mail:hover {
    color: #303030;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .footer-top-links-mail {
    display: none;
  }
}

.footer-bottom-mail {
  display: none;
}

@media screen and (max-width: 768px) {
  .footer-bottom-mail {
    display: block;
    color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 18px;
  line-height: 0.8;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 24px;
  }
}

.footer-bottom__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 72px;
}

@media screen and (max-width: 768px) {
  .footer-bottom__menu {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
  }
}

.footer-bottom__menu li {
  line-height: 0.8;
}

.footer-bottom__menu li a{
    color: var(--brand-black, #303030);
    font-family: "KyivType Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
  .footer-bottom__menu li a {
      font-size: 18px;
      line-height: 0.8;
  }
}

.footer-bottom__menu li a:hover {
    text-decoration: underline;
}
/* home hero */
.home-hero-pagination {
    bottom: 70px !important;
}

.hero-slide_mobile {
  display: none;
}

.hero-slide_desktop {
  display: block;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .hero-slide_mobile {
    display: block;
    width: 100%;
    object-fit: cover;
  }

  .hero-slide_desktop {
    display: none;
  }
}

.hero-slide {
  position: relative;
}

.hero-slide_text {
  position: absolute;
  top: 58%;
  right: 9%;
  color: var(--brand-black, #303030);
  text-align: right;
  font-family: "KyivType Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  max-width: 382px;
}

@media screen and (max-width: 1400px) {
  .hero-slide_text {
    right: 2%;
  }
}

@media screen and (max-width: 1100px) {
  .hero-slide_text {
    max-width: 282px;
  }
}

@media screen and (max-width: 800px) {
  .hero-slide_text {
    display: none;
  }
}

.home-hero-pagination .swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background-color: rgba(48, 48, 48, 0.45);
}

.home-hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 20px;
    height: 2px;
    background-color: #303030;
}

/* home-text-banner */
.home-text-banner {
  display: none;
}

@media screen and (max-width: 768px) {
  .home-text-banner {
    display: block;
      padding: 65px 0;
      background: #A0CDF6;
  }
}

.home-text-banner-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

.home-text-banner-wrapper p {
    color: #FFF;
    text-align: right;
    font-family: "KyivType Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* home categories */
.product-caregories {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .product-caregories {
    padding: 32px 0;
  }
}

.product-caregories-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

@media screen and (max-width: 768px) {
  .product-caregories-wrapper {
    gap: 24px;
  }
}

.product-caregories-wrapper h2 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .product-caregories-wrapper h2 {
    font-size: 24px;
  }
}

.product-caregories-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 48px 20px;
}

@media screen and (max-width: 1600px) {
  .product-caregories-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 1100px) {
  .product-caregories-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .product-caregories-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 8px;
  }
}

.product-caregories-list-item-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: all 0.4s;
}


@media screen and (max-width: 768px) {
  .product-caregories-list-item-link {
    font-size: 18px;
  }
}

.product-caregories-list-item-link:hover {
  color: #A0CDF6;
}

.product-caregories-list-item-thumb {
  width: 100%;
  object-fit: cover;
  max-height: 285px;
  border-radius: 12px;
}

.product-caregories-more {
  border-radius: 12px;
  background: var(--brand-blue, #A0CDF6);
  padding: 20px 20px 21px;
  color: #FFF;
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 0.8;
  max-width: 250px;
  margin: 0 auto;
  border: none;
  outline: none;
  box-shadow: none;
  transition: all 0.4s;
  cursor: pointer;
  display: none;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .product-caregories-list .is-mobile-hidden { 
    display: none; 
  }
  .product-caregories-more { 
    display: block; 
  }
}

.product-caregories-more:hover {
  opacity: 0.8;
}

/* home product slider */
.home-product-slider {
  padding: 80px 0;
  overflow: hidden;
}

@media (max-width:768px){ 
  .home-product-slider { 
    padding: 32px 0;
  } 
}

.home-product-slider-title { 
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:48px; 
}

@media (max-width:768px){ 
  .home-product-slider-title { 
    font-size:24px; 
    margin-bottom:24px; 
  } 
}

.home-product-slider-swiper { 
  position:relative; 
  overflow: visible;
}
.home-product-slider-swiper .swiper-wrapper { 
  align-items:stretch; 
}

.home-product-slider-card{ 
  display:flex; 
  flex-direction:column; 
  height:100%;
  background:#fff; 
  border: 1.588px solid rgba(0, 0, 0, 0.08);
  border-radius:12px; 
  overflow:hidden; 
}

.home-product-slider-card-media{ 
  display:block; 
  background:#f6f7f9; 
  border-radius:12px; 
  overflow: hidden;
  min-height: 382px;
}

@media (max-width:768px){
  .home-product-slider-card-media{ 
    min-height: 240px;
  }
}

.home-product-slider-card-img{ 
  width:100%; 
  height:100% !important; 
  object-fit:cover; 
  display:block; 
}

@media (max-width:768px){
  .home-product-slider-card-img{ 
    height: 240px;
  }
}

.home-product-slider-card-body{ 
  padding:20px 12px 24px; 
  display:flex; 
  flex-direction:column; 
  gap:20px; 
  height: 100%;
}

@media (max-width:768px){
  .home-product-slider-card-body{ 
    padding:16px 8px 14px; 
    gap:8px; 
  }
}

.home-product-slider-card-title{ 
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  text-decoration: none;
}

@media (max-width:768px){
  .home-product-slider-card-title{ 
    font-size: 14px;
  }
}

.home-product-slider-card-foot{ 
  margin-top:auto; 
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  flex-wrap: wrap;
  gap: 10px;
}

.home-product-slider-card-price{ 
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.home-product-slider-card-price ins{
  color: red;
  background-color: transparent;
}

@media (max-width:768px){
  .home-product-slider-card-price{ 
    font-size: 18px;
  }
}

.home-product-slider-add { 
  width:54px; 
  height:54px;
  border-radius:12px; 
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  background:#A0CDF6; 
  color:#fff; 
  text-decoration:none; 
  transition: all 0.4s;
}

@media (max-width:768px){
  .home-product-slider-add{ 
    width:34px; 
    height:34px;
  }
}

.home-product-slider-add:hover {
  opacity: 0.8;
}

.home-product-slider-add--view{ 
  padding:0 10px; 
  width:auto; 
  height:54px; 
  font-size:14px; 
}

@media (max-width:768px){
  .home-product-slider-add--view{ 
    height:34px;
  }
}

.home-product-slider-nav { 
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute; 
  top:36%; 
  transform:translateY(-50%); 
  z-index:5;
  width:60px; 
  height:60px;
  border-radius:50%; 
  border:none; 
  background:#fff;
  padding: 18px 24px;
  cursor:pointer; 
  transition: all 0.4s;
}

.home-product-slider-nav:hover {
  opacity: 0.8s;
}

.home-product-slider-prev{ 
  left:0; 
}

.home-product-slider-next{ 
  right:0; 
}

.home-product-slider-swiper .swiper-slide{ 
  height:auto; 
}

@media (max-width:768px){
  .home-product-slider-nav{ 
    display:none !important; 
  }
}

@media (max-width:768px){
  .home-product-slider-swiper{ 
    overflow:visible; 
  }
  .home-product-slider-swiper .swiper-wrapper{
    display:grid !important;
    grid-template-columns:repeat(2,1fr);
    gap:24px 8px;
    transform:none !important;
  }
  .home-product-slider-swiper .swiper-slide{
    width:auto !important;
    margin:0 !important;
    height:auto;
  }

  .home-product-slider-swiper.is-collapsed .swiper-slide:nth-child(n+5){
    display:none !important;
  }

  .home-product-slider-more{ 
    display:block;
    margin:24px auto 0; 
    max-width: 250px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 21px 20px 22px;
    border-radius: 12px;
    background: var(--brand-blue, #A0CDF6);
    color: #FFF;
    text-align: center;
    font-family: "KyivType Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.4s;
  }

  .home-product-slider-more:hover {
    opacity: 0.8;
  }
}
@media (min-width:769px){
  .home-product-slider-more{ 
    display:none; 
  }
}

/* home-banner */
.home-banner {
  margin: 80px 0;
  max-height: 1164px;
}

@media (max-width:768px){
  .home-banner {
    margin: 32px 0;
    max-height: 532px;
  }
}

.home-banner-desktop {
  display: block;
  width: 100%;
  object-fit: cover;
  max-height: 1164px;
}

.home-banner-mobile {
  display: none;
  max-height: 532px;
}

@media (max-width:768px){
  .home-banner-desktop {
    display: none;
    width: 100%;
    object-fit: cover;
  }

  .home-banner-mobile {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}

/* footer-blog */
.footer-blog {
  padding: 240px 0 60px;
  overflow: hidden;
  background-image: url('../img/footer-blog.png');
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -1px;
}

@media screen and (max-width: 768px) {
  .footer-blog {
    padding: 88px 0 72px;
    background-image: url('../img/footer-blog-mobile.png');
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.footer-blog-title {
  margin-bottom: 62px;
}

@media screen and (max-width: 768px) {
  .footer-blog-title {
    margin-bottom: 24px;
  }
}

.footer-blog-title h2 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .footer-blog-title h2 {
    font-size: 24px;
  }
}

.footer-blog-title h2 strong{
  color: var(--brand-deep-blue, #73B6F3);
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .footer-blog-title h2 strong {
    font-size: 24px;
  }
}

.footer-blog-swiper { 
  overflow: visible; 
}
.footer-blog-swiper .swiper-wrapper { 
  align-items: stretch; 
}
.footer-blog-swiper .swiper-slide { 
  height: auto; 
}

.footer-blog-card{
  overflow:hidden;
  display:flex; 
  flex-direction:column;
  gap: 40px; 
  height:100%;
}
.footer-blog-card-media{ 
  display:block; 
  border-radius: 12px;
  overflow: hidden;
}
.footer-blog-card-img{ 
  width:100%; 
  height:315px; 
  object-fit:cover; 
  display:block; 
}
.footer-blog-card-body{ 
  display:flex; 
  flex-direction:column; 
  gap:28px; 
}
.footer-blog-card-title{
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  display:-webkit-box; 
  -webkit-line-clamp:2; 
  -webkit-box-orient:vertical; 
  overflow:hidden;
  text-decoration: none;
}
.footer-blog-card-excerpt{
  overflow: hidden;
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  display:-webkit-box; 
}

.footer-blog-swiper .swiper-slide { 
  width:auto; 
}

@media (max-width:768px){
  .footer-blog-card-img{ 
    height:180px; 
  }
}

/* ready */
.ready-looks{ 
  padding: 80px 0;
  overflow: hidden; 
}
@media (max-width:768px){
  .ready-looks{ 
    padding: 32px 0;
  }
}
.ready-looks-title{ 
  margin:0 0 48px; 
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:768px){
  .ready-looks-title{ 
    margin:0 0 24px; 
    font-size: 24px;
  }
}

.ready-looks-swiper{ 
  position:relative; 
  overflow:visible; 
}
.ready-looks-swiper .swiper-wrapper{ 
  align-items:stretch; 
}
.ready-looks-swiper .swiper-slide{ 
  height:auto; 
}

.ready-looks-card{ 
  display:block; 
  width:100%; 
  border-radius:12px; 
  overflow:hidden; 
  padding:0; 
  border:none; 
  background:transparent; 
  cursor:pointer; 
}
.ready-looks-card-img{ 
  width:100%; 
  height:558px; 
  object-fit:cover; 
  display:block; 
}
@media (max-width:768px){ 
  .ready-looks-card-img{ 
    height:269px; 
  } 
}

.ready-looks-nav{ 
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute; 
  top:50%; 
  transform:translateY(-50%); 
  z-index:5;
  width:60px; 
  height:60px; 
  border-radius:999px; 
  border:none; 
  background:#fff;
  cursor:pointer; 
  padding: 0;
}
@media (max-width:768px){ 
  .ready-looks-nav{ 
    display: none;
  } 
}
.ready-looks-prev{ 
  left:0; 
} 
.ready-looks-next{ 
  right:0; 
}

body.ready-looks-modal-open{ 
  overflow:hidden; 
}
.ready-looks-modal{ 
  position:fixed; 
  inset:0; 
  display:none; 
  z-index:1000; 
}
.ready-looks-modal.is-open{ 
  display: flex;
  align-items: center;
  justify-content: center;
}
.ready-looks-modal__overlay{ 
  position:absolute; 
  inset:0; 
  background: rgba(0, 0, 0, 0.28);
}
.ready-looks-modal__dialog{
  position:relative;
  z-index:1;
  width:100%;
  max-width:742px;
  background:#fff;
  border-radius:12px;
  padding:48px 64px;
  max-height:84vh;
  display:flex; 
  flex-direction:column;
  overflow:hidden;
}
@media (max-width:768px){
  .ready-looks-modal__dialog{
    max-width:382px;
    padding:32px 24px;
    max-height:84vh;
  }
}
.ready-looks-modal__close{ 
  position:absolute; 
  right:64px; 
  top:48px; 
  border:none; 
  cursor:pointer; 
  background: none;
  padding: 0;
}
.ready-looks-modal__close svg {
  width:32px; 
  height:32px; 
}
@media (max-width:768px){ 
  .ready-looks-modal__close{ 
    right:24px; 
    top:32px; 
  } 
  .ready-looks-modal__close svg {
    width:24px; 
    height:24px;  
  }
}
.ready-looks-modal__title{ 
  margin:0 0 56px; 
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:768px){ 
  .ready-looks-modal__title{ 
    margin:0 0 32px; 
    font-size: 24px;
  } 
}

.ready-looks-modal__grid-wrapper {
  overflow: auto;
}

.ready-looks-modal__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
@media (max-width:768px){
  .ready-looks-modal__grid{
    grid-template-columns:repeat(1,1fr);
    gap:16px;
    max-width:187px;
    margin:0 auto;
  }
}

.ready-looks-prod{ 
  display:flex; 
  flex-direction:column; 
  border: 1.588px solid rgba(0, 0, 0, 0.08);
  border-radius:12px; 
  overflow:hidden; 
  background:#fff; 
}
.ready-looks-prod__media{ 
  display:block; 
  background:#f6f7f9; 
}
.ready-looks-prod__img{ 
  width:100%; 
  height:382px; 
  object-fit:cover; 
  display:block; 
}
@media (max-width:768px){ 
  .ready-looks-prod__img{ 
    height:240px; 
  } 
}
.ready-looks-prod__body{ 
  padding:20px 12px 24px; 
  display:flex; 
  flex-direction:column; 
  gap:20px; 
}
@media (max-width:768px){ 
  .ready-looks-prod__body{ 
    padding:16px 8px 14px; 
    gap:8px; 
  } 
}
.ready-looks-prod__title{ 
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  text-decoration: none;
}
@media (max-width:768px){ 
  .ready-looks-prod__title{ 
    font-size: 14px;
  } 
}
.ready-looks-prod__foot{ 
  margin-top:auto; 
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  flex-wrap: wrap;
  gap: 10px;
}
.ready-looks-prod__price{ 
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ready-looks-prod__price ins{
  color: red;
  background-color: transparent;
}

@media (max-width:768px){ 
  .ready-looks-prod__price{ 
    font-size: 18px;
  } 
}

.ready-looks-prod__add svg{
  height: 54px;
  width: 54px;
}

@media (max-width:768px){ 
  .ready-looks-prod__add svg{ 
    height: 34px;
    width: 34px;
  } 
}

.ready-looks-prod__add {
  transition: all 0.4s;
}

.ready-looks-prod__add:hover {
  opacity: 0.8;
}

.ready-looks-prod__add--view{ 
  padding: 0 10px;
  height: 54px;
  background: #A0CDF6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  font-family: "KyivType Sans";
  transition: all 0.4s;
}

.ready-looks-prod__add--view:hover {
  opacity: 0.8;
}

@media (max-width:768px){ 
  .ready-looks-prod__add--view{ 
    height: 34px;
    font-size: 14px;
  } 
}

.ready-modal-link {
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  margin-top: 56px;
  width: 100%;
  transition: all 0.4s;
}

.ready-modal-link:hover {
  opacity: 0.8;
}

/* add popup */
body.added-to-cart-popup-open { 
  overflow: hidden; 
}

.added-to-cart-popup {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 10000;
}
.added-to-cart-popup.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.added-to-cart-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
}

.added-to-cart-popup__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 742px;
  background: #fff;
  border-radius: 12px;
  padding: 48px 64px 56px;
  overflow: auto;
}

@media screen and (max-width: 768px) {
  .added-to-cart-popup__dialog {
    max-width: 382px;
    padding: 32px 24px;
  }
}

.added-to-cart-popup__close {
  position: absolute;
  top: 48px;
  right: 64px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .added-to-cart-popup__close {
    top: 32px;
    right: 24px;
    width: 24px;
    height: 24px;
  }
}

.added-to-cart-popup__title {
  color: var(--brand-deep-blue, #73B6F3);
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .added-to-cart-popup__title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.added-to-cart-item {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item {
    gap: 16px;
    margin-bottom: 24px;
  }
}

.added-to-cart-item__media img.added-to-cart-item__image {
  width: 297px;
  height: 382px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__media img.added-to-cart-item__image {
    width: 130px;
    height: 168px;
  }
}

.added-to-cart-item__info {
  display: flex;
  flex-direction: column;
}

.added-to-cart-item__name {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__name {
    font-size: 18px;
    margin-bottom: 14px;
  }
}

.added-to-cart-item__attributes {
  margin: 0;
}

.added-to-cart-item__attributes-grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}

.added-to-cart-item__attribute {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__attribute {
    gap: 4px;
  }
}

.added-to-cart-item__attribute-label {
  color: #A9A9A9;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__attribute-label {
    font-size: 14px;
  }
}

.added-to-cart-item__attribute-value {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%; 
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__attribute-value {
    font-size: 14px;
  }
}

.added-to-cart-item__price-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: auto;
}

@media screen and (max-width: 768px) {
  .added-to-cart-item__price-row {
    font-size: 18px;
  }
}

.added-to-cart-item__price-row ins {
  background-color: transparent !important;
  color: red;
}

.added-to-cart-popup__checkout-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 18px 0;
  border-radius: 12px;
  background: #73B6F3;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  outline: none;
  transition: opacity .2s;
}

@media screen and (max-width: 768px) {
  .added-to-cart-popup__checkout-button {
    padding: 8px 0 12px;
    font-size: 24px;
  }
}

.added-to-cart-popup__checkout-button:hover { 
  opacity: .8; 
}

.added-to-cart-popup__continue-link {
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  margin-top: 40px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .added-to-cart-popup__continue-link {
    margin-top: 24px;
    font-size: 18px;
  }
}

/* shop */
.shop-top {
  padding-top:145px; 
  padding-right:24px;
  max-width: 1766px;
  padding-bottom: 8px;
}

@media screen and (max-width: 900px) {
  .shop-top {
    padding-top:82px; 
  }
}

.shop-cats-swiper-wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}

@media screen and (max-width:768px) {
  .shop-cats-swiper-wrap{
    gap: 4px;
  }
}

.shop-cats-swiper{ 
  overflow: hidden; 
}
.shop-cats-swiper .swiper-wrapper{ 
  align-items:center; 
}
.shop-cats-swiper .swiper-slide{ 
  width:auto; 
}

.shop-cat-chip{
  display:inline-block;
  padding:3px 12px;
  border-radius:8px;
  background:#f6f6f6;
  color:#303030;
  font-family:"KyivType Sans";
  font-size:22px;
  font-weight:400;
  text-decoration:none;
  transition:color .4s;
}

@media screen and (max-width:768px) {
  .shop-cat-chip{
    padding:4px 10px;
    font-size:18px;
  }
}

.shop-cat-chip:hover {
  color:#73B6F3; 
}

.shop-cat-chip.is-active{ 
  color:#73B6F3; 
}

.shop-filter-open{
  width:40px; 
  height:40px; 
  border:0; 
  border-radius:6px; 
  cursor:pointer;
  background:#E3F0FF; 
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  padding: 0;
  transition: all 0.4s;
}

.shop-filter-open:hover {
  opacity: 0.8;
}

@media screen and (max-width:768px) {
  .shop-filter-open{
    width:36px; 
    height:36px; 
  }
}

.shop-products-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px 20px;
}

@media screen and (max-width:1200px) {
  .shop-products-list{
     grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width:1000px) {
  .shop-products-list{
     grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width:768px) {
  .shop-products-list{
     grid-template-columns: repeat(2, 1fr);
     gap: 8px;
  }
}

.shop-products {
  margin-top: 64px;
}

@media screen and (max-width:768px) {
  .shop-products {
    margin-top: 24px;
  }
}

.shop-product-card {
  border-radius: 12px;
  border: 1.588px solid rgba(0, 0, 0, 0.08);
  background: #FFF;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.shop-product-card-media {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 382px !important;
}

@media screen and (max-width:768px) {
  .shop-product-card-media {
    min-height: 240px !important;
  }
}

.shop-product-card-media-hover {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  background: rgba(48, 48, 48, 0.60);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px;
  color: var(--white, #FFF);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
}

@media screen and (max-width:768px) {
  .shop-product-card-media-hover {
    font-size: 16px;
    padding: 10px;
  }
}

.shop-product-card-media:hover .shop-product-card-media-hover {
  opacity: 1;
}

.shop-product-card-image {
  min-height: 382px !important;
  width: 100%;
}

@media screen and (max-width:768px) {
  .shop-product-card-image {
    min-height: 240px !important;
  }
}

.shop-product-card-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 12px 24px;
  height: 100%;
}

@media screen and (max-width:768px) {
  .shop-product-card-body {
    padding: 16px 8px;
    gap: 6px;
  }
}

.shop-product-card-title {
  text-decoration: none;
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width:768px) {
  .shop-product-card-title {
    font-size: 14px;
  }
}

.shop-product-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.shop-product-card-price {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.shop-product-card-price ins{
  color: red;
  background-color: transparent;
}

@media screen and (max-width:768px) {
  .shop-product-card-price {
    font-size: 18px;
  }
}

.shop-product-card-add {
  width: 54px;
  height: 54px;
}

@media screen and (max-width:768px) {
  .shop-product-card-add {
    width: 34px;
    height: 34px;
  }
}

.shop-product-card-add svg {
  width: 54px;
  height: 54px;
}

@media screen and (max-width:768px) {
  .shop-product-card-add svg {
    width: 34px;
    height: 34px;
  }
}

.shop-banner-item {
  grid-column: 1 / -1;
  list-style: none;
}

.shop-banner {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.shop-banner-picture {
  display: block;
  line-height: 0;
}
.shop-banner-image {
  display: block;
  width: 100%;
  height: auto;
}

.shop-banner-marquee {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--brand-blue, #A0CDF6);
}

.shop-banner-marquee--top { 
  top: 0; 
}
.shop-banner-marquee--bottom { 
  bottom: 0; 
}

.shop-banner-marquee-track {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: shop-banner-marquee-scroll var(--banner-marquee-speed, 25s) linear infinite;
  padding: 14px 0;
}

@media screen and (max-width: 768px) {
  .shop-banner-marquee-track {
    padding: 8px 0;
  }
}

.shop-banner-marquee-chunk {
  display: inline-block;
  margin-right: 24px;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .shop-banner-marquee-chunk {
    margin-right: 16px;
    font-size: 18px;
  }
}

@keyframes shop-banner-marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .shop-banner-marquee-track { 
    animation: none; 
  }
}

.shop-banner-item {
  margin: 56px 0;
  margin-left: -24px;
  width: calc(100% + 48px);
}

@media screen and (max-width: 768px) {
  .shop-banner-item {
    margin: 40px 0;
    margin-left: -24px;
    width: calc(100% + 48px);
  }
}

.shop-infinite-sentinel{
  text-align:center;
  padding:32px 0 64px;
}
.shop-infinite-sentinel.is-loading .shop-infinite-loader{ 
  display:inline-block; 
}
.shop-infinite-loader{
  width:40px; 
  height:40px;
  display:none;
  border:4px solid rgba(160,205,246,.35);
  border-top-color:#A0CDF6; 
  border-radius:50%;
  animation:shopSpin .8s linear infinite;
}
@keyframes shopSpin{
  to{
    transform:rotate(360deg)
  }
}

/* filter */
.shop-filter-modal[hidden]{
  display:none
}

body.shop-filter-lock {
  overflow: hidden;
  touch-action: none; 
}

.shop-filter-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .shop-filter-modal{
    justify-content: flex-end;
  }
}

.shop-filter-modal__title {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .shop-filter-modal__title{
    font-size: 24px;
  }
}

.shop-filter-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.28)
}

.shop-filter-modal__panel{
  position:relative;
  max-width:742px;
  width:100%;
  max-height:88vh;
  overflow:hidden;
  background:#fff;
  border-radius:12px;
  padding:48px 64px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .shop-filter-modal__panel{
    max-width:382px;
    padding:24px 24px 48px;
  }
}

.shop-filter-modal__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* position: sticky;
  top: 0; */
  margin-bottom: 80px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .shop-filter-modal__panel-header{
    margin-bottom: 48px;
  }
}

.shop-filter-modal__close{
  /* position:absolute;
  right:64px;
  top:48px; */
  width: 32px;
  height: 32px;
  background:transparent;
  border:0;
  cursor:pointer;
  padding: 0;
}

.shop-filter-modal__close svg {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 768px) {
  .shop-filter-modal__close{
    right:24px;
    top:24px;
    width: 24px;
    height: 24px;
  }

  .shop-filter-modal__close svg {
    width: 24px;
    height: 24px;
  }
}

.shop-filter-field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 70px;
  margin-bottom: 72px;
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

@media screen and (max-width: 768px) {
  .shop-filter-field-wrapper{
    gap: 40px;
    margin-bottom: 48px;
  }
}

.shop-filter-field__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.shop-filter-field__head-title {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .shop-filter-field__head-title{
    font-size: 18px;
  }
}

.shop-filter-field__head-reset {
  border: 0;
  outline: none;
  background-color: transparent;
  padding: 0;
  color: var(--brand-deep-blue, #73B6F3);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  transition: all 0.4s;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .shop-filter-field__head-reset{
    font-size: 18px;
  }
}

.shop-filter-field__head-reset:hover {
  opacity: 0.8;
}

.shop-filter-actions{
  display:flex;
  flex-direction: column;
  gap:40px;
  background-color: #fff;
  /* position: sticky;
  bottom: 0; */
}

@media screen and (max-width: 768px) {
  .shop-filter-actions{
    gap:24px;
  }
}

.shop-filter-apply {
  border-radius: 12px;
  background: var(--brand-deep-blue, #73B6F3);
  border:0;
  padding:24px;
  cursor:pointer;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.4s;
}

@media screen and (max-width: 768px) {
  .shop-filter-apply{
    font-size: 24px;
  }
}

.shop-filter-apply:hover {
  opacity: 0.8;
}

.shop-filter-actions-close {
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  transition: all 0.4s;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .shop-filter-actions-close{
    font-size: 18px;
  }
}

.shop-filter-actions-close:hover {
  opacity: 0.8;
}

.shop-filter-sizes {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shop-check--pill input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:0;
  height:0;
}
.shop-check--pill span{
  display:inline-block;
  width:56px;
  text-align:center;
  padding:12px;
  border-radius: 8px;
  border: 2px solid var(--brand-deep-blue, #73B6F3);
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background:#fff;
  user-select:none;
  transition:all .4s;
}

@media screen and (max-width: 768px) {
  .shop-check--pill span{
    font-size: 20px;
  }
}

.shop-check--pill input:checked + span{
  background: #73B6F3;
  color:#fff;
}

.shop-colors__panel{
  overflow:hidden;
  max-height:9999px;
  opacity:1;
  transition:all 0.4s;
}
.shop-filter-field .shop-filter-field__head-color svg {
  transition: all 0.4s;
  margin-left: 32px;
}
@media screen and (max-width: 768px) {
  .shop-filter-field .shop-filter-field__head-color svg{
    margin-left: 16px;
  }
}
.shop-filter-field.is-collapsed .shop-filter-field__head-color svg{ 
  transform:rotate(-180deg); 
}
.shop-filter-field.is-collapsed .shop-colors__panel{
  max-height:0;
  opacity:0;
  margin-top:0;
  pointer-events:none;
}
.shop-colors__panel > *{ 
  min-height:0; 
}

.shop-colors__list{
  display:flex; 
  flex-direction: column;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .shop-colors__list{
    gap: 8px;
  }
}

.shop-color{ 
  display:flex; 
  align-items:center; 
  gap:12px; 
  cursor:pointer; 
}

.shop-color input{
  position:absolute;
   opacity:0; 
   pointer-events:none; 
   width:0; 
   height:0;
}

.shop-color span{
  position:relative; 
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
  padding-left:44px;
}

@media screen and (max-width: 768px) {
  .shop-color span{
    font-size: 14px;
    padding-left:40px;
    line-height: 230%;
  }
}

.shop-color span::before{
  content:""; 
  position:absolute; 
  left:0; 
  top:50%; 
  transform:translateY(-50%);
  width:32px; 
  height:32px; 
  border:2px solid #73B6F3; 
  border-radius:4px;
  background:#fff; 
  transition:all .4s ease;
}

.shop-color span::after{
  content:""; 
  position:absolute; 
  left:8px; 
  top:50%;
  width:14px;
  height:10px; 
  transform:translateY(-50%) scale(.8);
  opacity:0; 
  transition:transform .4s ease, opacity .4s ease;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'><path d='M5.85477 9.17608L14.0729 0.957901C14.2669 0.763962 14.4932 0.666992 14.7517 0.666992C15.0103 0.666992 15.2366 0.763962 15.4305 0.957901C15.6245 1.15184 15.7214 1.38231 15.7214 1.6493C15.7214 1.91629 15.6245 2.14643 15.4305 2.33972L6.53356 11.2609C6.33962 11.4549 6.11335 11.5518 5.85477 11.5518C5.59618 11.5518 5.36992 11.4549 5.17598 11.2609L1.00628 7.09123C0.812343 6.89729 0.719252 6.66715 0.72701 6.40081C0.734768 6.13447 0.835939 5.904 1.03052 5.70942C1.22511 5.51483 1.45558 5.41786 1.72192 5.41851C1.98826 5.41915 2.2184 5.51612 2.41234 5.70942L5.85477 9.17608Z' fill='white'/></svg>") center/contain no-repeat;
}
.shop-color input:checked + span::before{ 
  background:#73B6F3; 
}
.shop-color input:checked + span::after{ 
  opacity:1; 
  transform:translateY(-50%) scale(1); 
}

.shop-availability__check{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
}

@media screen and (max-width: 768px) {
  .shop-availability__check{
    gap:8px;
  }
}

.shop-availability__check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:0;
  height:0;
}

.shop-availability__check span{
  position:relative;
  padding-left:44px;
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .shop-availability__check span{
    padding-left:40px;
    font-size: 18px;
  }
}

.shop-availability__check span::before{
  content:"";
  position:absolute;
  left:0; top:50%;
  transform:translateY(-50%);
  width:32px; 
  height:32px;
  border:2px solid #73B6F3;
  border-radius:50%;
  background:#fff;
  transition:all 0.4s;
}

.shop-availability__check span::after{
  content:"";
  position:absolute;
  left:8px; 
  top:50%;
  width:14px; 
  height:10px;
  transform:translateY(-50%) scale(.8);
  border-radius: 50%;
  opacity:0;
  transition:all 0.4s;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'><path d='M5.85477 9.17608L14.0729 0.957901C14.2669 0.763962 14.4932 0.666992 14.7517 0.666992C15.0103 0.666992 15.2366 0.763962 15.4305 0.957901C15.6245 1.15184 15.7214 1.38231 15.7214 1.6493C15.7214 1.91629 15.6245 2.14643 15.4305 2.33972L6.53356 11.2609C6.33962 11.4549 6.11335 11.5518 5.85477 11.5518C5.59618 11.5518 5.36992 11.4549 5.17598 11.2609L1.00628 7.09123C0.812343 6.89729 0.719252 6.66715 0.72701 6.40081C0.734768 6.13447 0.835939 5.904 1.03052 5.70942C1.22511 5.51483 1.45558 5.41786 1.72192 5.41851C1.98826 5.41915 2.2184 5.51612 2.41234 5.70942L5.85477 9.17608Z' fill='white'/></svg>") center/contain no-repeat;
}

.shop-availability__check input:checked + span::before{
  background:#73B6F3;
  border-color:#73B6F3;
}
.shop-availability__check input:checked + span::after{
  opacity:1;
  transform:translateY(-50%) scale(1);
}

/* Контейнер цены */
.shop-price { 
  --thumb: 24px; 
  --line: 2px; 
}

/* Обёртка рейнджей + визуальный трек */
.shop-price__range-wrap{
  position:relative;
  height: 24px;
  margin: 0 0 16px;
}
.shop-price__track{
  position:absolute; 
  left:0; 
  right:0; 
  top:50%;
  height: var(--line);
  background:#cfe4f8;
  transform: translateY(-50%);
  border-radius: 2px;
}
.shop-price__progress{
  position:absolute; 
  height:100%;
  left:0; 
  right:100%;
  background:#73B6F3;
  border-radius:2px;
}

.shop-price__range{
  -webkit-appearance:none; 
  appearance:none;
  position: absolute;
  left: 0;
  right: 0;
  top: -11px;
  bottom:0;
  z-index: 1;
  width:100%; 
  height:100%;
  background:transparent; 
  outline:none; 
  margin:0; 
  padding:0;
  pointer-events: none;
  padding: 0 !important;
  border: none !important;
}

.shop-price__range::-webkit-slider-runnable-track{ 
  height:0; 
  background:transparent; 
}
.shop-price__range::-moz-range-track{ 
  height:0; 
  background:transparent; 
}

.shop-price__range::-webkit-slider-thumb{
  -webkit-appearance:none; 
  appearance:none;
  width: var(--thumb); 
  height: var(--thumb);
  border-radius: 999px;
  background:#73B6F3;
  border:0;
  cursor: pointer;
  pointer-events: auto;
}

.shop-price__range::-moz-range-thumb{
  width: var(--thumb); 
  height: var(--thumb);
  border-radius: 999px;
  background:#73B6F3; 
  border:0;
  cursor: pointer; 
  pointer-events:auto;
}

.shop-price__inputs{
  display:flex; 
  justify-content:space-between; 
  gap:12px;
}
.shop-price__input{
  max-width: 140px;
  border-radius: 4px !important;
  border: 0 !important;
  background: #F6F6F6 ;
  padding: 16px 14px !important;
  color: var(--brand-black, #303030) !important;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .shop-price__input{
    padding: 14px !important;
    font-size: 18px;
  }
}

.shop-price__input::-webkit-outer-spin-button,
.shop-price__input::-webkit-inner-spin-button{ 
  -webkit-appearance:none; 
  margin:0; 
}
.shop-price__input[type=number]{ 
  -moz-appearance: textfield; 
}

/* custom-single-blog */
.custom-single-blog {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 24px;
  padding-top: 220px;
}

@media screen and (max-width: 768px) {
  .custom-single-blog {
    padding-top: 100px;
  }
}

.custom-single-blog h1 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .custom-single-blog h1 {
    font-size: 24px;
  }
}

.custom-single-blog .wp-block-image img {
  width: 100%;
}

.custom-single-blog .wp-block-image{
  margin: 56px 0;
}

@media screen and (max-width: 768px) {
  .custom-single-blog .wp-block-image{
    margin: 24px 0;
  }
}

.custom-single-blog p {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  margin-bottom: 72px;
}

@media screen and (max-width: 768px) {
  .custom-single-blog p {
    font-size: 14px;
    margin-bottom: 32px;
  }
}

.custom-single-blog h2 {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .custom-single-blog h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }
}

.custom-single-blog ul {
  margin-bottom: 56px;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .custom-single-blog ul {
    margin-bottom: 24px;
  }
}

.custom-single-blog ul li {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  list-style-type: disc;
}

@media screen and (max-width: 768px) {
  .custom-single-blog ul li {
    font-size: 14px;
  }
}

/* privacy-main */
.privacy-main {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 24px;
  padding-top: 220px;
}

@media screen and (max-width: 768px) {
  .privacy-main {
    padding-top: 100px;
  }
}

.privacy-main h1 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .privacy-main h1 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.privacy-main-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.privacy-main-content p {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width: 768px) {
  .privacy-main-content p {
    font-size: 14px;
  }
}

.privacy-main-content ul {
  padding-left: 30px;
}

.privacy-main-content ul li {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  list-style-type: disc;
}

@media screen and (max-width: 768px) {
  .privacy-main-content ul li {
    font-size: 14px;
  }
}

/* single product */
.x-product__grid {
  padding-top: 137px;
}

@media screen and (max-width: 768px) {
  .x-product__grid {
    padding-top: 74px;
  }
}

.x-product__grid-wrapper {
  display: flex;
  gap: 80px;
}

@media screen and (max-width: 1300px) {
  .x-product__grid-wrapper {
    gap: 30px;
  }
}

@media screen and (max-width: 1100px) {
  .x-product__grid-wrapper {
    flex-direction: column;
    gap: 24px;
  }
}

.x-product__left {
  max-width: 614px;
}

@media screen and (max-width: 1100px) {
  .x-product__left {
    max-width: 100%;
  }
}

.x-swiper .x-swiper-main {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  max-height: 789px;
}
.x-swiper .x-swiper-main .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 789px;
  height: auto;
}
.x-slide-img {
  width: 100%;
  height: 100% !important;
  max-height: 789px;
  object-fit: cover;
  display: block;
}

.x-swiper .x-swiper-thumbs { 
  margin-top: 24px; 
}

@media screen and (max-width: 768px) {
  .x-swiper .x-swiper-thumbs { 
    margin-top: 16px; 
  }
}

.x-swiper .x-swiper-thumbs .swiper-slide {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  height: 140px;
}

.x-thumb-img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Стрелки */
.x-swiper .swiper-button-prev,
.x-swiper .swiper-button-next {
  width: 24px;
  height: 48px;
  background: transparent;
}

.x-swiper .swiper-button-prev {
  transform: rotateZ(180deg) rotateX(180deg);
}

.x-swiper .swiper-button-prev::after,
.x-swiper .swiper-button-next::after {
  display: none;
}


@media (max-width: 768px) {
  .x-swiper .x-swiper-thumbs .swiper-slide { 
    height: 82px; 
  }
  .x-swiper .swiper-button-prev,
  .x-swiper .swiper-button-next { 
    width: 12px;
    height: 24px;
  }
}

.x-title {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 48px;
}

@media (max-width: 768px) {
  .x-title { 
    font-size: 24px;
    margin-bottom: 24px;
  }
}

/* Цвета */
.x-attr--color{
  display:flex;
  gap:16px;
  margin:0 0 50px;
  flex-wrap:wrap
}

@media (max-width: 768px) {
  .x-attr--color { 
    gap:8px;
    padding: 24px 0;
    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
    margin: 0 0 24px 0;
  }
}

.x-color-card{
  position:relative;
  width:110px;
  height:118px;
  border-radius:7px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  transition:.4s;
  padding: 0;
}

@media (max-width: 768px) {
  .x-color-card { 
    width: 64px;
    height: 68px;
  }
}

.x-color-card__img,.x-color-card__img-el{
  display:block;
  width:100%;
  height:100% !important;
}

.x-color-card__img-el{
  object-fit:cover;
  filter:grayscale(100%)
}

.x-color-card.is-selected .x-color-card__img-el{
  filter:none
}

.x-color-card__dot{
  --dot:#ccc;
  position:absolute;
  left:8px;
  bottom:8px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--dot);
  border:1.7px solid #303030;
}

@media (max-width: 768px) {
  .x-color-card__dot { 
    width: 24px;
    height: 24px;
    left:4px;
    bottom:4px;
  }
}

/* Размеры */
.x-attr--size{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .x-attr--size { 
    margin-bottom: 14px;
  }
}

.x-size-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width:56px;
  height:42px;
  padding:12px;
  border-radius:8px;
  border: 2px solid var(--brand-deep-blue, #73B6F3);
  background:#fff;
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor:pointer;
  transition:.4s;
}

@media (max-width: 768px) {
  .x-size-btn { 
    font-size: 20px;
  }
}

.x-size-btn:focus {
  border: 2px solid var(--brand-deep-blue, #73B6F3);
}
.x-size-btn.is-selected{
  background:#73B6F3;
  color:#fff;
}
.x-size-btn.is-disabled,.x-size-btn:disabled{
  color:#FFF;
  cursor:not-allowed;
  border: 2px solid var(--brand-gray, #A9A9A9);
  color: var(--brand-gray, #A9A9A9);
  text-decoration: line-through;
}

.variations_form {
  display: none;
}

.x-atc-simple {
  display: none;
}

.x-product-size-chart-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
  box-shadow: none;
  color: var(--brand-deep-blue, #73B6F3);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  text-decoration: underline;
  margin-bottom: 24px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .x-product-size-chart-btn { 
    font-size: 14px;
  }
}

.x-no-scroll { 
  overflow: hidden; 
}

.x-modal { 
  align-items: center;
  justify-content: center;
  position: fixed; 
  inset: 0; 
  z-index: 1000; 
  display: none; 
}
.x-modal.is-open { 
  display: flex; 
}

.x-modal__overlay {
  position: absolute; 
  inset: 0; 
  background: rgba(0, 0, 0, 0.28); 
}

.x-modal__dialog {
  position: relative; 
  max-width: 740px; 
  width: 100%;
  outline: none;
  border-radius: 12px;
  background: #FFF;
  padding: 48px 64px 72px;
}

@media (max-width: 768px) {
  .x-modal__dialog { 
    max-width: 382px; 
    padding: 32px 24px 40px;
  }
}

.x-modal__close {
  position: absolute; 
  right: 64px; 
  top: 48px; 
  border: 0; 
  padding: 0;
  background: transparent;
  cursor: pointer; 
}

@media (max-width: 768px) {
  .x-modal__close { 
    right: 24px; 
    top: 32px; 
  }
}

.x-modal__close.x-modal__close svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 768px) {
  .x-modal__close.x-modal__close svg { 
    width: 24px;
    height: 24px;
  }
}

.x-modal__title { 
  margin-bottom: 40px; 
  color: var(--brand-deep-blue, #73B6F3);
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 768px) {
  .x-modal__title { 
    font-size: 24px;
    margin-bottom: 32px; 
  }
}

.x-table-wrap { 
  overflow-x: auto; 
  border-radius: 8px;
  border: 1px solid var(--brand-black, #303030);
}
.x-size-table { 
  width: 100%; 
  border-collapse: separate; 
  border-spacing: 0; 
  margin: 0;
}
.x-size-table th, .x-size-table td {
  text-align: center; 
  white-space: nowrap; 
}

.x-size-table td {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16px 44px;
}

@media (max-width: 768px) {
  .x-size-table td { 
    padding: 16px 10px;
  }
}

.x-size-table thead th {
  background: #fff; 
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  padding: 24px 44px;
  border-bottom: 1px solid #A9A9A9;
}

@media (max-width: 768px) {
  .x-size-table thead th { 
    padding: 24px 10px;
  }
}

.x-product-details {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  margin-bottom: 48px;
}

@media (max-width: 768px) {
  .x-product-details { 
    font-size: 14px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #A9A9A9;
  }
}

.x-product-details a {
  color: var(--brand-deep-blue, #73B6F3);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .x-product-details a { 
    font-size: 14px;
  }
}

.x-product-care {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 96px;
}

@media (max-width: 768px) {
  .x-product-care { 
    gap: 16px;
    margin-bottom: 40px;
  }
}

.x-product-care h3 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 768px) {
  .x-product-care h3 { 
    font-size: 18px;
  }
}

.x-product-care p {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media (max-width: 768px) {
  .x-product-care p { 
    font-size: 14px;
  }
}

.x-product-care p strong {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}

@media (max-width: 768px) {
  .x-product-care p strong { 
    font-size: 14px;
  }
}

.variations_form .quantity,
.x-atc-simple .quantity { 
  display:none !important; 
}

.x-atc-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 24px;
  border-radius: 8px;
  background: var(--brand-deep-blue, #73B6F3);
  color: var(--white, #FFF);
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.4s;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 1200px) {
  .x-atc-btn {
    font-size: 24px;
    gap: 6px;
    padding: 16px;
  }
}

@media screen and (max-width: 768px) {
  .x-atc-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: calc(100% - 48px);
    justify-content: center;
    margin: 24px;
  }
}

.x-atc-btn:hover {
  opacity: 0.8;
}

.x-atc-btn .price{ 
  color: var(--white, #FFF) !important;
  font-family: "KyivType Sans";
  font-size: 30px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 1200px) {
  .x-atc-btn .price {
    font-size: 24px !important;
  }
}

.x-atc-btn:has(ins) {
  flex-direction: column;
}

.x-atc-btn:has(ins) ins{
  background-color: transparent !important;
  color: red;
}

/* Cart-Checkout */

.np-cart-checkout {
  padding-top: 170px;
}

@media screen and (max-width: 768px) {
  .np-cart-checkout {
    padding-top: 90px;
  }
}

.npcc-grid{
  display:flex;
  gap:80px
}

@media screen and (max-width: 1300px) {
  .npcc-grid{
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .npcc-grid{
    gap: 0;
  }
}

.npcc-grid.is-checkout-success {
  flex-direction: column;
}

.npcc-cart {
  max-width: 772px;
  min-width: 772px;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .npcc-cart{
    max-width: 100%;
    min-width: 100%;
  }
}

.npcc-grid.is-checkout-success .npcc-cart {
  display: none;
}

.npcc-cart-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:24px
}

@media screen and (max-width: 768px) {
  .npcc-cart-list {
    gap: 0;
  }
}

.npcc-item{
  display:flex;
  gap:64px;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 40px 32px;
}

@media screen and (max-width: 768px) {
  .npcc-item {
    border-radius: 0;
    gap:14px;
    padding: 32px 0;
    border: none;
    border-bottom: 1px solid #A9A9A9;
  }
}

.npcc-thumb img{
  width:100%;
  max-width: 297px;
  min-width: 297px;
  border-radius:12px;
  height: 382px;
}

@media screen and (max-width: 768px) {
  .npcc-thumb img {
    max-width: 130px;
    min-width: 130px;
    height: 168px;
  }
}

.npcc-info {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.npcc-info-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .npcc-info-top {
    margin-bottom: 12px;
  }
}

.npcc-title {
  color: var(--brand-black, #303030);
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  max-width: 300px;
} 

@media screen and (max-width: 768px) {
  .npcc-title {
    font-size: 18px;
  }
}

.npcc-remove{
  border:0;
  background:transparent;
  border-radius:8px;
  width:32px;
  height:32px;
  cursor:pointer;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .npcc-remov {
    width:24px;
    height:24px;
  }
}

.npcc-remove svg {
  width:32px;
  height:32px;
}

@media screen and (max-width: 768px) {
  .npcc-remov svg {
    width:24px;
    height:24px;
  }
}

.npcc-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}

.npcc-qty{
  display:inline-flex;
  align-items:center;
  border: none;
  border-radius:10px;
  padding:0;
}

.npcc-qty-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  background:transparent;
  width:42px;
  height:42px;
  border-radius: 8px;
  border: 2px solid var(--brand-deep-blue, #73B6F3);
  cursor:pointer;
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  outline: none;
  transition: all 0.4s;
}

@media screen and (max-width: 768px) {
  .npcc-qty-btn {
    width:32px;
    height:32px;
  }
}

.npcc-qty-btn:hover {
  background: var(--brand-deep-blue, #73B6F3);
  border: 2px solid var(--brand-deep-blue, #73B6F3);
  color: var(--white, #FFF);
}
.npcc-qty-input{
  width:48px;
  text-align:center;
  border:0 !important;
  outline:0 !important;
  background:transparent;
  color: #303030 !important;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .npcc-qty-input {
    width:40px;
    font-size: 18px;
  }
}

.npcc-qty-input::-webkit-outer-spin-button,
.npcc-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.npcc-price-unit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .npcc-price-unit {
   font-size: 18px;
  }
}

.npcc-price-unit ins {
  background-color: transparent !important;
  color: red;
}

.npcc-total{
  margin-top:40px;
}

@media screen and (max-width: 768px) {
  .npcc-total {
   margin-top: 0;
   padding: 24px 0;
   border-bottom: 1px solid #A9A9A9;
  }
}

.npcc-total-row{
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.npcc-total-row span {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
} 
@media screen and (max-width: 768px) {
  .npcc-total-row span {
   font-size: 18px;
  }
}
.npcc-total-row strong {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
} 
@media screen and (max-width: 768px) {
  .npcc-total-row strong {
   font-size: 18px;
  }
}

/* remove popup */
.remove-from-cart-popup {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 10000;
  align-items: center;
  justify-content: center;
}


.remove-from-cart-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
}

.remove-from-cart-popup__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 742px;
  background: #fff;
  border-radius: 12px;
  padding: 48px 64px 56px;
  overflow: auto;
}

@media screen and (max-width: 768px) {
  .remove-from-cart-popup__dialog {
    max-width: 382px;
    padding: 32px 24px;
  }
}

.remove-from-cart-popup__close {
  position: absolute;
  top: 48px;
  right: 64px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .remove-from-cart-popup__close {
    top: 32px;
    right: 24px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .remove-from-cart-popup__close svg{
    width: 24px;
    height: 24px;
  }
}

.remove-from-cart-popup__title {
  color: var(--brand-deep-blue, #73B6F3);
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .remove-from-cart-popup__title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.remove-from-cart-popup__actions {
  display: flex;
  flex-direction: column;
}

.remove-from-cart-popup__delete {
  display: block;
  width: 100%;
  text-align: center;
  padding: 18px 0;
  border-radius: 12px;
  background: #73B6F3;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  outline: none;
  border: none;
  transition: opacity .4s;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .remove-from-cart-popup__delete {
    padding: 8px 0 12px;
    font-size: 24px;
  }
}

.remove-from-cart-popup__delete:hover { 
  opacity: .8; 
}

.remove-from-cart-popup__cancel {
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  margin-top: 40px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .remove-from-cart-popup__cancel {
    margin-top: 24px;
    font-size: 18px;
  }
}

.woocommerce a.added_to_cart {
  display: none !important;
}

#order_review .shop_table {
  display: none;
}

.woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.npcc-checkout {
  max-width: 395px;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .npcc-checkout {
    max-width: 100%;
  }
}

.npcc-grid.is-checkout-success .npcc-checkout {
  max-width: 100%;
}

.npcc-checkout-title {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 40px 0 24px;
}

@media screen and (max-width: 768px) {
  .npcc-checkout-title {
    margin: 32px 0 8px;
    font-size: 18px;
  }
}

.npcc-cart-title {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 40px;
}

@media screen and (max-width: 768px) {
  .npcc-cart-title {
    font-size: 24px;
    margin: 0 0 8px;
  }
}

#customer_details {
  display: flex;
  flex-direction: column;
}

#customer_details .col-1 {
  width: 100%;
}

#customer_details .col-1 h3 {
  display: none;
}

#customer_details .col-1 .form-row {
  margin: 0;
  padding: 0;
}

#customer_details .col-1 .form-row label {
  display: none;
}

#customer_details .col-1 .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #A9A9A9;
}

#customer_details .col-1 .form-row input {
  padding: 12px 16px;
  border-radius: 8px;
  background: #F6F6F6;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width: 768px) {
  #customer_details .col-1 .form-row input {
    font-size: 14px;
  }
}

#customer_details .col-1 .form-row input::placeholder {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width: 768px) {
  #customer_details .col-1 .form-row input::placeholder {
    font-size: 14px;
  }
}

.woocommerce-checkout #payment ul.payment_methods {
  background-color: transparent;
  padding: 0 0 24px;
  border-bottom: 1px solid #A9A9A9;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  #customer_details .col-1 .form-row input::placeholder {
    margin-bottom: 24px;
  }
}

.woocommerce-checkout #payment ul.payment_methods label {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
}

@media screen and (max-width: 768px) {
  .woocommerce-checkout #payment ul.payment_methods label {
    font-size: 14px;
  }
}

.woocommerce-checkout #payment {
  background-color: transparent;
}

#payment div.payment_box {
  display: none !important;
}

#customer_details .col-2 {
  width: 100%;
}

#customer_details .col-2 .wcus-checkout-fields.wcus-checkout-np-fields{
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #A9A9A9;
}

#customer_details .col-2 .wcus-checkout-fields.wcus-checkout-np-fields h3 {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  #customer_details .col-2 .wcus-checkout-fields.wcus-checkout-np-fields h3 {
    font-size: 18px;
    margin-bottom: 28px;
  }
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  width: 100%;
  border-radius: 12px;
  background: var(--brand-deep-blue, #73B6F3);
  padding: 24px;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    font-size: 24px;
    padding: 16px;
  }
}

#order_review_heading {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  #order_review_heading {
    font-size: 18px;
  }
}

.woocommerce .wc_payment_methods.payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce .wc_payment_method .input-radio {
  position: absolute; 
  opacity: 0; 
  pointer-events: none;
}

.woocommerce .wc_payment_method > label{
  display:flex; 
  align-items:center; 
  gap:16px; 
  cursor:pointer; 
  user-select:none; 
  position:relative;
}

.woocommerce .wc_payment_method > label::before{
  content:""; 
  width:42px; 
  height:42px;
  border:2px solid #73B6F3; 
  border-radius:8px; 
  background:#fff;
  flex:0 0 42px;
}

@media screen and (max-width: 768px) {
  .woocommerce .wc_payment_method > label::before {
    width:32px; 
    height:32px;
    flex:0 0 32px;
  }
}

.woocommerce .wc_payment_method .input-radio:checked + label::before{
  border-color:#9EC3EF; 
  background-color:#9EC3EF;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11' fill='none'%3E%3Cpath d='M5.47196 8.59911L14.241 0.293987C14.448 0.0979957 14.6894 0 14.9653 0C15.2412 0 15.4827 0.0979957 15.6896 0.293987C15.8965 0.489978 16 0.72288 16 0.992695C16 1.26251 15.8965 1.49509 15.6896 1.69042L6.19624 10.706C5.98931 10.902 5.74788 11 5.47196 11C5.19604 11 4.95461 10.902 4.74767 10.706L0.29847 6.4922C0.091531 6.29621 -0.00780003 6.06364 0.000477552 5.79448C0.00875513 5.52532 0.116708 5.29241 0.324337 5.09577C0.531967 4.89912 0.77788 4.80113 1.06208 4.80178C1.34627 4.80243 1.59184 4.90043 1.79878 5.09577L5.47196 8.59911Z' fill='white'/%3E%3C/svg%3E");
  background-repeat:no-repeat; 
  background-position:center; 
  background-size:16px 11px;
}

.woocommerce .wc_payment_method .payment_box{ 
  display:none !important; 
}

.woocommerce-error {
  display: none !important;
}

.woocommerce-message {
  display: none !important;
}

.woocommerce-checkout #payment div.form-row {
  padding: 0;
}

.totake-agree {
  margin: 0 0 56px;
}

@media screen and (max-width: 768px) {
  .totake-agree {
    margin: 0 0 40px;
  }
}

.totake-agree__label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.totake-agree__label {
  display: flex !important;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .totake-agree__label {
    gap: 8px;
  }
}

.totake-agree__box {
  width: 42px;
  height: 42px;
  border: 2px solid #73B6F3;
  border-radius: 8px;
  background: #fff;
  position: relative;
  flex: 0 0 42px;
}

@media screen and (max-width: 768px) {
  .totake-agree__box {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }
}

.totake-agree__label input[type="checkbox"]:checked + .totake-agree__box {
  background: #9EC3EF;
  border-color: #9EC3EF;
}

.totake-agree__label input[type="checkbox"]:checked + .totake-agree__box::after {
  content: "";
  position: absolute;
  left: 11px; 
  top: 13px;
  width: 16px;
  height: 11px;
  background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11' fill='none'><path d='M5.47196 8.59911L14.241 0.293987C14.448 0.0979957 14.6894 0 14.9653 0C15.2412 0 15.4827 0.0979957 15.6896 0.293987C15.8965 0.489978 16 0.72288 16 0.992695C16 1.26251 15.8965 1.49509 15.6896 1.69042L6.19624 10.706C5.98931 10.902 5.74788 11 5.47196 11C5.19604 11 4.95461 10.902 4.74767 10.706L0.29847 6.4922C0.091531 6.29621 -0.00780003 6.06364 0.000477552 5.79448C0.00875513 5.52532 0.116708 5.29241 0.324337 5.09577C0.531967 4.89912 0.77788 4.80113 1.06208 4.80178C1.34627 4.80243 1.59184 4.90043 1.79878 5.09577L5.47196 8.59911Z' fill='white'/></svg>");
}

.totake-agree__text {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  display: inline;
}

@media screen and (max-width: 768px) {
  .totake-agree__text {
    font-size: 14px;
  }
}

.totake-agree__text a {
  color: var(--brand-black, #303030);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 132%;
  text-decoration: underline;
  display: inline;
}

@media screen and (max-width: 768px) {
  .totake-agree__text a {
    font-size: 14px;
  }
}

.search-page {
  padding-top: 150px;
}

@media screen and (max-width: 768px) {
  .search-page {
    padding-top: 90px;
  }
}

.nav-links {
  margin-top: 20px;
}

.nav-links a {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .nav-links a {
    font-size: 18px;
  }
}

.search-title {
  color: #303030;
  font-family: "KyivType Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .search-title {
    font-size: 24px;
  }
}

.checkout-back-link {
  width: 100%;
  margin-top: 40px;
  color: var(--brand-deep-blue, #73B6F3);
  text-align: center;
  font-family: "KyivType Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .checkout-back-link {
    font-size: 18px;
    margin-top: 24px;
  }
}