/* Master CSS Variables - Sirf aithe badlo te poori site badal jayegi */
:root {
    --primary-color: #ff4757;    /* Main Brand Color (Red for Kids Clothes) */
    --bg-color: #f1f2f6;         /* Background color */
    --card-bg: #ffffff;          /* Card color */
    --text-color: #2f3542;       /* Font color */
}

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: var(--bg-color); 
    color: var(--text-color);
    margin: 0;
    padding: 20px;
}

.box { 
    background: var(--card-bg); 
    padding: 40px; 
    border-radius: 20px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    display: inline-block;
    border-top: 5px solid var(--primary-color); /* Brand line */
}

h1 { color: var(--primary-color); margin-top: 0; }

.btn { 
    background: #25D366; 
    color: white; 
    padding: 12px 25px; 
    text-decoration: none; 
    border-radius: 50px; 
    display: inline-block; 
    font-weight: bold;
    transition: 0.3s;
}

.btn:hover { transform: scale(1.05); }
/* Navigation - Guaranteed Single Line */
nav {
    background: #2f3542;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    display: block; /* Flex di jagah block rakho */
    overflow-x: auto; /* Je screen bahut choti hoyi taan slide ho javega */
    white-space: nowrap; /* Text nu kade vi agli line te nahi bhejega */
}

nav a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: inline-block; /* Buttons nu iko line ch rakhega */
    padding: 8px 12px;
    margin: 0 2px;
    border-radius: 4px;
    transition: 0.2s;
}

nav a:hover {
    background: var(--primary-color);
}

/* Scrollbar nu lukan layi (Optional - Sona dikhan lai) */
nav::-webkit-scrollbar {
    display: none;
}