@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

:root {
  --primary-red: #d92b2b;
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-track {
  background: #d6d6d6;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@font-face {
  font-style: normal;
  font-weight: 400 700;
  font-family: "Google Sans";
  src: url("/fonts/Google Sans.woff2") format("woff2");
}

@font-face {
  font-style: normal;
  font-weight: 300;
  font-family: "DINCond";
  src: url("/fonts/DINCOND-LIGHT.woff2") format("woff2"),
    url("/fonts/DINCOND-LIGHT.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "DINCond";
  src: url("/fonts/DINCOND-MEDIUM.woff2") format("woff2"),
    url("/fonts/DINCOND-MEDIUM.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 700;
  font-family: "DINCond";
  src: url("/fonts/DINCOND-BOLD.woff2") format("woff2"),
    url("/fonts/DINCOND-BOLD.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 900;
  font-family: "DINCond";
  src: url("/fonts/DINCOND-BLACK.woff2") format("woff2"),
    url("/fonts/DINCOND-BLACK.otf") format("opentype");
  font-display: swap;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex;
}

.items-center {
  align-items: center;
}

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

h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
  font-style: normal;
  font-weight: 700 !important;
  font-family: "Google Sans", sans-serif !important;
}

body {
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#yt_wrapper.layout-wide {
  overflow: hidden;
}

#yt_wrapper.layout-wide #yt_top {
  padding: 6px 10px;
}

#yt_wrapper.layout-wide #yt_top .container {
  max-width: 1366px;
}

#yt_wrapper.layout-wide #yt_top .container .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#yt_wrapper.layout-wide #yt_top .container .row::after,
#yt_wrapper.layout-wide #yt_top .container .row::before {
  content: unset;
}

#yt_wrapper.layout-wide #yt_top #breadcrumb .breadcrumb {
  padding: 0;
}

#yt_wrapper.layout-wide #yt_top #top-right {
  margin: 0 0 0 auto;
}

[data-module_id="403"] .sppb-row-container {
  margin: auto;
}

section#yt_spotlight1 #main-top {
  margin: 0;
}

#yt_wrapper.layout-wide #content {
  margin: 0 0 10px;
}

#yt_wrapper.layout-wide #yt_header {
  margin: 0;
  padding: 10px;
}

#yt_wrapper.layout-wide #yt_header #moonavigator,
#yt_wrapper.layout-wide #yt_header #moonavigator .menu,
#yt_wrapper.layout-wide #yt_header #moonavigator .logo-left,
#yt_wrapper.layout-wide #yt_header #moonavigator .logo-center {
  transition: all 0.3s ease-in-out;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu {
  margin: 0;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu img.logo-mobile,
#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator li.logo-left,
#yt_wrapper.layout-wide #yt_header.menu-fixed #yt_mainmenu #moonavigator li.logo-center,
#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator li.logo-center+.level1.havechild>a>i {
  display: none;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator li.logo-center+.level1.havechild>ul {
  display: none !important;
}

#yt_wrapper.layout-wide #yt_header.menu-fixed #yt_mainmenu #moonavigator li.logo-left {
  display: block;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator>li.level1>.item-link {
  white-space: nowrap;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator ul.subnavi li.hover>.item-link,
#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator ul.subnavi li.active>.item-link {
  color: var(--primary-red);
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator li.level1.havechild.vertical-sub ul.subnavi {
  margin: 0;
  width: auto;
  display: flex;
  flex-direction: column;
}

#yt_wrapper.layout-wide #yt_header #yt_mainmenu ul.navi li a i {
  margin-left: 4px;
}

#top-search .form-wrapper,
#mobile-search .form-wrapper {
  display: flex;
}

#main-search {
  width: 80%;
  row-gap: 20px;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
}

#main-search+.zoo-filter-result {
  margin-top: 40px;
}

#main-search .hot-products {
  margin: 0;
  width: 100%;
  display: flex;
  font-weight: 500;
  column-gap: 10px;
  white-space: nowrap;
}

#main-search .hot-products span.wrapper {
  display: flex;
  gap: 10px 14px;
}

#main-search .hot-products span.wrapper.all {
  flex-wrap: wrap;
}

#main-search .hot-products button {
  padding: 0;
  color: var(--primary-red);;
  background: transparent;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.320, 1);
}

#main-search .hot-products button:hover {
  color: var(--primary-red);
  text-decoration: underline;
}

#main-search ul.zoo-category-list {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
  justify-content: center;
}

#main-search ul.zoo-category-list li:first-child {
  display: none;
}

#main-search ul.zoo-category-list li>a {
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
  padding: 10px 20px;
  background: var(--primary-red);;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

#main-search ul.zoo-category-list li>a:hover {
  text-decoration: none;
  background: var(--primary-red);
}

#top-search .form-wrapper form {
  margin: 0;
}

#top-search .form-wrapper form,
#mobile-search .form-wrapper form,
#main-search .form-wrapper form .form-inner .form-elements,
#top-search .form-wrapper form .form-inner .form-element-row.itemname,
#mobile-search .form-wrapper form .form-inner .form-element-row.itemname,
#main-search .form-wrapper form .form-inner .form-element-row.itemname {
  flex: 1;
}

#top-search .form-wrapper form .form-inner,
#mobile-search .form-wrapper form .form-inner,
#main-search .form-wrapper form .form-inner {
  position: relative;
}

#main-search .form-wrapper form .form-inner {
  height: 50px;
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 2px solid var(--primary-red);;
}

#top-search .form-wrapper form .form-inner .form-elements,
#mobile-search .form-wrapper form .form-inner .form-elements,
#main-search .form-wrapper form .form-inner .form-elements {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: row-reverse;
}

#top-search .form-wrapper form .form-inner .form-elements,
#mobile-search .form-wrapper form .form-inner .form-elements {
  border-width: 1px;
  border-radius: 40px;
  justify-content: start;
  border: 1px solid #ccc;
}

#top-search .form-wrapper form .form-inner .form-element-row,
#mobile-search .form-wrapper form .form-inner .form-element-row,
#main-search .form-wrapper form .form-inner .form-element-row {
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
}

#top-search .form-wrapper form .form-inner .form-element-row i,
#mobile-search .form-wrapper form .form-inner .form-element-row i,
#main-search .form-wrapper form .form-inner .form-element-row i {
  top: 50%;
  color: #333;
  background: #fff;
  position: absolute;
  border-radius: 20px;
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

#top-search .form-wrapper form .form-inner .form-element-row i,
#mobile-search .form-wrapper form .form-inner .form-element-row i {
  right: 8px;
}

#main-search .form-wrapper form .form-inner .form-element-row i {
  right: 12px;
}

#top-search .form-wrapper form .form-inner .form-element-row i:hover,
#mobile-search .form-wrapper form .form-inner .form-element-row i:hover,
#main-search .form-wrapper form .form-inner .form-element-row i:hover {
  cursor: pointer;
  color: var(--primary-red);
}

#top-search .form-wrapper form .form-inner .form-element-row input,
#mobile-search .form-wrapper form .form-inner .form-element-row input,
#main-search .form-wrapper form .form-inner .form-element-row input {
  margin: 0;
  border: none;
  padding: 0 12px;
  box-shadow: none;
  background: transparent;
}

#main-search .form-wrapper form .form-inner .form-element-row input {
  height: initial;
  font-size: 14px;
  min-height: 26px;
}

#top-search .form-wrapper form .form-inner .form-element-row select,
#mobile-search .form-wrapper form .form-inner .form-element-row select,
#main-search .form-wrapper form .form-inner .form-element-row select {
  color: #333;
  cursor: pointer;
  appearance: none;
  border-radius: 0;
  border-style: solid;
  border-color: #ccc;
  padding: 4px 0 2px 12px;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.320, 1);
  background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>') no-repeat right 10px center / 14px;
}

#top-search .form-wrapper form .form-inner .form-element-row select.empty,
#mobile-search .form-wrapper form .form-inner .form-element-row select.empty,
#main-search .form-wrapper form .form-inner .form-element-row select.empty {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="rgb(153,153,153)"/></svg>');
}

#top-search .form-wrapper form .form-inner .form-element-row select.empty,
#mobile-search .form-wrapper form .form-inner .form-element-row select.empty,
#main-search .form-wrapper form .form-inner .form-element-row select.empty,
#top-search .form-wrapper form .form-inner .form-element-row select option[value=""],
#mobile-search .form-wrapper form .form-inner .form-element-row select option[value=""],
#main-search .form-wrapper form .form-inner .form-element-row select option[value=""] {
  color: #999;
}

#top-search .form-wrapper form .form-inner .form-element-row select,
#mobile-search .form-wrapper form .form-inner .form-element-row select {
  border-width: 0 1px 0 0;
  background-position: right 6px center;
}

#main-search .form-wrapper form .form-inner .form-element-row select {
  border-width: 0 2px 0 0;
}

#top-search .form-wrapper form .form-inner .form-element-row select:focus,
#mobile-search .form-wrapper form .form-inner .form-element-row select:focus,
#main-search .form-wrapper form .form-inner .form-element-row select:focus,
#top-search .form-wrapper form .form-inner .form-element-row select:focus-visible,
#mobile-search .form-wrapper form .form-inner .form-element-row select:focus-visible,
#main-search .form-wrapper form .form-inner .form-element-row select:focus-visible {
  outline: none;
}

#top-search .form-wrapper form .form-inner .form-element-row select option:not(:first-of-type),
#mobile-search .form-wrapper form .form-inner .form-element-row select option:not(:first-of-type),
#main-search .form-wrapper form .form-inner .form-element-row select option:not(:first-of-type) {
  color: #333;
}

#top-search .form-wrapper form .form-inner button,
#mobile-search .form-wrapper form .form-inner button {
  top: 46%;
  padding: 0;
  right: 10px;
  position: absolute;
  background: transparent;
  transform: translateY(-46%);
}

#top-search .form-wrapper form .form-inner button::before,
#mobile-search .form-wrapper form .form-inner button::before {
  color: var(--primary-red);;
}

#top-search .form-wrapper form .form-inner button::before,
#mobile-search .form-wrapper form .form-inner button::before,
#main-search .form-wrapper form .form-inner button::before {
  content: "\f002";
  font-family: "FontAwesome";
}

#main-search .form-wrapper form .form-inner button::before {
  opacity: 0;
  margin-right: -10px;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.320, 1);
}

#main-search .form-wrapper form .form-inner button.hover::before,
#main-search .form-wrapper form .form-inner button:hover::before {
  opacity: 1;
  margin-right: 6px;
}

#main-search .form-wrapper form .form-inner button {
  height: 100%;
  padding: 0 16px;
  border-radius: 6px;
  background: var(--primary-red);;
}

#main-search .form-wrapper form .form-inner button,
#main-search .form-wrapper form .form-inner button::before {
  color: #fff;
  font-weight: 500;
}

#yt_component h1.box-title {
  margin: 20px 0;
  position: relative;
}

#yt_component>h1.box-title {
  margin-bottom: 40px;
}

#yt_component h1.box-title a:hover {
  text-decoration: none;
}

#yt_component h1.box-title span.wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: clamp(16px, 3vw, 36px);
}

#yt_component h1.box-title span.wrapper::after,
#yt_component h1.box-title span.wrapper::before {
  content: "";
  width: 100%;
  max-width: 20%;
  border: solid 1px #d1d2d4;
}

#yt_component h1.box-title span.wrapper .title {
  height: 40px;
  color: #547f26;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

#yoo-zoo.product-default .items.has-box-title>h1.box-title {
  display: none;
}

#yoo-zoo.product-default.product-default-tag .items.has-box-title>h1.box-title {
  display: block;
}

#yt_component #yoo-zoo.product-default.product-default-tag h1.box-title span.wrapper::after,
#yt_component #yoo-zoo.product-default.product-default-tag h1.box-title span.wrapper::before {
  content: unset;
}

#yt_component #yoo-zoo.product-default.product-default-tag h1.box-title span.wrapper .title,
#yt_component #yoo-zoo.product-default.product-default-tag h1.box-title span.wrapper .title {
  white-space: unset;
  text-transform: unset;
}

#yoo-zoo.product-detail #left_product {
  position: relative;
}

#yoo-zoo.product-detail #left_product .img_product img {
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

#yoo-zoo.product-detail #left_product:hover .img_product img {
  transform: scale(1.05);
}

#yoo-zoo.product-detail #right_product {
  display: flex;
  flex-direction: column;
}

#yoo-zoo.product-detail #right_product #fruitritaicon {
  position: static;
  margin: 30px 0 0;
}

#yoo-zoo.product-detail #right_product .cta-buttons {
  display: flex;
  column-gap: 20px;
  margin: 15px 0 0;
}

#yoo-zoo.product-detail #right_product .cta-buttons button.chat-now,
#yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id] {
  color: #fff;
  width: auto;
  height: 40px;
  border: none;
  padding: 0 20px;
  font-weight: 500;
  text-shadow: none;
  border-radius: 10px;
  white-space: nowrap;
  background: var(--primary-red);;
  font-family: "Roboto", sans-serif;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

#yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id] {
  gap: 3px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

#yoo-zoo.product-detail #right_product .cta-buttons button.chat-now:hover,
#yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id]:hover {
  background: var(--primary-red);
}

#yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id] .pweb-text {
  white-space: nowrap;
}

#yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id] .pweb-icon {
  font-size: 12px;
}

#yt_component #yoo-zoo .box-1 .items .row,
#yt_component #yoo-zoo .items .box-1 .row {
  display: flex;
  flex-wrap: wrap;
}

#yoo-zoo.zoo-filter-result .box-1 {
  padding: 0 15px 15px;
}

#yoo-zoo.zoo-filter-result .products-suggest ul.zoo-list {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

#yoo-zoo.zoo-filter-result .products-suggest ul.zoo-list li {
  padding: 5px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 20px 20px 40px;
  border: 1px solid #eee !important;
}

#yoo-zoo ul.uk-pagination {
  gap: 10px;
  padding: 0;
  display: flex;
  margin: 20px 0;
  flex-wrap: wrap;
  justify-content: center;
}

#yoo-zoo ul.uk-pagination li {
  margin: 0;
  padding: 0;
  width: fit-content;
  height: fit-content;
  border-color: #bfbfbf;
  transition: all 0.1s cubic-bezier(0.86, 0, 0.07, 1);
}

#yoo-zoo ul.uk-pagination li>a,
#yoo-zoo ul.uk-pagination li>span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
}

#yoo-zoo ul.uk-pagination li:hover,
#yoo-zoo ul.uk-pagination li.uk-active {
  font-size: initial;
  border-width: 1px;
  background-color: #bfbfbf;
}

#yoo-zoo ul.uk-pagination li>a:hover {
  text-decoration: none;
}

.image-carousel {
  user-select: none;
  overflow: visible !important;
}

.image-carousel>div {
  display: flex;
  align-items: center;
}

.image-carousel>div>div {
  display: flex;
  width: 100% !important;
  float: none !important;
  justify-content: center;
}

.fluid {
  width: 100dvw;
  position: relative;
  left: calc((-100dvw + 100%) / 2);
}

/* BEGIN: Adjust Posts for Blog */

#content.com_content #content_main .blog .items-leading {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}

#content.com_content #content_main .blog .items-leading .item {
  gap: 2rem;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#content.com_content #content_main .blog .items-leading .item .article-text {
  margin: 0;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}

#content.com_content #content_main .blog .items-leading .item .article-text .article-header h3,
#content.com_content #content_main .blog .items-leading .item .article-text .article-aside,
#content.com_content #content_main .blog .items-leading .item .article-text .article-aside .article-info,
#content.com_content #content_main .blog .items-leading .item .article-text .content_rating,
#content.com_content #content_main .blog .items-leading .item .article-text .content_rating p {
  margin: 0;
}

#content.com_content #content_main .blog .items-leading .item .article-text p.audio {
  margin: -0.4rem 0 1.4rem;
}

#content.com_content #content_main .blog .items-leading .item .article-text .icons {
  display: none;
}

#content.com_content #content_main .blog .items-leading .item .article-text > a.button {
  align-self: self-start;
}

/* END: Adjust Posts for Blog */

/* BEGIN Adjust for Article */

#content.com_content #content_main .item-page .vote-info,
#content.com_content #content_main .item-page .vote-info .content_rating,
#content.com_content #content_main .item-page .vote-info span.content_vote,
#content.com_content #content_main .blog .items-leading .item .content_rating {
  gap: 1rem;
  display: flex;
  align-items: center;
}

#content.com_content #content_main .item-page .vote-info {
  flex-wrap: wrap;
  margin: 0 0 2rem;
}

#content.com_content #content_main .item-page .vote-info .content_rating p,
#content.com_content #content_main .item-page .vote-info span.content_vote > label {
  margin: 0;
}

#content.com_content #content_main .item-page .vote-info .content_rating .stars,
#content.com_content #content_main .blog .items-leading .item .content_rating .stars {
  margin: 0 0 0.4rem;
}

#content.com_content #content_main .item-page .table-of-contents-ck-wrap {
  margin: 0 0 2rem;
}

#content.com_content #content_main p.audio {
  width: 50%;
  margin: 2rem 0;
  line-height: 2;
  font-weight: 700;
}

#content.com_content #content_main p.audio .plyr {
  border-radius: 1rem;
  --plyr-color-main: #e11a2c;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

#content.com_content #content_main p.audio .plyr input:hover {
  cursor: pointer;
}

#content.com_content #content_main p.audio .plyr button:hover .plyr__tooltip {
  --plyr-tooltip-color: #4a5464;
  color: var(--plyr-tooltip-color);
}

#content.com_content #content_main p.audio .plyr__volume input[type=range] {
  min-width: 3rem;
  max-width: 6rem;
}

/* END Adjust for Article */

/* BEGIN New Product Slider */

div#n2-ss-72 .n2-ss-slider-2.n2-ow,
div#n2-ss-72 .n2-ss-slider-3.n2-ow,
div#n2-ss-72.n2-ss-slider .n2-ss-slide {
  overflow: visible;
}

div#n2-ss-72 .n2-ss-showcase-slides .title-out {
  top: -2.8rem;
  color: var(--primary-red);
  font-weight: 900;
  font-size: 2.2rem;
  position: absolute;
  font-family: "DINCond";
  text-transform: uppercase;
}

div#n2-ss-72 .n2-ss-showcase-slides [data-id] .n2-ss-slide-background {
  overflow: hidden;
  border-radius: 1rem;
}

div#n2-ss-72 .n2-ss-showcase-slides [data-id] .n2-ss-slide-inner [data-sstype="row"] {
  display: none;
}

#sppb-addon-1761280189156 #btn-1761280189156.sppb-btn-link {
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-family: "Google Sans", sans-serif;
}

#sppb-addon-1761280189156 #btn-1761280189156.sppb-btn-link:hover {
  text-decoration: underline;
}

/* END New Product Slider */

/* BEGIN Landing New Product */

#yt_component #new-products .container.expand::after,
#yt_component #new-products .container.expand::before,
#yt_component #new-products .container.expand .row::after,
#yt_component #new-products .container.expand .row::before {
  content: unset;
}

#yt_component #matcha-latte .hero-banner,
#yt_component #new-products ss3-force-full-width,
#yt_component #orange-carrot ss3-force-full-width {
  overflow: hidden;
}

#yt_component #matcha-latte .hero-banner::before,
#yt_component #new-products ss3-force-full-width::before,
#yt_component #orange-carrot ss3-force-full-width::before {
  content: "Do not copy";
  color: #fff;
  z-index: 9;
  top: 100px;
  left: -30px;
  width: 180px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  user-select: none;
  text-align: center;
  position: absolute;
  pointer-events: none;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  text-transform: uppercase;
  background-color: var(--primary-red);
  font-family: Arial, sans-serif;
}

#yt_component #new-products .heading .title {
  color: #ec0000;
  font-weight: 900 !important;
  font-size: clamp(28px, 4vw, 46px);
  font-family: "DINCond", sans-serif !important;
}

#yt_component #new-products .heading .subtitle {
  color: #777;
  font-size: 16px;
  margin: 0 0 20px;
}

div#n2-ss-72 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content,
#yt_component #new-products .product-release div#n2-ss-73 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content {
  backdrop-filter: blur(2px);
  transition: all 0.3s ease-in-out;
}

div#n2-ss-72 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content:hover,
#yt_component #new-products .product-release div#n2-ss-73 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content:hover {
  backdrop-filter: blur(4px);
}

div#n2-ss-72 .title .n2-ss-animated-heading-i-text,
#yt_component #new-products .product-release div#n2-ss-73 .title .n2-ss-animated-heading-i-text {
  font-size: clamp(2.4rem, 4vw, 4rem);
}

div#n2-ss-72 .subtitle .n2-ss-animated-heading-i-text,
#yt_component #new-products .product-release div#n2-ss-73 .subtitle .n2-ss-animated-heading-i-text {
  line-height: 1;
  font-size: clamp(1.6rem, 2vw, 2.2rem);
}

#yt_component #new-products .new-products {
  padding: 40px 0 0;
}

#yt_component #new-products .new-products .heading {
  margin: 0 0 40px;
}

/* #yt_component #new-products .new-products .heading .button {
  padding: 6px 14px;
  border-radius: 20px;
  background: transparent;
  border: 1px solid #ec0000;
  transition: all 0.3s ease-in-out;
}

#yt_component #new-products .new-products .heading .button:hover {
  color: #fff;
  background: #ec0000;
} */

#yt_component #new-products .new-products .zoo-list {
  display: none;
}

#yt_component #new-products .new-products .zoo-list.active {
  display: block;
}

#yt_component #new-products .new-products .zoo-list .post-view {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing {
  display: grid;
  background: #f6f6f6;
  grid-template-columns: repeat(2, 1fr);
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .media,
#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description {
  margin: 0;
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .media img {
  height: 100%;
  aspect-ratio: 2;
  object-fit: cover;
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description {
  padding: 40px;
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description p.title a {
  color: #ce0000;
  line-height: 1.2;
  font-weight: 700;
  font-family: "DINCond";
  font-size: clamp(20px, 2.8vw, 36px);
}

#yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description p.meta {
  color: #545454;
  font-size: 14px;
  line-height: 1.4;
  margin: 10px 0 0;
  font-style: normal;
}

#yt_component #new-products .new-products .zoo-list .card-view {
  gap: 20px;
  display: grid;
  margin: 20px 0 0;
  grid-template-columns: repeat(4, 1fr);
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .media {
  margin: 0;
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .media img {
  height: 100%;
  aspect-ratio: 0.8;
  object-fit: cover;
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .description {
  bottom: 0;
  margin: 0;
  width: 100%;
  position: absolute;
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .description p.title a {
  color: #fff;
  display: block;
  min-height: 100px;
  padding: 20px 20px;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.6);
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .description p.title a:hover {
  background: rgba(0, 0, 0, 0.8);
}

#yt_component #new-products .new-products .zoo-list .card-view .layout-landing .description .meta {
  display: none;
}

#yt_component #new-products .new-products .zoo-list .layout-landing {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

#yt_component #new-products .oem-service {
  margin: 20px 0 0;
}

#yt_component #new-products .oem-service .heading {
  padding: 30px;
}

#yt_component #new-products .oem-service #n2-ss-74 .n2-ss-slide-background-image img {
  filter: saturate(0);
  transition: all 0.3s ease-in-out;
}

#yt_component #new-products .oem-service #n2-ss-74:hover .n2-ss-slide-background-image img {
  filter: saturate(1);
}

#yt_component #new-products .call-to-action {
  margin: 50px 0;
  background: #f6f6f6;
}

#yt_component #new-products .call-to-action .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

#yt_component #new-products .call-to-action .description {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#yt_component #new-products .call-to-action .description button.chat {
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 40px;
  background: #ec0000;
  font-family: "DINCond";
  font-size: clamp(16px, 2.6vw, 20px);
}

#yt_component #new-products .call-to-action .description button.chat i {
  margin-right: 4px;
}

#yt_component #new-products .future-products {
  padding: 50px 0;
  background: #ec0000;
}

#yt_component #new-products .future-products .heading {
  padding: 0 0 20px;
}

#yt_component #new-products .future-products .heading .title,
#yt_component #new-products .future-products .heading .subtitle {
  color: #fff;
}

#yt_component #new-products .future-products #phocagallery-module-ri {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

#yt_component #new-products .future-products #phocagallery-module-ri>.mosaic {
  float: none !important;
  width: auto !important;
}

#yt_component #new-products .future-products #phocagallery-module-ri>.mosaic img {
  border: none;
  box-shadow: none;
}

/* END Landing New Product */

#yt_component #new-product img {
  width: 100%;
  pointer-events: none;
}

#yt_component #new-product .content {
  z-index: 99;
  position: absolute;
}

#yt_component #new-product .content .title {
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
  font-family: "DINCond";
}

#yt_component #new-product .content .subtitle {
  color: #fff;
}

/* BEGIN New Product - Orange Carrot */

#yt_component #new-product.orange-carrot .content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#yt_component #new-product.orange-carrot .content .subtitle {
  white-space: nowrap;
}

#yt_component #new-product.orange-carrot .main-slide .content .title,
#yt_component #new-product.orange-carrot .main-slide div#n2-ss-75 .title .n2-ss-animated-heading-i-text {
  font-size: clamp(4rem, 10vw, 18rem);
}

#yt_component #new-product.orange-carrot .main-slide .content .subtitle,
#yt_component #new-product.orange-carrot .main-slide div#n2-ss-75 .subtitle .n2-ss-animated-heading-i-text {
  font-size: clamp(1.6rem, 3vw, 3.6rem);
}

#yt_component #new-product.orange-carrot .ingredient .content .title {
  font-size: clamp(2rem, 4vw, 8rem);
}

#yt_component #new-product.orange-carrot .ingredient .content .subtitle {
  font-weight: 700;
  font-family: "DINCond";
  font-size: clamp(2rem, 2.5vw, 2.8rem);
}

#yt_component #new-product.orange-carrot .main-slide>img {
  left: 5.6%;
  top: 20.4%;
  z-index: 98;
  width: 30.3%;
  position: absolute;
}

#yt_component #new-product.orange-carrot .nutrition {
  background: #efefef;
}

#yt_component #new-product.orange-carrot .nutrition .element {
  left: 4%;
  top: 60%;
  width: 60%;
  z-index: 99;
  position: absolute;
}

#yt_component #new-product.orange-carrot .nutrition .info {
  right: 7.2%;
  z-index: 98;
  position: absolute;
}

#yt_component #new-product.orange-carrot .nutrition .info p {
  margin: 0;
  line-height: 1;
  font-weight: 900;
  font-family: 'DINCond';
}

#yt_component #new-product.orange-carrot .nutrition .info.top {
  top: 4%;
}

#yt_component #new-product.orange-carrot .nutrition .info.top p {
  color: #007b3c;
}

#yt_component #new-product.orange-carrot .nutrition .info.top p.title {
  font-size: clamp(2rem, 7.4vw, 14rem);
}

#yt_component #new-product.orange-carrot .nutrition .info.top p.subtitle {
  font-size: clamp(1rem, 5vw, 9.4rem);
}

#yt_component #new-product.orange-carrot .nutrition .info.middle {
  gap: 12%;
  top: 30.6%;
  width: 9.4%;
  display: flex;
  justify-content: end;
}

#yt_component #new-product.orange-carrot .nutrition .info.bottom {
  top: 55.8%;
}

#yt_component #new-product.orange-carrot .nutrition .info.bottom p {
  color: #807f7f;
}

#yt_component #new-product.orange-carrot .nutrition .info.bottom p.title {
  font-size: clamp(1rem, 6vw, 11.4rem);
}

#yt_component #new-product.orange-carrot .nutrition .info.bottom p.subtitle {
  font-size: clamp(1.2rem, 4vw, 7.5rem);
}

#yt_component #new-product.orange-carrot .nutrition .info.bottom p.custom {
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 3rem);
}

#yt_component #new-product.orange-carrot .overview .title {
  top: 8.2%;
  left: 50%;
  color: #f25d02;
  font-weight: 900;
  position: absolute;
  white-space: nowrap;
  font-family: 'DINCond';
  transform: translateX(-50%);
  font-size: clamp(1.8rem, 5vw, 7.6rem);
}

/* END New Product - Orange Carrot */

/* BEGIN New Product - Matcha Latte */

#yt_component #new-product.matcha-latte .can {
  left: 50%;
  z-index: 98;
  position: absolute;
  transform: translateX(-50%);
}

#yt_component #new-product.matcha-latte p {
  margin: 0;
  line-height: 1;
}

#yt_component #new-product.matcha-latte .content {
  left: 50%;
  transform: translateX(-50%);
}

#yt_component #new-product.matcha-latte .hero-banner .content {
  top: 20%;
}

#yt_component #new-product.matcha-latte .hero-banner .content p {
  color: #4e590c;
}

#yt_component #new-product.matcha-latte .hero-banner .content p.title {
  line-height: 1.4;
  font-size: clamp(2.6rem, 7vw, 13.4rem);
}

#yt_component #new-product.matcha-latte .hero-banner .content p.subtitle {
  font-size: clamp(1.2rem, 2vw, 3rem);
}

#yt_component #new-product.matcha-latte .tea-leafs .can {
  width: 38%;
  bottom: 50%;
}

#yt_component #new-product.matcha-latte .tea-leafs .content {
  top: 60%;
}

#yt_component #new-product.matcha-latte .tea-leafs .content .title {
  margin: 0 0 10px;
  font-size: clamp(2rem, 7vw, 12rem);
}

#yt_component #new-product.matcha-latte .tea-leafs .content .subtitle {
  line-height: 1.4;
  font-size: clamp(1.2rem, 3vw, 4rem);
}

#yt_component #new-product.matcha-latte .matcha-tea .content {
  top: 10%;
  left: 10%;
  transform: unset;
}

#yt_component #new-product.matcha-latte .matcha-tea .content .title {
  line-height: 1.1;
  font-size: clamp(2.2rem, 6.6vw, 12.4rem);
}

#yt_component #new-product.matcha-latte .matcha-tea .content .subtitle {
  line-height: 2;
  font-size: clamp(1rem, 2vw, 3.8rem);
}

#yt_component #new-product.matcha-latte .matcha-milk .content {
  top: 32%;
}

#yt_component #new-product.matcha-latte .matcha-milk .content .title {
  color: #3a7a00;
  line-height: 1.2;
  font-size: clamp(2rem, 6vw, 14rem);
}

#yt_component #new-product.matcha-latte .matcha-milk .content .title span {
  font-weight: 500;
}

#yt_component #new-product.matcha-latte .matcha-powder .content {
  top: 34%;
}

#yt_component #new-product.matcha-latte .hero-banner .content p,
#yt_component #new-product.matcha-latte .matcha-tea .content p,
#yt_component #new-product.matcha-latte .matcha-powder .content p {
  text-shadow: 2px 2px 4px #999;
}

#yt_component #new-product.matcha-latte .matcha-powder .content .title {
  font-size: clamp(2rem, 8.4vw, 16rem);
}

#yt_component #new-product.matcha-latte .matcha-powder .content .subtitle {
  margin: 43% 0 0;
  font-weight: 900;
  font-family: 'DINCond';
  font-size: clamp(1.4rem, 4.2vw, 8rem);
}

#yt_component #new-product.matcha-latte .matcha-milk .can {
  top: 78%;
  width: 30%;
}

/* END New Product - Matcha Latte */

/* BEGIN New Product - Bici Bici */

#yt_component #new-product.bici-bici .content p {
  margin: 0;
}

#yt_component #new-product.bici-bici .hero-banner .content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#yt_component #new-product.bici-bici .hero-banner .content .title {
  line-height: 1.2;
  paint-order: stroke fill;
  font-size: clamp(6rem, 12vw, 20rem);
  -webkit-text-stroke: clamp(1rem, 2vw, 3rem) #3880c0;
}

#yt_component #new-product.bici-bici .hero-banner .content .subtitle {
  color: #c9daf3;
  font-size: clamp(1.2rem, 2vw, 5rem);
}

#yt_component #new-product.bici-bici .features {
  padding: 6%;
  display: grid;
  aspect-ratio: 3990 / 3127;
  background-color: #f8f8f8;
  grid-template-rows: auto 1fr 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, calc(0.56rem + 1.375vw), 3.2rem);
}

#yt_component #new-product.bici-bici .features .box {
  color: #fff;
  display: flex;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  align-items: center;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  padding: 0 clamp(0.8rem, calc(0.16rem + 2vw), 3rem);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#yt_component #new-product.bici-bici .features .box:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
}

#yt_component #new-product.bici-bici .features .title,
#yt_component #new-product.bici-bici .features .good-taste,
#yt_component #new-product.bici-bici .features .low-sugar {
  font-weight: 600;
}

#yt_component #new-product.bici-bici .features .title {
  text-align: center;
  grid-column: 1 / 4;
  padding: 12px 20px;
  background: #3880c0;
  font-size: clamp(1.4rem, calc(-0.32rem + 5.375vw), 10rem);
}

#yt_component #new-product.bici-bici .features .good-taste {
  color: #b0d9ef;
  font-weight: 700;
  background: #f0f8ff;
  font-size: clamp(2rem, calc(-0.8rem + 8.75vw), 16rem);
}

#yt_component #new-product.bici-bici .features .low-sugar {
  background: #efcb4d;
  font-size: clamp(3rem, calc(-0.8rem + 11.875vw), 22rem);
}

#yt_component #new-product.bici-bici .features .low-sugar .small-text {
  font-size: clamp(1rem, calc(-0.24rem + 3.78vw), 7.2rem);
}

#yt_component #new-product.bici-bici .features .natural,
#yt_component #new-product.bici-bici .features .bigger,
#yt_component #new-product.bici-bici .features .low-fat {
  font-family: "DINCond";
}

#yt_component #new-product.bici-bici .features .natural {
  text-align: left;
  grid-row: span 2;
  overflow: hidden;
  position: relative;
  background: #2e75b6;
}

#yt_component #new-product.bici-bici .features .bigger {
  background: #9fcce4;
  font-size: clamp(2.8rem, calc(-0.18rem + 9.312vw), 17.7rem);
}

#yt_component #new-product.bici-bici .features .bigger .small-text {
  font-size: clamp(1.6rem, calc(-0.08rem + 5.25vw), 10rem);
}

#yt_component #new-product.bici-bici .features .low-fat {
  background: #c2e6fb;
  font-size: clamp(1.6rem, calc(-1.08rem + 8.375vw), 15rem);
}

#yt_component #new-product.bici-bici .features .vertical {
  font-size: 1.6rem;
  white-space: nowrap;
  transform-origin: center;
  transform: rotate(-270deg);
  font-size: clamp(1.2rem, calc(0.04rem + 3.625vw), 7rem);
}

#yt_component #new-product.bici-bici .features .vertical span {
  font-size: clamp(5rem, calc(-1.2rem + 16.25vw), 28rem);
}

#yt_component #new-product.bici-bici .blackcurrant .content {
  left: 8%;
  top: 10%;
}

#yt_component #new-product.bici-bici .bici-bici .content .title,
#yt_component #new-product.bici-bici .blackcurrant .content .title {
  line-height: 1;
  paint-order: stroke fill;
  -webkit-text-stroke: clamp(0.24rem, calc(-0.012rem + 1.26vw), 1.5rem) #3880c0;
}

#yt_component #new-product.bici-bici .bici-bici .content .title {
  font-size: clamp(2rem, calc(0.4rem + 5vw), 10rem);
}

#yt_component #new-product.bici-bici .blackcurrant .content .title {
  font-size: clamp(2rem, calc(-0.08rem + 6.5vw), 12.4rem);
}

#yt_component #new-product.bici-bici .blackcurrant .content .title span {
  font-size: clamp(1.4rem, calc(-0.12rem + 4.8vw), 9rem);
}

#yt_component #new-product.bici-bici .bici-bici .content {
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}

/* END New Product - Bici Bici */

#yt_footer {
  overflow: hidden;
  margin: 0 0 50px;
}

#yt_footer .slick-track {
  gap: 40px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-items: center;
}

#yt_footer .slick-track img {
  object-fit: contain;
}

#yt_spotlight6.block.m0::before {
  background-color: #ec0000;
}

#yt_spotlight6.block.m0.orange::before {
  background-color: #f25d02;
}

#yt_spotlight6.block.m0.olive::before {
  background-color: #4e590c;
}

#yt_spotlight6.block.m0.blue::before {
  background-color: #3880c0;
}

@media (min-width: 440px) {
  #content.com_content #content_main p.audio {
    min-width: 40rem;
  }
}

@media (min-width: 768px) {
  #yoo-zoo.product-default.product-default-frontpage {
    display: flex;
    flex-direction: column-reverse;
  }

  #yt_component #yoo-zoo .items .row>div {
    flex: 1;
    width: unset;
    display: flex;
  }

  #yt_component #yoo-zoo .items .teaser-item,
  #yt_component #yoo-zoo .items .teaser-item #wrap_teaser {
    overflow: hidden;
    transition: all 0.1s ease-in-out;
  }

  #yt_component #yoo-zoo .items .teaser-item {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  #yt_component #yoo-zoo .items .teaser-item:hover {
    position: relative;
  }

  #yt_component #yoo-zoo .items .teaser-item:hover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background: url("/images/zoo/oem.png") no-repeat 0 0;
  }

  #yt_component #yoo-zoo .items .teaser-item #wrap_teaser {
    height: 100%;
    display: flex;
    padding: 10px 0 0;
    flex-direction: column;
  }

  #yt_component #yoo-zoo .items .teaser-item #wrap_teaser .title_teaser {
    flex: 1;
  }

  #yt_component #yoo-zoo .items .teaser-item #wrap_teaser .title_teaser .pos-title {
    height: 100%;
    min-height: unset;
    margin: 0 !important;
    padding: 10px !important;
  }

  #yt_component #yoo-zoo .items .teaser-item:hover #wrap_teaser {
    border-radius: 4px !important;
    box-shadow: 0 0 4px rgba(12, 12, 12, 0.5) !important;
  }

  #yt_component #yoo-zoo .items .teaser-item #wrap_teaser:hover {
    background: none;
  }
}

@media (min-width: 991px) {
  #mobile-search {
    display: none;
  }

  #yt_wrapper.layout-wide #yt_header.menu-fixed {
    background: #fff !important;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator,
  #yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator .menu {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu #moonavigator .menu {
    gap: 30px;
  }

  #yt_wrapper.layout-wide #yt_header.menu-fixed #yt_mainmenu #moonavigator .menu {
    gap: 20px;
  }

  #yt_wrapper.layout-wide #yt_header.menu-fixed #yt_mainmenu #moonavigator {
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  #yoo-zoo.product-detail #right_product #fruitritaicon {
    margin: 30px 0 0;
  }

  #yt_component h1.box-title span.wrapper::after,
  #yt_component h1.box-title span.wrapper::before {
    max-width: 30%;
  }
}

@media (min-width: 1366px) {
  .container {
    width: 1366px !important;
  }
}

@media (min-width: 1400px) {
  #yt_wrapper.layout-wide #yt_header #yt_mainmenu {
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .container.expand {
    width: 94% !important;
  }

  #top-search .form-wrapper form .form-inner .form-elements,
  #mobile-search .form-wrapper form .form-inner .form-elements,
  #top-search .form-wrapper form .form-inner .form-element-row select,
  #mobile-search .form-wrapper form .form-inner .form-element-row select {
    border-color: #eee;
  }
}

@media (max-width: 320px) {
  #yoo-zoo.product-detail #right_product .cta-buttons {
    column-gap: 10px;
  }

  #yoo-zoo.product-detail #right_product .cta-buttons button.chat-now,
  #yoo-zoo.product-detail #right_product .cta-buttons .pweb-modal div[id] {
    padding: 0 16px;
  }
}

@media (max-width: 390px) {
  #content.com_content #content_main p.audio .plyr__volume input[type=range] {
    min-width: 2rem;
    max-width: 5rem;
  }
}

@media (max-width: 440px) {
  #yoo-zoo.zoo-filter-result .products-suggest ul.zoo-list {
    grid-template-columns: repeat(2, 1fr);
  }

  #yt_component #new-products .new-products .heading .tabs {
    gap: 4px;
  }

  #yt_component #new-products .new-products .heading .tabs button {
    white-space: nowrap;
  }

  #yt_component #new-products .new-products .heading .tabs button {
    padding: 4px 10px;
  }

  #yt_component #new-products .new-products .zoo-list .post-view .layout-landing .media img {
    aspect-ratio: 1.2;
  }

  #yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description p.meta {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
  }

  #yt_component #new-products .new-products .zoo-list .card-view .layout-landing .description p.title a {
    padding: 10px;
    min-height: 80px;
  }
}

@media (max-width: 480px) {
  #yt_component #new-product.bici-bici .features {
    grid-template-columns: 1fr;
  }
  
  #content.com_content #content_main p.audio {
    width: 100%;
  }
}

@media (max-width: 660px) {
  div#n2-ss-72 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content,
  #yt_component #new-products .product-release div#n2-ss-73 .blur-2x>.n2-ss-layer-with-background.n2-ss-layer-content {
    padding: 0 20px 14px !important;
  }

  #yt_component #new-products .new-products .zoo-list .card-view .layout-landing .media img {
    aspect-ratio: 0.7;
  }

  #yt_component #new-products .call-to-action {
    margin: 0;
  }

  #yt_component #new-products .call-to-action .row {
    display: flex;
    flex-direction: column-reverse;
  }

  #yt_component #new-products .call-to-action .description {
    padding: 40px;
  }
}

@media (min-width: 480px) and (max-width: 700px) {
  .sp-page-builder .page-content #section-id-NyX61msQ2wfAYlTxC9HDS {
    margin: 0 0 -5% !important;
  }
  
  .sp-page-builder .page-content #section-id-NyX61msQ2wfAYlTxC9HDS #sppb-addon-1761280189156 .sppb-button-wrapper {
    margin: -10% 0 0;
  }
}

@media (max-width: 700px) {
  #yt_wrapper #yt_spotlight1 {
    display: none;
  }
}

@media (max-width: 767px) {
  #yt_component>h1.box-title,
  #yt_component #yoo-zoo>h1.box-title,
  #yt_component #yoo-zoo>.details+h1.box-title {
    display: none;
  }

  #yt_component h1.box-title span.wrapper::after,
  #yt_component h1.box-title span.wrapper::before {
    max-width: 5%;
  }

  #yoo-zoo.product-default .items.has-box-title>h1.box-title {
    display: block;
  }
}

@media (max-width: 768px) {
  #pwebbox400 {
    display: none;
  }

  #yt_component #new-products .new-products {
    padding: 40px 10px 0;
  }

  #yt_component #new-products .new-products .zoo-list .post-view,
  #yt_component #new-products .new-products .zoo-list .card-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  #yt_component #new-products .new-products .zoo-list .post-view .layout-landing {
    display: flex;
    flex-direction: column;
  }

  #yt_component #new-products .new-products .zoo-list .post-view .layout-landing .description {
    padding: 10px 14px;
  }

  #yt_component #new-products .future-products {
    padding: 50px 10px;
  }

  #yoo-zoo.product-default.product-default-frontpage .items.has-box-title .box-1 .first-row {
    padding: 0;
  }

  #yoo-zoo ul.uk-pagination {
    gap: 6px;
    margin: 10px 0 !important;
  }

  #yoo-zoo ul.uk-pagination li>a,
  #yoo-zoo ul.uk-pagination li>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  #yoo-zoo ul.uk-pagination li:hover,
  #yoo-zoo ul.uk-pagination li.uk-active {
    font-size: 12px;
  }

  #yt_component #new-product.bici-bici .features .natural {
    height: auto;
    grid-row: auto;
    grid-column: span 2;
  }

  #yt_component #new-product.bici-bici .features .vertical {
    transform: none;
  }
}

@media (max-width: 800px) {
  #yt_component .blog {
    padding: 0 10px;
  }
}

@media (max-width: 834px) {
  #yoo-zoo.zoo-filter-result .products-suggest ul.zoo-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 990px) {
  #yt_wrapper.layout-wide #yt_header {
    margin: 0;
  }

  #yt_wrapper.layout-wide #yt_header,
  #yt_wrapper.layout-wide #yt_header #yt_mainmenu {
    margin: 0;
    display: flex;
    align-items: center;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu {
    gap: 10px;
    width: unset !important;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu img.logo-mobile {
    width: 62px;
    height: auto;
    display: block;
    border-radius: 6px;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu #mobile-search {
    flex: 1;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu #mobile-search .zoo-filter {
    width: 100%;
    max-width: 220px;
  }

  #yt_wrapper.layout-wide #yt_header #yt_mainmenu button {
    padding: 0;
    line-height: 0.5;
    margin: 0 !important;
    background: transparent !important;
  }
  
  #content.com_content #content_main {
    margin: 0 0 1.5rem;
  }
  
  #content.com_content #content_main .blog {
    padding: 1rem 1rem 0;
  }
  
  #content.com_content #content_main .item-page {
    padding: 1rem;
  }
}

@media (max-width: 992px) {
  #main-search {
    display: none;
  }

  #yt_component h1.box-title span.wrapper::after,
  #yt_component h1.box-title span.wrapper::before {
    max-width: 10%;
  }
  
  #content.com_content #content_main .blog .items-leading .item {
    grid-template-columns: 1fr;
  }
}