.karas-shop-hero {
    padding: 70px 0;
    background: linear-gradient(
        135deg,
        #07111F,
        #0B1B2B
    );
    color: #fff;
}

.karas-shop-hero h1 {
    margin: 0;
    font-size: 48px;
    font-family: Montserrat;
    font-weight: 900;
}

.karas-shop-section {
    padding: 60px 0;
}

.karas-product-grid {
    display: grid;
    grid-template-columns:
        repeat(
            auto-fill,
            minmax(280px,1fr)
        );
    gap: 24px;
}

.karas-product-card {
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    transition: .30s;
    box-shadow:
        0 10px 25px
        rgba(0,0,0,.08);
}

.karas-product-card:hover {
    transform: translateY(-6px);
}

.karas-product-image img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    padding: 15px;
}

.karas-product-content {
    padding: 20px;
}

.karas-product-title {
    min-height: 60px;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.karas-product-price {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 800;
    color: #D90429;
}

.karas-product-button .button {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    background: #FFC400;
    color: #111;
    font-weight: 800;
    text-align: center;
}

.karas-single-product {
    padding: 70px 0;
}

.karas-product-layout {
    display: grid;
    grid-template-columns:
        1fr
        1fr;
    gap: 50px;
}

.karas-product-heading {
    margin: 0 0 20px;
    font-size: 42px;
    font-family: Montserrat;
    font-weight: 900;
}

.karas-single-price {
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: 900;
    color: #D90429;
}

.karas-short-description {
    margin-bottom: 30px;
    line-height: 1.8;
}

.karas-product-extra {
    margin-top: 25px;
}

.karas-product-extra p {
    margin-bottom: 10px;
}

.karas-whatsapp-product {
    display: inline-block;
    margin-top: 25px;
    padding: 14px 25px;
    border-radius: 10px;
    background: #25D366;
    color: #fff;
    font-weight: 800;
}

@media(max-width:768px){

    .karas-product-layout{
        grid-template-columns:1fr;
    }

    .karas-product-heading{
        font-size:32px;
    }

}