* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #f7f7f7;
}
/* ===== HEADER ===== */
.navbar {
background: linear-gradient(90deg, #ff6600, #ff4e00);
padding: 10px 20px;
color: white;
}
.nav-links a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
padding: 10px;
display: inline-block;
}
.nav-links a:hover {
background: #cc3300;
}
/* ===== MOBILE MENU TOGGLES ===== */
#nav-toggle, #cat-toggle {
display: none;
}
.nav-toggle-label,
.cat-toggle-label {
display: none;
background: #ff4e00;
color: white;
padding: 12px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
/* ===== LAYOUT ===== */
.container {
display: flex;
max-width: 1200px;
margin: 0 auto;
}
.sidebar {
width: 25%;
background: #111111;
padding: 15px;
color: white;
}
.sidebar h3 {
margin-top: 0;
color: #ffcc00;
}
.sidebar a {
display: block;
padding: 8px 0;
text-decoration: none;
color: #00eaff;
}
.sidebar a:hover {
color: #ff6600;
}
.main {
width: 75%;
padding: 20px;
background: white;
}
.title {
background: #00cfff;
color: white;
padding: 10px;
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.section {
margin-bottom: 20px;
}
.features ul {
padding-left: 20px;
}
/* ===== GALLERY ===== */
.gallery-container input[type=”radio”] {
display: none;
}
.main-image img {
width: 100%;
max-height: 400px;
object-fit: contain;
display: none;
border: 1px solid #ccc;
border-radius: 10px;
}
.img1:checked ~ .main-image .img-1,
.img2:checked ~ .main-image .img-2,
.img3:checked ~ .main-image .img-3,
.img4:checked ~ .main-image .img-4,
.img5:checked ~ .main-image .img-5,
.img6:checked ~ .main-image .img-6 {
display: block;
}
.thumbnails {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.thumbnails label img {
width: 80px;
height: 80px;
object-fit: cover;
border: 2px solid transparent;
border-radius: 5px;
cursor: pointer;
}
.thumbnails label:hover img {
border-color: #444;
}
/* ===== FOOTER ===== */
.footer {
background: linear-gradient(90deg, #ff6600, #ff4e00);
color: white;
text-align: center;
padding: 15px;
}
/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
.container {
flex-direction: column;
}
.main,
.sidebar {
width: 100%;
}
.nav-toggle-label,
.cat-toggle-label {
display: block;
}
.nav-links,
.sidebar {
display: none;
}
#nav-toggle:checked ~ .navbar .nav-links {
display: block;
}
#cat-toggle:checked ~ .container .sidebar {
display: block;
}
.nav-links a {
display: block;
padding: 10px;
border-top: 1px solid #cc3300;
}
.main-image img {
max-height: 250px;
}
.thumbnails label img {
width: 60px;
height: 60px;
}
}
Features:
Nike Dri-FIT Technology: Equipped with Nike Dri-FIT fabric, this tracksuit is designed to wick away sweat, keeping you dry and comfortable during intense activity.
FC Libero Soccer Collection: Part of the FC Libero collection, this tracksuit embodies soccer-inspired style and functionality, perfect for training or casual wear.
Rich Burgundy Color: The striking burgundy hue offers a sophisticated and athletic look that stands out on and off the field.
Optimized for Performance: Engineered for performance, this tracksuit provides flexibility, breathability, and ease of movement, ideal for soccer training or other active pursuits.
Complete Activewear Set: As a tracksuit, it offers a coordinated top and bottom, providing a complete and stylish activewear ensemble.
Men’s Medium Fit: Tailored for a Men’s Medium, it ensures a comfortable and athletic fit, allowing for a full range of motion.
Product Details:
Brand: Nike
Color: Red
Department: Men’s
Type: Tracksuit
Description:
The Nike F.C. tracksuit is made of sweat-proof fabric that keeps you cool and comfortable during training and play. Discreet zip pockets provide secure storage and a clean look. Full zip for personalized protection. Ribbed ankles on pants for an athletic look and feel. Ribbed ankles on pants for an athletic look and feel.
Reviews
There are no reviews yet.