سيريلاك يور باروت برو إينيرجي (Your Parrot Pro Energy) للتغذية اليدوية – 3 كجم

:root {
–brand-blue: #003366;
–brand-orange: #f39c12;
–bg-light: #f4f7f6;
–white: #ffffff;
–text-main: #2c3e50;
}

.product-card {
font-family: ‘Cairo’, ‘Segoe UI’, Tahoma, sans-serif;
max-width: 850px;
margin: 20px auto;
background: var(–bg-light);
border-radius: 25px;
overflow: hidden;
box-shadow: 0 15px 50px rgba(0,0,0,0.1);
border: 1px solid #e1e8ed;
}

.header-banner {
background: linear-gradient(135deg, var(–brand-blue) 0%, #00509d 100%);
color: var(–white);
padding: 50px 30px;
text-align: center;
border-bottom: 6px solid var(–brand-orange);
}

.header-banner h1 { margin: 0; font-size: 32px; font-weight: 900; }
.header-banner p { font-size: 18px; margin-top: 10px; opacity: 0.9; }

.weight-badge {
display: inline-block;
background: var(–brand-orange);
color: white;
padding: 6px 25px;
border-radius: 50px;
font-weight: bold;
margin-top: 15px;
font-size: 16px;
}

.main-content { padding: 40px; }

.stats-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 15px;
margin-top: -80px;
margin-bottom: 40px;
}

.stat-box {
background: var(–white);
padding: 20px;
border-radius: 20px;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
border: 1px solid #f0f0f0;
}

.stat-box b { display: block; font-size: 26px; color: var(–brand-orange); }
.stat-box span { font-size: 14px; color: #7f8c8d; font-weight: bold; }

.section-title {
color: var(–brand-blue);
font-size: 22px;
border-right: 6px solid var(–brand-orange);
padding-right: 15px;
margin: 35px 0 20px;
}

.ing-cloud {
background: #fff;
padding: 20px;
border-radius: 15px;
display: flex;
flex-wrap: wrap;
gap: 8px;
border: 1px solid #eee;
}

.tag {
background: #f8f9fa;
color: #555;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
border: 1px solid #dee2e6;
}

.analysis-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
}

.analysis-table td {
background: #fff;
padding: 12px 20px;
border: 1px solid #f0f0f0;
}

.analysis-table .label { font-weight: bold; color: var(–brand-blue); border-radius: 0 15px 15px 0; }
.analysis-table .val { text-align: left; color: var(–brand-orange); font-weight: 800; border-radius: 15px 0 0 15px; }

.vitamins-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
background: #fff;
padding: 20px;
border-radius: 15px;
font-size: 13px;
border: 1px solid #eee;
}

.vit-item { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #f9f9f9; }
.vit-item span { color: #636e72; }
.vit-item b { color: var(–brand-blue); }

.usage-instruction {
background: #fff;
border: 1px solid #e1e8ed;
border-radius: 20px;
padding: 25px;
margin-top: 20px;
}

.warning-strip {
background: #fff3cd;
border-right: 5px solid #ffc107;
padding: 15px;
margin-top: 20px;
font-size: 14px;
color: #856404;
}

.footer {
background: var(–brand-blue);
color: var(–brand-orange);
text-align: center;
padding: 25px;
font-size: 14px;
font-weight: bold;
}