/* ОБЩИ СТИЛОВЕ */
body { 
    padding-top: calc(40px + env(safe-area-inset-top)); 
}

/* СТЪПКИ И АНИМАЦИИ (index.php) */
.step-section { 
    display: none; 
}
.step-section.active { 
    display: block; 
    animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1); 
}
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(15px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* ПЕРСОНАЛИЗИРАНИ РАДИО БУТОНИ (index.php) */
.radio-option { 
    display: block; 
    position: relative; 
    padding-left: 35px; 
    margin-bottom: 15px; 
    cursor: pointer; 
    font-size: 15px; 
    user-select: none; 
}
.radio-option input { 
    position: absolute; 
    opacity: 0; 
    cursor: pointer; 
}
.checkmark { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 22px; 
    width: 22px; 
    background-color: #f3f4f6; 
    border-radius: 50%; 
    border: 2px solid #d1d5db; 
    transition: all 0.2s; 
}
.radio-option:hover input ~ .checkmark { 
    border-color: #f97316; 
}
.radio-option input:checked ~ .checkmark { 
    background-color: #f97316; 
    border-color: #f97316; 
}
.checkmark:after { 
    content: ""; 
    position: absolute; 
    display: none; 
    top: 5px; 
    left: 5px; 
    width: 8px; 
    height: 8px; 
    border-radius: 50%; 
    background: white; 
}
.radio-option input:checked ~ .checkmark:after { 
    display: block; 
}

/* ПРОДУКТОВИ КАРТИ (index.php) */
.product-card { 
    transition: all 0.3s ease; 
    border: 2px solid transparent; 
}
.product-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); 
}

/* МОДАЛЕН ПРОЗОРЕЦ (index.php) */
#productModal { 
    transition: opacity 0.3s ease; 
}
#productModal.show { 
    opacity: 1; 
    pointer-events: auto; 
}
#productModalContent { 
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
#productModal.show #productModalContent { 
    transform: scale(1); 
}

/* СКРИВАНЕ НА СКРОЛБАР В ГАЛЕРИЯТА НА МОДАЛА */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* ТРАКЕР НА ЖИВО (index.php) */
.tracker-line { 
    position: absolute; 
    left: 3.5rem; 
    top: 4rem; 
    bottom: 4rem; 
    width: 4px; 
    background-color: #f3f4f6; 
    border-radius: 9999px; 
    z-index: 0; 
}
@media (min-width: 768px) { 
    .tracker-line { left: 4.75rem; } 
}
.tracker-step { 
    opacity: 0.4; 
    transition: all 0.4s ease; 
    position: relative; 
    z-index: 10; 
}
.tracker-step.active-step, 
.tracker-step.completed-step { 
    opacity: 1; 
}
.tracker-step.active-step .tracker-icon { 
    background-color: #f97316; 
    color: white; 
    border-color: #ffedd5; 
    box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.1); 
    transform: scale(1.05); 
}
.tracker-step.completed-step .tracker-icon { 
    background-color: #22c55e; 
    color: white; 
    border-color: #dcfce7; 
}