.cpc-variation-group {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.cpc-product-customize-heading {
    font-size: var(--wp--preset--font-size--medium);
    margin-bottom: 10px;
    background-color: var(--wp--preset--color--contrast);
    color: #fff;
    display: flex;
    justify-items: center;
    align-items: center;
}

.cpc-product-customize-heading abbr {
    background-color: var(--wp--preset--color--base);
    color: #000;
    border: 1px solid #000;
    width: 32px;
    text-align: center;
}

.cpc-product-customize-heading span {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}   

.cpc-child-product {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

/* Products grid */
.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.products-grid--addons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.products-grid__items {
    display: flex;
    gap: 20px;
    width: 100%;    
    justify-content: center;
}

/* Prodcut tile */
.product-tile {
    border: 1px solid ##fff;
}
.product-tile .product-tile_head-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-tile .product-tile_head-wrapper .product-tile_head {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: bold;
    margin-bottom: 10px;
}


.product-tile_image-wrapper {
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: left;
}
.product-tile .product-tile_head-wrapper .product-tile_head img {
    max-width: 100%;
    height: auto;
}

/* Product tile info */
.product-tile .product-tile_info {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--secondary);
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px;
}
.product-tile .product-tile_info .product-tile_title {
    font-size: var(--wp--preset--font-size--medium);
    margin: 0;
    color: var(--wp--preset--color--secondary);
    font-weight: bold;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.product-tile .product-tile_info .product-tile_description {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--secondary);
    margin: 5px 0;
}
.product-tile .product-tile_info .product-tile_price {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: normal;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}
.product-tile .product-tile_info .input-checkbox {
    margin-right: 5px;
}
.product-tile .product-tile_info .input-checkbox input {
    margin-right: 5px;
}
.product-tile .product-tile_info .input-checkbox label {
    cursor: pointer;
    color: var(--wp--preset--color--primary);       
}
.product-tile .product-tile_info .input-checkbox label:hover {
    text-decoration: underline;
}
.product-tile .product-tile_info .input-checkbox input:checked + label {
    color: var(--wp--preset--color--secondary);
}



/* Addon*/
.product-tile--addon {
    background-color: var(--wp--preset--color--base);
}
.product-tile--addon .product-tile_head-wrapper {
}
.product-tile--addon .product-tile_head-wrapper .product-tile_head {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: bold;
    margin-bottom: 10px;
}
.product-tile--addon .product-tile_head-wrapper .product-tile_head img {
    max-width: 100%;
    height: auto;       
}
.product-tile--addon .product-tile_info {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--secondary);
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px;
}
.product-tile--addon .product-tile_info .product-tile_title {
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--secondary);
    font-weight: bold;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.product-tile--addon .product-tile_info .product-tile_description {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--secondary);
}
.product-tile--addon .product-tile_info .product-tile_price {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: normal;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;

}
.product-tile--addon .product-tile_info .input-checkbox {
    margin-right: 5px;
}       


/*Main product in overview*/
.product-tile .product-tile--main {
    background-color: var(--wp--preset--color--contrast);
}
.product-tile--main .product-tile_head-wrapper {
    display: flex;
    flex-direction: row;
    align-items: left;
}

.product-tile .product-tile_info h2.product-tile_title {
    text-transform: none;
font-size: var(--wp--preset--font-size--heading-h1);
    color: var(--wp--preset--color--secondary);
font-style: normal;
font-weight: bold;
line-height: 130%; /* 117px */
letter-spacing: 1.8px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
}

/*/ Product tile variants */
.product-tile_variants {
    display: flex;
    flex-direction: column;         
    margin-top: 20px;
}
.product-tile_variants-title {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;      
    margin-bottom: 10px;
}
.product-tile_variants-selects {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.product-tile_variants-selects select {
    width: 100%;
    max-width: 300px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: var(--wp--preset--font-size--small);
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--primary);       
}
.product-tile_variants-selects select:focus {
    outline: none;
    border-color: var(--wp--preset--color--accent-3);                
}
.product-tile_variants-selects select option {
    color: var(--wp--preset--color--accent-3);
}

/* Style WooCommerce Add to Cart button 
.single_add_to_cart_button,
.cpc-add-to-cart {
    background-color: var(--wp--preset--color--contrast);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: semibold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 20px;
    margin-bottom: 10px;
}

.single_add_to_cart_button:hover,
.cpc-add-to-cart:hover {
    background-color: var(--wp--preset--color--accent-3);
    color: #fff;
}*/

/* Style quantity input */
.quantity input[type="number"] {
    width: 60px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: var(--wp--preset--font-size--small);
    margin-right: 10px;
}

.woocommerce-variation-add-to-cart-disabled {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--secondary);
    cursor: not-allowed;
}

/* Style error/success messages */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-radius: 4px;
    padding: 12px 20px;
    margin: 10px 0;
    font-size: var(--wp--preset--font-size--small);
}

/* Style cart table buttons 
.woocommerce-cart .button,
.woocommerce-cart .checkout-button {
    background-color: var(--wp--preset--color--contrast);
    color: #fff;
    border-radius: 4px;
    padding: 10px 24px;
    font-weight: bold;
    font-size: var(--wp--preset--font-size--medium);
    margin-top: 10px;
}

.woocommerce-cart .button:hover,
.woocommerce-cart .checkout-button:hover {
    background-color: var(--wp--preset--color--accent-3);
}*/