:root{--background-color: #f7f9fa;--text-color: #4A4A4A;--heading-color: #2c3e50;--surface-color: #ffffff;--border-color: #e6e6e6;--primary-color: #4ECDC4;--secondary-color: #FF6B6B;--accent-color: #F7B801;--dark-blue: #2c3e50}body{font-family:Poppins,sans-serif;line-height:1.7;color:var(--text-color);background-color:var(--background-color);margin:0;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .3s ease}a:hover{color:var(--secondary-color)}h1,h2,h3{font-weight:700;margin-top:0;margin-bottom:1rem;color:var(--heading-color);line-height:1.3}h1{font-size:2.8rem}h2{font-size:2rem}h3{font-size:1.25rem}img{max-width:100%;height:auto;display:block;border-radius:8px}.header{background-color:var(--surface-color);box-shadow:0 2px 4px #0000000d;padding:15px 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--dark-blue)}.logo:hover{color:var(--primary-color)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:25px}.main-nav a{color:var(--text-color);font-weight:700;font-size:1rem;padding-bottom:5px}.main-nav a:hover{color:var(--secondary-color)}.page-content{display:grid;grid-template-columns:2.5fr 1fr;gap:40px;padding-top:40px;padding-bottom:40px}.main-content{grid-column:1 / 2}.sidebar{grid-column:2 / 3}.hero-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:50px 40px;border-radius:12px;text-align:center;margin-bottom:40px}.hero-section h1{color:#fff;font-size:3rem}.hero-section p{font-size:1.2rem;opacity:.9}.section-title,.category-header{font-size:2.2rem;padding-bottom:10px;margin-bottom:30px;border-bottom:3px solid var(--primary-color)}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.article-card{background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-content h3{margin-bottom:10px}.card-content h3 a{color:var(--heading-color);font-weight:700}.card-content h3 a:hover{color:var(--secondary-color)}.card-content p{margin-bottom:15px;flex-grow:1}.read-more{font-weight:700;font-size:.9rem;align-self:flex-start}.category-tag{display:inline-block;color:#fff;padding:5px 12px;font-size:.8rem;font-weight:700;margin-bottom:15px;border-radius:20px;align-self:flex-start}.category-tag.checkers{background-color:#d9232d}.category-tag.shoprite{background-color:#f5333f}.category-tag.pnp{background-color:#004c97}.category-tag.woolies{background-color:#1a1a1a}.category-tag.spar{background-color:#00843d}.category-tag.more{background-color:var(--accent-color)}.sidebar-widget{background-color:var(--surface-color);padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px}.sidebar-widget h3{font-size:1.3rem;padding-bottom:10px;margin-bottom:15px;border-bottom:2px solid var(--border-color)}.sidebar-widget ul{list-style:none;padding:0;margin:0}.sidebar-widget ul li{margin-bottom:12px}.sidebar-widget ul li a{color:var(--text-color);font-weight:400}.article-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.article-header h1{font-size:3rem;margin-bottom:15px}.article-meta{color:#777;font-size:.9rem}.article-meta a{color:#777;font-weight:700}.article-content{font-size:1.1rem;line-height:1.8}.article-content h2{margin-top:40px;margin-bottom:20px;padding-bottom:5px;border-bottom:2px solid var(--secondary-color)}.article-content p,.article-content ul,.article-content ol{margin-bottom:20px}.article-content img{margin:30px 0;box-shadow:0 6px 15px #0000001a}.footer{background-color:var(--dark-blue);color:var(--background-color);text-align:center;padding:30px 0;margin-top:40px}.footer p{margin:0;font-size:.9rem}@media(max-width:992px){.page-content{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:2.2rem}h2{font-size:1.8rem}.header .container{flex-direction:column;gap:20px}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:15px 20px}.articles-grid{grid-template-columns:1fr}.article-header h1{font-size:2.5rem}}