html *
{

}
body {
  position: relative;
  min-height: 100vh;
  padding-bottom: 400px;
  font-family: 'Yanone Kaffeesatz';
  letter-spacing: 0;
}

h1,.title {
  font-size: 64px;
  font-weight: 600;
  font-family: 'Yanone Kaffeesatz';
  letter-spacing: 0.24px;
  line-height: 100%;
  
  .red {
    color: #E31D1A;
    display: inline-block;
  }
}
p {
  font-size: 28px;
  font-weight: 400;
  font-family: 'Yanone Kaffeesatz';
  letter-spacing: 0.12px;
  line-height: 100%;
  .red {
    color: #E31D1A;
    display: inline-block;
  }
}
.main-logo {
  height: 100px;
  width: auto;
}
.wp-block-image img {
  width: 100%;
}
.contact,.footer {
  .button {
    transition: .5s;
    background: white;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0;
    margin-left: 15px;
    justify-content: center;
    &:hover {
      background: #FCE8E8 !important;
      animation: var(--animation-pulse);
    }
  }
}

ul li,a {
  color: black;
  font-size: 20px;
  letter-spacing: 0.6px;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Yanone Kaffeesatz';
}

.wp-block-navigation {
  .menu-image-title {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.32px;
    line-height: 100%;
    margin-top: 40px;
  }
  ul {
    justify-content: space-between;
    display: flex;

    li a {
      flex-wrap: wrap;
      position: relative;
      display: flex !important;
      justify-content: center;
      
      img {
        flex-basis: 100%;
        padding-bottom: 0 !important;
      }
    }
    
    li:hover a::before {
      content: '';
      z-index: -1;
      position: absolute;
      width: 150px;
      height: 150px;
      display: block;
      background: #FCE8E8 ;
      transition: 1s;
      border-radius: var(--radius-blob-3);
      animation: 4s var(--animation-spin);
      animation-delay: 0ms;
    }
	  li.current-menu-item a::before {
      content: '';
      z-index: -1;
      position: absolute;
      width: 150px;
      height: 150px;
      display: block;
      background: #FCE8E8 ;
      transition: 1s;
      border-radius: var(--radius-blob-3);
      animation: 4s var(--animation-spin);
      animation-delay: 0ms;
    }
  }
}
.navbar {
  margin-bottom: 10px;
}
.menu-top-container {
  .current-menu-item {
    &::after {
      position: absolute;
      bottom: -3px;
      height: 3px;
      width: calc(100% + 10px);
      content: '';
      border-bottom: 3px solid #E31D1A;
      display: block;
      margin: 0 -5px;
      border-radius: 10px;
    }
  }
  ul li {
    position: relative;
  }
  ul li {
    &:hover::after {
      position: absolute;
      bottom: -3px;
      height: 3px;
      width: calc(100% + 10px);
      transition: .3s;
      content: '';
      border-bottom: 3px solid #E31D1A;
      display: block;
      margin: 0 -5px;
      border-radius: 10px;
    }
    a {
      display: block;
      text-transform: uppercase;
    }
    &:last-child {
      display: none;
    }
    &:hover {
      a {
        animation: var(--animation-pulse);
      }
    }
  }
  .menu {
    list-style: none;
    display: flex; 
    margin: 0;
    padding: 0;
  }
  ul li:not(:nth-last-child(4)) {
    margin-right: 50px;
  }
}
.navbar {
  .navbar-collapse {
    height: 106px;
    position: relative;
    justify-content: center;
  }
  .navbar-brand {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 0;
    margin: 0;
	z-index: 1;
  }
}
.cart-profile {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  padding: 0;
  margin: 0;

  .profile-block {
    margin-right: 50px;
    .profile {
      transition: 1s;
      background: #FCE8E8;
      padding: 55px 20px;
      border-radius: 0 0 100px 100px;
      &:hover {
        background: #D9D9D9 !important;
        svg {
          animation: var(--animation-pulse) !important;
        }
      }
    }
  }

  .cart {
    position: relative;
    transition: 1s;
    .cart-count {
      position: absolute;
      top: -5px;
      right: -10px;
      background: #E31D1A;
      border-radius: 100px;
      min-width: 25px;
      height: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
	  padding: 5px;
      p {
		font-family: system-ui;
        color: white;
        margin: 0;
        font-size: 16px;
		line-height: 100%;
      }
    }
    &:hover {
      animation: var(--animation-pulse) !important;
    }
  }
}
.promotional-banner {
  min-height: 300px;
  padding: 0 40px;
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 0 30px 30px 0;
  height: auto;
  display: flex;
  align-items: center;
  background-color: #FCE8E8;

  .image-block {
    aspect-ratio: 1;
    height: auto;

    img {
      height: 120%;
		width:auto;
      margin-top: -25%;
    }
  }
  .title {
    font-size: clamp(24px, 7vw, 48px);
    letter-spacing: 0px;
    text-transform: uppercase;
  }
  p {
    font-size: clamp(16px, 5vw, 24px);
  }
}
.promotional-banner.second {
  background-color: #F5F5F5;
  border-radius: 30px 0 0 30px;
}


.faq {
  .title {
    padding-bottom: 30px;
    border-bottom: 2px solid #FCE8E8;
  }
  details {
    border-bottom: 2px solid #FCE8E8;
    font-size: clamp(24px, 5vw, 32px);
    font-weight: 600;
    font-family: 'Yanone Kaffeesatz';
    padding: 15px 20px;
    
    .details-title {
      display: flex;
      align-items: center;
      .details-image {
        display: flex;
        justify-content: center;
        width: 100px;
        margin-right: 20px;
        img {
          height: 65px;
        }
      }
    }
    summary {
      align-items: center;
      display: flex;
      justify-content: space-between; 
      .details-arrow {
        transition: .5s;
        background-color: #FCE8E8;
        display: flex;
        height: 35px;
        width: 35px;
        padding: 10px;
        border-radius: 100px;
      }
    }
    p {
      margin-top: 20px;
      font-size: 20px;
      line-height: 125%;
      letter-spacing: 0.2px;
    }
    summary::-webkit-details-marker {
      display: none;
    }

  }
  details[open] {
    summary ~ * {
      animation: sweep .5s ease-in-out;
    }
    summary {
      .details-arrow {
        rotate: -180deg;
      }
    }
  }
}
.woocommerce-message {
	font-size: clamp(18px, 2vw, 20px);
	border-radius:100px;
}
.woocommerce-breadcrumb {
  margin: 40px 0;
  justify-content: center;
  display: flex;
  align-items: center;
  line-height: 100%;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.6px;
  font-family: 'Yanone Kaffeesatz';
  color: #757575;
  a {
    color: #757575;
    font-weight: 400;
  }
  .divider {
    width: 10px;
    height: 5px;
    margin: 0 15px 5px 15px;
    background-image: url(/wp-content/uploads/2024/03/vector-3.svg);
    color: #757575;
    transform: rotate(-90deg);
    opacity: 0.6;
    background-size:contain;
    background-repeat: no-repeat;
    display: flex;
  }
}
.woocommerce-no-products-found,.cart-empty,.woocommerce-MyAccount-content {
  width: 100%;
  .woocommerce-info {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    border: none;
    background: none;
    text-align: center;
    font-family: 'Yanone Kaffeesatz';
    font-size: clamp(24px, 5vw, 32px);
    line-height: 130%;
    padding: 1em 2em;
    &::before {
      display: none;
    }
  }
}
.product-category,.related {
  .menu-category-container {
    margin: 40px 0;
  }
  h1,.title {
    text-transform: none !important;
  }
  .woocommerce-result-count {
    width: 50%;
    display: flex;
    flex-basis: 50%;
  }
  .woocommerce-ordering {
    width: 50%;
    display: flex;
    flex-basis: 50%;
    justify-content: end;
  }

  .woocommerce-pagination {
    display: flex;
    justify-content: center;
    ul {
      display: flex;
      list-style: none;
      padding: 5px 15px;
      background-color: #F5F5F5;
      border-radius: 20px;
      .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        aspect-ratio: 1/1;
        height: 45px;
        font-size: 32px;
        color: #757575;
        border-radius: 20px;
        margin: 0 2px;
        &.current {
          background-color: white;
          color: black;
        }
      }
      a.page-numbers:hover {
        background-color: white;
        animation: var(--animation-pulse);
      }
      .prev, .next {
        color: transparent;
        width: 30px;
        &:hover {
          background-color: transparent !important;
          animation: none !important;
        }
      }
      .prev {
        background: url(/wp-content/uploads/2024/03/vector-3.svg) no-repeat center;
        rotate: 90deg;
      }
      .next {
        background: url(/wp-content/uploads/2024/03/vector-3.svg) no-repeat center;
        rotate: -90deg;
      }
    }
  }

  ul.products {
	position:relative;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 60px;
    li {
		.onsale {
			display:none;
		}
      padding-top: 120px !important;
      width: 25%;
      padding: 0 15px;
      margin: 0;
      >a {
        display: flex;
        flex-direction: column;
        padding: 18px;
        background: #F5F5F5;
        border-radius: 30px;
        justify-content: center;
        align-items: center;
        position: relative;
        &:hover {
          img {
            transform: scale(1.2);
          }
        }
        img {
          margin-top: -120px;
          transition: 1s;
        }
        .category-product-title {
          margin-top: -40px;
          z-index: 1;
          text-align: center;
          align-items: center;
          align-self: center;
          height: 64px;
          margin-bottom: 15px;
          display: flex;
          align-items: center;
          h2 {
            margin-bottom: 0;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 28px;
            letter-spacing: 0.96px;
            line-height: 125%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-clamp: 2;
            box-orient: vertical;
            span {
              display: contents;
            }
          }
        }
        .attributes {
          margin: 0;
          width: 100%;
          margin-bottom: 10px;
          .attribute-points {
            width: 100%;
            display: flex;
            justify-content: space-between;
            .attribute-name{
              display: flex;
              width: auto;
              overflow: hidden;
              margin-right: 10px;
              &::after {
                  content: '...........................................';
                  letter-spacing: 4px;
                  margin-left: 10px;
                  color: #757575;
              }
            }
			  .attribute-value {
				  text-wrap:nowrap;
			  }
          }
          .attribute-circles {
            width: 100%;
            margin: 0;
            margin-bottom: 10px;
            .circle:last-child {
              margin-right: 0;
            }
            .attribute-name {
              padding-left: 0;
              font-size: 20px !important;
              letter-spacing: 0.2px;
              font-weight: 700 !important;
              margin-right: auto;
            }
          }
          .circle {
            width: 13px !important;
            height: 13px !important;
          }
        }
        form {
          width: 100%;
          margin-bottom: 0;
          .single_variation_wrap {
            .woocommerce-variation-add-to-cart {
				display:flex;
              justify-content: end;
              .quantity {
                display: none !important;
              }
              .single_add_to_cart_button {
                width: 50px;
                height: 50px;
                padding: 6px !important;
                text-indent: -1000px;
                overflow: hidden;
                z-index: 99;
                &::after {
                  margin-left: 0 !important;
                }
                &:hover {
                  animation: var(--animation-pulse);
                }
              }
            }
            .woocommerce-variation-price {
              display: flex;
              align-items: end;
              .price {
                font-size: 40px !important;
                letter-spacing: 0 !important;
                span {
                  font-size: 32px !important;
                }
              }
            }
          }
          table.variations {
            tbody {
              margin-bottom: 15px !important;
            }
            tr:last-child {
              width: 100% !important;
              .label {
                padding: 0;
                font-size: 20px !important;
                letter-spacing: 0.2px;
                font-weight: 700 !important;
                margin-right: auto;
                padding-right: 20px;
              }
              .value {
                padding: 0;
                select {
                  font-size: 20px;
                }
              }
            }
            tr:first-child {
              position: absolute;
              bottom: 18px;
              width: auto;
              right: 80px;
              th {
                display: none;
              }
              .variation-radios {
                label {
                  min-width: 40px !important;
                  padding: 8px !important;
                }
              }
            }
          }
        }
      }
      &.product-type-simple {
        position: relative;
        >a:first-child {
          height: 100%;
          padding-bottom: 68px;
			.category-product-title {
				margin-top: 0px;
			}
        }
		  
        .button.product_type_simple {
          flex-direction: row;
          padding: 6px !important;
          position: absolute;
          bottom: 18px;
          right: 33px;
          width: 50px;
          height: 50px;
          text-indent: -1000px;
          overflow: hidden;
          z-index: 99;
          display: flex;
          align-items: center;
          padding: 5px 10px;
          padding-left: 20px;
          -webkit-appearance: none;
          border: none;
          background-color: #E31D1A;
          color: white;
          border-radius: 20px;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          letter-spacing: 0.32px;
          line-height: 100%;
          font-size: 40px;
          
          &::after {
            margin-left: 0 !important;
            margin-left: 10px;
            display: inline-block;
            background-image: url(/wp-content/uploads/2024/04/cart-large-4-svgrepo-com-1.svg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 50% 50%,100%;
            width: 50px;
            height: 50px;
            content: "";
          }
          &:hover {
            animation: var(--animation-pulse);
          }
        }
        .short-description {
          display: flex;
          align-items: center;
          height: 100%;
          margin: 15px 0;
          p {
            margin: 0;
            line-height: 130%;
            font-size: 20px;
            color: #515151;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            line-clamp: 3;
            box-orient: vertical;
          }
        }
        .price {
          display: flex;
		  flex-direction:row-reverse;
		  gap:10px;
          font-size: 40px !important;
          letter-spacing: 0 !important;
          position: absolute;
          bottom: 18px;
          left: 18px;
          line-height: 100%;
          width: auto;
			ins {
				text-decoration:none;
				color:#E31D1A;
			}
			del {
				color: grey;
				font-size: 32px;
			}
        }
		  a.added_to_cart{
			  position:absolute;
			  max-width: 70%;
			  bottom:0;
		  }
        .attributes {
          display: none;
        }
      }
    }
	  .outofstock {
		  a {
			  filter: grayscale(1);
			  height:100%;
			  .attributes {
				  height:100%;
				  display: flex;
				  flex-direction: column;
				  justify-content: center;
			  }
			  .out-of-stock-text {
				  color:grey;
			  }
		  }
		  .button.product_type_simple {
			  display: none !important;
		  }
      .button.product_type_variable {
        display: none !important;
      }
    }
  }
  .button.product_type_variable.add_to_cart_button {
    display: none;
  }
  &.novelty {
    ul {
      li {
        a {
			height:100%;
          padding-bottom: 18px !important;
          .short-description {
            margin-top: 0 !important;
          }
        }
      }
    }
    .price {
      display: none !important;
    }
    .add_to_cart_button {
      display: none !important;
    }
  }
}
.woocommerce-message:focus{
    outline: none;
}
.product-page,.product-category {
  position: relative;

  h1,.title {
    text-transform: uppercase;
  }
  select {
    appearance: none;
    border: 2px solid #C7C7C7;
    padding: 8px 10px;
    padding-right: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    font-family: 'Yanone Kaffeesatz';
    letter-spacing: 0.32px;
    line-height: 100%;
    border-radius: 20px;
    background-image: url(/wp-content/uploads/2024/03/vector-3.svg);
    background-position: calc(100% - 10px) 50%,100%;
    background-size: 15px 10px;
    background-repeat: no-repeat;
    text-transform: capitalize;
    outline: none;
   }

  .product-image {
    position: sticky;
    top: 0px;
    margin-left: -80px;
    margin-top: -40px;

    .blob {
      bottom: 0;
      right: 0;
      display: block;
      position: absolute;
      width: 140%;
      height: 100%;
      background-image: url(/wp-content/uploads/2024/04/vector-1.svg);
      background-size:contain;
      background-repeat: no-repeat;
      z-index: -1;
      filter: grayscale(100%);
    }
  }
  .woocommerce-message {
    margin-top: 20px;
    border-radius: 100px;
    border-top-color: #E31D1A;
    &::before {
      color: #E31D1A;
    }
  }

  .product-details,.type-product{
    display: flex;
    flex-direction: column;


    .product_title {
      order: 1;
    }
    .woocommerce-product-details__short-description {
      order: 2;
      color: #757575;
      font-size: 32px;
      font-weight: 400;
      font-family: 'Yanone Kaffeesatz';
      letter-spacing: 0.96px;
      line-height: 100%;
    }
	  .out-of-stock {
		  color:grey;
	  }
    .price {
      display: none;
    }
    .attributes {
      margin: 30px 0;
      order: 3;
      .attribute-circles {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
  
        .attribute-name {
          font-size: 32px;
          font-weight: 400;
          font-family: 'Yanone Kaffeesatz';
          letter-spacing: 0.32px;
          line-height: 100%;
        }
        .circle {
            width: 16px;
            height: 16px;
            padding: 0;
            border-radius: 50%;
            background-color:white;
            border: 2px solid black;
            margin-right: 5px;
        }
        
        .circle.filled {
            background-color: black;
        }
      }
    }
    .woocommerce-variation-price .price {
      display: block;
    }
    .variations_form {
      order: 4;

      .variations {
        width: 100%;
        tbody {
          margin-bottom: 40px;
          display: flex;
          font-size: 32px;
          font-weight: 400;
          font-family: 'Yanone Kaffeesatz';
          letter-spacing: 0.32px;
          line-height: 100%;
        }
       
        tr:first-child {
          select {
            display: none;
          }
        }
        .variation-radios {
          display: flex;
          overflow: hidden;
          border: 4px solid #D9D9D9;
          background-color: #D9D9D9;
          border-radius: 20px;
          height: 100%;
          input {
            display: none;
          }

          label {
            display: flex;
            align-items: center;
            color: #757575;
            font-size: 20px;
            line-height: 1;
            text-align: center;
            padding: 8px 10px;
            min-width: 60px;
            justify-content: center;
            

            &:hover {
              cursor: pointer;
            }
          }

          input:checked + label {
            height: 100%;
            background-color: white;
            border-radius: 18px;
            color: black;
            animation: var(--animation-shake-x);
          }
        }
        

        tr {
			z-index: 10;
          width: 50%;
          font-size: 32px;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          letter-spacing: 0.32px;
          line-height: 100%;
          display: flex;
          align-items: center;
			.reset_variations {
				display:none !important;
			}

         .label {
          padding-right: 40px;
         }
         select {
			 font-size: 20px;
			 z-index: 10;
			 display:block;
			 background: white;
			 width: 100%;
			 color: black;
			 background-image: url(/wp-content/uploads/2024/03/vector-3.svg);
			 background-position: calc(100% - 10px) 50%,100%;
			 background-size: 15px 10px;
			 background-repeat: no-repeat;
         } 
        }
        .reset_variations {
          display: none;
        }
      }

      .single_variation_wrap {
		width: 100%;
        display: flex;
        
        >* {
          display: flex !important;
          flex-basis: 50%;
          width: 100%;
        }

        .price {
          font-size: 62px;
          line-height: 100%;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          .woocommerce-Price-currencySymbol {
            font-size: 48px;
          }
        }
        .woocommerce-variation-availability {
          display: none;
        }

        .quantity {
		  width: max-content;
          margin-right: 20px;
          display: flex;
          font-size: 36px;
          line-height: 100%;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          border: 2px solid #C7C7C7;
          border-radius: 20px;
          padding: 8px;
          input {
            width: 70px;
            appearance: none;
            border: none;
            display: flex;
            justify-content: center;
            text-align: center;
            writing-mode: none;
            outline: none;
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }
          }
          button {
			color: black;
			padding:5px;
            -webkit-appearance: none;
            background: none;
            border: none;
          }
        }

        .woocommerce-variation-add-to-cart {
          .quantity {
            height: 100%;
           
          }

          button.single_add_to_cart_button {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            padding-left: 20px;
            -webkit-appearance: none;
            border: none;
            background-color: #E31D1A;
            color: white;
            border-radius: 20px;
            font-weight: 600;
            font-family: 'Yanone Kaffeesatz';
            letter-spacing: 0.32px;
            line-height: 100%;
            font-size: 40px;
  
            &::after {
              margin-left: 10px;
              display: inline-block;
              background-image: url(/wp-content/uploads/2024/04/cart-large-4-svgrepo-com-1.svg);
              background-size: 100%;
              background-repeat: no-repeat;
              background-position: 50% 50%,100%;
              width: 50px;
              height: 50px;
              content: "";
            }
          }
        }
      }

    }
    .product_meta {
      display: none;
    }
    .woocommerce-tabs{
      h2.title {
        font-size: 36px;
        margin-bottom: 30px;
      }
      .wc-tabs {
        display: none;
      }
      .woocommerce-Tabs-panel {
        margin-top: 50px;
        display: block !important;
        p {
          line-height: 125%;
        }
        img {
          width: 100%;
          border-radius: 20px;
        }
        table {
          width: 100%;
          tbody {
			flex-wrap:wrap;
            width: 100%;
            display: flex;
            tr {
              width: 50%;
              display: flex;
              flex-direction: column;
              font-family: 'Yanone Kaffeesatz';
              font-size: 36px;
              letter-spacing: 0.36px;
              th {
                width: 100%;
                font-weight: 600;
              }
              td {
                width: 100%;
                font-weight: 300;
              }
            }
          }
        }
      }
    }
  }
  .related.products {
    margin-top: 20px;
    h2 {
      font-size: 36px;
      font-weight: 600;
      font-family: 'Yanone Kaffeesatz';
      letter-spacing: 0.64px;
      line-height: 100%;
      text-transform: uppercase;
    }
    ul {
      display: flex;
		position: relative;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: auto;
	  max-width: 100%;
      box-sizing: border-box;
      &::-webkit-scrollbar { height: 0; }
	  &::-webkit-scrollbar { 
      	display: none;
	  }
      li {
        padding-top: 110px !important;
	    width: 45%;
		flex: 0 0 auto;
  		max-width: 100%;
        a {
          padding-bottom: 18px !important;
          img {
            width: 250px;
            height: 250px;
          }
        }
        .price {
          display: none;
        }
        .product_type_simple,.add_to_cart_button{
          display: none !important;
        }
        form {
          display: none !important;
        }
      }
    }
      
  }
  .regular-product-details {
    .name-price {
      display: grid !important;
      grid-template-rows: auto;
      grid-template-columns: repeat(2, 1fr);
      .product_title {
        grid-column-start: 1;
        grid-column-end: 4;
      }
      .woocommerce-product-details__short-description {
        grid-column-start: 1;
        grid-column-end: 4;
      }
      .price {
        margin-top: 20px;
        order: 3;
        display: flex;
        font-size: 62px;
        line-height: 100%;
        font-weight: 600;
        font-family: 'Yanone Kaffeesatz';
		  display:flex;
		  flex-flow:row-reverse;
		  justify-content:start;
		  align-items: center;
		  gap:10px;
		  ins {
				text-decoration:none;
				color:#E31D1A;
			}
			del {
				color: grey;
				font-size: 32px;
				.woocommerce-Price-currencySymbol {
          font-size: 32px;
        }
			}
        .woocommerce-Price-currencySymbol {
          font-size: 48px;
        }
        span {
          line-height: 100%;
        }
      }
      .cart {
        margin-top: 20px;
        order: 4;
        display: flex;
        .quantity {
          margin-right: 20px;
          display: flex;
          font-size: 36px;
          line-height: 100%;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          border: 2px solid #C7C7C7;
          border-radius: 20px;
          padding: 8px;
          input {
            width: 70px;
            appearance: none;
            border: none;
            display: flex;
            justify-content: center;
            text-align: center;
            writing-mode: none;
            outline: none;
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }
          }
          button {
			color: black;
			padding: 5px;
            -webkit-appearance: none;
            background: none;
            border: none;
          }
        }
        button.single_add_to_cart_button {
          display: flex;
          align-items: center;
          padding: 5px 10px;
          padding-left: 20px;
          -webkit-appearance: none;
          border: none;
          background-color: #E31D1A;
          color: white;
          border-radius: 20px;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          letter-spacing: 0.32px;
          line-height: 100%;
          font-size: 40px;

          &::after {
            margin-left: 10px;
            display: inline-block;
            background-image: url(/wp-content/uploads/2024/04/cart-large-4-svgrepo-com-1.svg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 50% 50%,100%;
            width: 50px;
            height: 50px;
            content: "";
          }
        }
      }
      .attributes {
        display: none;
      }
    }
    .woocommerce-tabs {
      h2.title {
        span {
          display: initial;
        }
      }
    }
  }
}

.contact {
  .row :last-child{
    align-self: center;
  }
  h1 {
    text-transform: uppercase;
  }
  ul {
    list-style: none;
    padding: 0;
    margin-bottom: 2.5rem;
    li {
      justify-content: flex-start !important;
      font-size: 32px;
      a {
        font-weight: 400;
        font-size: 32px;
      }
      svg {
        height: 20px;
        width: auto;
        margin-right: 10px;
      }
      .button {
        line-height: 100%;
        font-size: 20px;
        padding: 0 20px;
        width: auto;
        margin-left: 0;
        margin-right: 20px;
        background: #D9D9D9;
      }
    }
  }
  p {
    margin-top: 1rem;
    font-weight: 300;
    line-height: 125%;
  }
}

.polityka {
  h1 {
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 4rem;
  }
  ul {
    margin-bottom: 5rem;
    list-style: decimal;
    padding: 0;
    li {
      font-size: 40px;
      p {
       font-weight: 300;
       line-height: 125%;
       margin: 1rem 0; 
		font-size: clamp(24px, 5vw, 28px) !important;
		  a{
			  font-size: clamp(24px, 5vw, 28px) !important;
		  }
      }
    }
  }
	p.start {
		line-height: 100% !important;
		font-size: clamp(18px, 5vw, 24px) !important;
	}
}

@keyframes sweep {
0%    {opacity: 0; transform: translateX(-10px)}
100%  {opacity: 1; transform: translateX(0)}
}

.footer {
  justify-content: end;
  flex-direction:column;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  height: 350px;
  background-size: cover;
  background-image: url(/wp-content/uploads/2024/03/Ellipse-13.png);
  hr {
	  margin-top: 30px;
	  margin-bottom: 0px;
	  opacity: 1;
	border-color: #FFF;
  }
	.copyright {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: auto;
		margin-left: auto;
		span {
			font-family: 'Yanone Kaffeesatz';
			font-size:20px;
		}
		a:hover{
			svg {
				animation: var(--animation-pulse);
			}
		}
	}
  ul {
    padding: 0;
    list-style: none;
    margin: 0;
    &::-webkit-scrollbar { height: 0; }
	&::-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}
    li {
      line-height: 100%;
    }
    li:not(:last-child) {
      margin-bottom: 30px;
    }
    .button {
      span {
        display: none;
      }
    }
    .button:hover {
      background: white !important;
    }
  }
}
.checkout-page {
	overflow-x:hidden;
	.woocommerce {
		margin-top: 3rem;
		.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle {
			.woocommerce-info {
				margin-bottom: 1.5rem;
				padding: 0;
				border:none;
				background-color:transparent;
				font-size: clamp(20px, 2vw, 24px);
				&::before {
					content: none;
				}
				a {
					font-size: clamp(20px, 2vw, 24px);
					text-decoration:underline;
				}
			}
		}
		.woocommerce-form-login {
			.form-row-first {
				flex-direction: column !important;	
				align-items: initial !important;
			}
			.form-row-last {
				flex-direction: column !important;
				align-items: initial !important;
			}
			.form-row {
				display:flex;
				flex-direction: row-reverse;
				align-items: center;
				button:not(.show-password-input) {
					color: white;
					width:100%;
					background: #E31D1A !important;
					&:hover {
						background: #757575 !important;
					}
				}
			}
			.woocommerce-form-login__rememberme {
				white-space: nowrap;
				display: block;
				position: relative;
				padding-left: 35px;
				padding-bottom: 0;
				font-size:24px;
				margin-bottom: 0;
				input {
					appearance:none;
					position: absolute;
					top: 0;
					left: 0;
					height: 24px;
					width: 24px;
					border: 1px solid rgba(0,0,0,.1);
					border-radius: 8px;
					&:after {
						content: "";
						position: absolute;
						display: none;
						left: 8px;
						top: 3px;
						width: 7px;
						height: 13px;
						border: solid #E31D1A;
						border-width: 0 3px 3px 0;
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						transform: rotate(45deg);
					}
				}
				input:checked {
					&:after {
						display: block !important;	
					}
				}
				&:hover input {
					background-color: #F5F5F5;
				}
				input:checked {
					background-color: #FCE8E8;
				}
			}
		}
		.woocommerce-form-coupon,.woocommerce-form-login {
			display:flex;
			flex-direction:column;
			margin-top: 0 !important;
			padding:0 !important;
			border:none !important;
			.form-row {
				width:50%;
			}
			p {
				font-size: 24px;
			}
			.form-row-last {
				float:left;
				button {
					font-size:21px;
				}
			}
			input {
				border: 1px solid hsla(0,0%,7%,.8);
				padding: 8px 10px;
				border-radius: 4px;
				font-size:21px;
			}
		}
	}
	p.create-account {
		margin: 20px 0;
		label {
			white-space: nowrap;
			display: flex !important;
			position: relative;
			padding-left: 35px;
			padding-bottom: 0;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			font-size:20px;
		}
		span {
			font-size:20px;
			width: 100%;
			display: flex !important;
			justify-content: space-between;
		}
		input {
			appearance:none;
			position: absolute;
			top: 0;
			left: 0;
			height: 24px;
			width: 24px;
			border: 1px solid rgba(0,0,0,.1);
			border-radius: 8px;
			&:after {
				content: "";
				position: absolute;
				display: none;
				left: 8px;
				top: 3px;
				width: 7px;
				height: 13px;
				border: solid #E31D1A;
				border-width: 0 3px 3px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
		}
		input:checked {
			&:after {
				display: block !important;	
			}
		}
		&:hover input {
			background-color: #F5F5F5;
		}
		input:checked {
			background-color: #FCE8E8;
		}                       
	}
}
.woocommerce,.wp-block-woocommerce-checkout {
  flex-direction: column;
  display: flex;
  font-family: 'Yanone Kaffeesatz';
  letter-spacing: 0.01em;
  margin-top: 5rem;
  padding: 0 15px;
	.customer_details {
		#billing_company_field,#mrkv_ua_shipping_nova-poshta_poshtamat_city_label_field,#billing_country_field,#mrkv_ua_shipping_nova-poshta_poshtamat_city_ref_field,#mrkv_ua_shipping_nova-poshta_poshtamat_area_name_field,#mrkv_ua_shipping_nova-poshta_city_label_field,#mrkv_ua_shipping_nova-poshta_city_ref_field,#mrkv_ua_shipping_nova-poshta_area_name_field{
			display:none;
		}
	}
	
  .woocommerce-notices-wrapper {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.20px;
    ul,.woocommerce-message {
      border-radius: 100px;
    }
  }
  .container-cart {
    display: flex;
    width: 100%;
    .woocommerce-cart-form {
      flex: 1 0 65%; 
      thead {
        position: sticky;
        background-color: white;
        top: 0;
        border-bottom: 1px solid black;
      }
      tr {
        th {
          font-size: 20px !important;
          font-family: 'Yanone Kaffeesatz' !important;
          font-weight: 300 !important;
          line-height: 125% !important;
        }
		.quantity {
		  width: max-content;
		  font-size:24px;
          display: flex;
          line-height: 100%;
          font-weight: 600;
          font-family: 'Yanone Kaffeesatz';
          border: 2px solid #C7C7C7;
          border-radius: 20px;
          padding: 0 8px;
          input {
			background: none;
            width: 3rem;
            appearance: none;
            border: none;
            display: flex;
            justify-content: center;
            text-align: center;
            writing-mode: none;
            outline: none;
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }
          }
          button {
			color: black;
			padding:5px;
            -webkit-appearance: none;
            background: none;
            border: none;
          }
        }

      }
      td.product-thumbnail{
        padding: 0;
        width: 180px;
        img {
          width: 100%;
        }
      }
      .product-name {
        line-height: 2em;
        a {
          font-size: 24px;
          font-weight: 700;
        }
        .variation {
          display: flex;
          align-items: center;
          dt {
            font-weight: 300;
            line-height: 100% ;
            font-size: 20px;
          }
          dd {
            p {
              font-weight: 500 !important;
              line-height: 100% !important;
              font-size: 20px;
            }
          }
        }
      }
      .product-price {
        font-size: 24px;
        font-weight: 300;
      }
      .product-subtotal {
        font-size: 24px;
        font-weight: 500;
      }
      .product-quantity {
        input {
          width: 3em;
          font-size: 24px;
          font-weight: 300;
          border-radius: 8px;
          border: 1px solid rgba(0,0,0,.1);
        }
      }
      .product-remove {
        a {
          margin-right: 0;
          width: 35px;
          aspect-ratio: 1;
          font-size: 35px;
          color: #E31D1A !important;
          transition: 0.4s;
          &:hover {
            background: #E31D1A;
            color: white !important;
            animation: var(--animation-pulse) !important;
          }
        }
      }
      .coupon {
        width: 50%;
        display: flex;
        .input-text {
          width: 100%;
          font-size: 24px;
          margin-right: 10px;
          border: 1px solid rgba(0,0,0,.1);
          border-radius: 8px;
          padding: 0 5px;
        }
        .button {
          white-space: nowrap;
        }
      }
    }
    .cart-collaterals {
      flex: 1 0 35%;
      .cart_totals {
        width: 100%;
        padding: 0 20px 70px;
        table {
			width: 100%;
			display: block;
			overflow: hidden;
          tbody {
            display: flex;
            flex-direction: column;
			  .cart-discount {
				  td {
					  text-align: end !important;
					  .woocommerce-remove-coupon {
						  color:#E31D1A;
					  }
				  }
			  }
            th {
              width: 100%;
              font-size: 24px;
              font-weight: 300;
            }
            td {
              width: 100%;
              font-size: 24px;
              font-weight: 500;
            }
			  .shipping {
				  display: flex;
				  flex-direction: column;
				  .woocommerce-shipping-methods {
					  label {
						  width: 100%;
						  flex-basis:100%
						  overflow: hidden;
						  text-overflow: ellipsis;
						  font-size: 24px !important;
						  font-weight: 300 !important;
					  }
				  }
				  .woocommerce-shipping-destination {
					  display: none;
				  }
				  td {
					  display: flex;
					  flex-direction: column;
					  &:before {
						text-align:left;  
					  }
				  }
				  ul.woocommerce-shipping-methods {
					  li {
						  white-space: nowrap;
						  display: block;
						  position: relative;
						  padding-left: 35px;
						  padding-bottom: 0;
						  cursor: pointer;
						  -webkit-user-select: none;
						  -moz-user-select: none;
						  -ms-user-select: none;
						  user-select: none;
						  label {
							  width: 100%;
							  display: flex !important;
							  justify-content: space-between;
						  }
						  input {
							  appearance:none;
							  position: absolute;
							  top: 0;
							  left: 0;
							  height: 24px;
							  width: 24px;
							  border: 1px solid rgba(0,0,0,.1);
							  border-radius: 8px;
							  &:after {
								  content: "";
								  position: absolute;
								  display: none;
								  left: 8px;
								  top: 3px;
								  width: 7px;
								  height: 13px;
								  border: solid #E31D1A;
								  border-width: 0 3px 3px 0;
								  -webkit-transform: rotate(45deg);
								  -ms-transform: rotate(45deg);
								  transform: rotate(45deg);
							  }
						  }
						  input:checked {
							  &:after {
								  display: block !important;	
							  }
						  }
						  &:hover input {
							  background-color: #F5F5F5;
						  }
						  input:checked {
							  background-color: #FCE8E8;
						  }                       
					  }
				  }
				  p {
					  font-size: 24px;
					  font-weight: 500;
				  }
				  .shipping-calculator-form {
					  p {
						  padding: 0;
						  margin-bottom: 15px;
						  .select2-selection,input {
							  padding-top: 5px;
							  padding-bottom: 5px;
							  height: auto !important;
							  border: 1px solid rgba(0,0,0,.1);
							  border-radius: 8px;
							  .select2-selection__arrow {
								  height: 100%;
							  }
						  }
						  input {
							  padding-left: 8px;
						  }
					  }
				  }
				  .shipping-calculator-button {
					  text-decoration: underline;
				  }
			  }
			}
		  }
      }
    }
  }
  .wc-block-checkout {
    width: 100%;
  }
  .wc-proceed-to-checkout {
    .button {
      width: 100%;
      font-size: 28px;
      padding: 15px !important;
      text-align: center;
      background: #E31D1A !important;
      color: white ;
      &:hover {
        background: #757575 !important;
      }
    }
  }
  .wp-block-woocommerce-checkout-fields-block {
    p {
      font-size: 16px;
    }
  }
  .button,.components-button {
    border: none;
    transition: .5s;
    border-radius: 100px !important;
    justify-content: center;
    background: #D9D9D9 !important;
    padding: 10px 15px !important;
    font-size: 20px;
    font-weight: 400 !important;
    color: #515151 ;
    font-family: 'Yanone Kaffeesatz';
    &:hover {
      background: #FCE8E8 !important;
      animation: var(--animation-pulse);
    }
  }
  .return-to-shop {
    .button {
      font-size: 20px;
    }
  }
  .woocommerce-MyAccount-navigation {
    width: 25%;
    ul {
      padding: 0;
      padding-right: 35px;
      .button {
        background: #F5F5F5 !important;
        &.is-active {
          background: #D9D9D9 !important;
          a {
            font-weight: 700;
          }
        }
        &:hover {
          background: #FCE8E8 !important;
        }
        a {
          font-weight: 400;
        }
      }
      li {
        margin-bottom: 10px;
        padding: 0 !important;
        a {
          padding: 10px 15px !important;
          display: flex;
          width: 100%;
          align-items: center;
          i {
            margin-right: 5px;
            float: none;
          }
        }
      }
    }
  }
  .wc-block-components-totals-coupon {
    button {
      min-height: 2em !important;
    }
  }
  .woocommerce-MyAccount-content {
    width: 75%;
    p {
      font-weight: 300;
      a {
        text-decoration: underline;
        font-size: 32px;
        font-weight: 700;
      }
    }
    form {
      p {
        margin-bottom: 15px;
        label {
          font-size: 24px;
          padding-bottom: 5px;
          line-height: 1;
        }
        input {
          border: 1px solid rgba(0,0,0,.1);
          padding: 10px;
          border-radius: 8px;
          font-size: 24px;
          position: relative;
        }
        .woocommerce-password-strength {
          font-size: 20px;
          border-radius: 8px;
        }
        .woocommerce-password-hint {
          font-size: 18px;
          font-weight: 400;
          line-height: 100%;
        }
        .woocommerce-Input--password {
          padding-right: 60px;
        }
        em {
          font-size: 16px;
        }
      }
    }
    .wcmtx-my-account-links {
      a {
        transition: .5s;
        justify-content: center;
        font-weight: 500;
        font-family: 'Yanone Kaffeesatz'; 
        &:hover {
          background: #FCE8E8 !important;
          animation: var(--animation-pulse);
        }
        p {
          i {
            scale: 1.5;
          }
        }
      }
    }
	  .u-column1.col-1.woocommerce-Address {
		  width:100% !important;
	  }
  }
  table,.my_account_orders {
    font-size: 16px !important;
  }
  .woocommerce-order,.woocommerce-order-details {
    width: 100%;
    ul {
      padding: 0;
      display: flex;
    }
    table {
      th {
        font-size: 24px;
        font-weight: 300;
      }
      td {
        font-weight: 300;
        font-size: 24px;
      }
      .product-name {
        a {
          font-size: 28px;
        }
        .product-quantity {
          padding-left: 15px;
          font-size: 28px;
        }
        ul {
          padding-left: 0;
          gap: 20px;
          margin-top: 5px;
          li {
            display: flex;
            align-items: center;
            strong {
              font-weight: 300;
              font-size: 24px;
            }
            p {
              font-weight: 700;
              font-size: 24px;
            }
          }
        }
      }
    }
  }
  .woocommerce-customer-details {
    address {
      font-size: 20px;
      p {
        font-size: 20px;
        font-weight: 400;
        &::before {
          line-height: 100% !important;
        }
      }
    }
	  te
  }
  .wc-block-components-checkout-step__heading-content {
    font-size: 16px;
    a {
      text-decoration: underline;
    }
  }
	.woocommerce-checkout-review-order {
		table {
			display:grid;
			border: none;
			thead {
				display: none;
			}
			tbody {
				tr.cart_item {
					position:relative;
					display: grid;
					grid-template-columns: repeat(5, 1fr);
					grid-template-rows: repeat(1, 1fr);
					grid-column-gap: 0px;
					grid-row-gap: 0px;
					background: #F5F5F5;
					border-radius: 20px;
					padding: 0;
					margin: 15px 0;
					td {
						border-top: none;
						padding: 0 ;
					}
				}
				.product-thumbnail { grid-area: 1 / 1 / 2 / 2; }
				.product-name { 
					padding: 10px !important;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
					line-height: clamp(100%, 5vw, 125%) !important;
					font-size: clamp(14px, 5vw, 20px) !important;
					font-weight: 500;
					dl.variation {
						color: #515151;
						line-height: 100%;
						font-weight: 300;
						display: flex;
						align-items: center;
						dt {
							font-weight: 300;
							font-size: clamp(14px, 5vw, 18px) !important;
						}
						dd{
							display: -webkit-box;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							overflow: hidden;
							text-overflow: ellipsis;
							p{
								font-weight: 500;	
								font-size: clamp(14px, 5vw, 18px) !important;
							}
						}
					}
					grid-area: 1 / 2 / 2 / 6; 
				}
				.product-total {
					position:absolute;
					bottom:0;
					right:0;
					font-weight: 700;
					margin-left: auto;
					text-align: right;
					align-self: center;
					font-size: clamp(16px, 5vw, 20px) !important;
					padding-top: 0px !important;
					padding: 10px !important;
					grid-area: 2 / 3 / 2 / 7; 
				}
			}
			tfoot {
				tr {
					grid-template-columns: repeat(2, 1fr);
					grid-template-rows: repeat(1, 1fr);
					display: grid;
					font-size: 20px;
					th {
						font-size: 20px;
						font-weight: 300 !important;
					}
					td {
						text-align:right;
					}
				}
				tr.shipping {
					grid-template-columns: repeat(1, 1fr);
					td {
						ul.woocommerce-shipping-methods {
							li {
								white-space: nowrap;
								display: block;
								position: relative;
								padding-left: 35px;
								padding-bottom: 0;
								cursor: pointer;
								-webkit-user-select: none;
								-moz-user-select: none;
								-ms-user-select: none;
								user-select: none;
								label {
									width: 100%;
									display: flex !important;
									justify-content: space-between;
								}
								input {
									appearance:none;
									position: absolute;
									top: 0;
									left: 0;
									height: 24px;
									width: 24px;
									border: 1px solid rgba(0,0,0,.1);
									border-radius: 8px;
									&:after {
										content: "";
										position: absolute;
										display: none;
										left: 8px;
										top: 3px;
										width: 7px;
										height: 13px;
										border: solid #E31D1A;
										border-width: 0 3px 3px 0;
										-webkit-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
										transform: rotate(45deg);
									}
								}
								input:checked {
									&:after {
										display: block !important;	
									}
								}
								&:hover input {
									background-color: #F5F5F5;
								}
								input:checked {
									background-color: #FCE8E8;
								}                       
							}
						}
					}
				}
			}
		}
		.woocommerce-checkout-payment {
			background: #F5F5F5 !important;
			ul.methods {
				li {
					display: block;
					position: relative;
					padding-left: 35px;
					padding-bottom: 0;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					label {
						width: 100%;
						display: flex !important;
						justify-content: space-between;
					}
					input {
						appearance:none;
						position: absolute;
						top: 8px;
						left: 0;
						height: 24px;
						width: 24px;
						border: 1px solid rgba(0,0,0,.1);
						border-radius: 8px;
						&:after {
							content: "";
							position: absolute;
							display: none;
							left: 8px;
							top: 3px;
							width: 7px;
							height: 13px;
							border: solid #E31D1A;
							border-width: 0 3px 3px 0;
							-webkit-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							transform: rotate(45deg);
						}
					}
					input:checked {
						&:after {
							display: block !important;	
						}
					}
					&:hover input {
						background-color: #F5F5F5;
					}
					input:checked {
						background-color: #FCE8E8;
					}
				}
			}
			p {
				font-size: clamp(14px, 5vw, 20px) !important;
				font-weight: 300;
			}
			.place-order {
				.form-row {
					label {
						margin-bottom:0;
						display: block;
						position: relative;
						padding-left: 35px;
						padding-bottom: 0;
						cursor: pointer;
						-webkit-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
						input {
							appearance:none;
							position: absolute;
							top: 0;
							left: 0;
							height: 24px;
							width: 24px;
							border: 1px solid rgba(0,0,0,.1);
							border-radius: 8px;
							&:after {
								content: "";
								position: absolute;
								display: none;
								left: 8px;
								top: 3px;
								width: 7px;
								height: 13px;
								border: solid #E31D1A;
								border-width: 0 3px 3px 0;
								-webkit-transform: rotate(45deg);
								-ms-transform: rotate(45deg);
								transform: rotate(45deg);
							}
						}
						span {
							font-size: clamp(14px, 5vw, 20px) !important;
							font-weight: 300;
						}
						input:checked {
							&:after {
								display: block !important;	
							}
						}
						&:hover input {
							background-color: #F5F5F5;
						}
						input:checked {
							background-color: #FCE8E8;
						}
					}
				}
				.woocommerce-terms-and-conditions {
					h1 {
						font-size:32px;
					}
				}
				.woocommerce-terms-and-conditions-wrapper:not(:has(.woocommerce-validated)) + #place_order {
					pointer-events: none;
					opacity: 0.5;
					cursor: not-allowed;
				}
				button.button {
					font-size: 24px;
					padding: 10px !important;
					width:100%;
					background: #E31D1A !important;
					&:hover {
						background: #757575 !important;
					}
				}
			}
		}
	}
	textarea {
		border: 1px solid hsla(0,0%,7%,.8);
		font-size: 21px;
		padding: 8px 10px;
		border-radius: 8px;
		&::placeholder {
			font-size:21px;
		}
	}
}

p.form-row {
	padding:0 !important;
	margin-bottom: 15px !important;
	label {
		line-height: 100% !important;
		font-size:16px;
		margin-bottom:5px;
	}
	.select2-selection {
		border: 1px solid hsla(0,0%,7%,.8);
		font-size: 21px;
		padding:8px 10px;
		line-height:100% !important;
		height: auto;
		span {
			padding-left:0px !important;
			line-height:100% !important;
			height:100% !important;
		}
	}
	
	.checkout-inline-error-message {
		font-size: 18px;
		color: var(--wc-red);
		margin-top: 10px;
	}
}
.select2-dropdown {
	border-color: hsla(0,0%,7%,.8) !important;
}
p.form-row.thwcfd-field-email {
	border: 1px solid hsla(0,0%,7%,.8);
	font-size: 21px;
		letter-spacing: 0.21px;
		border: none ;
		font-family: inherit;
		appearance: none;
		border-radius: 0;
		padding: 0;
		padding-bottom: 0 !important;
		padding-block-end: 0.5rem;
		cursor: text;
}
p.form-row.thwcfd-required{
	display: flex;
	flex-flow: column-reverse;
	border: 1px solid hsla(0,0%,7%,.8);
	padding: 8px 10px !important;
	padding-bottom: 4px;
	border-radius: 4px;

	> label,
	> input {
		margin-bottom:0px;
		transition: all 0.2s;
		touch-action: manipulation;
	}

	> label {
		line-height:100% !important;
		font-size:14px;
		margin-top: -5px !important;
		opacity: 0.5;
	}
	.input-text {
		border:none !important;
		padding: 0 !important;
	}
	.checkout-inline-error-message {
		display: none;
	}
	input {
		font-size: 21px;
		letter-spacing: 0.21px;
		border: none;
		font-family: inherit;
		appearance: none;
		border-radius: 0;
		padding: 0;
		padding-bottom: 0 !important;
		padding-block-end: 0.5rem;
		cursor: text;

		&:focus {
			outline: 0;
			border: none;
		}

		&:placeholder-shown + label {
			cursor: text;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			transform-origin: left bottom;
			opacity: 0.8;
			transform: translate(0, 16px) scale(1.5);
		}

		&::placeholder {
			opacity: 0;
			transition: inherit;
		}

		&:focus::placeholder {
			opacity: 1;
		}

		&:not(:placeholder-shown) + label,
		&:focus + label {
			transform: translate(0, 0) scale(1);
			cursor: pointer;
		}
	}
}
.MyAccount {
  .woocommerce {
    flex-direction: row;
    .login,.woocommerce-ResetPassword {
      form {
        p {
          margin-bottom: 15px;
          label {
            font-size: 24px;
            padding-bottom: 5px;
            line-height: 1;
          }
          input {
            border: 1px solid rgba(0,0,0,.1);
            padding: 10px;
            border-radius: 8px;
            font-size: 24px;
            position: relative;
          }
          .password-input {
            input {
              padding-right: 60px;
            }
          }
          
          em {
            font-size: 16px;
          }
        }
        .login-button {
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: center;
          .button {
            margin: 0px;
            width: 100%;
            text-align: center;
            background: #E31D1A !important;
            color: white ;
            &:hover {
              background: #757575 !important;
            }
          }
        }
        .rememberme,.lost_password {
          display: flex;
          justify-content: space-between;
          label {
            white-space: nowrap;
            display: block;
            position: relative;
            padding-left: 35px;
            padding-bottom: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
              height: 0;
              width: 0;
            }
            .checkmark {
              position: absolute;
              top: 0;
              left: 0;
              height: 24px;
              width: 24px;
              border: 1px solid rgba(0,0,0,.1);
              border-radius: 8px;
              &:after {
                content: "";
                position: absolute;
                display: none;
                left: 8px;
                top: 3px;
                width: 7px;
                height: 13px;
                border: solid #E31D1A;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
              }
            }
            input:checked ~ .checkmark:after {
              display: block;
            }
            &:hover input ~ .checkmark {
              background-color: #F5F5F5;
            }
            input:checked ~ .checkmark {
              background-color: #FCE8E8;
            }                       
          }
        }
        &.register {
          p {
            line-height: 125%;
            font-size: 20px;
            a {
              text-decoration: underline;
            }
          }
        }
      }
      .woocommerce-message {
        border-radius: 100px;
      }
    }
  }
}
.select2-dropdown {
  border: 1px solid rgba(0,0,0,.1);
  border-top: none;
}
.wc-block-components-order-summary-item {
	display: grid !important;
	grid-template-columns: repeat(7, 1fr);
	position: relative;
	background: #F5F5F5;
	border-radius: 20px;
	padding: 5px 10px !important;
	padding-left: 0 !important;
	margin-bottom: 10px;
	.wc-block-components-order-summary-item__image {
		width: auto !important; /* Фото займає 1/4 всього блоку */
		display: block; /* Відображаємо блок зображення */
		grid-column-start: 1;
		grid-column-end: 3;
		align-self: center;
		padding: 0px !important;
		margin: 0 !important;
		img {
			width: 100% !important; /* Розтягуємо фото на всю ширину фото-блоку */
			max-width:100% !important;
		}
		.wc-block-components-order-summary-item__quantity {
			transform: translate(0%,-40%);
		}
	}
	.wc-block-components-order-summary-item__description {
		width: auto; /* Специфікуємо ширину для інших елементів */
		grid-column-start: 3;
		grid-column-end: 7;
		padding:5px !important;
		align-self: center;
		.wc-block-components-product-name {
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 125% !important;
			font-size: clamp(20px, 5vw, 28px) !important;
			font-weight: 500;
		}
		.wc-block-components-product-metadata__description {
			p {
				color:#515151;
				line-height: 100%;
				font-weight:300;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				font-size: clamp(14px, 5vw, 20px) !important;
			}
		}
		.wc-block-components-product-details {
			li {
				color:#515151;
				line-height: 100%;
				font-weight:300;
				font-size: clamp(14px, 5vw, 20px) !important;
				span:last-child {
					font-weight:500;
				}
			}
		}
		.wc-block-components-order-summary-item__individual-prices{
			display: none;
		}
	}
	.wc-block-components-order-summary-item__total-price {
		align-self: center;
		font-size: clamp(20px, 5vw, 28px) !important;
		font-weight: 500;
	}
}

@media (max-width: 991.98px) {
	.empty-page {
		height:80vh;
	}
  body {
    padding-bottom: 0px;
  }

  h1,.title {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
  .header{
    .container {
      max-width: none !important;
      width: 100vw;
    }
    margin-bottom: 20px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 100%);
    z-index: 999;
    position: sticky;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    .navbar {
      padding: 0;
      margin-bottom: 0;
      position: relative;
      display: flex;
      width: 100%;
      .navbar-toggler {
        z-index: 199;
        border: none;
        padding: 0px;
        .bar1, .bar2, .bar3 {
          width: 30px;
          height: 3px;
          border-radius: 100px;
          background-color: black;
          margin: 6px 0;
          transition: 0.4s;
        }
      }
      .navbar-toggler[aria-expanded="true"] {
        .bar1 {
          transform: translate(0, 11px) rotate(-45deg);
        }
        .bar2 {opacity: 0;}
        .bar3 {
          transform: translate(0, -7px) rotate(45deg);
        }
      }
      .navbar-brand {
        z-index: 99;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0%);
        height: 60px;
        img {
          height: 100%;
        }
      }
      .cart-profile {
        z-index: 999;
        top: 0;
        .profile-block {
         display: none;
        }
        .cart {
          svg {
            height: 35px;
          }
          .cart-count {
            right: -5px;
            height: 20px;
            min-width: 20px;
          }
        }
      }
      .navbar-collapse.collapsing{
        display: flex;
        position: absolute;
        top: -10px;
        left: -15px;
        .menu-top-container {
          display: none;
        }
      }
      .navbar-collapse.show{
        -webkit-backdrop-filter: blur(30px);
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.2) 100%);
        display: flex;
        position: absolute;
        top: -10px;
        left: -15px;
        z-index: 9;
        height: 100vh;
        width: 100vw;
        transition: .2s;
        .menu-top-container {
          width: 100vw;
          ul {
            gap: 15px;
            align-items: center;
            width: 100%;
            padding: 15px;
            flex-direction: column;
            li {
              margin-right: 0;
              &:hover {
                a {
                  animation: none;
                }
                &::after {
                  display: none;
                }
              }
              &:last-child {
                display: list-item;
              }
            }
            li.current-menu-item {
              &:hover {
                &::after {
                  display: block;
                }
              }
            }
          }
        }
      }
    }
  }

  .wp-block-navigation {
	  ul {
		  li.current-menu-item {
			  a::before {
				  display:none;
				  content: none;
			  }
			  a .menu-image-title{
				  color: #E31D1A;
			  }
		  }
	  }

    .wp-block-navigation__responsive-container-open  {
      display: none;
    }
    .wp-block-navigation__responsive-container {
      display: block !important;
      position: relative;
  
      .wp-block-navigation__responsive-container-close {
        display: none;
      }
  
      ul {
        justify-content: space-around;
        li {
          padding: 0 10px;
          width: 30%;
          &:hover {
            a::before {
              display: none;
            }
          }
          a {
            width: 100%;
            span {
              width: 100%;
              img {
                width: 100%;
              }
            }
            .menu-image-title {
              margin-top: 10px;
              font-size: 24px;
            }
          }
        }
      }
    }
  }
  .product-category.novelty {
    padding: 0;
    ul {
      padding: 10px;
      overflow: scroll;
      margin: 0;
      display: flex;
      flex-wrap: nowrap;
      &::-webkit-scrollbar { height: 0; width: 0;}
      &::-webkit-scrollbar { 
       display: none;  /* Safari and Chrome */
	  }
      li {
        overflow: hidden;
        padding: 0;
        margin-top: 0;
        margin: 0 15px;
        flex: 1 0 80%;
        max-width: 300px;
        
      }
    }
  }

  .promotional-banner {
    min-height: auto;
    padding: 0 15px;
    margin: 40px 0;
    p {
      margin-top: 10px !important;
      margin: 0;
    }
  }
  .faq {
    details {
      padding: 10px;
      .details-title {
		 line-height: 125%;
        .details-image {
		  flex: 1 0 80px;
		  width: 80px;
          img {
            height: 55px;
          }
        }
      }
    }
  }

  .product-category {
    overflow: hidden;

    .menu-category-container {
      margin: 30px 0px;
      ul {
        overflow-x: scroll;
        margin: 0 -15px; 
        gap: 15px;
        &::-webkit-scrollbar { height: 0; }
		&::-webkit-scrollbar { 
        	display: none;  /* Safari and Chrome */
	    }
        li {
          flex: 1 0 24%;
          padding: 0 10px ;
          a {
            width: 100%;
            img {
              width: 100%;
				max-height:80px;
            }
            span {
              width: 100%;
              font-size: 18px;
              margin-top: 10px;
            }
          } 
          &:hover {
            a:before {
              display: none;
            }
          }
        }
      }
    }
    .woocommerce-result-count {
      align-items: center;
      font-size: 24px;
    }
    .woocommerce-ordering {
      select {
		  width:100%;
        height: max-content;
		color: black;
      }
    }

    ul.products {
      li {
        margin-bottom: 15px;
        overflow: hidden;
        padding-top: 80px !important;
        width: 100%;
        >a {
			&:has(select:focus) {
				pointer-events: none;
			}
          &:hover {
            img {
              transform: none;
            }
          }
        }
      }
    }
  }
  .product-page {
    overflow: hidden;

    .woocommerce-breadcrumb {
      margin: 20px 0;
    }

    .product-image {
      margin: 0;
      margin-bottom: 15px;
    }
    .regular-product-details {
      .price {
        grid-column-start: 1;
        grid-column-end: 4;
      }
    }
    .product-details {
      .product_title {
        text-align: center;
      }
      .woocommerce-product-details__short-description {
        text-align: center;
        p {
          font-size: 24px;
        }
      }
      .attributes {
        margin: 20px 0;
        .attribute-circles {
          padding-right: 15px;
          .attribute-name {
            font-size: 24px;
            margin-right: auto;
          }
        }
      }
      .variations {
        tbody {
          flex-direction: column;
          tr {
            justify-content: space-between;
            width: 100% !important;
            select {
              font-size: 24px;
            }
            &:first-child {
              margin-bottom: 10px;
            }
          }
        }
      }
	  .quantity {
		  font-size: 32px !important;
	  }
	  .single_add_to_cart_button {
		  font-size: 32px !important;
		  &:after {
			  width:45px !important;
			  height:45px !important;
		  }
	  }
	  .woocommerce-Tabs-panel {
		  p {
			  font-size: 24px;
		  }
		}
      .single_variation_wrap {
        flex-wrap: wrap;
        .woocommerce-variation.single_variation {
          flex: 1 0 100%;
        }
        .quantity {
          margin-right: 0px;
        }
      }
    }
    .related.products {
      margin-right: -15px;
      h2 {
        padding-right: 15px;
      }
      ul {
        li {
          width: 85%;
			.attribute-circles {
				padding-right:0;
			}
        }
      }
        
    }
  }

  .contact {
    ul:last-child {
      margin: 0;
      li {
        flex-wrap: wrap;
        margin-bottom: 10px;
        a {
          margin-bottom: 10px;
        }
      }
    }
  }
  .woocommerce,.wp-block-woocommerce-checkout {
    margin-top: 40px;
    flex-wrap: wrap;
	  form.checkout {
		  flex-direction:column;
		  width: 100%;
		  --bs-gutter-x:0;
		  div,span {
			  max-width: 100%;
		  }
	  }
    .container-cart {
      flex-wrap: wrap;
      .woocommerce-cart-form {
        flex: 1 0 100%; 
        .coupon {
          width: 100%;
        }
      }
      .cart-collaterals {
        flex: 1 0 100%;
        .cart_totals {
          padding-left: 0;
          padding-right: 0;
          .shipping {
            .shipping-calculator-form {
                p {
                  .select2-selection,input {
                    text-align: start;
                  }
                }
            }
          }
        }
      }
    }
    .woocommerce-MyAccount-navigation {
      order: 2;
      width: 100%;
      ul {
        padding: 0;
      }
    }
    .woocommerce-MyAccount-content {
      width: 100%;
      order: 1;
      p {
        font-size: 24px;
        a {
          font-size: 24px;
        }
      }
      .wcmtx-my-account-links {
        --wcmtx-col-lg: 2;
        margin-bottom: 15px;
        a {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          line-height: 100%;
          font-size: 20px;
          /* p {
            i {
              scale: 1.5;
            }
          } */
        }
      }
      .woocommerce-orders-table {
        td:first-child {
          background: #FCE8E8;
        }
		  .woocommerce-Price-amount {
			  font-size: 20px;
			  font-weight: bold;
		  }
      }
    }
    .woocommerce-order,.woocommerce-order-details {
      table {
        th {
          font-size: 20px;
        }
        td {
          font-size: 20px;
          &.product-name {
            position: relative;
            padding-right: 30px;
          }
        }
        
        .product-name {
          a {
            font-size: 24px;
          }
          .product-quantity {
            font-size: 24px;
            position: absolute;
            right: 0;
          }
          ul {
            gap: 5px;
            margin-top: 5px;
            li {
              justify-content: start;
              strong {
                line-height: 100%;
                font-size: 16px;
              }
              p {
                font-size: 16px;
              }
            }
          }
        }
      }
      ul {
        flex-direction: column;
        li {
          display: flex;
          justify-content: space-between;
          border: none;
          padding-right: 0;
          margin-right: 0;
        }
      }
    }
  }
  .woocommerce-notices-wrapper {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.20px;
    ul,.woocommerce-message {
      margin-bottom: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 100px;
      &::before {
        top: 50%;
        transform: translate(0%, -50%);
      }
      li {
        line-height: 100%;
      }
      .button {
        float: none;
      }
    }
  }

  .footer {
    display: none;
  }
	.woocommerce-cart-form table {
		border: none !important;
		.quantity {
          input {
			height:auto !important;
          }
          button {
			padding:0 !important;
          }
        }
	}

	.woocommerce-cart-form table.cart tr.cart_item {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		position: relative;
		background: #F5F5F5;
		border-radius: 20px;
		padding: 5px 10px;
		margin-bottom: 10px;
	}

	.woocommerce-cart-form table.cart td.product-thumbnail {
		width: auto !important; /* Фото займає 1/4 всього блоку */
		display: block; /* Відображаємо блок зображення */
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
		align-self: center;
		img {
			width: 100%; /* Розтягуємо фото на всю ширину фото-блоку */
			max-width:100%;
		}
	}

	.woocommerce-cart-form table.cart td.product-thumbnail::before,
	.woocommerce-cart-form table.cart td.product-name::before,
	.woocommerce-cart-form table.cart td.product-price::before,
	.woocommerce-cart-form table.cart td.product-quantity::before {
		content: none; /* Приховуємо псевдоелементи "::before" */
	}
	.woocommerce-cart-form table.cart td {
		border-top: none;
		background-color: transparent !important;
	}

	.woocommerce-cart-form table.cart td.product-name {
		width: auto; /* Специфікуємо ширину для інших елементів */
		text-align: start !important;
		grid-column-start: 2;
		grid-column-end: 4;
		font-weight: bold;
		padding:5px;
		padding-right:35px !important;
		line-height: clamp(125%, 5vw, 2em)!important;
		align-self: end;
		margin-bottom: 10px;
		a {
			font-size: clamp(20px, 5vw, 32px) !important;
		}
		dt {
			font-size: clamp(16px, 5vw, 24px) !important;
		}
		p {
			font-size: clamp(16px, 5vw, 24px) !important;
		}
	}
	.woocommerce-cart-form table.cart td.product-subtotal{
		display:none;
	}
	.woocommerce-cart-form table.cart td.product-remove {
		position:absolute;
		top:5px;
		right:5px;
		padding:0;
	}

	.woocommerce-cart-form table.cart td.product-price {
		padding-top: 4px !important;
		text-align: right; /* Вирівнюємо ціни по правому краю */
		grid-column-start: 3;
		grid-column-end: 4;
		padding:0 5px;
		line-height: 100% !important;
		font-size: clamp(20px, 5vw, 32px) !important;
		font-weight: bold !important;
	}
	.woocommerce-cart-form table.cart td.product-quantity {
		text-align: start !important;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 2;
		padding:0 5px;
		line-height: 100% !important;
		input {
			line-height: 100% !important;
			font-size: clamp(20px, 5vw, 32px) !important;
			height: max-content;
		}
	}
	.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
		display:none;
	}
	.polityka {
		h1 {
			text-transform: uppercase;
			margin-top: 1rem;
			margin-bottom: 3rem;
		}
		ul {
			margin-bottom: 5rem;
			list-style: decimal;
			padding: 0;
			li {
				font-size: clamp(32px, 5vw, 40px) !important;
				p {
					font-size: clamp(24px, 5vw, 32px) !important;
					font-weight: 300;
					line-height: 125%;
					margin: 1rem 0; 
				}
			}
		}
	}
	.checkout-page {
		.woocommerce {
			.woocommerce-form-login {
				.form-row {
					width:100%;
					display:flex;
					flex-direction: column-reverse;
					align-items: center;
					button:not(.show-password-input) {
						color: white;
						width:100%;
						background: #E31D1A !important;
						margin: 0;
						margin-bottom:15px;
						&:hover {
							background: #757575 !important;
						}
					}
				}

			}
		}
	}
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
  .product-category {
    ul.products {
      li {
        width: 33%;
      }
    }
  }
  .product-page {
    .related.products {
      ul {
        li {
          width: 60%;
        }
      }   
    }
  }
	.woocommerce,.wp-block-woocommerce-checkout
	.container-cart
	.cart-collaterals {
		.cart_totals {
			display:inline-grid;
		}
	}
}
@media (max-width: 767.99px) {
	.product-category,.related{
		ul.products {
			.outofstock {
				a {
					height:auto;
					.attributes {
						height:auto;
					}
				}	
			}
		}
	}
}
@media screen and (min-width: 470px) and (max-width: 767.99px) {
	.product-page,.product-category {
		.related.products ul li {
			width: 60%;
		}
	}
}
@media screen and (min-width: 768px) and (max-width: 991.99px) {
  .product-category {
    ul.products {
      li {
        width: 50%;
      }
    }
  }
	.product-page,.product-category {
		.related.products ul li {
			width: 45%;
		}
	}
}
@media (min-width:1500px) {
	.header {
		width: 100%;
		display: flex;
		.navbar,.container {
			max-width:none;
			position: relative;
			margin-right: 3rem;
			margin-left: 3rem;
		}
	}
	.container.product-page,.footer {
		max-width:none;
		padding-left:3rem;
		padding-right:3rem;
		.container {
			max-width:none;
			padding-left:3rem;
			padding-right:3rem;
		}
	}
	.footer {
		height:400px;
	}
	.product-page,.product-category {
		.related.products ul li {
			width: 40%;
		}
	}
}
@media (min-width:1800px) {
	.product-page,.product-category {
		.related.products ul li {
			width: 35%;
		}
	}
	.container.product-category {
		max-width:none;
		padding-left:3rem;
		padding-right:3rem;
		ul.products li{
			width:20%;
		}
		.menu-category-container {
			ul {
				justify-content:center;
				gap: 2rem;
			}
		}
	}
	.novelty.product-category ul{
		justify-content:center;
	}
	.faq.container {
		max-width:none;
		padding-left:3rem;
		padding-right:3rem;
	}
}
@media (min-width:2000px) {
	.product-page,.product-category {
		.related.products ul li {
			width: 30%;
		}
	}
}
@media (min-width:992px) {
	.menu-top-container {
		li.menu-item-privacy-policy {
			display:none;
		}
		ul li:nth-last-child(2) {
		display:none;
	}
	}
}