AMD11/shopsphere-php-powerhouse

1/* Base Styles */2:root {3    --primary-color: #0d6efd;4    --secondary-color: #6c757d;5    --dark-color: #212529;6    --light-color: #f8f9fa;7}8 9body {10    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;11    line-height: 1.6;12    color: var(--dark-color);13}14 15/* Hero Section */16.hero-section {17    background-color: var(--light-color);18    background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.7)), 19                      url('http://static.photos/retail/1200x630/45');20    background-size: cover;21    background-position: center;22    min-height: 80vh;23    display: flex;24    align-items: center;25}26 27/* Product Cards */28.product-card {29    transition: transform 0.3s ease, box-shadow 0.3s ease;30    border: none;31    border-radius: 10px;32    overflow: hidden;33    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);34}35 36.product-card:hover {37    transform: translateY(-5px);38    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);39}40 41.product-card .card-img-top {42    height: 200px;43    object-fit: cover;44}45 46/* Feature Cards */47.feature-card {48    border-radius: 10px;49    background-color: white;50    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);51    transition: all 0.3s ease;52}53 54.feature-card:hover {55    transform: translateY(-5px);56    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);57}58 59/* Responsive Adjustments */60@media (max-width: 768px) {61    .hero-section {62        min-height: auto;63        padding: 3rem 0;64    }65    66    .hero-section .col-md-6:first-child {67        margin-bottom: 2rem;68    }69}