* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::-webkit-input-placeholder,
*:-moz-placeholder,
*::-moz-placeholder,
*:-ms-input-placeholder {
  color: var(--text-tertiary, #656766);
  opacity: 1;
}

a {
  text-decoration: none;
}
img {
  display: inline-block;
}
:root {
  --color-main: #000;
  --color-secondary: #ccc;
  --font-main: "Nunito Sans", sans-serif;
  --font-secondary: "";
}
body {
  font-family: var(--font-main);
  font-size: 16px;
  overflow-x: hidden;

  font-weight: 400;
  line-height: 24px; /* 150% */

  color: var(--text-primary, #191a1a);
}
a {
  color: var(--text-primary, #191a1a);
}
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}
.material-symbols-outlined.--fill {
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
}
.--center {
  text-align: center;
}
/* colors */
.--red {
  color: var(--text-sale, #e12c44);
}
.--white {
  color: #fff;
}
.--green {
  color: #048601;
}
.--gray {
  color: var(--text-tertiary, #656766);
}
.--secondary {
  color: var(--text-secondary, #323433);
}
/* typography */
h1,
.h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}
h2,
.h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
h3,
.h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
h4,
.h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
h5,
.h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.--medium {
  font-weight: 500;
}
.--bold {
  font-weight: 700;
}
.--link,
.--underline {
  text-decoration: underline;
}
.--small {
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.--fz-12 {
  font-size: 12px;
}
.--caption {
  font-size: 12px;
  line-height: 16px; /* 133.333% */
}

/* inputs and buttons */
button,
input {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
  box-shadow: none;
  font-family: var(--font-main);
  font-size: 16px;
}
.input-text {
  font-family: var(--font-main);
  padding: 8px 16px;
  border: 1px solid var(--border-border-tertiary, #e5e6e6);
  background: var(--container-cont-01, #fff);
  width: 100%;
  outline: none;
  font-size: 16px;
}
.input-text:disabled,
.input-text:read-only{
  background: rgba(240, 240, 240, 0.6);
}
.woocommerce-invalid .input-text,
.input-text.wpcf7-not-valid {
  box-shadow: none !important;
  border: 1px solid var(--border-border-error, #d2120e);
}
.form-row.woocommerce-validated input.input-text {
  box-shadow: none !important;
}
textarea.input-text {
  resize: none;
  height: 120px;
}
.input-icon {
  position: relative;
}
.input-icon__icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}
.input-icon .input-text {
  padding-left: 40px;
}

.button {
  padding: 8px 16px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.56px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
.button:hover {
  color: var(--text-action, #048601);
}

.button.--no-padding {
  padding: 0;
}
.button.--small {
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.48px;
}
.button.--tall {
  padding-top: 16px;
  padding-bottom: 16px;
}
.button.--h-40 {
  height: 40px;
}
.button.--white {
  background: #fff;
  color: var(--text-primary, #191a1a);
}
.button.--white:hover {
  color: #048601;
}
.button.--white:active {
  background: var(--green-neon-overlay-pressed, rgba(6, 208, 1, 0.32));
}
.button.--white:disabled {
  background: rgba(255, 255, 255, 0.6);
}
.button.--white.--outline {
  border: 1px solid var(--text-primary, #191a1a);
}
.button.--white.--outline:hover {
  background: var(--text-primary, #191a1a);
  color: #fff;
}
.button.--white.--outline.--icon:has(svg):hover svg path {
  fill: #fff;
}
.button.--black {
  background: var(--container-cont-inverted-primary, #030D09);
  color: #fff;
}
.button.--black:hover {
  background: #057a05;
}
.button.--black:active {
  background: #044b06;
}
.button.--black:disabled {
  background: #9a9e9d;
}
.button.--yellow {
  background: var(--container-cont-yellow-neon, #e6ff94);
}

.button.--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.button.--transparent {
  background: transparent;
  transition: color 0.3s ease;
}
.button.--transparent:hover {
  color: var(--text-action, #048601);
}

.button.--full {
  width: 100%;
}

.button.--h-40 {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-link {
  color: var(--text-primary, #191a1a);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s ease;
}
.arrow-link:hover {
  color: var(--text-action, #048601);
}
.arrow-link .material-symbols-outlined{
  transition: transform 0.3s ease;
}
.arrow-link:hover .material-symbols-outlined{
  transform: translateX(2px);
}
.badge {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
  padding-left: 4px;
  padding-right: 4px;
  display: inline-block;
}
.badge.--delivery {
  color: var(--text-action, #048601);
  background: linear-gradient(0deg, var(--container-cont-success, rgba(6, 208, 1, 0.08)) 0%, var(--container-cont-success, rgba(6, 208, 1, 0.08)) 100%), var(--container-cont-01, #fff);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.badge.--delivery .material-symbols-outlined {
  font-size: 16px;
}
.badge.--special {
  background: linear-gradient(0deg, rgba(225, 44, 68, 0.1) 0%, rgba(225, 44, 68, 0.1) 100%), var(--container-cont-01, #fff);
  color: var(--text-sale, #e12c44);
}
.badge.--new {
  background: linear-gradient(0deg, rgba(230, 255, 148, 0.3) 0%, rgba(230, 255, 148, 0.3) 100%), var(--container-cont-01, #fff);
  color: #668500;
}
.badge.--big {
  padding: 8px;
  height: 32px;
}
.product-card__badges-all {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.product-card__badges {
  position: absolute;
  z-index: 1;
}
.product-card__badge-delivery {
  display: flex;
  height: 16px;
  margin-bottom: 4px;
}

.woocommerce-message {
  display: block;
  background: linear-gradient(0deg, rgba(4, 134, 1, 0.1) 0%, rgba(4, 134, 1, 0.1) 100%), var(--container-cont-01, #fff) !important;
  padding: var(--8, 8px) var(--16, 16px);
  gap: var(--8, 8px);

  color: var(--text-primary, #191a1a);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.woocommerce-message.--alert {
  background: linear-gradient(0deg, rgba(225, 44, 68, 0.1) 0%, rgba(225, 44, 68, 0.1) 100%), var(--container-cont-01, #fff) !important;
  color: var(--text-sale, #e12c44);
}

/* Cart coupon form styles */
.cart-coupon-form__error {
  margin-top: 8px;
}

.cart-coupon-form__error-text {
  display: block;
  width: 100%;
}

.button.--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table td {
  padding: 12px 0;
}

.table tr:not(:last-child) td {
  border-bottom: 1px solid var(--border-border-tertiary, #e5e6e6);
}

.text-content p {
  margin-bottom: 16px;
}
.text-content p:last-child {
  margin-bottom: 0;
}
.text-content ul,
.text-content ol {
  padding-left: 15px;
}
.text-content li {
}
.text-content h2 {
  margin-bottom: 24px;
}

.text-content h3 {
  margin-bottom: 16px;
}
.text-content h4 {
  margin-bottom: 8px;
}

.regular-checkbox {
}
.regular-checkbox input,
.wpc-checkbox-item input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.regular-checkbox label,
.wpc-checkbox-item label {
  padding-left: 32px;
  position: relative;
  display: block;
  cursor: pointer;
}
.regular-checkbox label:before,
.wpc-checkbox-item label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: center / cover
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.8'%3E%3Cpath d='M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM5.30775 19H18.6923C18.7692 19 18.8398 18.9679 18.9038 18.9038C18.9679 18.8398 19 18.7692 19 18.6923V5.30775C19 5.23075 18.9679 5.16025 18.9038 5.09625C18.8398 5.03208 18.7692 5 18.6923 5H5.30775C5.23075 5 5.16025 5.03208 5.09625 5.09625C5.03208 5.16025 5 5.23075 5 5.30775V18.6923C5 18.7692 5.03208 18.8398 5.09625 18.9038C5.16025 18.9679 5.23075 19 5.30775 19Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.regular-checkbox label:after,
.wpc-checkbox-item label:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: center / cover
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.6 15.8538L17.323 9.13075L16.2693 8.077L10.6 13.7463L7.75 10.8962L6.69625 11.95L10.6 15.8538ZM5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775Z' fill='black'/%3E%3C/svg%3E");
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.wpc-checkbox-item label:before,
.wpc-checkbox-item label:after{
  top: -3px;
}
.regular-checkbox input:checked + label:after,
.wpc-checkbox-item input:checked + label:after
 {
  opacity: 1;
}

.text-page-content .text-content p {
  margin: 1em 0;
}
.text-page-content .text-content p:first-child {
  margin-top: 0;
}
.text-page-content .text-content p:last-child {
  margin-bottom: 0;
}
.text-page-content {
  padding: 40px 0 72px;
}
.text-page-content .text-content a {
  color: var(--text-action, #048601);
  text-decoration: underline;
}
.text-page-content .text-content a:hover {
  text-decoration: none;
}
.text-page-content .text-content h2,
.text-page-content .text-content h3 {
  margin-top: 40px;
  margin-bottom: 16px;
}
.text-page-content .text-content h2:first-child,
.text-page-content .text-content h3:first-child {
  margin-top: 0;
}
.text-page-content .text-content h4 {
  margin-top: 24px;
}
.text-page-content .text-content .wp-block-image {
  margin: 24px 0;
}

.text-page-content .text-content ul {
  padding-left: 28px;
  margin: 24px 0;
}
.text-page-content .text-content ul li {
  font-size: 16px;
  margin: 10px 0;
  line-height: 23px;
}
.text-content hr {
  margin: 40px 0;
  color: var(--border-border-primary, #191a1a);
}
.text-content .has-small-font-size {
  font-size: 14px !important;
}

.text-content .wp-block-buttons {
  margin-top: 40px;
}
.--hover-to-green {
  transition: color 0.3s ease;
}
.--hover-to-green:hover {
  color: var(--text-action, #048601);
}
