:root {
            
            
            
            
            
            
            
            
            

            
        }
    

        html.no-footer-menu .sticky-footer-container {
                display: none;
            }html.no-footer-menu body {
                margin-bottom: 0px;
            }
        
    

        
        

        .sticky-footer-container {
            border-radius: 22px 22px 0 0;
        }

        .bottom-nav-v2 {
            display: flex;
            align-items: flex-end;
        }
        .bottom-nav-v2 .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #6b7280;
            margin-top: -14px;
        }
        .bottom-nav-v2 .nav-item svg {
            width: 24px;
            height: 24px;
            stroke-width: 1.5;
            fill: none;
            margin-bottom: 4px;
            transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .bottom-nav-v2 .nav-item span {
            font-size: 11px;
            font-weight: 600;
            line-height: 1;
        }
        .bottom-nav-v2 .nav-item.active {
            color: var(--theme-color);
        }
        .bottom-nav-v2 .nav-item.active svg {
            transform: scale(1.2);
        }
        .bottom-nav-v2 .nav-item.nav-item-flat {
            margin-top: 0;
        }
        .nav-fab-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-decoration: none;
            color: #6b7280;
        }
        .nav-fab {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            background: var(--theme-color);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -24px;
            border: 4px solid #ffffff;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
            transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .nav-fab-item.active .nav-fab {
            transform: scale(1.12);
        }
        .nav-fab svg {
            width: 26px;
            height: 26px;
            stroke-width: 1.5;
            color: #ffffff;
        }
        .nav-fab-label {
            display: block;
            font-size: 11px;
            font-weight: 600;
            margin-top: 4px;
            white-space: nowrap;
        }
    

                .btn-blue {
                  background-color: var(--theme-color) !important;
                  color: #ffffff;
                  border: 1px solid var(--theme-color);
                  border-radius: 7px;
                  padding: 6px 14px;
                  font-size: 13px;
                  font-weight: 600;
                  text-decoration: none;
                  transition: all 0.3s ease;
                }
                .btn-blue:hover {
                  opacity: 0.85;
                  border-color: var(--theme-color);
                }
              

:root {
  
}

#fsbWrapper {
  --fsb-c: var(--fsb-theme, var(--theme-color, #6c2bd9));
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 1000;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  animation: fsbGlow 2.4s ease-in-out infinite;
}

/* Soft white ring flush against the button's edge */
#fsbWrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,.92);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fsb-c) 45%, #fff), 0 0 14px color-mix(in srgb, var(--fsb-c) 55%, transparent);
  pointer-events: none;
  z-index: 3;
}

/* Continuous outward ripple waves - they never stop, even when the menu is open */
#fsbWrapper .fsb-ring {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border-radius: 50%;
  background: color-mix(in srgb, var(--fsb-c) 38%, transparent);
  border: 2px solid color-mix(in srgb, var(--fsb-c) 55%, #fff);
  box-shadow: 0 0 16px color-mix(in srgb, var(--fsb-c) 55%, transparent);
  opacity: 0;
  animation: fsbRipple 2.4s ease-out infinite;
  pointer-events: none;
}
#fsbWrapper .fsb-ring:nth-child(2) { animation-delay: 0.8s; }
#fsbWrapper .fsb-ring:nth-child(3) { animation-delay: 1.6s; }

@keyframes fsbRipple {
  0%   { transform: scale(1);   opacity: 0.75; }
  100% { transform: scale(2.3); opacity: 0; }
}
@keyframes fsbGlow {
  0%, 100% { filter: drop-shadow(0 0 6px color-mix(in srgb, var(--fsb-c) 55%, transparent)); }
  50%      { filter: drop-shadow(0 0 16px color-mix(in srgb, var(--fsb-c) 90%, transparent)); }
}

#fsbButton {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--fsb-c) 55%, #fff) 0, var(--fsb-c) 42%, color-mix(in srgb, var(--fsb-c) 78%, #000) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  box-shadow: inset 0 2px 6px rgba(255,255,255,.35), inset 0 -5px 10px rgba(0,0,0,.25), 0 6px 20px color-mix(in srgb, var(--fsb-c) 55%, transparent);
  cursor: pointer;
  z-index: 2;
  border: none;
  transition: transform 0.25s ease;
}
#fsbButton:active { transform: scale(0.92); }

#fsbButton i {
  position: absolute;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
#fsbButton .fsb-icon-open  { opacity: 1;  transform: rotate(0deg) scale(1); }
#fsbButton .fsb-icon-close { opacity: 0;  transform: rotate(-90deg) scale(0.4); }
#fsbWrapper.open #fsbButton .fsb-icon-open  { opacity: 0; transform: rotate(90deg) scale(0.4); }
#fsbWrapper.open #fsbButton .fsb-icon-close { opacity: 1; transform: rotate(0deg) scale(1); }

/* Popup menu items */
.fsb-menu {
  position: fixed;
  bottom: 160px;
  right: 20px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.fsb-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  opacity: 0;
  transform: translateY(16px) scale(0.6);
  transition: opacity 0.32s cubic-bezier(.34,1.56,.64,1), transform 0.32s cubic-bezier(.34,1.56,.64,1);
  pointer-events: none;
}
#fsbWrapper.open ~ .fsb-menu .fsb-menu-item,
.fsb-menu.open .fsb-menu-item {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.fsb-menu.open .fsb-menu-item:nth-child(1) { transition-delay: 0.12s; }
.fsb-menu.open .fsb-menu-item:nth-child(2) { transition-delay: 0.06s; }
.fsb-menu.open .fsb-menu-item:nth-child(3) { transition-delay: 0s; }

.fsb-menu-label {
  background: #fff;
  color: #1f2937;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  white-space: nowrap;
}
.fsb-menu-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 21px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  transition: transform 0.2s ease;
}
.fsb-menu-icon:hover { transform: scale(1.1); }
.fsb-menu-icon.fsb-telegram  { background: #0088cc; }
.fsb-menu-icon.fsb-whatsapp  { background: #25D366; }
.fsb-menu-icon.fsb-messenger { background: #006AFF; }

#fsbOverlay {
  position: fixed;
  inset: 0;
  z-index: 998;
  display: none;
}
#fsbOverlay.open { display: block; }

html.bgimg{--background-image: linear-gradient(350deg, rgb(244, 249, 255), rgba(237, 244, 255, 0.79)),
                    url(data:image/png;base64,UklGRtQEAABXRUJQVlA4TMgEAAAvj8FjAAVFA4Bqa9f7P14MQ4yIiBgSsRgW316rZvat/3ZOEf135LaNJGVOc3Nplk5c8QfO8avRaXkRWzSJMwnO2STKiUVTMWJoE02L4ldsGHwygXeHpUKw1OFMGJK3gS8r5EeuWk4KaKnosum7bvrOZhcthXAYqjpaIL8GxVvYZiz66o7BwCiFkAxsgV03/LowWxj5Am15/DrU00fDYaTpjyo+n9GrATIcB7BecDyzXnCHJoaPLPqzQl8cvwrlcaKgO47Eh1gG5XEaxodgr/wzyA/BHbLyL8s/2EVUfjEL8ENwVGIID8EZ6sL4NSaoN1KxzkgcLQHJlRSWNjtQZ7pRzS7WPjtmS0gXKZ0wzQXX6PKNFPFccMErVSFIbYqhxhvVCsRtUfzIB5a7vkSTr18DSoPjcfRuIhipDAQXwsn31lFsA/WRJoIzUrlzkUJIE8E+8oBzImhjwUBpIJiDp0Xxa9MO3zREOJvgWU0Fm4aIRibB1EyC/wnmx+SmBbENnsY4Lz944nJQCA4DwRnnhfm4nzrAtFzgwdPYzwvjQHBUCCZeDb+OxDKfnTIkuTWdiimp3lrZ7pHnM8JRbq1sgVgVguO1lRXCohDM6Put6VQI7rdWVhLkOQZhwr4UflVrpAldZivtUFaBDUOZxItgrfvQIP4owyiGUY+hake9y4xISsHF8UL4HcAGG9XqPQBbvAeD/SRQTB4KSAODh5Isxi7DsQ5+lG3e3GHy5sI7eozB5DEeRo+R1sFvHR78Ovit445qHfyyDYNYit/1Dre87g73l5Ufr5/fu/6/8Ae+WQc/EMtJjc9f957PX2d8/hbTd30d/F7Yn8b37E/Ty/rTTOvg16Fa/nrS6+a3Ypjf0DS/8Uvnt3XwO9mxUm8w+RvN6G/Aj9aISg4d42MqMPobzeRvBJ3gC7qF8DsbUpW53AxXqQmS0f9TCC5IcntYdJWNZ/D/xOj/JUjXDxWyQnAlbOdS+J1SvMkfj6Dwx7MYjHU38seTxh9PI3/cWfzxrPDHweaP+yLnMvit4z7vX2B+PvCoFyI07K/VSE6/+Caa/bXUBuqTZn9N9GtojmI17K8hjXoiDn5R/I5WPNbrlbKLtU03MdOtW+2IZbZtKW243xm4yUTwbL+zTwWH4X5nkykGxH7rSNN0a7TV6NJFZkX/g2Ed/JSX2OLpsOw/O8v+80m+6wTf959FN815Oi37z86y/3yQl8HV+Lr4nf1HD+m9h4jSPy4f4LqgAQNdcg6L43dWKCgGHzX7l+VnYnxZfsZnMgjGAvVcHr+TTBcN/TPv1LtBEzs6l8HvZXc7mCxVX3lHVU13VGi8U18Hv9+cO/X/cOTet/+593nuffufe59+1/7n1Fffet/+593vuffufe/+Y3Pv2P/cOGgzb/9z79j/3DuOa/ufe3cfwG/7n3v249r+5963/7n3NeTet/+593vuffufe/+Y3Pv2P/cOGgzb/9z79j/3XpaRey/btNz79j/3Dg8M2//cO8wEb/9z72+fe9/+595Bh2H7n3vf/ufev3ruffufex/k3rf/ufcPzL1v/3Pvv2659+1/7n1Fufftf+59+597PwE=);}

/* ===== Header profile: identical to the Recent Orders avatar (.ro-avatar), just bigger ===== */
.nav-profile-avatar-wrap{width:auto!important;padding:0 4px!important;}
.nav-profile-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden;object-fit:cover;display:flex;align-items:center;justify-content:center;flex:none;border:0;margin:6px;box-shadow:0 0 0 3px #fff,0 0 0 6px #E5E7EB;}
.nav-profile-initial{color:#fff;font-weight:700;font-size:19px;line-height:1;font-family:inherit;}
#userMenu .nav-profile-avatar{width:44px;height:44px;min-width:44px;}