/*!
Theme Name: MIU One Wine Custom Theme
Theme URI: http://underscores.me/
Author: MIU Global Pte Ltd
Author URI: https://miu.sg
Description: One Wine Site\'s Custom Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: miuonewine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

MIU One Wine Custom Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Thin-BETA.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraLight-BETA.otf");
  font-weight: 200;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Light-BETA.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-SemiBold.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraBold.otf");
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Black.otf");
  font-weight: 900;
}
/* sub header */
body {
  margin: 0;
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FEC705;
  padding: 10px;
}

.site-main {
  margin-top: 60px !important;
}

@media screen and (min-width: 1600px) {
  .page-padding,
  .site-main {
    padding-inline: 5% !important;
  }
}
.page-padding,
.site-main {
  padding-inline: 11%;
}

.active-menu {
  color: red !important;
}

.nav-menu .active-menu > a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* Main/Black */
  color: #000000 !important;
}

/*/* CSS */
.search-box {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 4px;
  margin-right: 16px;
}
.search-box form {
  margin-bottom: unset !important;
}

.search-box input {
  border: none;
  background: #F5F5F5;
  outline: none;
  font-size: 14px;
  height: 28px;
  padding: 15px;
}

.search-box svg {
  width: 18px;
  height: 18px;
  fill: gray;
  flex-shrink: 0;
  margin-left: 16px;
}

.header-sub-header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.text {
  font-size: 16px;
  margin: 0 30px;
  position: relative;
  margin-right: 50px;
}

.text1 {
  font-size: 18px;
  margin: 0 30px;
  position: relative;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* or 200% */
  text-align: center;
  /* Main/Black */
  color: #000000;
}

.bullet {
  margin: 0 10px;
}

/* end sub header */
/*  header */
.spacer {
  height: 147px;
  background-color: white;
}

header {
  padding: 30px 0;
}

.custom-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100px;
  max-height: 144px;
}

ul {
  padding-left: unset !important;
  margin: unset !important;
}

.custom-nav-links li a {
  text-decoration: none;
  color: black;
  font-size: 18px;
}

.custom-nav-icons {
  font-size: 20px;
}

.custom-nav-icons .fa-shopping-cart {
  font-size: 1em;
}

.custom-badge {
  font-size: 0.5em;
}

.custom-nav-icons a {
  margin-left: 15px;
  color: black;
  text-decoration: none;
  position: relative;
}

.custom-nav-icons .custom-badge {
  position: absolute;
  top: -25px;
  right: -10px;
  background: black;
  color: white;
  border-radius: 50%;
  padding: 2px 7px;
  font-size: 12px;
}

.custom-burger {
  display: none;
  cursor: pointer;
}

.custom-burger div {
  width: 25px;
  height: 3px;
  background-color: black;
  margin: 5px;
  transition: all 0.3s ease;
}

/* 
<!--==================== HEADER ====================--> */
.header__section {
  background-color: #ffffff;
  border-bottom: 1px solid white;
  color: #000000;
}

.nav-menu-right {
  display: flex;
  gap: 24px;
  margin: unset !important;
  padding: unset !important;
  margin-block-end: unset !important;
  padding-inline-start: unset !important;
}

.logo_image {
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -37px;
}

body .sub_header_content {
  background-color: #E9DDCF !important;
  color: black !important;
}

:root {
  --text-color: black;
  --nav-height: 60px;
}

.nav-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.nav-menu {
  margin-top: 20px;
  list-style-type: none;
  display: flex;
  gap: 50px;
}

.nav-menu-right > li {
  list-style: none;
}

.nav-menu > li > a {
  color: #656565 !important;
  text-decoration: none;
  font-size: 18px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.nav-menu a:hover {
  color: black !important;
}

.nav-menu a.btn:hover,
a.logo:hover,
a.movie-item:hover {
  color: unset;
}

.hamburger-menu {
  --size: 20px;
  height: var(--size);
  width: var(--size);
  cursor: pointer;
  z-index: 101;
  position: relative;
  display: none;
  align-items: center;
}

.hamburger {
  position: relative;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  width: var(--size);
  height: 2px;
  border-radius: 0.5rem;
  background-color: var(--text-color);
  transition: 0.4s;
}

.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  left: 0;
}

.hamburger::before {
  top: -6px;
}

.hamburger::after {
  bottom: -6px;
}

.hamburger-menu.actives .hamburger {
  background-color: transparent;
}

.hamburger-menu.actives .hamburger::before {
  transform-origin: top left;
  transform: rotate(40deg);
  left: 6px;
}

.hamburger-menu.actives .hamburger::after {
  transform-origin: bottom left;
  transform: rotate(-40deg);
  left: 6px;
}

/* RESPONSIVE */
@media only screen and (max-width: 1024px) {
  .custom-nav-icons a {
    margin-left: unset !important;
    color: black;
    text-decoration: none;
    position: relative;
  }
  .nav-menu .active-menu > a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    /* Main/Black */
    color: #000000 !important;
  }
  .header--padding {
    padding-inline: 20px !important;
  }
  .header__section {
    background-color: white !important;
    border-bottom: 1px solid white;
    color: #ffffff;
  }
  .products.columns-4 .product__item {
    width: 44% !important;
  }
  .custom-nav-icons .custom-badge {
    position: absolute;
    top: -12px;
    right: -10px;
    background: black;
    color: white;
    border-radius: 50%;
    padding: 2px 7px;
    font-size: 10px;
  }
  .spacer {
    height: 210px;
    background-color: white;
  }
  .header-sub-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  header {
    padding: 10px 0;
  }
  .header {
    flex-direction: column;
  }
  .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
    height: var(--nav-height);
    /* border-bottom: 2px solid white; */
  }
  .nav-wrapper {
    background-color: white;
    /* position: absolute; */
  }
  .hamburger-menu {
    display: grid;
  }
  .nav-menu {
    /* display: none; */
    position: absolute;
    top: 89%;
    left: -139%;
    background-color: white;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 20px;
    transition: 0.3s ease-in-out;
    width: 125%;
  }
  .nav-menu li {
    /* margin: 10px 30px; */
    text-align: center;
  }
  .nav-menu.actives {
    left: -39px;
  }
}
@media only screen and (min-width: 1440px) {
  .website-max-width,
  .site-main {
    width: 1440px !important;
    margin: 0 auto;
  }
  .comparison-table {
    padding-inline: 0px !important;
  }
  .contact-us .container {
    padding-inline: 0px !important;
  }
  .blog-section {
    padding-inline: 0px !important;
  }
}
.logo {
  max-width: 125px;
  /* Original max width */
}

@media screen and (max-width: 768px) {
  .nav-menu-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65% !important;
    margin: unset !important;
    padding: unset !important;
    margin-block-end: unset !important;
    padding-inline-start: unset !important;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Thin-BETA.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraLight-BETA.otf");
  font-weight: 200;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Light-BETA.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-SemiBold.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraBold.otf");
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Black.otf");
  font-weight: 900;
}
/* Hero Section */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect fill="%23141414" width="1200" height="800"/><circle fill="%23333" cx="600" cy="400" r="200" opacity="0.3"/></svg>');
  background-size: cover;
  background-position: center;
  padding-block: 110px;
  display: flex;
  align-items: center;
  color: white;
  position: relative;
}

.hero__content h2 {
  margin-bottom: 23px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-size: 96px;
  line-height: 88px;
  /* or 92% */
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.hero__desc {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 48px;
  /* or 48% */
  color: #D8D8D8;
  margin-bottom: unset !important;
  margin-top: 20px !important;
  margin-bottom: 70px !important;
}

.hero__desc-1 {
  text-wrap-mode: nowrap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 24px;
  /* identical to box height, or 96% */
  color: #D8D8D8;
  opacity: 0.8;
}

.hero__titless {
  gap: 27px;
}

.hero__btn {
  background: white;
  border: 2px solid white;
  padding: 16px 56px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  text-wrap-mode: nowrap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/Black */
  color: black;
  width: -moz-max-content;
  width: max-content;
}

.hero__btn:hover {
  background: white;
  color: #333;
}

/* Countries Section */
.countries {
  background: #f8f9fa;
}

.countries__grid {
  display: grid;
  grid-template-columns: auto auto;
}

.country-card-1 {
  background-repeat: no-repeat;
  background-size: cover;
}

.country-card {
  background: white;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.country-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.country-card--italy {
  background: #FFFFFF;
  width: 317px;
  float: right;
  margin-top: 44px;
  margin-right: 50px;
  margin-bottom: 44px;
}

.country-card--france {
  background: #2B4342;
  width: 317px;
  float: left;
  margin-top: 44px;
  margin-left: 50px;
  margin-bottom: 44px;
  color: #D8D8D8 !important;
}

.country-card--france div h2,
.country-card--red-wine div h2 {
  color: white !important;
}
.country-card--france div p,
.country-card--red-wine div p {
  color: #D8D8D8 !important;
}

.country-card--white-wine div h2 {
  color: #3D3A39 !important;
}
.country-card--white-wine div p {
  color: #3D3A39 !important;
}

.country-card--red-wine {
  background: #002036;
  width: 317px;
  float: right;
  margin-top: 44px;
  margin-bottom: 44px;
  margin-right: 50px;
}

.country-card--white-wine {
  background: #E9DDCF;
  width: 317px;
  float: left;
  margin-top: 44px;
  margin-bottom: 44px;
  margin-left: 50px;
}

.country-card__content {
  padding: 20px;
  color: white;
}

.country-card--white-wine .country-card__content,
.country-card--italy .country-card__content {
  color: #333;
}

.country-card__title {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 45px;
  line-height: 56px;
  /* identical to box height, or 124% */
  /* Dark Brown */
  color: #3D3A39;
}

.country-card__description {
  margin-top: 16px;
  margin-bottom: 22px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #3D3A39;
}

.country-card__btn {
  background: transparent;
  border: 2px solid currentColor;
  color: currentColor;
  padding: 10px 56px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  text-wrap-mode: nowrap !important;
}

/* Premium Wine Section */
.premium-wines {
  padding: 80px 0;
  background: white;
}

.premium-page-padding {
  padding-inline: 80px !important;
}

.section__title {
  text-align: center;
  margin-bottom: 32px;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 72px;
  line-height: 88px;
  /* identical to box height, or 92% */
  letter-spacing: -0.01em;
  /* Dark Brown */
  color: #3D3A39;
}

.section__subtitle {
  text-align: center;
  margin-bottom: 80px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  /* Dark Brown */
  color: #3D3A39;
}

.wine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 32px;
}

.wine-card {
  background: #2B4342;
  color: white;
  padding: 56px 32px;
  text-align: center;
  transition: transform 0.3s ease;
}

.wine-card-1 {
  background: #EAEAEA !important;
}
.wine-card-1 h3 {
  color: #3D3A39 !important;
}
.wine-card-1 p,
.wine-card-1 a {
  color: #3D3A39 !important;
}
.wine-card-1 .wine-card__btn {
  border: 2px solid #3D3A39 !important;
  color: #3D3A39 !important;
}

.wine-card-2 {
  background: #002036 !important;
}

.wine-card-3 {
  background: #E9DDCF !important;
}
.wine-card-3 h3 {
  color: #3D3A39 !important;
}
.wine-card-3 p,
.wine-card-3 a {
  color: #3D3A39 !important;
}
.wine-card-3 .wine-card__btn {
  border: 2px solid #3D3A39 !important;
  color: #3D3A39 !important;
}

.wine-card:hover {
  transform: translateY(-5px);
}

.wine-card__image {
  margin: 0 auto 27px;
  position: relative;
}

.wine-card__image img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.wine-card__title {
  margin-bottom: 16px;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 175% */
  text-align: center;
  /* Light brown */
  color: #E9DDCF;
}

.wine-card__description {
  min-height: 50px;
  margin-bottom: 16px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18x;
  line-height: 24px;
  /* identical to box height, or 133% */
  text-align: center;
  color: #D8D8D8;
}

.wine-card__btn {
  background: transparent;
  color: white;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  padding: 16px 56px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  color: #FFFFFF;
}

/* Top Picks Section */
.picks-tabs {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-bottom: 80px;
}

.footer__logo img {
  width: 183px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.picks-tabs__item {
  background: none;
  border: none;
  padding: 5px 0rem;
  font-size: 1.1rem;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #3D3A39;
}

.picks-tabs__item:hover {
  color: black !important;
  border-bottom-color: black !important;
}

.picks-tabs__item--active {
  color: black !important;
  border-bottom-color: black !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}

.picks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.pick-card-m {
  max-width: 290px;
}

.pick-card {
  text-align: center;
  transition: transform 0.3s ease;
  padding-top: 72px;
  padding-bottom: 48px;
  background: #F6F6F6;
  padding-inline: 16px;
}
.pick-card a {
  text-decoration: unset !important;
}

.pick-card__price-b {
  margin-bottom: 24px;
}

.pick-card:hover {
  transform: translateY(-5px);
}

.pick-card__image img {
  height: 219px;
  -o-object-fit: contain;
     object-fit: contain;
}

.pick-card__title {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/Black */
  color: #000000;
  min-height: 80px;
}

.pick-card__rating {
  color: #ffc107;
  margin-bottom: 0.5rem;
}

.pick-card__price {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}
.pick-card__price ins {
  text-decoration: unset !important;
}

.pick-card__image-ss img {
  width: 50%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
}

.pick-card__btn,
.added_to_cart {
  margin-top: 24px;
  cursor: pointer;
  transition: background 0.3s ease;
  padding: 12px 64px !important;
  background: #000000;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 171% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  text-decoration: unset !important;
  width: 100%;
  max-width: 60%;
  display: table;
  margin: auto;
  text-wrap-mode: nowrap;
}

.country-card__btn:hover,
.sale-section__btn:hover,
.hero__btn:hover {
  background: black;
  color: white !important;
  border: 2px solid black !important;
}

.pick-card__btn:hover {
  color: black !important;
  background-color: white;
}

.featured-card__btn:hover,
.wine-card__btn:hover,
.added_to_cart:hover {
  background: white;
  color: black !important;
  border: 2px solid white !important;
}

/* Featured Products Section */
.featured-card__btn {
  background: linear-gradient(95.86deg, #D5B97C -1.52%, #BC9B56 59.59%, #FFDB8E 100.99%);
  color: white;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  width: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center !important;
  text-align: center;
  height: 64px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
}

.featured-card__btn-2 {
  background: #2B4342;
}

/* Sale Section */
.sale-section {
  padding-top: 160px;
  background: linear-gradient(135deg, #8b1538, #2c3e50);
  color: white;
  text-align: center;
  min-height: 512px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sale-section__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-size: 72px;
  line-height: 72px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.sale-section__title span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 72px;
  line-height: 72px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.sale-section__subtitle {
  margin-bottom: 27px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* identical to box height, or 200% */
  text-align: center;
  color: #FFFFFF;
}

.sale-section__btn {
  background: white;
  border: none;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.3s ease;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/Black */
  color: #000000;
  padding: 16px 56px;
}

.sale-section__btn:hover {
  transform: scale(1.05);
  color: #000000;
}

.promotion__grid img {
  width: 50%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.promotion-card {
  padding-block: 170px;
}

.promotion__left {
  width: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.our-partner {
  background-color: #56585A;
}

.our-partner__title {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 72px;
  line-height: 88px;
  /* identical to box height, or 92% */
  text-align: center;
  letter-spacing: -0.01em;
  color: #EAEAEA;
  margin-top: 72px;
  margin-bottom: 54px;
}

.our-partner__grid {
  display: flex !important;
  gap: 50px !important;
  align-items: center;
  padding-bottom: 72px !important;
  justify-content: center;
  flex-wrap: wrap;
}

.swiper-slide-w {
  width: -moz-max-content !important;
  width: max-content !important;
}

.pick__more {
  margin-bottom: 40px;
}

.pick__title {
  margin-top: 50px;
  margin-bottom: 32px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 18px;
  /* Main/Black */
  color: #000000;
}

/* Footer */
.footer {
  background: white;
  padding: 80px 0 50px 0;
  position: relative;
}

.footer__brand {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.footer__links {
  list-style: none;
  padding: 0;
}

.footer__links-section h5 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  /* identical to box height, or 100% */
  /* Main/Black */
  color: #000000;
}
.footer__links-section ul li a {
  text-decoration: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* identical to box height, or 229% */
  /* Main/Black */
  color: #000000;
}
.footer__links-section ul li a:hover {
  text-decoration: underline;
}

.like__button {
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 50%;
  background: transparent;
  transition: background 0.3s;
  cursor: pointer;
}

.like__button.liked {
  background-color: #000;
  /* black background */
  padding: 8px;
}

.self-end {
  align-self: flex-end;
}

.footer__social img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer__links-privacy {
  gap: 100px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.footer__links-privacy li {
  list-style: none !important;
}
.footer__links-privacy li a {
  text-decoration: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  text-wrap-mode: nowrap;
}
.footer__links-privacy li a:hover {
  text-decoration: underline;
}

.footer__social {
  display: flex;
  gap: 57px;
}

.footer__social-link {
  color: #ccc;
  font-size: 1.5rem;
  transition: color 0.3s ease;
}

.footer__social-link:hover {
  color: #8b1538;
}

.footer__bottom {
  margin-top: 40px;
  text-align: center;
}
.footer__bottom p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  margin-bottom: unset !important;
}

.footer__middle {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__payment {
  display: flex;
  width: 20%;
  gap: 20px;
}
.footer__payment img {
  width: 30%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer__payment i {
  font-size: 2rem;
  color: #666;
}

/* Mobile Navigation */
.mobile-nav {
  display: none;
}

.mobile-nav__toggle {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #333;
  cursor: pointer;
}

.mobile-nav__menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  display: none;
}

.mobile-nav__menu--active {
  display: block;
}

.mobile-nav__link {
  display: block;
  padding: 1rem;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.added_to_cart {
  margin-top: 10px;
  font-size: 14px;
  padding: 8px 32px !important;
  text-wrap-mode: nowrap;
}

/* Responsive Design */
@media (max-width: 992px) {
  .header__nav {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
}
@media (max-width: 768px) {
  .wine-grid,
  .picks-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
  }
}
/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in {
  animation: fadeInUp 0.6s ease-out;
}

.mobile-only {
  display: none !important;
}

.desktop-only {
  display: flex !important;
}

.like__button {
  position: absolute;
  top: 24px;
  right: 16px;
}

@media (max-width: 1024px) {
  .pick-card__image-ss img {
    height: 200px !important;
    width: 100% !important;
  }
  .mobile-only {
    display: flex !important;
  }
  .desktop-only {
    display: none !important;
  }
  .hero__titless {
    flex-direction: column;
  }
  .hero__containers {
    width: 100%;
  }
  .hero__btns {
    flex-direction: column !important;
  }
  .countries__grid {
    grid-template-columns: 50% 50%;
  }
  .country-card--italy,
  .country-card--france,
  .country-card--red-wine,
  .country-card--white-wine {
    width: 80%;
    float: unset;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  .country-card-1 {
    background-size: auto;
    background-position: center;
  }
  .wine-grid {
    grid-template-columns: auto;
  }
  .pick-card {
    width: auto !important;
  }
  .promotion__grid {
    flex-direction: column;
  }
  .footer__top,
  .footer__middle {
    flex-direction: column;
  }
  .logo_image {
    width: 70px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    position: unset;
    transform: unset;
  }
  .search-box {
    width: 50%;
    height: 24px;
    margin-right: 0 !important;
  }
  .search-box svg {
    display: none;
  }
  .search-form {
    background-color: #F5F5F5;
  }
  .search-box input {
    width: 100% !important;
  }
  .page-padding {
    padding-inline: 20px;
  }
  .country-card__title {
    font-size: 28px;
    line-height: 36px;
  }
  .country-card__description {
    font-size: 12px;
    line-height: 20px;
  }
  .country-card__btn {
    font-size: 11px;
    text-wrap: nowrap;
    padding: 5px 25%;
  }
  .spacer {
    height: 120px;
  }
  .hero__content h2 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    font-size: 40px;
    line-height: 44px;
    /* or 109% */
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .picks-grid-5 {
    grid-template-columns: auto auto;
  }
  .promotion__grid img,
  .featured-card__btn {
    width: 100%;
  }
  .footer__links-section {
    order: 2;
    width: 50%;
    min-height: 150px;
  }
  .footer__links-section-4 {
    order: 3;
    width: 50%;
    align-self: flex-end;
    margin-top: -180px;
  }
  .footer__logo {
    order: 1;
    margin-bottom: 30px;
  }
  .footer {
    padding: 40px 0 40px 0;
  }
  .footer__links-privacy {
    justify-content: space-between;
    gap: unset;
    position: unset;
    transform: unset;
  }
  .footer__middle {
    align-items: unset !important;
    gap: 30px;
  }
  .footer__payment {
    justify-content: unset !important;
    order: 2;
  }
  .footer__social {
    order: 1;
    gap: 20px;
  }
  .footer__links-privacy {
    order: 3;
  }
  .footer__middle {
    margin-top: 50px !important;
  }
  .pick-card__btn {
    padding: 12px 32px;
    font-size: 16px !important;
  }
  .hero__btns {
    gap: 30px;
  }
  .our-partner__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px !important;
  }
  .hero {
    padding-block: 94px;
  }
  .hero__btn {
    padding: 8px 32px;
    font-size: 16px;
  }
  .hero__desc-1 {
    font-size: 16px;
    line-height: 22px;
  }
  .hero__desc {
    font-size: 28px;
    line-height: 32px;
  }
  .premium-wines {
    padding: 40px 0;
    background: white;
  }
  .section__subtitle {
    margin-bottom: 30px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 171% */
    text-align: center;
    /* Dark Brown */
    color: #3D3A39;
  }
  .section__title {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 48px;
    /* identical to box height, or 63% */
    letter-spacing: -0.01em;
    /* Dark Brown */
    color: #3D3A39;
    margin-bottom: 10px;
  }
  .wine-card__description {
    min-height: unset !important;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 112% */
    text-align: center;
    /* Light brown */
    color: #E9DDCF;
  }
  .wine-card__btn {
    font-size: 16px;
    padding: 8px 32px;
    border: 1px solid #E9DDCF;
    color: #E9DDCF;
  }
  .wine-card__title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
  }
  .wine-card__image {
    margin: 0 auto 8px;
    position: relative;
  }
  .wine-card__image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .premium-wines .page-padding {
    padding-inline: unset !important;
  }
  .wine-grid {
    gap: unset !important;
  }
  .pick-card__title {
    font-size: 14px;
    line-height: 22px;
  }
  .picks-tabs__item {
    font-size: 14px;
    line-height: 22px;
  }
  .picks-tabs {
    margin-bottom: 20px;
  }
  .pick-card__image img {
    -o-object-fit: cover;
       object-fit: cover;
    height: auto;
  }
  .pick-card__btn,
  .added_to_cart {
    font-size: 9px;
    padding: 2px 32px !important;
    text-wrap-mode: nowrap;
  }
  .added_to_cart {
    margin-top: 10px;
  }
  .picks-grid-1 .pick-card {
    width: 177px !important;
  }
  .pick__title {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
  }
  .pick-card {
    margin-bottom: unset;
    padding-bottom: 25px !important;
  }
  .sale-section__title,
  .sale-section__title span {
    font-size: 42px;
    line-height: 48px;
    text-wrap-mode: nowrap;
  }
  .sale-section__subtitle {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    /* or 267% */
    text-align: center;
    color: #FFFFFF;
  }
  .sale-section__btn {
    font-size: 16px;
    line-height: 24px;
  }
  .our-partner__title {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .our-partner__grid {
    display: flex !important;
    gap: 20px !important;
    justify-content: center;
  }
  .our-partner__grid img {
    height: auto;
    max-width: 45%;
  }
  .sale-section {
    padding-top: 40px;
    text-align: center;
    min-height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .premium-page-padding {
    padding-inline: unset !important;
  }
  .picks-grid {
    gap: 10px;
  }
  .legal__desc span {
    text-wrap-mode: wrap !important;
  }
  .picks-tabs {
    flex-wrap: wrap;
    gap: 32px !important;
  }
  .wine-card {
    padding: 30px 17px !important;
  }
  .text1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    /* or 240% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Main/Black */
    color: #000000;
  }
  .header {
    padding: 5px;
  }
  .pick-card__image-ss a img {
    width: 70%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .footer__logo img {
    width: 134px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .pick-card__price {
    font-size: 20px;
    line-height: 22px;
  }
  .footer__links-section h5 {
    font-size: 14px;
    line-height: 22px;
  }
  .footer__links-section ul li a {
    font-size: 14px;
    line-height: 37px;
  }
  .footer__links-privacy li a {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 400px) {
  .picks-tabs {
    flex-wrap: wrap;
    gap: 10px !important;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Thin-BETA.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraLight-BETA.otf");
  font-weight: 200;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Light-BETA.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-SemiBold.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraBold.otf");
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Black.otf");
  font-weight: 900;
}
.legal-bg {
  background-color: #EAEAEA !important;
  padding-bottom: 24px;
}

.legal__title {
  padding-top: 88px;
  padding-bottom: 48px;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 88px;
  /* identical to box height, or 220% */
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  /* Dark Brown */
  color: #3D3A39;
}

.legal__sec {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #000000 !important;
  margin-bottom: 24px;
}

.legal__desc {
  width: 60%;
  margin-bottom: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  /* or 167% */
  color: #000000;
}
.legal__desc p,
.legal__desc a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  /* or 167% */
  color: #000000;
  margin-bottom: 5px !important;
}
.legal__desc span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 27px;
  /* or 167% */
  color: #000000;
  text-wrap-mode: nowrap;
  margin-right: 3px;
}
.legal__desc .big-span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 36px !important;
  /* or 167% */
  color: #000000;
  text-wrap-mode: nowrap;
  margin-right: 3px;
}
.legal__desc li {
  margin-left: 20px;
}

.legal__subtitle {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  color: #000000;
  text-wrap-mode: nowrap;
}

@media screen and (max-width: 1024px) {
  .legal__desc .big-span {
    font-size: 16px !important;
    line-height: 32px !important;
  }
  .legal__desc {
    display: none;
    font-size: 14px !important;
    line-height: 24px !important;
    /* hide description by default */
  }
  .legal__title {
    font-size: 40px;
    line-height: 40px;
    padding-top: 78px;
    padding-bottom: 40px;
  }
  .legal__sec {
    flex-direction: column;
  }
  .legal__desc {
    width: 100%;
  }
  .legal__subtitle {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
    text-wrap-mode: wrap;
  }
  .spacer {
    height: 70px;
  }
}
.contact__title {
  padding-top: 64px;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 88px;
  /* Dark Brown */
  color: #3D3A39;
}

.contact__info--title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #000000;
}

.contact__grid--item-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  /* or 117% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  padding-inline: 15px;
}

.contact__grid--item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 14.4774px 14.4774px 20px;
  gap: 20px;
  width: 100%;
  background: #000000;
}

.contact__grid--item-title--btn {
  background: transparent;
  border: 1px solid white;
  padding: 7px 40px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  text-wrap-mode: nowrap;
  height: 32px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  /* identical to box height, or 116% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  text-wrap-mode: nowrap;
  width: -moz-max-content;
  width: max-content;
}

.contact__grid--item-title--btn:hover {
  color: black;
  background: white;
}

.contact__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
  padding-bottom: 60px;
  border-bottom: 1px solid black;
}

.address {
  margin-top: 40px;
}

.contact__address {
  margin-top: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.005em;
  color: #000000;
}
.contact__address span {
  font-weight: 500 !important;
}

.contact__map {
  margin-top: 20px;
  padding-bottom: 96px;
}

.contact {
  background-color: #EAEAEA;
}

.contact__form--info p {
  display: flex;
  gap: 10px;
}
.contact__form--info p span input {
  height: 48px;
  width: 100%;
  padding-left: 16px !important;
}
.contact__form--info p span input::-moz-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}
.contact__form--info p span input::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}

.contact__form-1 {
  gap: 20px;
}
.contact__form-1 p span textarea {
  width: 549px;
  height: 116px;
  max-height: 116px;
  padding-left: 16px !important;
  padding-top: 12px !important;
}
.contact__form-1 p span textarea::-moz-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}
.contact__form-1 p span textarea::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}
.contact__form-1 p span input::-moz-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}
.contact__form-1 p span input::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
}
.contact__form-1 p span input {
  padding-left: 16px !important;
}

.contact__email p span input {
  width: 100%;
  height: 48px;
}

.contact__desc {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 16px;
  /* identical to box height, or 67% */
  display: flex;
  align-items: center;
  letter-spacing: -0.005em;
  color: #000000;
  margin-bottom: 40px;
  margin-top: 40px;
}

.contact__info {
  border-top: 1px solid black;
  padding-top: 40px;
}

.contact__button .wpcf7-form-control:hover {
  background-color: white !important;
  border: 2px solid white !important;
  color: black !important;
}
.contact__button p input {
  padding-bottom: 31px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 42px;
  height: 40px;
  background: #000000 !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  /* identical to box height, or 160% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
}

.wpcf7 form .wpcf7-response-output {
  margin: unset !important;
  padding: unset !important;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 1024px) {
  .contact__form--info p {
    flex-direction: column;
    gap: 0px;
  }
  .contact__form-1 {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .contact__grid {
    margin-top: 20px !important;
    grid-template-columns: auto;
    padding-bottom: 40px !important;
  }
  .contact__form-1 p span textarea {
    width: 100% !important;
    height: 116px;
    max-height: 116px;
  }
  .contact__form-1 p span input {
    width: 100% !important;
  }
  .contact__desc {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px !important;
  }
  .contact__title {
    font-size: 40px;
    line-height: 48px;
    padding-top: 74px;
  }
  .contact__info--title {
    font-size: 20px;
    line-height: 24px;
  }
  .contact__button p input {
    width: auto;
    padding: 8px 28px !important;
  }
  .contact__map {
    margin-top: 30px;
    padding-bottom: 40px;
  }
  .contact__grid--item {
    min-width: 100% !important;
    min-height: 150px;
  }
  .contact__grid--item-title {
    padding-inline: 10px;
  }
}
.prehome-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-close {
  position: absolute;
  top: -47px;
  right: 0px;
  background: none;
  border: none;
  font-size: 28px;
  color: #333;
  cursor: pointer;
  line-height: 1;
  background: white !important;
  border-radius: 50%;
  padding-bottom: 5px;
  padding-inline: 7px;
}

.popup-close:hover {
  color: #000;
}

#newsletterForm {
  margin-top: 20px;
}

#newsletterForm input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

#newsletterForm button {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
}

.newsletter-popup-pdd {
  padding: 20px !important;
  position: relative !important;
}

.prehome-popup.hidden {
  display: none !important;
}

.prehome-popup-contents {
  background: #fff;
  padding: 80px 80px 80px;
  text-align: center;
}
.prehome-popup-contents img {
  width: 160px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.prehome-popup-contents .popup__descs {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  line-height: 97px;
  /* or 121% */
  text-align: center;
  color: #000000;
  margin-bottom: unset !important;
  margin-top: 60px;
  width: 583px;
}
.prehome-popup-contents .popup__desc-2s {
  margin-top: 104px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  /* identical to box height, or 146% */
  text-align: center;
  color: #000000;
  margin-bottom: unset !important;
}

.prehome-popup-content {
  background: #fff;
  padding: 80px 80px 100px;
  text-align: center;
}
.prehome-popup-content img {
  width: 240px;
  height: 223px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1024px) and (max-width: 1700px) {
  .newsletter-form input {
    padding: 8px !important;
  }
  .wine-card__image img {
    width: 90%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-image {
    width: 70px !important;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .popup__descs-1 {
    margin-top: 0px !important;
    font-size: 20px !important;
  }
  .newsletter-form {
    margin-top: 10px;
  }
  .popup__desc-2-1 {
    margin-top: 0px !important;
    width: 70% !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .prehome-popup-content {
    background: #fff;
    padding: 20px 80px 20px;
    text-align: center;
  }
  .prehome-popup-content img {
    width: 140px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .prehome-popup-contents {
    background: #fff;
    padding: 20px 80px 20px;
    text-align: center;
  }
  .prehome-popup-contents .popup__desc-2s {
    margin-top: 48px;
  }
}
.prehome-popup-content p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.prehome-popup-content button {
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  cursor: pointer;
}

body.no-scroll {
  overflow: hidden;
}

.popup__desc {
  margin-top: 60px;
  margin-bottom: 40px !important;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 24px;
  /* identical to box height, or 60% */
  text-align: center;
  color: #000000;
}

.popup__desc-2 {
  margin-top: 40px;
  margin-bottom: 120px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  /* or 146% */
  text-align: center;
  color: #000000;
  width: 480px;
}

.popup__btn-1 {
  background: #2B4342;
  border: 2px solid #2B4342;
  padding: 17.1729px 96.168px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  text-wrap-mode: nowrap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 27.4766px;
  line-height: 41px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF !important;
}

.popup__btn-2 {
  background: transparent;
  border: 2px solid #56585A;
  padding: 17.1729px 96.168px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  text-wrap-mode: nowrap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 27.4766px;
  line-height: 41px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/White */
  color: #56585A !important;
}

.popup__btn-2:hover,
.popup__btn-1:hover {
  background: black;
  border: 2px solid black;
  color: white !important;
}

.popup__btns {
  gap: 40px;
  justify-content: center;
}

.popup__descs-1 {
  margin-top: 40px;
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 45px;
  /* or 122% */
  text-align: center;
  color: #000000;
  margin-bottom: unset !important;
  display: table;
  margin: auto;
  margin-top: 20px;
  width: 80%;
}

.newsletter-form {
  width: 300px;
  display: table;
  margin: auto;
  margin-top: 20px;
}
.newsletter-form input {
  margin-bottom: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: black;
  border: 1px solid #979797;
  padding: 16px;
}
.newsletter-form .wpcf7-submit {
  float: left;
  background: #000000;
  color: #FFFFFF;
  margin-top: -20px;
  padding: unset !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px !important;
  line-height: 24px;
  /* identical to box height, or 160% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  height: 40px !important;
  width: 163px !important;
}

.popup__desc-2-1 {
  margin-bottom: unset !important;
  margin-top: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  /* or 194% */
  text-align: center;
  color: #000000;
  width: 600px;
  display: table;
  margin: auto;
  margin-top: 20px !important;
  width: 75%;
}

.newsletter-popup-pdd {
  width: 534px !important;
}

@media screen and (max-width: 1024px) {
  .prehome-popup-contents img {
    width: 100px !important;
  }
  .prehome-popup-content img {
    width: 125px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .newsletter-form {
    width: 100% !important;
  }
  .popup__descs-1 {
    font-size: 16px !important;
  }
  .newsletter-popup-pdd {
    padding: 10px !important;
  }
  .newsletter-form input {
    padding: 8px !important;
  }
  .popup__desc-2-1 {
    font-size: 14px !important;
    width: 100% !important;
  }
  .prehome-popup-contents .popup__descs {
    width: 100% !important;
    font-size: 40px !important;
    line-height: 48px !important;
  }
  .prehome-popup-contents .popup__desc-2s {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin-top: 40px !important;
  }
  .prehome-popup-contents {
    padding: 20px 20px 20px !important;
    max-width: 95% !important;
    max-height: 87% !important;
  }
  .popup__btns {
    flex-direction: column;
  }
  .popup__btn-2,
  .popup__btn-1 {
    padding: 8px 20px;
    font-size: 14px;
  }
  .prehome-popup {
    padding-inline: 10px;
  }
  .popup__btns {
    gap: 20px;
    justify-content: center;
  }
  .popup__desc-2 {
    font-size: 14px !important;
    width: 100%;
  }
  .prehome-popup-content {
    width: 90% !important;
    padding: 20px !important;
  }
  .newsletter-form input {
    width: 100% !important;
  }
}
.shop {
  margin-top: 24px;
  margin-bottom: 56px;
}

.shop__filters {
  transition: all 0.3s ease;
  top: unset !important;
  max-height: 570px;
  overflow-y: auto;
}

.shop__filters.fixed {
  position: fixed;
  top: 250px !important;
  z-index: 10;
  background-color: white;
  min-width: 300px;
}

.shop-1 {
  margin-top: 80px;
}

.shop__sidebar {
  display: block !important;
  width: 300px;
  position: relative;
}

.title__labels {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 48px;
  background-color: #F6F6F6;
  scrollbar-width: thin !important;
  scrollbar-color: black #D9D9D9 !important;
}

.shop__filter input[type=checkbox]:checked {
  accent-color: black;
}
.shop__filter .search--btn {
  width: 100%;
  padding: 16px;
  height: 28px;
  background: #F5F5F5;
  border: unset !important;
}
.shop__filter .filter-price {
  width: 100%;
  padding: 16px;
  height: 28px;
  background: #F5F5F5;
  border: unset !important;
}
.shop__filter h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #000000;
}
.shop__filter label {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  /* Main/Black */
  color: #000000;
  margin-bottom: 8px;
}

.shop a {
  text-decoration: none !important;
}
.shop .woocommerce-loop-product__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
.shop .woocommerce-Price-amount,
.shop .price {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
  display: table;
  margin: auto;
  margin-bottom: 10px !important;
  display: flex;
  justify-content: space-around;
}
.shop .button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 64px !important;
  background: #000000 !important;
  border-radius: unset !important;
  font-family: "Inter" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  text-align: center;
  color: #FFFFFF !important;
}
.shop .button:hover {
  background: white !important;
  color: black !important;
}

.selected-number {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 16px;
  /* identical to box height, or 80% */
  text-align: center;
  letter-spacing: 0.03em;
  color: #000000;
}

.selected {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */
  letter-spacing: 0.03em;
  color: #6C6C6C;
}

.pick-card-c {
  max-width: 270px;
}

.woocommerce span.onsale {
  top: 26px !important;
  left: 21px !important;
  padding: unset !important;
}

.shop__products {
  width: 100%;
}
.shop__products ins {
  text-decoration: unset !important;
}
.shop__products .products {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 16px;
}
.shop__products img {
  width: 80% !important;
  -o-object-fit: cover;
     object-fit: cover;
  display: table !important;
  margin: auto !important;
  margin-bottom: 16px !important;
}
.shop__products .products::before {
  content: unset !important;
  display: unset !important;
}
.shop__products li.product {
  max-width: 350px;
  width: 100% !important;
  margin: unset !important;
}
.shop__products .products {
  margin-top: 24px !important;
}
.shop__products .products li {
  /* Product Card */
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 16px 48px !important;
  background: #F7F7F7;
  border-radius: 9px;
}
.shop__products .products h2 {
  min-height: 60px;
}

.shop-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.shop-pagination .current {
  background-color: #000000 !important;
  color: white !important;
  width: 25px !important;
  display: flex !important;
  justify-content: center !important;
}
.shop-pagination span {
  background-color: unset !important;
  color: #737373 !important;
}
.shop-pagination .next,
.shop-pagination .prev {
  background-color: unset !important;
}
.shop-pagination .page-numbers {
  background-color: #F6F6F6;
  color: black;
  min-width: 34px;
  display: flex;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  letter-spacing: 0.03em;
  padding-inline: 8px;
  padding-block: 4px;
}
.shop-pagination .page-numbers:hover {
  background-color: black !important;
  color: white !important;
}
.shop-pagination .page-numbers:hover svg {
  fill: white !important;
}

.shop__container {
  gap: 64px;
}

/* hide by default */
.title__labels {
  display: none !important;
}

/* class to show it */
.title__labels.active {
  display: block !important;
}

/* rotate arrow when active */
.label__btn svg {
  transition: transform 0.3s ease;
}

.label__btn.active svg {
  transform: rotate(180deg);
}

.label__btn {
  border-bottom: 1px solid #B5B5B5;
  margin-bottom: 24px;
}

.reset-filter .button {
  width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  /* identical to box height, or 160% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
}

.price__btn {
  gap: 10px;
}

.spacer-2 {
  height: 10px;
  background-color: white;
}

.premium__item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  width: 100%;
  height: 44px;
  background: #EAEAEA;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 160% */
  /* Dark Brown */
  color: #3D3A39;
}

.premium__item-1 {
  background: #2B4342 !important;
  color: #E9DDCF !important;
}

.premium__item-2 {
  background: #E9DDCF !important;
}

.premium__item-3 {
  color: #E9DDCF !important;
  background: #002036 !important;
}

.search-1 svg {
  width: 18px;
  height: 18px;
  fill: gray;
  flex-shrink: 0;
  margin-left: 16px;
}

.search-1 {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  margin-bottom: 32px;
}

.like__button {
  position: absolute !important;
  top: 24px !important;
  right: 16px !important;
}

.search-1 {
  order: 1;
}

.price-filter {
  order: 3;
}

#shop-filters-form > div:nth-child(2) {
  order: 2 !important;
}

#shop-filters-form > div:nth-child(3) {
  order: 4 !important;
}

#shop-filters-form > div:nth-child(4) {
  order: 5 !important;
}

#shop-filters-form > div:nth-child(5) {
  order: 6 !important;
}

.reset-filter {
  order: 7 !important;
}

.premium__item {
  cursor: pointer;
}

.shop__products-1,
.shop__products-2,
.shop__products-3,
.shop__products-4 {
  z-index: 20;
  position: relative;
}

.shop__products-1 {
  background-color: #EAEAEA;
  width: 100%;
  padding-block: 40px;
}
.shop__products-1 .pick-card__title-shop {
  padding-inline: 20px;
  min-height: 70px;
}
.shop__products-1 .pick-card__btn-shop {
  text-decoration: unset;
}

.shop__products-2 {
  background-color: #2B4342;
  width: 100%;
  padding-block: 40px;
}
.shop__products-2 .pick-card-shop {
  border: 1px solid #E9DDCF !important;
}
.shop__products-2 .pick-card__title-shop {
  color: #E9DDCF !important;
  padding-inline: 20px;
  min-height: 70px;
}
.shop__products-2 .pick-card__btn-shop {
  color: #E9DDCF !important;
  border: 0.567411px solid #E9DDCF !important;
  text-decoration: unset;
}
.shop__products-2 .swiper-button-next,
.shop__products-2 .swiper-button-prev {
  color: #E9DDCF !important;
}

.shop__products-3 {
  background-color: #E9DDCF;
  width: 100%;
  padding-block: 40px;
}
.shop__products-3 .pick-card__title-shop {
  padding-inline: 20px;
  min-height: 70px;
}
.shop__products-3 .pick-card__btn-shop {
  text-decoration: unset;
}

.shop__products-4 {
  background-color: #002036;
  width: 100%;
  padding-block: 40px;
}
.shop__products-4 .pick-card-shop {
  border: 1px solid #E9DDCF !important;
}
.shop__products-4 .pick-card__title-shop {
  color: #E9DDCF !important;
  padding-inline: 20px;
  min-height: 70px;
}
.shop__products-4 .pick-card__btn-shop {
  color: #E9DDCF !important;
  border: 0.567411px solid #E9DDCF !important;
  text-decoration: unset;
}
.shop__products-4 .swiper-button-next,
.shop__products-4 .swiper-button-prev {
  color: #E9DDCF !important;
}
.shop__products-4 .prmo__text {
  color: #E9DDCF !important;
}

.picks-grid-shop {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0px;
}

.pick-card-shop {
  text-align: center;
  transition: transform 0.3s ease;
  padding-top: 31px;
  padding-bottom: 31px;
  background: transparent;
  border: 1px solid #56585A;
  width: 100%;
  max-width: 300px;
}

.page-padding-shop {
  padding-inline: 0% !important;
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: #3D3A39 !important;
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}

.pick-card__btn-shop {
  cursor: pointer;
  transition: background 0.3s ease;
  background: transparent;
  padding: 9.07857px 31.775px;
  border: 0.567411px solid #3D3A39;
  border-radius: 3.40446px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height, or 97% */
  text-align: center;
  color: #3D3A39;
}

.cart__body .wc-block-cart__submit-container a:hover,
.pick-card__btn-shop:hover {
  background-color: white !important;
  color: black !important;
}

.pick-card__title-shop {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  /* identical to box height, or 133% */
  text-align: center;
  /* Dark Brown */
  color: #3D3A39;
  margin-top: 10px;
  margin-bottom: 10px;
}

.filter-count {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
  /* identical to box height, or 160% */
  /* Main/Black */
  color: #929292;
}

.website-max-width-1 {
  width: 1240px !important;
  margin: 0 auto;
  padding-inline: 4% !important;
}

@media screen and (max-width: 1440px) {
  .website-max-width-1 {
    width: 1000px !important;
    margin: 0 auto;
    padding-inline: 4% !important;
  }
}
@media screen and (max-width: 1024px) {
  .premium {
    flex-direction: column;
  }
  .premium__item {
    width: 100% !important;
    width: -moz-fit-content;
    width: fit-content;
    height: 24px;
    background: #EAEAEA;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #3D3A39;
    text-wrap-mode: nowrap;
  }
  .shop__container {
    flex-direction: column;
  }
  .shop__products .products {
    display: grid;
    grid-template-columns: auto auto !important;
    gap: 10px;
  }
  .shop .woocommerce-loop-product__title {
    font-size: 14px;
    line-height: 24px;
  }
  .shop .woocommerce-Price-amount,
  .shop .price {
    font-size: 16px;
  }
  .shop .button {
    font-size: 12px !important;
    text-wrap-mode: nowrap;
    padding: 10px 40px !important;
  }
  .shop__products .products li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 10px 16px !important;
    background: #F7F7F7;
    border-radius: 0px;
  }
  .shop__products .products h2 {
    min-height: 37px;
  }
  .selected,
  .selected-number {
    font-size: 12px;
  }
  .pick-card-shop {
    text-align: center;
    transition: transform 0.3s ease;
    padding-top: 5px;
    padding-bottom: 5px;
    background: transparent;
    border: 1px solid #56585A;
    width: 100%;
    max-width: 100%;
  }
  .website-max-width-1 {
    width: 100% !important;
    margin: 0 auto;
    padding-inline: 14% !important;
  }
  .pick-card__btn-shop {
    cursor: pointer;
    transition: background 0.3s ease;
    background: transparent;
    padding: 8px 30px;
    border: 0.567411px solid #3D3A39;
    border-radius: 3.40446px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #3D3A39;
    position: absolute;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
    text-wrap-mode: nowrap;
  }
  .pick-card__title-shop {
    margin-bottom: 32px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    align-items: center;
    color: #3D3A39 !important;
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    position: absolute;
    width: 10px !important;
    z-index: 10;
  }
  .swiper-button-next {
    right: 20px !important;
  }
  .swiper-button-prev {
    left: 20px !important;
  }
  .shop-1 {
    margin-top: 70px;
    padding-inline: 20px !important;
  }
  #reset-filters {
    font-size: 14px !important;
  }
  .shop__products-1,
  .shop__products-2,
  .shop__products-3,
  .shop__products-4 {
    padding-block: 10px 20px;
  }
  .shop {
    margin-top: 30px;
    margin-bottom: 40px;
    padding-inline: 20px !important;
  }
  .shop__products .products {
    margin-top: 10px !important;
  }
}
@media (max-width: 1024px) {
  .shop__filters.fixed {
    position: unset !important;
    top: unset !important;
    z-index: 10;
  }
  .shop__filters {
    position: unset !important;
    top: unset !important;
    z-index: 10;
  }
  .shop__sidebar {
    min-height: unset;
    width: 100%;
  }
  .filter-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    justify-content: center;
    align-items: center;
  }
  /* Popup box */
  .filter-popup__content {
    background: #fff;
    padding: 23px;
    width: 90%;
    max-height: 70vh;
    position: relative;
    overflow-y: auto;
    top: 160px;
    left: 20px;
  }
  /* Close button */
  .filter-popup__close {
    background: none;
    border: none;
    font-size: 24px;
    margin-bottom: 20px !important;
    cursor: pointer;
    align-self: flex-end;
    margin-top: -25px;
    margin-right: -20px;
  }
  .filter__svg {
    display: none;
  }
  #filterPopup {
    display: none;
  }
  .pick-card-m {
    max-width: 100%;
  }
  .pick-card__title {
    min-height: unset;
  }
  .pick-card__price {
    font-size: 16px;
  }
}
.page-loader {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #eee;
  border-top: 5px solid #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* Hero Section */
.hero-trade {
  margin-top: 40px;
  padding-block: 72px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.hero-trade__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-size: 96px;
  line-height: 88px;
  /* or 92% */
  letter-spacing: -0.01em;
  /* Main/White */
  color: #FFFFFF;
}

/* About Section */
.about {
  padding: 80px 0;
  background: white;
}

.about__text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  /* or 171% */
  color: #000000;
}

/* Wine Grid */
.wine-grid-trade {
  padding-bottom: 163px;
}

.wine-grid-t__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  /* identical to box height, or 171% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  background-color: #000000;
  padding-block: 10px;
  margin-top: -1px;
  padding-inline: 5px;
}

.wine-grid-container {
  gap: 32px;
}

.wine-grid-t__item:hover {
  transform: translateY(-5px);
}

.wine-grid-t__item {
  width: 172px;
  max-width: 172px;
}

.wine-grid-t__content img {
  width: 172px;
  min-height: 192px;
  max-height: 280px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid black;
  padding-block: 10px;
}

/* Sidebar */
.sidebar {
  padding-left: 40px;
}

.sidebar__title {
  font-size: 1.4rem;
  margin-bottom: 20px;
  color: var(--text-dark);
}

.sidebar__list {
  list-style: none;
  padding: 0;
  height: 312px;
  width: 223px;
  overflow-y: auto;
  scrollbar-width: thin !important;
  scrollbar-color: black #D9D9D9 !important;
}

.sidebar__item {
  padding: 8px 0;
  cursor: pointer;
}

.sidebar__item.active {
  text-decoration: underline;
}

.sidebar__item:hover {
  text-decoration: underline;
}

.sidebar__item {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

.sidebar__link {
  text-decoration: none;
  color: var(--dark-gray);
  transition: color 0.3s ease;
}

.sidebar__link:hover {
  color: var(--primary-purple);
}

/* Partnership Section */
.partnership {
  padding: 80px 0;
  background: #EAEAEA;
}

.partnership__title {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 80px;
  line-height: 88px;
  /* or 110% */
  letter-spacing: -0.01em;
  /* Dark Brown */
  color: #3D3A39;
  margin-bottom: 40px;
}

.partnership__text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}
.partnership__text ul {
  margin-left: 25px !important;
}

.partnership__form {
  width: 480px;
}

.partnership__left {
  width: 480px;
}

.partnership__container {
  justify-content: space-between;
}

.trade__form p span input {
  margin-bottom: 20px;
  height: 48px;
  width: 100%;
  border: unset !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: black;
  padding-left: 16px;
}
.trade__form p span input[type=checkbox]:checked {
  accent-color: black;
}
.trade__form p span textarea {
  width: 100%;
  height: 160px !important;
  border: unset !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #979797;
  padding-left: 16px;
  padding-top: 16px;
  margin-bottom: 24px;
}
.trade__form .trade__form-title,
.trade__form .wpcf7-list-item-label {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  /* Main/Black */
  color: #000000;
}
.trade__form .trade__form-title {
  margin-top: -20px !important;
}
.trade__form label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.trade__form label input {
  height: 40px !important;
  width: 40px !important;
  margin-bottom: unset !important;
}
.trade__form label span {
  text-wrap-mode: nowrap;
  margin: unset !important;
}
.trade__form .trade__checkbox .wpcf7-form-control {
  display: flex;
  gap: 38px;
}
.trade__form .trade__checkbox .wpcf7-list-item {
  margin: unset !important;
}
.trade__form .trade-form__button input {
  background-color: #000000;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  /* identical to box height, or 160% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  padding: 8px 56px;
}
.trade__form .trade-form__button input:hover {
  background-color: white;
  border: 2px solid white;
  color: black !important;
}

/* Trade Section */
.trade {
  padding: 100px 0;
}

.trade-container {
  padding: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.trade__title {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 80px;
  line-height: 88px;
  /* or 110% */
  color: #3D3A39;
  width: 400px;
}

.trade__text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  /* or 171% */
  /* Dark Brown */
  color: #3D3A39;
  width: 447px;
  margin-bottom: unset !important;
}

.trade__header {
  margin-bottom: 20px;
}

.trade__button {
  border: 2px solid black;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  /* Main/Black */
  color: #000000;
}

.trade__card {
  background-color: white;
  padding: 20px;
}

.trade__button:hover {
  background: black;
  color: white;
}

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

/* connected Section */
.connected {
  padding-block: 72px;
  background-repeat: no-repeat;
  background-position: center;
}

.connected__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-size: 72px;
  line-height: 72px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: 0px !important;
}
.connected__title span {
  font-weight: 500 !important;
}

.connected__desc {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 200% */
  text-align: center;
  color: #FFFFFF;
  display: table;
  margin: auto;
  width: 553px;
}

@media screen and (max-width: 1024px) {
  .sidebar {
    padding-left: 0px !important;
  }
  .hero-trade {
    padding-top: 110px !important;
    margin-top: 0 !important;
    padding-block: 72px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  .hero-trade__title {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    font-size: 45px;
    line-height: 49px;
    /* or 109% */
    letter-spacing: -0.01em;
    /* Main/White */
    color: #FFFFFF;
  }
  .about {
    padding: 40px 0;
    background: white;
  }
  .partnership__container {
    flex-direction: column;
  }
  .partnership__title {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 57px;
    /* or 126% */
    letter-spacing: -0.01em;
    /* Dark Brown */
    color: #3D3A39;
    margin-bottom: 25px;
  }
  .partnership__left {
    width: 100%;
    margin-bottom: 40px;
  }
  .partnership__form {
    width: 100%;
  }
  .trade__form .trade__checkbox .wpcf7-form-control {
    display: flex;
    gap: 24px;
    flex-direction: column;
  }
  .trade__header {
    flex-direction: column;
  }
  .trade__title {
    width: 100%;
  }
  .trade__text {
    width: 100%;
  }
  .wine-grid-container {
    display: grid !important;
    grid-template-columns: 86px 86px;
    gap: 14px;
    margin-right: 14px;
  }
  .connected__desc {
    width: 100%;
  }
  .sidebar__list {
    width: 100% !important;
    max-height: 458px !important;
    height: auto !important;
  }
  .wine-grid-t__content img {
    width: 86px;
    height: 100%;
    min-height: 170px !important;
    max-height: 170px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .wine-grid-t__item {
    width: 86px;
    max-width: 86px;
  }
  .wine-grid-t__title {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 171% */
    text-align: center;
    /* Main/White */
    color: #FFFFFF;
    margin-bottom: unset !important;
  }
  .sidebar__item {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 160% */
    /* Main/Black */
    color: #000000;
    padding: 8px 0;
  }
  .wine-grid-trade {
    padding-bottom: 40px;
  }
  .about__text {
    margin-bottom: unset;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* or 112% */
    color: #000000;
  }
  .partnership {
    padding: 40px 0;
    background: #EAEAEA;
  }
  .trade {
    padding: 20px 0;
  }
  .trade__title {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 57px;
    /* or 126% */
    /* Dark Brown */
    color: #3D3A39;
  }
  .trade__text {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    /* or 267% */
    /* Dark Brown */
    color: #3D3A39;
  }
  .trade-container {
    padding: 20px;
  }
  .connected__title {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    font-size: 38.1176px;
    line-height: 38px;
    /* or 100% */
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .connected__desc {
    margin-top: 20px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 169% */
    text-align: center;
    color: #FFFFFF;
  }
  .connected {
    padding-block: 40px;
    background-position: center;
  }
  .trade__form label input {
    height: 25px !important;
    width: 25px !important;
    margin-bottom: unset !important;
  }
  .trade__form label {
    gap: 16px;
  }
  .partnership__text {
    font-size: 14px;
  }
  .trade__form p span input {
    height: 30px !important;
    margin-bottom: 13px;
    font-size: 14px !important;
  }
  .trade__form p span textarea,
  .trade__form label span {
    font-size: 14px !important;
  }
  .trade__form p span textarea {
    height: 102px !important;
  }
  .trade__form .trade-form__button input {
    font-size: 16px;
    padding: 5px 36px;
    text-wrap-mode: nowrap;
  }
  .trade__button {
    padding: 10px 17px;
    text-wrap-mode: nowrap;
  }
  .trade-form__button {
    margin-top: -20px;
  }
  .our-partner__grid {
    padding-bottom: 40px !important;
  }
}
.p404__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 130px;
  /* identical to box height, or 69% */
  text-align: center;
  color: #000000;
}

.p404__desc {
  margin-top: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 24px;
  /* identical to box height, or 69% */
  text-align: center;
  color: #000000;
}

.p404__sub-desc {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  text-align: center;
  color: #000000;
}

.p404 {
  padding-block: 217px;
  background-color: #EAEAEA;
}

.p404__container {
  gap: 40px;
  justify-content: center;
  margin-bottom: 40px;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .p404__title {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    text-align: center;
    color: #000000;
  }
  .p404__container {
    margin-bottom: 20px;
  }
  .p404__container .p404image-2 {
    width: 97px;
    height: 70px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p404__desc {
    margin-top: 8px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 15.0852px;
    line-height: 10px;
    /* identical to box height, or 69% */
    text-align: center;
    color: #000000;
  }
  .p404__sub-desc {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    /* identical to box height, or 133% */
    text-align: center;
    color: #000000;
  }
  .p404image {
    width: 117px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p404-padding {
    padding-inline: 10px !important;
  }
}
.custom-cart-page {
  margin-top: 40px;
  background-size: cover;
  background-position: center;
  padding: 72px 20px;
  text-align: center;
  color: white;
}

.checkout__body {
  margin-top: 70px;
}

.cart__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: unset !important;
}

.cart__desc {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  /* identical to box height, or 200% */
  text-align: center;
  color: #FFFFFF;
}

.cart__body {
  background-color: #E9DDCF;
}
.cart__body .wc-block-cart__main .wc-block-cart-items td:last-child {
  padding-top: 50% !important;
}
.cart__body .wp-block-heading {
  margin-bottom: 50px;
}
.cart__body .wc-block-grid {
  display: none !important;
}
.cart__body .wc-block-cart-items__header {
  display: none;
}
.cart__body .wc-block-cart-item__image {
  padding: 16px 0 !important;
}
.cart__body .wc-block-components-sidebar-layout {
  flex-direction: column;
  display: flex;
}
.cart__body .wc-block-components-sidebar-layout .wc-block-components-main {
  box-sizing: border-box;
  margin: 0;
  padding-right: unset !important;
  width: 100%;
}
.cart__body .wc-block-cart-item__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__body .wc-block-cart-item__quantity {
  display: flex;
  align-items: center;
  gap: 30px;
}
.cart__body .wc-block-components-quantity-selector {
  margin: unset !important;
}
.cart__body .wc-block-cart-item__image img {
  width: 30% !important;
}
.cart__body .wc-block-components-product-metadata__description,
.cart__body .wc-block-cart-item__prices,
.cart__body .wc-block-components-product-badge {
  display: none !important;
}
.cart__body .wc-block-components-product-name {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  text-decoration: unset !important;
  margin: unset !important;
}
.cart__body .wc-block-components-sidebar {
  box-sizing: border-box;
  padding-left: 0 !important;
  width: 35%;
}
.cart__body .wc-block-cart__submit-container {
  background-color: #000000 !important;
  color: white;
}
.cart__body .wc-block-cart__submit-container a {
  text-decoration: unset !important;
  color: white;
}
.cart__body .wc-block-components-formatted-money-amount {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 32px;
  /* identical to box height, or 160% */
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}
.cart__body .wc-block-components-quantity-selector:after {
  border: unset !important;
}
.cart__body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  background-color: #FFFFFF;
}
.cart__body .wc-block-cart__main .wc-block-cart-items td {
  vertical-align: unset !important;
}

.cart__products-t {
  padding-top: 80px;
  padding-bottom: 48px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  /* Main/Black */
  color: #000000;
}

@media screen and (max-width: 1024px) {
  .cart__body .wc-block-cart-item__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    max-width: 90%;
  }
  .cart__body .wc-block-cart__main .wc-block-cart-items td:last-child {
    padding-top: 0% !important;
  }
  .cart__body .wc-block-cart-item__image img {
    width: 70% !important;
    padding: unset !important;
  }
  .cart__body .wc-block-cart-item__image {
    padding: unset !important;
  }
  .wc-block-components-quantity-selector {
    border-radius: 4px;
    box-sizing: content-box;
    display: flex;
    margin: 0 0 10px;
    position: relative;
    width: 100px !important;
  }
  .cart__body .wc-block-cart-item__quantity {
    display: flex;
    align-self: unset !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.wishlist {
  margin-top: 100px;
}
.wishlist h2 {
  margin-bottom: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  color: #000000;
}

.wishlist__container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wishlist__container .pick-card-shop {
  border: unset !important;
  max-width: 24% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 16px 48px !important;
  background: #F7F7F7;
  border-radius: 9px;
}
.wishlist__container .pick-card-shop .pick-card__btn-shop {
  text-decoration: unset !important;
  padding: 12px 64px !important;
  background: #000000 !important;
  border-radius: unset !important;
  font-family: "Inter" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF !important;
  text-wrap-mode: nowrap !important;
}
.wishlist__container .pick-card-shop .pick-card__btn-shop:hover {
  background-color: white !important;
  color: black !important;
  border: unset !important;
}
.wishlist__container .pick-card-shop .pick-card__title-shop {
  min-height: 60px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
.wishlist__container .pick-card__image img {
  width: 90%;
}

@media screen and (max-width: 1024px) {
  .wishlist__container .pick-card-shop .pick-card__btn-shop {
    margin-bottom: 10px;
  }
  .wishlist__container {
    flex-direction: column;
    gap: 24px;
  }
  .wishlist__container .pick-card-shop {
    max-width: 100% !important;
  }
}
.search-results-page {
  padding: 60px 0;
}

.search-results-page .pick-card-c {
  list-style: none !important;
  max-width: 290px !important;
  margin-bottom: 20px;
}
.search-results-page img {
  width: 100% !important;
  height: auto !important;
}
.search-results-page .woocommerce-loop-product__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-top: 16px;
}
.search-results-page .add_to_cart_button,
.search-results-page .button,
.search-results-page .product_type_simple {
  text-decoration: unset !important;
  padding: 12px 64px !important;
  background: #000000 !important;
  border-radius: unset !important;
  font-family: "Inter" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF !important;
}
.search-results-page .added_to_cart {
  margin-top: 22px !important;
}
.search-results-page .add_to_cart_button:hover,
.search-results-page .button:hover,
.search-results-page .product_type_simple:hover {
  background: white !important;
  color: black !important;
}
.search-results-page .woocommerce-LoopProduct-link {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.search-results-page .woocommerce-Price-amount {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-top: 8px;
}
.search-results-page .onsale {
  top: 26px !important;
  left: 21px !important;
  padding: unset !important;
  min-height: 3.236em;
  min-width: 3.236em;
  padding: 0.202em;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  margin: 0;
  border-radius: 100%;
  background-color: #958e09;
  color: #fff;
  font-size: 0.857em;
  z-index: 9;
}
.search-results-page del {
  color: black !important;
}
.search-results-page ins {
  text-decoration: unset !important;
}
.search-results-page .price {
  margin-bottom: 16px;
}
.search-results-page .nav-links,
.search-results-page .pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.search-results-page .nav-links a {
  text-decoration: unset !important;
}
.search-results-page .nav-links .current {
  background-color: #000000 !important;
  color: white !important;
  width: 25px !important;
  display: flex !important;
  justify-content: center !important;
}
.search-results-page .nav-links .page-numbers {
  background-color: #F6F6F6;
  color: black;
  min-width: 34px;
  display: flex;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.03em;
  padding-inline: 8px;
  padding-block: 4px;
}
.search-results-page .nav-links .page-numbers:hover {
  background-color: black !important;
  color: white !important;
}

.search-results-page .page-title {
  margin-top: 40px !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  /* identical to box height, or 133% */
  color: #000000;
  margin-bottom: 30px;
}

.search-results-page .products {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
}

.search-results-page .product {
  background: #F7F7F7;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  transition: all 0.3s ease;
}

.search-results-page .product:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.search-results-page .no-results {
  text-align: center;
  color: #888;
  margin-top: 50px;
}

@media screen and (max-width: 1024px) {
  .search-results-page .products {
    grid-template-columns: auto;
    gap: 10px;
  }
  .search-results-page .pick-card-c {
    max-width: 100% !important;
  }
}
.bundle-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.bundle-table th,
.bundle-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.relate-product-image img {
  width: unset !important;
  height: unset !important;
  min-height: 300px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.bundle-table th {
  background: #f9f9f9;
  font-weight: 600;
}

.bundle-table img {
  width: 60px;
  border-radius: 6px;
}

.in-stock {
  color: green;
  font-weight: 500;
}

.out-of-stock {
  color: red;
  font-weight: 500;
}

.quantity-inner {
  display: flex;
}

.single-p {
  background-color: #E9DDCF;
}

.custom-single-product {
  padding-top: 120px;
}
.custom-single-product .product-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  /* identical to box height, or 100% */
  /* Main/Black */
  color: #000000;
  margin-bottom: 48px;
}
.custom-single-product .total-price {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  /* identical to box height, or 160% */
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}
.custom-single-product .single_add_to_cart_button {
  padding: 12px 64px !important;
  height: 48px;
  /* Main/Black */
  background: #000000 !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  text-align: center;
  /* Main/White */
  color: #FFFFFF;
  text-wrap-mode: nowrap;
  border-radius: unset !important;
}
.custom-single-product .single_add_to_cart_button:hover {
  background-color: white !important;
  color: black !important;
}
.custom-single-product .stock {
  display: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  /* Main/Black */
  color: #000000;
}
.custom-single-product .quantity-inner button {
  border: unset !important;
  background-color: transparent !important;
}
.custom-single-product .quantity-inner input {
  height: 40px !important;
  width: 45px !important;
  background-color: white !important;
  border: unset !important;
}
.custom-single-product .woocommerce .quantity .qty {
  margin: unset !important;
}
.custom-single-product .text {
  margin: unset !important;
}
.custom-single-product .cart {
  display: flex;
  gap: 20px;
  align-items: center;
}
.custom-single-product .quantity {
  margin: unset !important;
}
.custom-single-product .total-price {
  order: 2;
}
.custom-single-product .quantity-inner {
  order: 1;
}
.custom-single-product .single_add_to_cart_button {
  order: 3;
}

.bundle-1 .yith-wcpb-product-bundled-items {
  display: none;
}

.bundle-2 ul li {
  list-style: none !important;
}
.bundle-2 .stock,
.bundle-2 .quantity,
.bundle-2 .button {
  display: none !important;
}
.bundle-2 .yith-wcpb-product-bundled-item-data__title a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  /* identical to box height, or 150% */
  /* Main/Black */
  color: #000000 !important;
}

.product-layout {
  display: grid;
  grid-template-columns: 350px auto;
  gap: 40px;
  padding-bottom: 80px;
}

.product-image {
  position: relative;
  width: 100%;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: transparent;
}

.product-image img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.product-main {
  display: flex;
  flex-direction: column;
}

.product-title {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
}

.product-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
}

.product-sku {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-top: 15px;
}

.product-categories {
  margin-top: 10px;
  width: 80%;
}
.product-categories a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  text-decoration-line: underline !important;
  color: #000000 !important;
}

.product-categories {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 20px;
}

.product-categories a {
  color: #0066cc;
  text-decoration: none;
}

.product-categories a:hover {
  text-decoration: underline;
}

.product-description {
  margin-top: 48px;
}
.product-description p {
  padding-bottom: 18px;
  margin-bottom: unset !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  /* or 133% */
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}
.product-description p strong {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 88% */
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}

.product-description h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  /* Main/Black */
  color: #000000;
}

@media screen and (min-width: 1700px) {
  .additional-info {
    min-width: 384px;
  }
}
.additional-info h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  /* Main/Black */
  color: #000000;
  margin-bottom: 20px;
}

.info-table {
  width: 100%;
}

.info-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid black;
}

.info-row:last-child {
  border-bottom: none;
}

.info-label {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  /* identical to box height, or 200% */
  display: flex;
  align-items: flex-end;
  /* Main/Black */
  color: #000000;
}

.info-value {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  /* identical to box height, or 200% */
  letter-spacing: 0.03em;
  /* Main/Black */
  color: #000000;
}

/* Dynamic Price Display */
.product-price-display {
  font-size: 28px;
  font-weight: 600;
  margin: 20px 0;
}

.total-price {
  font-size: 20px;
  color: #666;
  margin-top: 10px;
}

/* Custom Quantity Selector */
.quantity {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 20px 0;
}

.quantity-button {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.quantity-button:hover {
  background: #e0e0e0;
  border-color: #999;
}

.quantity-button:active {
  background: #d0d0d0;
}

.quantity-button.minus {
  border-radius: 5px 0 0 5px;
}

.quantity-button.plus {
  border-radius: 0 5px 5px 0;
}

.quantity input.qty {
  width: 60px;
  height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  font-size: 16px;
  font-weight: 600;
}

.quantity input.qty:focus {
  outline: none;
  border-color: #999;
}

/* Related Products Section */
.related-products-section {
  margin-top: 160px;
}

.related-products-section h2 {
  font-family: "Inria Serif";
  font-style: normal;
  font-weight: 300;
  font-size: 96px;
  line-height: 88px;
  /* identical to box height, or 92% */
  letter-spacing: -0.01em;
  /* Dark Brown */
  color: #3D3A39;
  margin-bottom: 80px;
  text-align: center;
}

.related-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
  margin-bottom: 80px;
}

.related-product-item {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.related-product-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.related-product-image {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.related-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.related-product-info {
  padding: 20px;
}

.related-product-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.related-product-title a {
  color: #333;
  text-decoration: none;
}

.related-product-title a:hover {
  color: #0066cc;
}

.related-product-price {
  font-size: 18px;
  font-weight: 600;
  color: #0066cc;
}

@media (max-width: 1024px) {
  .relate-product-image img {
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .product-categories {
    margin-top: 20px;
    width: 100% !important;
  }
  .related-products-section .pick-card {
    width: 160px !important;
  }
  .related-products-section .pick-card__title {
    min-height: 170px !important;
  }
  .product-layout {
    grid-template-columns: auto;
  }
  .additional-info {
    margin-top: 10px;
    min-width: 100% !important;
  }
  .related-products-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
  }
  .custom-single-product .cart {
    flex-direction: column;
  }
  .related-products-section {
    margin-top: 32px;
  }
  .related-products-section h2 {
    font-size: 48px;
    line-height: 44px;
    margin-bottom: 40px;
  }
  .product-description {
    margin-top: 60px;
  }
  .related-products-grid {
    margin-bottom: 40px;
  }
  .custom-single-product {
    padding-top: 50px;
  }
  .Middle-Column {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 20px;
  }
  .product-sku {
    margin-top: 20px;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Thin-BETA.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraLight-BETA.otf");
  font-weight: 200;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Light-BETA.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-SemiBold.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-ExtraBold.otf");
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Black.otf");
  font-weight: 900;
}
@font-face {
  font-family: "Inria Serif";
  src: url("../fonts/inria-serif/InriaSerif-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Inria Serif";
  src: url("../fonts/inria-serif/InriaSerif-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Inria Serif";
  src: url("../fonts/inria-serif/InriaSerif-Bold.ttf");
  font-weight: 700;
}/*# sourceMappingURL=style.css.map */