.elementor-85 .elementor-element.elementor-element-fb81cb3{--display:flex;--margin-top:88px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85 .elementor-element.elementor-element-f8fcf04{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d834020 *//* Rose Gold Glass Mobile Footer - Extra Custom CSS
   Paste this in Elementor > Advanced > Custom CSS
   for the same container/widget where your mobile footer HTML is placed.
*/

@media screen and (max-width: 767px) {

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-mobile-footer {
    background:
      linear-gradient(135deg, rgba(255,255,255,0.34), rgba(255,228,222,0.18)),
      linear-gradient(145deg, rgba(255,255,255,0.22), rgba(183,110,121,0.18)),
      rgba(255,255,255,0.18) !important;

    border: 1px solid rgba(255,255,255,0.62) !important;

    box-shadow:
      0 18px 46px rgba(60, 32, 37, 0.24),
      0 8px 18px rgba(183, 110, 121, 0.16),
      inset 0 1px 0 rgba(255,255,255,0.96),
      inset 0 -1px 0 rgba(183,110,121,0.18) !important;

    backdrop-filter: blur(28px) saturate(190%) brightness(1.08) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) brightness(1.08) !important;

    animation: rgmFooterSlideUp 0.75s ease both;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-mobile-footer::before {
    background:
      linear-gradient(120deg,
        rgba(255,255,255,0.78) 0%,
        rgba(255,255,255,0.18) 28%,
        rgba(255,214,205,0.16) 56%,
        rgba(255,255,255,0.55) 100%
      ) !important;
    opacity: 0.85;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-mobile-footer::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -35%;
    width: 52%;
    height: 180%;
    border-radius: 999px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      100deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.62) 45%,
      rgba(255,220,214,0.34) 58%,
      rgba(255,255,255,0) 100%
    );
    transform: rotate(18deg) translateX(-120%);
    animation: rgmGlassShine 4.8s ease-in-out infinite;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-item,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart {
    transition: transform 0.28s ease, filter 0.28s ease;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-item:hover,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart:hover {
    transform: translateY(-3px);
    filter: drop-shadow(0 8px 14px rgba(183,110,121,0.22));
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-icon {
    background: rgba(255,255,255,0.22);
    border: 1px solid rgba(255,255,255,0.28);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.52),
      0 4px 12px rgba(183,110,121,0.08);
    transition: all 0.28s ease;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-active .rgm-icon {
    background:
      linear-gradient(145deg, rgba(255,255,255,0.66), rgba(255,224,218,0.24));
    border-color: rgba(183,110,121,0.42);
    box-shadow:
      0 8px 18px rgba(183,110,121,0.22),
      inset 0 1px 0 rgba(255,255,255,0.88);
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart-circle {
    background:
      radial-gradient(circle at 26% 18%, rgba(255,255,255,1), rgba(255,255,255,0.42) 18%, rgba(255,255,255,0) 38%),
      linear-gradient(145deg, #fff0ec 0%, #ffd8d0 18%, #e9a3ad 46%, #b76e79 72%, #ffdcd4 100%) !important;

    border: 1px solid rgba(255,255,255,0.96) !important;

    box-shadow:
      0 16px 34px rgba(183,110,121,0.48),
      0 5px 12px rgba(255,255,255,0.45),
      inset 0 2px 1px rgba(255,255,255,0.92),
      inset 0 -8px 16px rgba(105,55,62,0.22) !important;

    animation: rgmCartFloat 3.2s ease-in-out infinite;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart-circle::after {
    content: "";
    position: absolute;
    width: 34px;
    height: 10px;
    top: 10px;
    left: 13px;
    border-radius: 50%;
    background: rgba(255,255,255,0.58);
    filter: blur(2px);
    pointer-events: none;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-badge {
    animation: rgmBadgePulse 2.6s ease-in-out infinite;
  }

  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-text,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart-text {
    text-shadow: 0 2px 10px rgba(255,255,255,0.85);
  }
}

@keyframes rgmFooterSlideUp {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes rgmGlassShine {
  0% {
    transform: rotate(18deg) translateX(-140%);
    opacity: 0;
  }
  18% {
    opacity: 0.8;
  }
  42% {
    transform: rotate(18deg) translateX(280%);
    opacity: 0;
  }
  100% {
    transform: rotate(18deg) translateX(280%);
    opacity: 0;
  }
}

@keyframes rgmCartFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes rgmBadgePulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 5px 12px rgba(0,0,0,0.22);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(183,110,121,0.36);
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-mobile-footer,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-mobile-footer::after,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-cart-circle,
  .elementor-85 .elementor-element.elementor-element-d834020 .rgm-badge {
    animation: none !important;
  }
}/* End custom CSS */