@keyframes indicator-animation {
   0% {
      box-shadow: 0 0 0 0 var(--bg-clr-1);
   }

   to {
      box-shadow: 0 0 0 6px transparent;
   }
}

main {
   display: flex;
   flex-direction: column;
   background: url('/wp-content/themes/cverse/assets/elements/main_holo.webp')top/contain no-repeat;
}

.scroll-container {
   padding: var(--pixel-rate) 0;
   scroll-snap-type: x mandatory;
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.scroll-container::-webkit-scrollbar {
   display: none;
}

.section-header {
   height: calc(var(--cv-g-l) * 2);
}

.sc-icon {
   box-shadow: var(--cv-shadow-s);
   background-color: var(--clr-pur-0);
}

.sc-icon > svg{
   fill:var(--clr-pur-1);
}

.rel-l-0 {
   z-index: 0;
}

.cardverse-hero {
   z-index: 1;
}

.hero-carousel {
   padding: 0!important;
   gap: var(--cv-g-xl);
   border-radius: 24px;
   border: var(--cv-border-s);
   box-shadow: rgba(100,100,111,.35) 0 20px 29px 0;
   margin: var(--cv-g-xxl) 0 var(--cv-g-l) 0;
}

.cardverse-hero .scroll-indicator-wrapper {
   position: absolute;
   bottom: 8%;
   left: 50%;
   transform: translateX(-50%);
   box-shadow: var(--cv-shadow);
}

.hero-card {
   flex: 0 0 100%;
   height: max-content;
   overflow: hidden;
   border-radius: var(--cv-g-l);
   scroll-snap-align: center;
}

.auto-scroll-container:hover .auto-scroll-wrapper {
   animation-play-state: paused;
}

.auto-scroll-wrapper {
   animation: cvAutoScroll 60s linear infinite;
   will-change: transform;
}

.cv-brand-logo {
   flex: 0 0 164px;
   height: 90px;
   padding: var(--cv-g-m);
}

.cv-brand-logo:hover {
   padding: var(--cv-g-s);
}

.categories-container {
   display: grid;
   grid-template-columns: repeat(4,1fr);
   overflow-y: auto!important;
}

#cv-top-categories {
   margin-bottom: var(--cv-g-xxl);
}

.cat-item {
   scroll-snap-align: start;
   min-width: 180px;
   margin-top: var(--cv-g-xl);
   z-index: 1;
}

.cat-image {
   position: absolute;
   height: 110px;
   width: auto;
   top: -17%;
   right: 50%;
   transform: translateX(50%);
   z-index: 2;
   transition: var(--cv-transition);
}

.category-data-wrapper {
   align-items: center;
   justify-content: flex-end;
   height: 140px;
   padding: 20px;
   z-index: 3;
   gap: var(--cv-g-xs);
}

.mini-cat-btn {
   display: none;
   margin-top: var(--cv-g-s);
   padding: 6px var(--cv-g-sm);
   font-size: var(--cv-g-sm);
   font-weight: 600;
   border-radius: 6px;
   box-shadow:var(--cv-shadow);
}

@media screen and (min-width:1320px) {
   .category-data-wrapper {
      align-items: start;
      justify-content: center;
      padding: var(--cv-g-xl);
   }

   .mini-cat-btn {
      display: flex;
   }

   .cat-image {
      height: clamp(110px, 10vw, 164px);
      right: var(--cv-g-m);
      transform: translateX(0);
   }

   .cat-item:hover .cat-image {
      transform: scale(1.05);
   }
}

.products-showcase {
   border-radius: var(--cv-g-xl);
  
}

.products-showcase{
   padding: calc(var(--cv-g-xl)*2) 0;
}

.under-fold-wrapper {
   background: url('/wp-content/themes/cverse/assets/elements/main_holo_under.webp')top/contain no-repeat;
   gap: calc(var(--cv-g-xxl)*2);
padding: calc(var(--cv-g-xxl)*2) 0;
}

.cv-flex-par {
   --sp-font-size: clamp(10px,3vw,14px);
   --sp-font-weight: 500;
}

.sc-flame {
   background-color: var(--clr-red-0);
}

.sc-bolt {
   background-color: var(--clr-orn-0);
}

.about-us-section {
   display: grid;
   grid-template-columns: 1fr;
   align-items: stretch;
   gap: var(--cv-g-xxl);
}

.about-us-heading {
   font-size: clamp(70px,6vw,100px);
   line-height: clamp(70px,6vw,100px);
}

.heading-gradient {
   background: -webkit-linear-gradient(var(--clr-pur-1),var(--clr-ind-1));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.header-slanted {
   --hs-padding-size: var(--cv-g-sm) var(--cv-g-l);
   font-size: var(--hs-font-size);
   padding: var(--hs-padding-size);
   border-radius: var(--cv-g-l);
   background: url('/wp-content/themes/cverse/assets/elements/sub-heading-bg.webp')top/cover no-repeat;
   width: max-content;
   transform: rotate(-2deg);
   margin-bottom: var(--cv-g-sm);
   box-shadow: var(--cv-shadow-s);
   border: 1px solid #c7ccef;
}

.about-us-par {
   font-size: clamp(14px,calc(12px + .4vw),16px);
   line-height: 1.65;
   font-weight: 400;
   color: #685b7e;
}

.benefit-blocks {
   display: grid;
   grid-template-columns: repeat(2,1fr);
   grid-gap: var(--cv-g-sm);
   align-items: stretch;
}

.benefit-number {
   font-size: clamp(14px,calc(14px + .4vw),20px);
}

.main-image-container {
   border-radius: var(--cv-g-l);
   box-shadow: 0 20px 29px rgba(100,100,111,.35);
   background-color: var(--clr-t-1);
   border: 1px solid var(--clr-l-1);
}

.main-image-wrapper {
   width: 100%;
   max-height: 620px;
   overflow: hidden;
   border-radius: inherit;
}

.main-image-wrapper>img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.img-overlay {
   --var-position: 12px;
   position: absolute;
   z-index: 2;
}

.address-marker,
.opening-hour {
   top: var(--var-position);
   width: max-content;
   padding: clamp(10px,8px + .2vw,16px);
   background: rgba(255,255,255,.75);
   border: 1px solid rgba(255,255,255,.3);
   border-radius: 14px;
   box-shadow: 0 4px 30px rgba(0,0,0,.25);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
}

.address-marker {
   right: var(--var-position);
}

.opening-hour {
   left: var(--var-position);
}

.scroll-controller {
   top: 50%;
   width: 100%;
   padding: var(--cv-g-l);
   transform: translateY(-50%);
}

.img-overlay > svg {
   fill: var(--clr-pur-1);
}

.why-cardverse-inner{
   padding:var(--cv-g-ms);
}

.opening-hour-dot-wrapper {
   --calc-size: var(--cv-g-m);
   --bg-clr-0: var(--clr-grn-0);
   --bg-clr-1: var(--clr-grn-1);
   width: var(--calc-size);
   height: var(--calc-size);
   margin-right: calc(var(--calc-size)/2.5);
   border-radius: 50%;
   background: var(--bg-clr-0);
}

.store-closed .opening-hour-dot-wrapper {
   --bg-clr-0: var(--clr-red-0);
   --bg-clr-1: var(--clr-red-1);
}

.store-open-soon .opening-hour-dot-wrapper {
   --bg-clr-0: var(--clr-yel-0);
   --bg-clr-1: var(--clr-yel-1);
}

.opening-hour-dot {
   width: 50%;
   height: 50%;
   border-radius: 50%;
   background: var(--bg-clr-1);
   animation: indicator-animation 2s infinite;
}

.btn-help {
   height: calc(var(--cv-g-l) * 2);
   background: url('/wp-content/themes/cverse/assets/elements/sub-heading-bg.webp')top/cover no-repeat;
   box-shadow: inset 0 0 0 1px white;
   padding:0!important;
   overflow:hidden;
}

.btn-blur {
   width:100%;
   height:100%;
   background: rgba(255,255,255,.75);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   box-shadow: inset 0 0 0 1px white;
}

.on-1024 {
   display: none;
}

.off-1024 {
   display: flex;
}

.shop-thumbs-container {
   flex-direction: column;
   border:2px solid transparent;
}

.shop-thumb {
   flex: 1;
   height: 64px;
   overflow: hidden;
   cursor: pointer;
}

.thumb-inner-wrapper {
   align-items: center;
   width: 100%;
}

.background-image-wrapper {
   width: 100%;
   max-width: 120px;
   height: 62px;
   overflow: hidden;
   border-radius: var(--cv-g-m);
}

.multi-img-bg {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: var(--cv-transition);
}

.thumb-info {
   display: flex;
   align-items: center;
   gap: var(--cv-g-s);
   padding: var(--cv-g-sm);
}

.thumb-description {
   margin-left: auto;
}

.init-gallery {
   width: 32px;
   height: 32px;
   flex: 0 0 32px;
}

.init-gallery>svg {
   width: 20px;
   height: 20px;
   stroke: var(--clr-t-2);
}

.switch-par {
   display: none;
}

.s-divider {
   height: 1px;
   margin: var(--cv-g-xs) 0;
   background: #c4bdd046;
}

.main-image {
   opacity: 1;
   transition: opacity .15s ease;
}

.main-image.is-changing {
   opacity: .5;
}

.multi-active, .shop-thumb:hover{
    border:1px solid var(--clr-pur-1)!important;
    box-shadow: 0px var(--cv-g-xs) var(--cv-g-sm) 0 rgba(139, 77, 255, .45);
}

.gr-main-content{
   --content-height:max-content;
   --grid-columns: 1fr;
   --content-padding:var(--cv-g-m);
   --content-over-padding:var(--cv-g-l);
   --flex-size: flex: 0 0 260px;
   display:grid;
   grid-template-columns: var(--grid-columns);
   padding:var(--cv-g-m);
   margin-top:auto;
   height:var(--content-height);
   background: url('/wp-content/themes/cverse/assets/elements/g-reviews-bg.webp') center/cover no-repeat;
   border:1px solid var(--clr-l-0);
   border-radius:var(--cv-g-xl);
   z-index:1;
}

.gr-main-content > div {
   padding:var(--content-over-padding)
}

.gr-content{
   gap:var(--content-padding);
   z-index: 3;
}

.gr-rev-container .scroll-control{
   --scroll-offset: 0px;
}

.gr-overlay-image{
   display:none;
}

.gr-main-heading{
   color:var(--clr-l-1)!important;
   font-size: clamp(48px,6vw,60px);
   line-height: clamp(48px,6vw,60px);
   letter-spacing: .75px;
}

.gr-rating-wrapper{
   width:max-content;
   padding:var(--cv-g-sm);
   border-radius:var(--cv-g-sm);
   background: rgba(255,255,255,.07);
   border: 1px solid rgba(255,255,255,.05);
   backdrop-filter: blur(3px);
}

.google-logo{
   aspect-ratio: 1/1;
   width:2rem;
}

.rating-stars-wrapper{
   gap:6px;
}

.g-review-rating{
   --star-size: 20px;
   aspect-ratio: 1/1;
   width:var(--star-size);
}

.rating-text{
   --sp-font-size: 10px;
   letter-spacing: .25px;
}

.rating-text > span{
   font-weight:600;
   color:var(--clr-l-1);
}

.gr-rev-container{
   overflow:hidden;
   z-index:3;
}

.gr-reviews-inner{
   align-items: stretch;
   gap:var(--cv-g-sm);
}

.g-review-container {
   padding:var(--cv-g-l);
   flex:0 0 260px;
   border-radius:var(--cv-g-sm);
   background: rgba(255,255,255,.1);
   border: 1px solid rgba(255,255,255, .1);
   box-shadow: 0 4px 30px rgba(0,0,0,.25);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
}

.g-review-name{
   font-size:14px;
   color:var(--clr-l-0);
   font-weight: 600;
}

.review-avatar {
   height: 54px;
   width: auto;
   border-radius: 50%;
   border: 2px solid #55476c;
   box-shadow: 0 4px 30px rgba(18, 11, 29, .6);
}

.g-review-snippet{
   --sp-font-weight: 500;
   --sp-color:#b8accb;
}

.review-rating > img {
   height: calc(var(--cv-g-m) + var(--cv-g-xs));
   width: auto;
}

.icon-tabler-rosette-discount-check{
   fill:#077eee;
   margin-left:auto;
}

.review-rating > img:last-child {
   margin-left: var(--cv-g-xs);
}

@media (max-width:499px) {
   .section-heading-wrapper {
      margin-right: auto;
   }
}

@media (min-width:900px) {
      .shop-thumbs-container {
      position: relative;
      flex-direction: row;
   }

   .shop-thumb {
      height: 280px;
   }

   .background-image-wrapper {
      max-width: 100%;
      height:100%;
      border-radius: inherit;
   }

   .thumb-inner-wrapper>div,
   .thumb-inner-wrapper>span {
      position: absolute;
      left: 0;
      bottom: 0;
   }

   .thumb-info {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      height: 108px;
      padding: var(--cv-g-m);
      background: linear-gradient(0deg,rgba(10,10,10,.9)0,rgba(10,10,10,.2) 100%);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      z-index: 2;
   }

   .thumb-info>h5 {
      color: var(--clr-l-0)!important;
   }

   .shop-thumb:hover .multi-img-bg {
      transform: scale(1.15);
   }

   .thumb-description {
      display: flex;
      align-items: center;
      gap: var(--cv-g-sm);
   }

   .init-gallery {
      border: 1px solid rgba(255,255,255,.3);
      border-radius: 50%;
      background: rgba(255,255,255,.75);
      box-shadow: 0 4px 30px rgba(0,0,0,.25);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
   }

   .switch-par {
      display: block;
      color: var(--clr-t-4);
      line-height: 1.15;
   }

   .multi-active{
    border:2px solid var(--clr-pur-1)!important;
    box-shadow: 0px var(--cv-g-xs) var(--cv-g-xl) 0 rgba(139, 77, 255, .45);
   }

   .gr-main-content{
      --content-height:500px;
      --grid-columns: 360px auto;
      --content-padding:var(--cv-g-xs);
      --content-over-padding: var(--cv-g-xl);
   }

   .gr-rev-container .scroll-control{
      --scroll-offset: 12px;
   }

   .gr-overlay-image {
      display:block;
      position: absolute;
      width: auto;
      height: 520px;
      right: 0;
      top: -80px;
      z-index: 2;
      pointer-events: none;
   }

   .g-review-container{
      flex: 0 0 290px;
   }

   .gr-content{
      gap:calc(var(--content-padding) * 5);
   }
}

@media (min-width: 1140px) {
   .img-overlay {
      --var-position: 24px;
   }

   .on-1024 {
      display: flex;
   }

   .off-1024 {
      display: none;
   }

   .about-us-section {
      grid-template-columns: 2fr 3fr;
   }

   .opening-hour {
      margin-bottom: auto;
   }
}