.section {
    padding: var(--pad-small);
    
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--pad-small);
    
    font-family: 'Patua One', serif;
    font-size: var(--default-size);
    
    background-color: var(--grey);
    border-radius: var(--border-radius);
    
    .title, h1 {
        font-size: var(--sub-heading-size);
    }
    
    .btn {
        margin: 0;
        padding: 0.75rem;
        
        display: flex;
        justify-content: center;
        align-items: center;
        
        text-align: center;
        
        border: none;
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: opacity 175ms ease-in-out;
    }
}

.product-image {
    flex: 3 1 60%;
    min-width: 250px;
    
    img {
        width: 100%;
        height: auto;
        
        display: block;
        object-fit: contain;
        border-radius: var(--border-radius);
    }
}

.product-container {
    flex: 1 1 35%;
    min-width: 250px;
    display: flex;
    gap: var(--pad-small);
    
    .add-to-cart-btn {
        color: var(--white);
        background-color: var(--blue);
    }
}

.product-overview {
    padding: var(--pad-small);
    gap: var(--pad-small);
    
    border: 4px solid var(--black);
    border-radius: var(--border-radius);
    
    .product-name {
        font-size: var(--sub-heading-size);
    }
    
    .learn-more-btn {
        background-color: var(--dark-grey);
    }
}