<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Astra Child
Template: astra
*/
/* ==== Base Style Reset ==== */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
    color: #222;
}

/* ==== Header Styling ==== */
.site-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
}

.site-header .site-branding img {
    max-height: 60px;
}

/* ==== Navigation Menu ==== */
.main-navigation a {
    color: #333;
    font-weight: 500;
    padding: 10px 15px;
}

.main-navigation a:hover {
    color: #e91e63;
}

/* ==== Product Grid Styling ==== */
.woocommerce ul.products li.product {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-color: #e91e63;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 5px;
    color: #111;
}

.woocommerce ul.products li.product .price {
    color: #e91e63;
    font-weight: 700;
}

/* ==== Buttons (e.g. Add to Cart) ==== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #e91e63;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    transition: background 0.3s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #c2185b;
}

/* ==== Footer Styling ==== */
.site-footer {
    background-color: #212121;
    color: #ccc;
    padding: 40px 20px;
    text-align: center;
    font-size: 14px;
}

.site-footer a {
    color: #e91e63;
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

/* ==== Responsive Adjustments ==== */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .main-navigation ul {
        text-align: center;
    }

    .site-header .site-branding,
    .main-navigation {
        text-align: center;
    }
}
</pre></body></html>