La comenzile din zonele limitrofe se achita o taxa in functie de distanta.
Timp aproximativ de livrare este cuprins intre 30 min si 1ora 30 min Respinge
/* --- BADGE ROȘU --- */
.discount-badge {
background-color: #ff3b30;
color: #ffffff;
font-size: 8.5px;
font-weight: 700;
padding: 1px 4px;
border-radius: 8px;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-10%); /* Îl împinge mai în dreapta fără să depindă de padding */
box-shadow: 0 2px 5px rgba(255, 59, 48, 0.6);
white-space: nowrap;
z-index: 10;
}
.discount-badge-desktop {
background-color: #ff3b30;
color: #ffffff;
font-size: 11px;
font-weight: 700;
padding: 2px 7px;
border-radius: 12px;
margin-left: 2px;
box-shadow: 0 2px 6px rgba(255, 59, 48, 0.5);
}
.icon-with-badge {
position: relative;
display: inline-flex;
}
/* --- VERSIUNE MOBILE (< 768px) --- */
.ios-mobile-navbar { display: none; }
.desktop-floating-contacts { display: none; }
@media (max-width: 768px) {
.ios-mobile-navbar {
display: block;
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 999999 !important;
/* Efect sticlă foarte transparentă + Blur scăzut (8px) */
background: rgba(20, 20, 25, 0.25) !important;
backdrop-filter: blur(8px) saturate(180%);
-webkit-backdrop-filter: blur(8px) saturate(180%);
border-radius: 35px;
border: 1px solid rgba(255, 255, 255, 0.25);
border-top: 1.5px solid rgba(255, 255, 255, 0.4);
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.4),
inset 0 1px 1px rgba(255, 255, 255, 0.3);
padding: 8px 6px;
width: 95vw;
max-width: 440px;
}
.ios-nav-list {
display: flex;
align-items: center;
justify-content: space-around;
margin: 0;
padding: 0;
list-style: none;
}
.ios-nav-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
color: #ffffff !important; /* Text Alb */
text-decoration: none !important;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
font-size: 10.5px;
font-weight: 600;
padding: 4px 2px;
text-align: center;
white-space: nowrap;
transition: all 0.2s ease;
}
.ios-nav-link:active {
transform: scale(0.92);
opacity: 0.7;
}
.ios-icon {
width: 22px;
height: 22px;
stroke: #ffffff; /* Iconițe Albe */
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}
}
/* --- VERSIUNE DESKTOP (> 769px) --- */
@media (min-width: 769px) {
.desktop-floating-contacts {
display: flex;
align-items: center;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 999999 !important;
/* Sticlă clară + Blur scăzut */
background: rgba(20, 20, 25, 0.3) !important;
backdrop-filter: blur(8px) saturate(180%);
-webkit-backdrop-filter: blur(8px) saturate(180%);
border-radius: 40px;
border: 1px solid rgba(255, 255, 255, 0.25);
border-top: 1.5px solid rgba(255, 255, 255, 0.4);
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.4),
inset 0 1px 1px rgba(255, 255, 255, 0.3);
padding: 6px 12px;
gap: 4px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.desktop-floating-contacts:hover {
transform: translateY(-3px);
background: rgba(20, 20, 25, 0.45) !important;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.5),
inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.desktop-contact-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
color: #ffffff !important; /* Text Alb */
text-decoration: none !important;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
font-size: 13px;
font-weight: 600;
border-radius: 30px;
transition: background 0.2s ease;
}
.desktop-contact-btn:hover {
background: rgba(255, 255, 255, 0.15);
}
.desktop-contact-btn.whatsapp-btn:hover {
color: #25d366 !important;
}
.desktop-contact-icon {
width: 18px;
height: 18px;
stroke: #ffffff; /* Iconițe Albe */
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}
.desktop-contact-divider {
width: 1px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
}
}
