


div.flex.flex-col.lg\:flex-row.rounded-lg 
> button.order-2.lg\:order-1.text-nowrap.w-full.inline-flex.justify-center.items-center.gap-x-2 {
  display: none !important;
}





@media (max-width: 768px) {
  [data-v-4d512272].absolute {
    margin-top: 16px !important; 
  }
}






#cats-wrap {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  text-align: initial !important;
  display: block !important;
  align-self: center !important;
  justify-self: center !important;
  padding-inline: 16px !important;
}


@media (min-width: 1024px) {
  #cats-wrap {
    padding-inline: 24px !important;
  }
}


#cats-viewport {
  margin-inline: auto !important;
}


@media (min-width: 1024px) {
  #cats-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.05) 50%, transparent 100%);
    pointer-events: none;
  }
}






@media (max-width: 640px){
  html { zoom: .7; }           
  body { transform-origin: top center; }
}


@media (max-width: 640px){
  
  .flex.items-center.justify-between.w-full.h-\[100px\]{
    zoom: 1.25; 
  }

  
  .flex.items-center.justify-between.w-full.h-\[100px\] .size-12{
    
    width: calc(3rem * 1.75) !important;
    height: calc(3rem * 1.75) !important;
  }
  .flex.items-center.justify-between.w-full.h-\[100px\] .size-12 img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  
  .flex.items-center.justify-between.w-full.h-\[100px\] .size-6{
    width: calc(1.5rem * 1.25) !important;
    height: calc(1.5rem * 1.25) !important;
  }

  
  .flex.items-center.justify-between.w-full.h-\[100px\] [style*="font-size: 1.5rem"]{
    font-size: calc(1.5rem * 1.25) !important;
    line-height: 1 !important;
  }
}






:root {
  --subs-card-scale: 0.80;  
}


.max-w-7xl.mt-5.mx-auto swiper-container swiper-slide .gradient-border-package-preview,
.max-w-7xl.mt-5.mx-auto .swiper .gradient-border-package-preview {
  transform: scale(var(--subs-card-scale));
  transform-origin: center top;
  transition: transform .25s ease;
}


.max-w-7xl.mt-5.mx-auto swiper-container swiper-slide.swiper-slide-active .gradient-border-package-preview,
.max-w-7xl.mt-5.mx-auto .swiper .swiper-slide.swiper-slide-active .gradient-border-package-preview {
  transform: scale(calc(var(--subs-card-scale) + 0.05));
}














@property --a { syntax:'<angle>'; inherits:false; initial-value:0deg; }

@media (max-width: 640px){
  
  .plans-section,
  .plans-section::before,
  .plans-section::after,
  img.rounded-2xl.w-96{
    will-change: transform, background, filter;
    backface-visibility: hidden;
    transform: translateZ(0); 
  }

  
  .plans-section::after{
    animation: waveSheen 12s linear infinite !important;
    animation-play-state: running !important;
  }

  img.rounded-2xl.w-96{
    animation: luxe-sweep-2 6s linear infinite !important;
    animation-play-state: running !important;
  }
}
