VIV Silky Antifungal & Antibacterial Spray for Dogs & Cats 100ml

Description

:root {
–silky-blue: #0077b6;
–silky-navy: #023e8a;
–silky-aqua: #48cae4;
–soft-grey: #f8f9fa;
–white: #ffffff;
–text-dark: #333;
}

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

/* Premium header */
.header-premium {
background: linear-gradient(135deg, var(–silky-navy) 0%, var(–silky-blue) 100%);
color: var(–white);
padding: 50px 30px;
text-align: center;
position: relative;
}

.header-premium h1 {
margin: 0;
font-size: 32px;
font-weight: 800;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.header-premium p {
font-size: 18px;
margin-top: 10px;
opacity: 0.9;
}

.size-tag {
display: inline-block;
background: var(–silky-aqua);
color: var(–silky-navy);
padding: 5px 20px;
border-radius: 30px;
font-weight: bold;
margin-top: 15px;
font-size: 14px;
}

.main-content { padding: 35px; }

/* Feature icons */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 15px;
margin-top: -70px;
margin-bottom: 35px;
}

.feature-pill {
background: var(–white);
padding: 20px 10px;
border-radius: 15px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
border-bottom: 4px solid var(–silky-aqua);
}

.feature-pill i { font-size: 30px; display: block; margin-bottom: 10px; }
.feature-pill b { color: var(–silky-blue); font-size: 15px; }

.section-title {
color: var(–silky-navy);
font-size: 20px;
border-right: 5px solid var(–silky-aqua);
padding-right: 15px;
margin: 30px 0 15px;
}

/* Benefits box */
.benefits-box {
background: #f0faff;
padding: 25px;
border-radius: 18px;
border: 1px solid #d1ecf1;
line-height: 1.8;
}

.benefit-item {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 16px;
color: #444;
}

.benefit-item::before {
content: “✔️”;
color: var(–silky-blue);
margin-left: 12px;
font-weight: bold;
}

/* Usage guide */
.usage-guide {
background: #fff;
border-radius: 15px;
padding: 25px;
border: 1px solid #eee;
}

.step {
display: flex;
margin-bottom: 12px;
align-items: flex-start;
}

.step-num {
background: var(–silky-navy);
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
flex-shrink: 0;
font-weight: bold;
font-size: 13px;
}

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

.disclaimer {
padding: 20px;
font-size: 12px;
color: #7f8c8d;
background: #fcfcfc;
border-top: 1px solid #eee;
line-height: 1.6;
}

.footer-bar {
background: var(–silky-navy);
color: white;
text-align: center;
padding: 20px;
font-weight: bold;
}