:root {
  --ispv-color-primary: #c9242b;
  --ispv-color-secondary: #CED4C7;
  --ispv-color-bg: #f3ede7;
  --ispv-color-text: #000000;
  --ispv-font-family: 'Nunito', Verdana, sans-serif;
  --ispv-font-size: 1vw;
  --ispv-heading-font-family: 'Libre Baskerville', Verdana, serif;
  --ispv-heading-1-font-size: 2.4rem;
  --ispv-heading-2-font-size: 1.6rem;
  --ispv-heading-3-font-size: 1.1rem;
  --ispv-heading-4-font-size: 1rem;
  --ispv-row-width: 87%;
  --ispv-border-radius: 1.8rem;
  --ispv-carousel-slide-padding: .3rem;
  --ispv-carousel-image-height-ratio: 120%;
  --ispv-product-image-height-ratio: 93%;
  --ispv-article-image-height-ratio: 81%;
}
html {
  font-size: var(--ispv-font-size);
  width: 100vw;
  overflow-x: hidden;
}
body {
  font-size: 1rem;
  background-image: url(https://otletoldal.hu/dev/zebu/images/background-zebu.png);
  background-size: 100% auto;
  position: relative;
  width: 100vw;
  overflow-x: hidden;
}
body > * {
  position: relative;
  z-index: 1;
}
body:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 70vh;
  background: linear-gradient(transparent,var(--ispv-color-bg) 50%);
  z-index: 0;
}
a:not(.button) {
  color: var(--ispv-color-primary);
  transition: color .3s;
  text-decoration: none;
}
a:not(.button):hover {
  color: var(--ispv-color-secondary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: var(--ispv-color-text);
  line-height: 1.2;
}
h1 {
  font-size: var(--ispv-heading-1-font-size);
}
h2 {
  font-size: var(--ispv-heading-2-font-size);
}
h3 {
  font-size: var(--ispv-heading-3-font-size);
  font-style: italic;
  color: var(--ispv-color-primary);
}
h4 {
  font-size: var(--ispv-heading-4-font-size);
}
.container {
  width: var(--ispv-row-width);
  padding-left: 0;
  padding-right: 0;
}
.row.align-items-center {
  align-items: center;
}
.row.align-items-end {
  align-items: end;
}
.row.justify-content-between {
  justify-content: space-between;
}
.row.justify-content-end {
  justify-content: flex-end;
}
#mainbody > .container {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
#mainbody > .container .inner-container {
  padding-top: 3rem;
}
#mainbody > .row,
#mainbody #main {
  margin: 0;
}
#content {
  padding: 0;
}
.ideastyle-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(255,255,255,0.84);
  backdrop-filter: blur(7px);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
}
.ideastyle-header .vpf-topbar,
.ideastyle-header .header-top {
  background: none;
}
.ideastyle-header .vpf-topbar {
  border: none;
  background: linear-gradient(90deg,transparent,var(--ispv-color-secondary));
  font-size: .9rem;
  z-index: 1;
}
.ideastyle-header .vpf-topbar .inner-container {
  padding: .3rem 0;
}
.ideastyle-header .vpf-topbar .nav > li > a:hover {
  color: var(--ispv-color-primary);
}
.ideastyle-header #vpf-header .inner-container {
  padding: .45rem 0;
}
.ideastyle-header #vpf-header .inner-container .row {
  display: flex;
}
.ideastyle-header #vpf-header .inner-container p {
  margin: 0;
}
.ideastyle-header #vpf-header .inner-container .compare-mod .btn {
  padding: .7rem 2.7rem;
  background: none;
}
.ideastyle-header #vpf-header .inner-container .compare-mod .btn:hover {
  background: var(--ispv-color-text);
}
.ideastyle-header #vpf-header .inner-container .compare-mod .mobile {
  display: none;
}
.ideastyle-header #vpf-header .inner-container .navbar-offcanvas-modules {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ideastyle-header .brand {
  margin: 0;
  height: 2.7rem;
  position: relative;
}
.ideastyle-header .brand .site-logo {
  height: 4.8rem;
  width: auto;
  max-width: unset;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ideastyle-header .vpf-topbar ul.nav {
  display: flex;
  justify-content: space-between;
}
.ideastyle-header .vpf-topbar ul.nav:before,
.ideastyle-header .vpf-topbar ul.nav:after {
  content: none;
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a {
  display: flex;
  align-items: center;
  gap: .45rem;
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a:before {
  content: '';
  width: .9rem;
  height: 1.2rem;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: filter .3s;
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a.info-tel:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/tel.svg);
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a.info-mail:before {
  width: 1.2rem;
  background-image: url(https://otletoldal.hu/dev/zebu/images/mail.svg);
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a.info-poi:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/poi.svg);
}
.ideastyle-header .vpf-topbar ul.nav .menuitem a:hover:before {
  filter: invert(50%) sepia(1) hue-rotate(315deg) brightness(0.8) saturate( 3.3 );
}
.ideastyle-header .navbar-toggle.vpf-offcanvas-toggle {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#vpf-offcanvas .btn-offcanvas-close {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 2.1rem;
}
.mm-menu .mm-header {
  background: var(--ispv-color-text);
}
.mm-menu.mm-hasheader > .mm-panel.mm-list {
  background: var(--ispv-color-text);
  padding-top: 9rem;
}
.mm-menu.mm-hasheader > .mm-panel.mm-list > li > a span {
  color: white;
}
.mm-menu .mm-footer {
  background: var(--ispv-color-text);
}
.mm-menu .mm-footer .nav > li > a {
  padding: .1rem 0;
  color: white;
}
.social-icons {
  display: flex;
  gap: .45rem;
}
.social-icons > a:before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: filter .3s;
}
.social-icons .social-instagram:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/instagram.svg);
}
.social-icons .social-facebook:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/facebook.svg);
}
.social-icons .social-tiktok:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/tiktok.svg);
}
.social-icons .social-youtube:before {
  width: 1.6rem;
  background-image: url(https://otletoldal.hu/dev/zebu/images/youtube.svg);
}
.social-icons > a:hover:before {
  filter: brightness(0);
}
.navbar-mainmenu .vpf-mega-menu-container:before,
.navbar-mainmenu .vpf-mega-menu-container:after,
.navbar-mainmenu .vpf-menu:before,
.navbar-mainmenu .vpf-menu:after {
  content: none;
}
.navbar-mainmenu .navbar-nav {
  display: flex;
  justify-content: space-between;
}
.navbar-mainmenu .navbar-nav > li > a,
.navbar-mainmenu .navbar-nav > li > span {
  color: var(--ispv-color-text);
  padding: 0;
  height: unset;
  text-transform: none;
  font-size: 1rem;
}
.navbar-mainmenu .navbar-nav > li > a:after,
.navbar-mainmenu .navbar-nav > li > span:after {
  content: none;
}
.navbar-mainmenu .navbar-nav > li > a:hover,
.navbar-mainmenu .navbar-nav > li > span:hover {
  color: var(--ispv-color-primary);
}
.navbar-mainmenu .navbar-nav > li.active > a,
.navbar-mainmenu .navbar-nav > li.active > span {
  color: var(--ispv-color-primary);
}
.vp-dropmod-anchor.btn-jewel-group > .jewel {
  background: var(--ispv-color-primary);
  top: -0.1rem;
  right: -0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vp-minicartkosarikon .vp-dropmod-anchor a i {
  display: none;
}
.vp-minicartkosarikon .vp-dropmod-anchor a:before {
  content: '';
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://otletoldal.hu/dev/zebu/images/cart.svg);
}
.vp-minicartkosarikon .product-count-text {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
}
.vp-minicartkosarikon .vp-dropmod-header {
  text-align: center;
}
.vp-minicartkosarikon .vp-dropmod-header .btn {
  float: none !important;
}
.vp-minicartkosarikon .row-mini .mod-product-name {
  color: var(--ispv-color-primary);
}
.vp-minicartkosarikon .row-mini .mod-product-name:hover {
  color: var(--ispv-color-text);
}
.vp-minicartkosarikon .vp-dropmod-inner {
  width: 21rem;
  border-radius: .6rem;
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  border: none;
  right: -0.6rem;
}
.vp-dropmod-inner,
.autocomplete-suggestions,
.dropdown-menu {
  background: white;
}
.btn:not(.btn-nobg),
.rspbld-button.btn {
  font-size: 1rem;
  line-height: 1;
  padding: 1rem 3.9rem;
  border-radius: 3rem;
  border: 1px solid var(--ispv-color-primary);
  transition: background .3s, color .3s, border-color .3s !important;
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.btn:not(.btn-nobg).active,
.rspbld-button.btn.active {
  color: white;
  background: var(--ispv-color-text) !important;
  border: 1px solid var(--ispv-color-text);
}
.btn:not(.btn-nobg).btn-primary,
.rspbld-button.btn.btn-primary {
  color: var(--ispv-color-text);
  background: white;
}
.btn:not(.btn-nobg).btn-primary:hover,
.rspbld-button.btn.btn-primary:hover {
  color: white;
  background: var(--ispv-color-primary);
  border: 1px solid var(--ispv-color-primary);
}
.btn:not(.btn-nobg).btn-default,
.btn:not(.btn-nobg).btn-base,
.btn:not(.btn-nobg).btn-addtocart,
.rspbld-button.btn.btn-default,
.rspbld-button.btn.btn-base,
.rspbld-button.btn.btn-addtocart {
  color: white;
  background: var(--ispv-color-primary);
}
.btn:not(.btn-nobg).btn-default:hover,
.btn:not(.btn-nobg).btn-base:hover,
.btn:not(.btn-nobg).btn-addtocart:hover,
.rspbld-button.btn.btn-default:hover,
.rspbld-button.btn.btn-base:hover,
.rspbld-button.btn.btn-addtocart:hover {
  color: var(--ispv-color-primary);
  background: white;
  border: 1px solid var(--ispv-color-primary);
}
.btn:not(.btn-nobg).btn-default:hover,
.btn:not(.btn-nobg).btn-base:hover,
.btn:not(.btn-nobg).btn-primary:hover,
.rspbld-button.btn.btn-default:hover,
.rspbld-button.btn.btn-base:hover,
.rspbld-button.btn.btn-primary:hover {
  color: white;
  background: var(--ispv-color-text);
  border: 1px solid var(--ispv-color-text);
}
.btn:not(.btn-nobg).btn-invert,
.rspbld-button.btn.btn-invert {
  color: var(--ispv-color-text);
  background: none;
}
.btn:not(.btn-nobg).btn-invert:hover,
.rspbld-button.btn.btn-invert:hover {
  border-color: var(--ispv-color-text) !important;
  color: var(--ispv-color-text);
}
.btn:not(.btn-nobg) i,
.rspbld-button.btn i {
  margin: 0 0 0 .6rem;
}
.vpfrs-caption {
  margin: 0;
  padding-top: 6rem;
  padding-left: calc(( 100%  - var(--ispv-row-width)) /  2 );
  height: 100%;
  display: flex;
  align-items: center;
  width: 50%;
}
.vpfrs-caption .vpfrs-caption-inner {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(7px);
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 0px 48px -12px #000000;
  padding: 2.4rem 4.5rem 3rem;
}
.page-content section {
  padding: 3rem 0;
  overflow: hidden;
  /*.row {
			margin: 0 auto;
			display: flex;
			gap: 3rem;

			.noBeforeAfter();

			& > [class*="col-"] {
				padding: 0;


			}
		}*/
}
.page-content section > .row {
  width: var(--ispv-row-width);
  margin-left: auto;
  margin-right: auto;
}
.page-content section.box > .row {
  padding: 4.5rem 5.2rem;
  background: white;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 1px 16px -4px #00000030;
}
.page-content section.box.alt > .row {
  background: var(--ispv-color-bg);
}
.page-content section.box.alt2 > .row {
  background: #F9F6F4;
}
.rspbld-image:not(.noround) img {
  border-radius: var(--ispv-border-radius);
}
.rspbld-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6%;
  margin-bottom: .9rem;
  text-align: center;
}
.rspbld-heading:before,
.rspbld-heading:after {
  content: '';
  height: 1px;
  background: #D9D9D9;
  flex: 1;
}
.rspbld-heading span {
  display: inline-block;
  padding: 0 3rem;
}
.rspbld-vertical-image-box .rspbld-title {
  margin-top: 1.5rem;
}
.rspbld-vertical-image-box.icon .rspbld-image {
  margin: auto;
  width: 9.3rem;
  height: 9.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FAF9F7;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 1px 16px -4px #00000030;
  margin-bottom: 1.2rem;
}
.rspbld-vertical-image-box.icon .rspbld-image img {
  height: 48%;
  width: auto;
  border-radius: 0;
}
.rspbld-vertical-image-box.banner {
  position: relative;
  border-radius: var(--ispv-border-radius);
  overflow: hidden;
}
.rspbld-vertical-image-box.banner > * {
  position: relative;
  z-index: 1;
}
.rspbld-vertical-image-box.banner .rspbld-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.rspbld-vertical-image-box.banner .rspbld-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rspbld-vertical-image-box.banner .rspbld-title {
  color: white !important;
  margin-bottom: 1.5rem;
}
.digi_showcase.default .row {
  flex-wrap: wrap;
  gap: .6rem;
}
.digi_showcase.default .item-content {
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding-right: 4.5rem;
}
.digi_showcase.default .item-content .image {
  width: 54%;
}
.digi_showcase.default .item-content .image a {
  height: 0;
  padding-top: var(--ispv-article-image-height-ratio);
  position: relative;
  display: block;
}
.digi_showcase.default .item-content .image a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--ispv-border-radius);
}
.digi_showcase.default .item-content .content {
  width: calc(48% - 4.5rem);
}
.digi_showcase.default .showcase-item:nth-child(odd) .item-content {
  flex-direction: row-reverse;
  padding-left: 4.5rem;
  padding-right: 0;
}
.digi_showcase.default .showcase-item.single .item-content {
  padding-right: 4.5rem;
  padding-left: 0;
}
.digi_showcase.carousel {
  position: relative;
}
.digi_showcase.carousel .slick-slider {
  position: relative;
  padding-bottom: 4.5rem;
}
.digi_showcase.carousel .slick-slider:after {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 1.5%;
  background: var(--ispv-color-primary);
}
.digi_showcase.carousel .slick-slider .slick-list {
  margin: 0 !important;
  overflow: visible;
}
.digi_showcase.carousel .slick-slide {
  padding: 0 var(--ispv-carousel-slide-padding) !important;
}
.digi_showcase.carousel .slick-slide .title {
  margin-top: 1rem;
  margin-bottom: .6rem;
}
.digi_showcase.carousel .slick-slide .text {
  padding: 0 .3rem;
}
.digi_showcase.carousel .image {
  height: 0;
  padding-top: var(--ispv-carousel-image-height-ratio);
  position: relative;
  border-radius: var(--ispv-border-radius);
  overflow: hidden;
}
.digi_showcase.carousel .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.digi_showcase.carousel .slick-arrow {
  position: absolute;
  bottom: 0;
  left: 50% !important;
  right: unset !important;
  top: unset !important;
  transform: translateX(-135%);
  background: var(--ispv-color-primary);
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  transition: background .3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digi_showcase.carousel .slick-arrow:hover {
  background: var(--ispv-color-text);
}
.digi_showcase.carousel .slick-arrow:before {
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(https://otletoldal.hu/dev/zebu/images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1 !important;
}
.digi_showcase.carousel .slick-arrow.slick-next {
  transform: translateX(35%);
}
.digi_showcase.carousel .slick-arrow.slick-next:before {
  transform: rotate(180deg);
}
.digi_showcase.carousel:before,
.digi_showcase.carousel:after {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 6%;
  height: 1px;
  width: 38.1%;
  background: var(--ispv-color-primary);
}
.digi_showcase.carousel:after {
  right: 6%;
  left: unset;
}
.vp-product-carousel .owl-carousel {
  padding: 0;
}
.vp-product-carousel .owl-carousel .owl-wrapper-outer {
  overflow: visible !important;
}
.vp-product-carousel .owl-item {
  padding: 0 var(--ispv-carousel-slide-padding);
}
.vp-product-carousel .owl-nav-side .owl-controls {
  padding-bottom: 6rem;
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-prev,
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-next {
  position: absolute;
  bottom: 0;
  left: 50% !important;
  right: unset !important;
  top: unset !important;
  transform: translateX(-135%);
  background: var(--ispv-color-primary);
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  transition: background .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-prev:hover,
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-next:hover {
  background: var(--ispv-color-text);
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-prev:before,
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-next:before {
  content: '' !important;
  width: 1rem;
  height: 1rem;
  background: url(https://otletoldal.hu/dev/zebu/images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1 !important;
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-next {
  transform: translateX(35%);
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons .owl-next:before {
  transform: rotate(180deg);
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons:before,
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons:after {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 6%;
  height: 1px;
  width: 38.1%;
  background: var(--ispv-color-primary);
}
.vp-product-carousel .owl-nav-side .owl-controls .owl-buttons:after {
  right: 6%;
  left: unset;
}
.vp-product-carousel .owl-nav-side .owl-controls:after {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 1.5%;
  background: var(--ispv-color-primary);
}
.toolbar-inner .productlist-result {
  margin-top: .6rem;
}
.btn-pref {
  display: flex;
}
.btn-pref.btn-group-justified>.btn-group {
  border: none;
  margin: 0 !important;
  flex: 1;
}
.btn-pref.btn-group-justified>.btn-group > .btn {
  width: 100% !important;
  border-right: 1px solid rgba(0,0,0,0.1);
}
.btn-pref.btn-group-justified>.btn-group > .btn.active {
  background: var(--ispv-color-text);
  border-color: var(--ispv-color-text);
}
.btn-pref.btn-group-justified>.btn-group:last-child {
  border: none;
}
.btn-group.bootstrap-select {
  background: none;
}
.btn-group.bootstrap-select button.dropdown-toggle {
  background: white;
  padding: .6rem 1.5rem .6rem 1rem;
  color: var(--ispv-color-text);
  border: 1px solid var(--ispv-color-primary);
  border-radius: .45rem;
}
.owl-carousel .owl-wrapper-outer,
.owl-nav-side {
  overflow: visible !important;
}
.product-item,
.related-product {
  margin: 0 !important;
}
.product-item .product-inner,
.product-item .related-item-inner,
.related-product .product-inner,
.related-product .related-item-inner {
  margin: 0;
  padding: 1.26rem 1rem 1rem;
  background: white !important;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 0px 18.4px 0px #00000026;
}
.product-item .product-inner:hover,
.product-item .related-item-inner:hover,
.related-product .product-inner:hover,
.related-product .related-item-inner:hover {
  background: white;
}
.product-item .product-inner .product-image-cont > a,
.product-item .related-item-inner .product-image-cont > a,
.related-product .product-inner .product-image-cont > a,
.related-product .related-item-inner .product-image-cont > a {
  height: 0;
  padding-top: var(--ispv-product-image-height-ratio);
  border-radius: calc(var(--ispv-border-radius) *  0.7 );
  overflow: hidden;
  position: relative;
}
.product-item .product-inner .product-image-cont > a img,
.product-item .related-item-inner .product-image-cont > a img,
.related-product .product-inner .product-image-cont > a img,
.related-product .related-item-inner .product-image-cont > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-item .product-inner .product-name a,
.product-item .related-item-inner .product-name a,
.related-product .product-inner .product-name a,
.related-product .related-item-inner .product-name a {
  font-size: var(--ispv-heading-4-font-size);
  color: var(--ispv-color-text) !important;
  text-transform: none;
}
.product-item .product-inner .product-name a:hover,
.product-item .related-item-inner .product-name a:hover,
.related-product .product-inner .product-name a:hover,
.related-product .related-item-inner .product-name a:hover {
  color: var(--ispv-color-primary) !important;
}
.product-item .product-inner .product-price,
.product-item .related-item-inner .product-price,
.related-product .product-inner .product-price,
.related-product .related-item-inner .product-price {
  display: flex;
  justify-content: space-evenly;
}
.product-item .product-inner .product-price *,
.product-item .related-item-inner .product-price *,
.related-product .product-inner .product-price *,
.related-product .related-item-inner .product-price * {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-2-font-size);
  color: var(--ispv-color-text);
}
.product-item .product-inner .product-price .product-price-before-discount,
.product-item .product-inner .product-price .PricebasePriceWithTax,
.product-item .related-item-inner .product-price .product-price-before-discount,
.product-item .related-item-inner .product-price .PricebasePriceWithTax,
.related-product .product-inner .product-price .product-price-before-discount,
.related-product .product-inner .product-price .PricebasePriceWithTax,
.related-product .related-item-inner .product-price .product-price-before-discount,
.related-product .related-item-inner .product-price .PricebasePriceWithTax {
  color: #21212180;
}
.product-item .product-inner .product-price .product-discount-amount,
.product-item .related-item-inner .product-price .product-discount-amount,
.related-product .product-inner .product-price .product-discount-amount,
.related-product .related-item-inner .product-price .product-discount-amount {
  position: absolute;
  top: 2.5rem;
  left: .8rem;
}
.product-item .product-inner .product-price .product-discount-amount .text-danger,
.product-item .related-item-inner .product-price .product-discount-amount .text-danger,
.related-product .product-inner .product-price .product-discount-amount .text-danger,
.related-product .related-item-inner .product-price .product-discount-amount .text-danger {
  font-family: var(--ispv-font-family);
  font-size: .9rem;
  font-weight: bold;
  background: var(--ispv-color-primary);
  padding: .6rem;
  color: white;
  border-radius: 1.5rem;
  line-height: 1;
  min-width: 3rem;
  display: inline-block;
}
.product-item .product-inner .btn-addtocart,
.product-item .related-item-inner .btn-addtocart,
.related-product .product-inner .btn-addtocart,
.related-product .related-item-inner .btn-addtocart {
  height: unset;
  text-transform: none;
  display: inline-flex;
  align-items: center;
}
.product-item .product-inner .btn-addtocart:not(.btn-options):before,
.product-item .related-item-inner .btn-addtocart:not(.btn-options):before,
.related-product .product-inner .btn-addtocart:not(.btn-options):before,
.related-product .related-item-inner .btn-addtocart:not(.btn-options):before {
  content: '';
  display: inline-block;
  margin-left: .6rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(https://otletoldal.hu/dev/zebu/images/cart-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.product-tag-left {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.product-tag-left .tag {
  border-radius: 1.5rem;
  background: #5B4636;
  text-transform: none;
  font-size: .9rem;
  font-weight: bold;
  padding: .6rem;
}
.com-baforms-wrapper .ba-form-field-item {
  margin: 0 0 1rem;
}
.com-baforms-wrapper .ba-form-field-item .ba-field-label-wrapper {
  line-height: 1;
  margin-bottom: .45rem;
}
.com-baforms-wrapper .ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
  padding-left: 1rem;
  line-height: 1;
}
.com-baforms-wrapper .ba-form-field-item .ba-field-label-wrapper .required-star {
  margin: 0;
  color: var(--ispv-color-primary);
  line-height: 1;
}
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=text],
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=email],
.com-baforms-wrapper .ba-form-field-item .ba-field-container textarea,
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=text]:focus,
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=email]:focus,
.com-baforms-wrapper .ba-form-field-item .ba-field-container textarea:focus {
  font-family: var(--ispv-font-family);
  font-size: var(--ispv-font-size);
  border: 1px solid var(--ispv-color-primary) !important;
  border-radius: .45rem;
  background: white !important;
  padding: .6rem 1rem;
  color: var(--ispv-color-text);
}
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=text]:focus,
.com-baforms-wrapper .ba-form-field-item .ba-field-container input[type=email]:focus,
.com-baforms-wrapper .ba-form-field-item .ba-field-container textarea:focus {
  box-shadow: 0px 0px 18.4px 0px #00000026;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field {
  text-align: center;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-field-label-wrapper {
  display: none;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper {
  display: inline-block;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container {
  padding-left: 2.1rem;
  margin: 0;
  width: unset;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container input + span {
  border: 1px solid var(--ispv-color-primary) !important;
  border-radius: .45rem;
  background: white !important;
  width: 1.5rem;
  height: 1.5rem;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container input + span:before {
  font-size: 1rem;
  margin-top: -0.1rem;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container input:checked + span:before {
  color: var(--ispv-color-text);
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container a {
  color: var(--ispv-color-text);
  text-decoration: underline;
}
.com-baforms-wrapper .ba-form-field-item.ba-form-acceptance-field .ba-input-wrapper .ba-field-container a:hover {
  text-decoration: none;
}
.com-baforms-wrapper .ba-form-submit-btn-wrapper {
  text-align: center;
  display: block !important;
}
.com-baforms-wrapper .ba-form-submit-btn-wrapper a.ba-form-submit-btn {
  background: var(--ispv-color-primary);
  color: white;
  font-size: 1rem;
  line-height: 1;
  padding: 1rem 3.9rem;
  border-radius: 3rem;
  transition: background .3s, color .3s, border-color .3s !important;
  display: inline-flex;
}
.com-baforms-wrapper .ba-form-submit-btn-wrapper a.ba-form-submit-btn:after {
  content: none !important;
}
.com-baforms-wrapper .ba-form-submit-btn-wrapper a.ba-form-submit-btn span {
  transform: none !important;
}
.com-baforms-wrapper .ba-form-submit-btn-wrapper a.ba-form-submit-btn:hover {
  background: var(--ispv-color-text) !important;
}
body button.close:after {
  content: none;
}
#breadcrumbs {
  background-image: url(https://otletoldal.hu/dev/zebu/images/zebu-hero.jpg);
  background-position: center 12%;
  padding-top: 7rem;
  padding-bottom: 0;
  background-attachment: unset;
}
#breadcrumbs .inner-container {
  padding: 0;
}
#breadcrumbs .breadcrumbs-inner {
  padding: 3rem 5.2rem;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(7px);
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  width: 60%;
  margin: 0 auto;
  position: relative;
  top: 3rem;
}
#breadcrumbs .breadcrumbs-inner .breadcrumb {
  background: none;
  padding: 0;
}
#breadcrumbs .breadcrumbs-inner .breadcrumb a {
  color: var(--ispv-color-primary);
}
#breadcrumbs .breadcrumbs-inner .breadcrumb a:hover {
  color: var(--ispv-color-text);
}
#breadcrumbs h1 {
  text-transform: none;
  margin-bottom: 1rem;
}
#bottom {
  background: #EEECE8;
  backdrop-filter: blur(7px);
  box-shadow: 0px 1px 16px -4px #00000030;
  padding: 1.5rem 0;
  color: var(--ispv-color-text);
  overflow: hidden;
  font-size: .9rem;
}
#bottom a {
  color: var(--ispv-color-text);
}
#bottom a:hover {
  color: var(--ispv-color-primary);
}
#bottom .contact {
  margin-bottom: .6rem;
}
#bottom .contact a {
  display: flex;
  align-items: center;
  gap: .9rem;
}
#bottom .contact a:before {
  width: 1.5rem !important;
}
#bottom .contact a:before {
  content: '';
  width: .9rem;
  height: 1.2rem;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: filter .3s;
}
#bottom .contact a.info-tel:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/tel.svg);
}
#bottom .contact a.info-mail:before {
  width: 1.2rem;
  background-image: url(https://otletoldal.hu/dev/zebu/images/mail.svg);
}
#bottom .contact a.info-poi:before {
  background-image: url(https://otletoldal.hu/dev/zebu/images/poi.svg);
}
#bottom .contact a:hover:before {
  filter: invert(50%) sepia(1) hue-rotate(315deg) brightness(0.8) saturate( 3.3 );
}
#bottom img {
  height: 4.8rem;
  width: auto;
  max-width: unset;
}
#bottom .module-cont {
  margin: 0;
}
#bottom ul.list-inline {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 1.8rem 1.8rem 1.8rem 3rem;
  margin-top: 3.9rem;
}
#bottom ul.list-inline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200vw;
  height: 100%;
  z-index: 0;
  background: white;
  box-shadow: 0px 1px 16px -4px #00000030;
  border-radius: 1.5rem;
}
#bottom ul.list-inline li {
  position: relative;
  z-index: 1;
  font-size: 1rem;
}
footer.footer {
  background: none;
  color: var(--ispv-color-text);
}
footer.footer a {
  color: var(--ispv-color-primary);
}
footer.footer a:hover {
  color: var(--ispv-color-text);
}
footer.footer .menuitem {
  margin-right: .7rem;
}
footer.footer .menuitem a {
  color: var(--ispv-color-text);
}
footer.footer .menuitem a:hover {
  color: var(--ispv-color-primary);
}
.djacc-popup .djacc__openbtn--default {
  background: black;
}
.cc-revoke.cc-bottom.cc-left {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  left: 10px;
  bottom: 20px;
  background: white;
  border: 1px solid black;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.cc-revoke.cc-bottom.cc-left:before {
  content: '';
  background: url(https://otletoldal.hu/dev/zebu/images/cookie.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -1px;
}
.cc-grower {
  z-index: 99999;
}
.cc-grower .cc-message .cc-message-text {
  display: block;
  line-height: 1.2;
  margin-bottom: .5rem;
  width: 100%;
}
.cc-grower .cc-message .cc-cookie-settings-toggle {
  float: right;
}
.cc-grower .cc-message a {
  text-decoration: underline;
  line-height: 1.5;
}
.cc-grower .cc-compliance a {
  font-weight: normal;
}
.cc-grower .cc-compliance a:hover {
  text-decoration: none;
}
.cc-grower .cc-checkboxes-container .cc-settings-label {
  font-size: inherit;
  margin: .6rem 0 !important;
}
.cc-grower .cc-checkboxes-container .cc-link {
  margin: 0 .8rem 0 .4rem;
}
.cc-grower .cc-checkboxes-container .cc-link label {
  font-weight: 400 !important;
  font-size: inherit;
}
.modal .modal-dialog {
  width: 50%;
  background: none !important;
}
.modal .modal-dialog .modal-content {
  background: none;
  border-radius: var(--ispv-border-radius);
  overflow: hidden;
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header {
  background-image: url(https://otletoldal.hu/dev/zebu/images/zebu-banner.png);
  background-size: 120% auto;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2.1rem 3rem;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title,
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-2-font-size);
  color: white;
}
.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer {
  background: var(--ispv-color-bg);
  border: none;
  padding: 2.1rem 3rem;
}
.modal .modal-dialog .modal-content .modal-footer {
  padding-top: 0rem;
}
.modal button.close {
  color: white;
  font-size: 1.8rem;
  opacity: 1;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
#ProOPC div,
#ProOPC span {
  font-size: var(--ispv-font-size);
  font-family: var(--ispv-font-family);
}
#ProOPC .cart-images {
  padding: 0;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  margin-right: 1rem;
}
#ProOPC .cart-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#proopc-carttable-form {
  width: 100%;
}
#proopc-carttable-form > div {
  background: #F9F6F4;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  padding: 2.1rem;
  margin-bottom: 1rem;
  width: 100%;
}
#proopc-carttable-form > div .proopc-table-striped {
  margin: 0;
  border: none;
}
#proopc-carttable-form > div .proopc-table-striped th,
#proopc-carttable-form > div .proopc-table-striped td {
  background: none;
  border: none;
}
#proopc-carttable-form > div .proopc-table-striped th,
#proopc-carttable-form > div .proopc-table-striped th span {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
  text-transform: none;
}
#proopc-carttable-form > div .proopc-table-striped td,
#proopc-carttable-form > div .proopc-table-striped td span {
  text-transform: none;
}
#proopc-carttable-form > div .proopc-table-striped .proopc-product-name a,
#proopc-carttable-form > div .proopc-table-striped .col-name a {
  text-transform: none;
  text-decoration: none;
  font-family: var(--ispv-heading-font-family);
}
#proopc-carttable-form > div .proopc-table-striped .proopc-product-name a:hover,
#proopc-carttable-form > div .proopc-table-striped .col-name a:hover {
  color: var(--ispv-color-text);
  text-decoration: none;
}
#proopc-carttable-form > div .proopc-table-striped thead th {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1rem;
}
#proopc-carttable-form > div .proopc-table-striped tr.cart-sub-total td {
  border-top: 1px solid #e9e9e9;
  padding-top: 1rem;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1rem;
}
#proopc-carttable-form > div .proopc-table-striped tr.cart-sub-total td span {
  font-family: var(--ispv-heading-font-family);
}
#proopc-carttable-form > div .proopc-table-striped tr.grand-total td {
  border-top: 1px solid #e9e9e9;
  padding-top: 1rem;
}
#proopc-carttable-form > div .proopc-table-striped tr.grand-total td span {
  font-size: 1.2rem;
  font-family: var(--ispv-heading-font-family);
}
#proopc-carttable-form > div .proopc-table-striped .vmshipment_name,
#proopc-carttable-form > div .proopc-table-striped .vmpayment_name {
  font-family: var(--ispv-heading-font-family);
}
#proopc-carttable-form > div input[type=number] {
  border: 1px solid var(--ispv-color-primary);
  border-radius: .6rem;
  padding: .3rem .6rem;
  background: white;
  height: unset;
  box-sizing: border-box;
  color: var(--ispv-color-text);
  min-width: 5.4rem;
}
#ProOPC .proopc-finalpage {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.1rem;
}
#ProOPC .proopc-column3 {
  width: calc((100% - 4.2rem) / 3);
}
#ProOPC .proopc-column3 > div {
  background: #F9F6F4;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  padding: 2.1rem;
  border: none;
}
#ProOPC .proopc-column3 > div h3.proopc-process-title {
  border: none;
  background: none;
  margin-bottom: 1rem;
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-3-font-size);
  color: var(--ispv-color-text);
  display: flex;
  align-items: center;
  gap: .3rem;
}
#ProOPC .proopc-column3 > div h3.proopc-process-title .proopc-step {
  height: 2.1rem;
  width: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ispv-color-text);
  color: white;
}
#ProOPC .proopc-column3 > div h4 {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
  color: var(--ispv-color-text);
  text-transform: none;
}
#ProOPC .proopc-column3 > div .proopc-inner,
#ProOPC .proopc-column3 > div .inner-wrap {
  padding: 0 .9rem;
  border: 0;
  background: none;
  margin: 0;
}
#ProOPC .proopc-column3 > div .with-switch {
  padding: 1rem 3rem;
  margin: .6rem -3rem .3rem;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: white;
}
#ProOPC .proopc-column3 > div .with-switch #UserLogin .proopc-group,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration .proopc-group {
  display: flex;
  flex-direction: column;
}
#ProOPC .proopc-column3 > div .with-switch #UserLogin .proopc-group:before,
#ProOPC .proopc-column3 > div .with-switch #UserLogin .proopc-group:after,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration .proopc-group:before,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration .proopc-group:after {
  content: none;
}
#ProOPC .proopc-column3 > div .with-switch #UserLogin .proopc-group .proopc-input,
#ProOPC .proopc-column3 > div .with-switch #UserLogin .proopc-group .proopc-input-group-level,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration .proopc-group .proopc-input,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration .proopc-group .proopc-input-group-level {
  float: none;
  width: 100%;
}
#ProOPC .proopc-column3 > div .with-switch #UserLogin label,
#ProOPC .proopc-column3 > div .with-switch #UserRegistration label {
  font-size: var(--ispv-font-size);
  color: var(--ispv-color-text);
}
#ProOPC .proopc-column3 > div input[type=checkbox],
#ProOPC .proopc-column3 > div input[type=radio] {
  accent-color: var(--ispv-color-primary);
  transform: scale(1.2);
}
#ProOPC .proopc-column3 > div input[type=text],
#ProOPC .proopc-column3 > div input[type=number],
#ProOPC .proopc-column3 > div input[type=tel],
#ProOPC .proopc-column3 > div input[type=password],
#ProOPC .proopc-column3 > div input[type=email],
#ProOPC .proopc-column3 > div textarea,
#ProOPC .proopc-column3 > div select {
  border: 1px solid var(--ispv-color-primary);
  border-radius: .6rem;
  padding: .6rem 1rem;
  background: white;
  height: unset;
  width: 100% !important;
  box-sizing: border-box;
  color: var(--ispv-color-text);
}
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row {
  display: flex;
  gap: 1rem;
}
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row:before,
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row:after {
  content: none;
}
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row > div {
  float: none;
  width: unset;
  flex: 1;
}
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row > div input {
  width: 100% !important;
}
#ProOPC .proopc-column3 > div #EditBTAddres .proopc-row > div:last-child {
  flex: 2;
}
#ProOPC .proopc-column3 > div #EditBTAddres .phone_1-group {
  width: 100% !important;
}
#ProOPC .proopc-column3 > div .proopc-switch {
  font-size: var(--ispv-font-size);
  display: flex;
  align-items: center;
  gap: .3rem;
}
#ProOPC .proopc-btn {
  font-size: 1rem;
  line-height: 1;
  padding: 1rem 3.9rem;
  border-radius: 3rem;
  border: 1px solid var(--ispv-color-primary);
  transition: background .3s, color .3s, border-color .3s !important;
  background: var(--ispv-color-primary);
  color: white;
  width: unset !important;
}
#ProOPC .proopc-btn:hover {
  background: var(--ispv-color-text);
  border-color: var(--ispv-color-text);
}
#ProOPC .proopc-btn.proopc-btn-inverse {
  padding: .6rem 2.1rem;
}
#ProOPC .proopc-btn.proopc-btn-lg {
  width: 100% !important;
}
#ProOPC .proopc-btn.proopc-task-deleteproduct {
  padding: .3rem .6rem;
}
#ProOPC .proopc-btn.proopc-task-deleteproduct i {
  filter: invert(1) brightness(3);
}
#ProOPC .proopc-btn.proopc-task-deleteproduct:hover {
  background: var(--ispv-color-text);
}
#ProOPC #proopc-task-savecoupon {
  padding: .6rem 2.1rem;
}
#ProOPC #proopc-shipments label,
#ProOPC #proopc-payments label {
  margin-bottom: 1rem;
}
#ProOPC .vmshipment_name,
#ProOPC .vmpayment_name {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
}
#ProOPC #checkoutForm a,
#ProOPC #checkoutForm a span {
  color: var(--ispv-color-text);
  font-size: var(--ispv-font-size);
  text-decoration: none;
}
#ProOPC #checkoutForm a:hover,
#ProOPC #checkoutForm a span:hover {
  color: var(--ispv-color-primary);
}
#ProOPC #checkoutForm input[type=checkbox] {
  position: relative;
  top: .21rem;
}
.category-list .category-item-inner .category-image-cont {
  background: white;
  padding: .6rem;
  border-radius: .6rem;
  box-shadow: 0px 1px 16px -4px #00000030;
  border-radius: .3rem;
  overflow: hidden;
}
.category-list .category-item-inner a {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
  color: var(--ispv-color-text);
  text-transform: none;
}
.category-list .category-item-inner:hover a {
  color: var(--ispv-color-primary);
}
.aside-inner {
  background: #F9F6F4;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  padding: 2.1rem;
}
.productdetails-view > .row:first-child {
  background: white;
  border-radius: var(--ispv-border-radius);
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  padding: 2.1rem;
}
.product-title {
  font-size: 2.1rem;
}
form .form-group label {
  font-family: var(--ispv-heading-font-family);
  font-size: var(--ispv-heading-4-font-size);
  padding-left: 1rem;
  line-height: 1;
}
form .form-group input[type=text],
form .form-group input[type=email],
form .form-group textarea,
form .form-group input[type=text]:focus,
form .form-group input[type=email]:focus,
form .form-group textarea:focus {
  font-family: var(--ispv-font-family);
  font-size: var(--ispv-font-size);
  border: 1px solid var(--ispv-color-primary) !important;
  border-radius: .45rem;
  background: white !important;
  padding: .6rem 1rem;
  color: var(--ispv-color-text);
}
form .form-group input[type=text]:focus,
form .form-group input[type=email]:focus,
form .form-group textarea:focus {
  box-shadow: 0px 0px 18.4px 0px #00000026;
}
.ask-question-page .product-overview {
  background: white;
  border-radius: 15px;
  box-shadow: 0px 2px 4px -2px #0000000F, 0px 4px 8px -2px #0000001A;
  padding: 15px;
}
.ask-question-page .product-overview > .row > div:first-of-type {
  padding: 15px 0 15px 30px;
}
.ask-question-page .product-overview .img-thumbnail {
  backgorund: none;
  padding: 0;
  border: none;
  border-radius: 9px;
}
.ask-question-page .product-overview .short-description {
  font-size: 16px;
}
.ask-question-page form .form-group label {
  font-size: 15px;
}
.ask-question-page form .form-group input[type=text],
.ask-question-page form .form-group input[type=email],
.ask-question-page form .form-group textarea,
.ask-question-page form .form-group input[type=text]:focus,
.ask-question-page form .form-group input[type=email]:focus,
.ask-question-page form .form-group textarea:focus {
  font-size: 16px;
}
.ask-question-page form .form-submit-cont .btn {
  font-size: 15px;
  padding: 15px 39px;
}
.item-page .item-image {
  float: none !important;
}
.item-page .item-image img {
  width: 100%;
}
.mod-tagspopular-cloud {
  text-align: center;
}
.mod-tagspopular-cloud .tag {
  display: inline-block !important;
  pointer-events: unset;
  padding: 5px;
}
@media screen and (max-width: 992px) {
  :root {
    --ispv-font-size: 2vw;
    --ispv-row-width: 93%;
  }
  .offcanvas-toggle-container {
    position: static;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --ispv-font-size: 3.6vw;
    --ispv-heading-1-font-size: 1.8rem;
  }
  body:after {
    content: none;
  }
  .vpfrs-image-cont img {
    width: 100% !important;
    height: 80vh !important;
    object-fit: cover;
    object-position: center;
  }
  .vpf-topbar {
    text-align: right;
  }
  .vpf-topbar .top-left > * {
    display: none !important;
  }
  .vpfrs-caption {
    padding-right: calc((100% - var(--ispv-row-width)) / 2);
    width: 100%;
  }
  .vpfrs-caption .vpfrs-caption-inner {
    padding: 1.5rem 3rem;
  }
  .page-content section.box > .row {
    padding: 2.1rem 1rem;
  }
  .digi_showcase.default .showcase-item {
    padding: 0 !important;
  }
  .digi_showcase.default .item-content {
    padding: 0 0 2.1rem !important;
    flex-direction: column !important;
    gap: 1rem !important;
  }
  .digi_showcase.default .item-content .image,
  .digi_showcase.default .item-content .content {
    width: 100%;
  }
  .digi_showcase.default .single .item-content {
    flex-direction: column-reverse !important;
  }
  .digi_showcase.carousel:before,
  .digi_showcase.carousel:after,
  .vp-product-carousel .owl-nav-side .owl-controls .owl-buttons:before,
  .vp-product-carousel .owl-nav-side .owl-controls .owl-buttons:after {
    width: 22.5%;
  }
  .digi_showcase.carousel .slick-slider:after,
  .vp-product-carousel .owl-nav-side .owl-controls:after {
    width: 5.4%;
  }
  .vp-product-carousel .owl-carousel {
    overflow: visible;
  }
  .rspbld-vertical-image-box.banner {
    padding: 3rem !important;
  }
  .rspbld-text-block[style*=padding] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rspbld-vertical-image-box.icon {
    margin-bottom: 3rem;
  }
  .rspbld-vertical-image-box.icon .rspbld-image {
    width: 15rem;
    height: 15rem;
  }
  .bottom-horizontal {
    text-align: left;
  }
  #bottom ul.list-inline {
    flex-direction: column;
    margin-top: 1.5rem;
    position: relative;
    margin-left: -3rem;
    margin-right: -3rem;
  }
  #bottom ul.list-inline .menuitem a {
    display: block;
    padding: .3rem 0;
  }
  footer.footer {
    width: 100vw;
    overflow: hidden;
  }
  footer.footer .list-inline {
    margin: 0;
  }
  footer.footer .menuitem {
    display: block;
    margin: 0;
  }
  footer.footer .menuitem a {
    display: block;
    padding: .3rem 0;
  }
  #breadcrumbs .breadcrumbs-inner {
    width: 100%;
    padding-left: 2.1rem;
    padding-right: 2.1rem;
  }
  #ProOPC .proopc-column3 {
    width: 100%;
  }
  #mainbody > .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .djacc-popup .djacc__openbtn--default {
    transform: scale(.75);
    transform-origin: left top;
  }
  .cc-revoke.cc-bottom.cc-left {
    transform: scale(.75);
    transform-origin: left top;
    bottom: 40px;
  }
  #footer-toolbar {
    background: var(--ispv-color-text);
    height: unset;
    padding: .45rem 0 .21rem;
    border: none;
  }
  .vp-dropmod-anchor > a {
    filter: invert(1);
  }
  .compare-mod p {
    margin: 0;
  }
  .compare-mod .desktop {
    display: none;
  }
  .compare-mod .mobile {
    display: block;
    font-size: 1.6rem;
    color: white;
    position: relative;
    top: -0.39rem;
  }
}
@media (max-width: 991.98px) {
  .btn:not(.btn-nobg),
  .rspbld-button.btn {
    padding: 1rem 3rem;
  }
  .toolbar-inner {
    display: flex;
    gap: 1rem;
  }
  .toolbar-inner:before,
  .toolbar-inner:after {
    content: none;
  }
  .toolbar-inner .product-orderby .btn {
    width: unset !important;
  }
  .modal .modal-dialog {
    width: calc(100% - 20px);
  }
  .modal .modal-dialog .modal-content .modal-body,
  .modal .modal-dialog .modal-content .modal-footer {
    padding: 21px;
  }
  .related-product-header:before,
  .related-product-header:after {
    content: none !important;
  }
  .product-item .product-inner,
  .product-item .related-item-inner,
  .related-product .product-inner,
  .related-product .related-item-inner {
    padding: .9rem .6rem .6rem;
    border-radius: 1rem;
  }
  .product-item .product-inner .addtocart-button-cont,
  .product-item .related-item-inner .addtocart-button-cont,
  .related-product .product-inner .addtocart-button-cont,
  .related-product .related-item-inner .addtocart-button-cont {
    display: block;
  }
  .product-item .product-inner .addtocart-button-cont .btn-addtocart,
  .product-item .related-item-inner .addtocart-button-cont .btn-addtocart,
  .related-product .product-inner .addtocart-button-cont .btn-addtocart,
  .related-product .related-item-inner .addtocart-button-cont .btn-addtocart {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    display: block;
  }
}