Description

<!–
AutoDS Shopify Product Template – Premium Garden Store
Retains original AutoDS placeholders: SimplyGardenStore, ,
Igloo Maxcold Ultra Latitude 58 Litre (62 US QT) Roller Cooler,

,

Colour	Grey
Brand	Igloo
Type	Cooler
Dimensions	H 55.2 x W 46.4 x D 50.2cm
Weight	6.3kg

, 50.2 cm x 55.2 cm x 46.4 cm. Weight: 6.3 kg
Earthy tones, fully responsive, no external links.
–>

/* Fix for AutoDS generated images – prevent zooming, ensure centering */
.img-fix-container img {
max-width: 100% !important;
max-height: 450px !important;
height: auto !important;
width: auto !important;
object-fit: contain !important;
display: block;
margin: 0 auto;
}

/* Earthy color palette */
body {
font-family: ‘Inter’, sans-serif;
background: #f9f5f0; /* warm off-white */
color: #3f4a3f; /* deep muted green */
margin: 0;
padding: 20px;
line-height: 1.5;
}

.product-card {
max-width: 900px;
margin: 0 auto;
background: #fffcf7; /* soft cream */
border-radius: 24px;
box-shadow: 0 8px 20px rgba(90, 70, 40, 0.08);
border: 1px solid #e6ddd0;
overflow: hidden;
padding: 30px;
}

/* Image container – matches original structure */
.image-wrapper {
text-align: center;
margin-bottom: 25px;
padding: 10px;
border: 1px solid #e2d9cc;
background: #f4ede3; /* light sand */
border-radius: 16px;
}

/* Title */
h1 {
font-size: 24px;
color: #3c5a3c; /* forest green */
margin-bottom: 15px;
font-weight: 700;
text-align: center;
}

/* Badges – earthy tones */
.badge-container {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 25px;
}

.badge {
background: #e9f0e3; /* soft green */
color: #3d613d;
padding: 6px 15px;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
border: 1px solid #cbdcc2;
}

.badge.brown {
background: #f5ede1;
color: #7b5f42;
border-color: #e0d2bf;
}

.badge.beige {
background: #f8f0e6;
color: #7a6248;
border-color: #e1d2c0;
}

/* Overview section */
.overview {
background: #f7f2ea;
padding: 25px;
border-radius: 16px;
border-left: 4px solid #b58a5b; /* terracotta */
margin-bottom: 30px;
}

.overview h3 {
margin-top: 0;
color: #3f5a3f;
font-size: 18px;
font-weight: 700;
}

.overview p {
font-size: 15px;
line-height: 1.7;
color: #4e5740;
}

/* Two?column promises */
.promise-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 30px;
}

.promise-card {
background: #fcf8f2;
padding: 20px;
border-radius: 16px;
border: 1px solid #e1d6c8;
}

.promise-card h4 {
margin: 0 0 10px 0;
color: #3b543b;
font-weight: 700;
}

.promise-card p {
font-size: 13px;
margin: 0;
color: #5d5345;
}

/* Specifications */
.specs {
margin-bottom: 30px;
border-radius: 16px;
overflow: hidden;
border: 1px solid #e1d6c8;
}

.specs-header {
background: #7d8f7d; /* warm green-gray */
color: white;
padding: 12px 20px;
font-weight: 600;
font-size: 14px;
}

.specs-content {
padding: 20px;
background: #fcf8f2;
font-size: 14px;
color: #4f5a45;
}

.specs-content p {
margin: 8px 0;
}

/* Mobile responsive */
@media (max-width: 600px) {
.product-card { padding: 20px; }
.badge-container { flex-direction: column; align-items: center; }
.badge { width: 100%; max-width: 280px; }
.promise-grid { grid-template-columns: 1fr; }
}