.elementor-6027 .elementor-element.elementor-element-617f156{--display:flex;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}#elementor-popup-modal-6027 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-6027{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-6027 .dialog-message{width:340px;height:100vh;align-items:flex-start;}#elementor-popup-modal-6027 .dialog-close-button{display:flex;}/* Start custom CSS for container, class: .elementor-element-617f156 *//* You May Also Like - Modern UI */
.you-may-also-like-container {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eee;
}

.yml-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-align: center;
    letter-spacing: 0.5px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.yml-product-grid {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.yml-product-card {
    flex: 1 1 calc(50% - 18px);
    min-width: 120px;
    max-width: 160px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    transition: all 0.2s ease;
    position: relative;
}

.yml-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border-color: #d1d1d1;
}

.yml-image-link img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-bottom: 1px solid #f0f0f0;
}

.yml-details {
    padding: 3px 4px;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
}

.yml-title-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 6px;
    word-break: break-word;
}

.yml-price {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #e74c3c;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.yml-regular {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}

.yml-sale {
    color: #e74c3c;
    font-size: 16px;
    font-weight: 700;
    margin-left: 4px;
}

.yml-qty-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.yml-qty-group label {
    font-size: 12px;
    color: #666;
    margin: 0;
}

.yml-qty-group input[type="number"] {
    width: 80px;
    padding: 3px 8px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    appearance: textfield;
    background: #f9f9f9;
}

.yml-qty-group input[type="number"]::-webkit-inner-spin-button,
.yml-qty-group input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.yml-btn {
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0;
    background: #2980b9 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.yml-btn:hover {
    background: #1f6aa5 !important;
    transform: scale(0.98);
}

.choose-options {
    background: #27ae60 !important;
}

.choose-options:hover {
    background: #219a52 !important;
}
button.single_add_to_cart_button.button.alt {
    width: 100% !important;
    padding: 5px 19px !important;
    margin-left: 0px !important;
    background: white;
    border: 1px solid #242122;
    color: #242122;
}
.yml-details h3 {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

.elementor-menu-cart__product-price {
    color: #5c166f;
}

.elementor-menu-cart__subtotal {
    padding: 5px;
    font-size: 1.1em;
}
.elementor-menu-cart__footer-buttons {
    grid-template-columns: var(--cart-footer-layout, 1fr) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    background-color: #5b156e !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
    background-color: #3c1636 !important;
}
/* Responsive */
@media (max-width: 480px) {
    .yml-product-card {
        flex: 1 1 calc(100% - 18px);
        max-width: 100%;
    }
}/* End custom CSS */