@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --primary-rose: #db2777; /* pink-600 */
    --hover-rose: #be185d;   /* pink-700 */
    --soft-pink: #fff1f2;    /* pink-50 */
}

/* Base Styles */
body { 
    font-family: 'Poppins', sans-serif; 
    background-color: #f9fafb; /* gray-50 equivalent */
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Playfair Display', serif; 
}

/* Custom Scrollbar */
::-webkit-scrollbar { 
    width: 10px; 
}
::-webkit-scrollbar-track { 
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb { 
    background: var(--primary-rose); 
    border-radius: 5px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: var(--hover-rose); 
}

/* Selection Color */
::selection { 
    background-color: #fce7f3; 
    color: var(--primary-rose); 
}

/* Smooth Scroll */
html { 
    scroll-behavior: smooth; 
}

/* Utility Classes */
.pink-gradient { 
    background: linear-gradient(135deg, #ec4899 0%, #be185d 100%); 
}

.glass-effect, .glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.animate-float { 
    animation: float 6s ease-in-out infinite; 
}

/* Feature Cards Animations */
.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover .feature-icon-wrapper {
    transform: scale(1.1) rotate(8deg);
    background-color: var(--primary-rose);
    color: white;
}

.feature-icon-wrapper {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Kamyon hareket animasyonu */
.feature-card:hover .fa-truck-fast {
    animation: truck-move 1.5s infinite linear;
}

@keyframes truck-move {
    0% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    100% { transform: translateX(-3px); }
}

/* Yaprak sallanma animasyonu */
.feature-card:hover .fa-leaf {
    animation: leaf-sway 2s infinite ease-in-out;
    transform-origin: bottom center;
}

@keyframes leaf-sway {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(15deg); }
    75% { transform: rotate(-15deg); }
    100% { transform: rotate(0deg); }
}

/* Kalp atışı animasyonu */
.feature-card:hover .fa-hand-holding-heart {
    animation: heart-beat 1.5s infinite;
}

@keyframes heart-beat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); }
    28% { transform: scale(1); }
    42% { transform: scale(1.3); }
    70% { transform: scale(1); }
}

/* Kalkan parlama animasyonu */
.feature-card:hover .fa-shield-halved {
    animation: shield-pulse 2s infinite;
}

@keyframes shield-pulse {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

/* Product Card Enhancements */
.product-card-hover .group-hover\:translate-y-0 {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}