/* From single-product.html & ym-core.php styles */

    /* Layout Grid */
    .ym-container {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px;
        direction: rtl;
        /* Ensure RTL */
    }

    /* Section Box Design (Salla Style) */
    .ym-sec {
        background: #fff;
        padding: 25px;
        border-radius: 12px;
        border: 1px solid #f0f0f0;
        margin-bottom: 20px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    }

    /* Titles */
    .ym-sec h1 {
        font-size: 20px !important;
        font-weight: 800 !important;
        margin-bottom: 10px !important;
        color: #333;
        line-height: 1.4;
        text-align: right;
    }

    .ym-sec h3 {
        font-size: 16px !important;
        font-weight: 800 !important;
        margin-bottom: 15px !important;
        color: #333;
        text-align: right;
    }

    /* Rating Area */
    .ym-rating-container {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 15px;
        flex-direction: row-reverse;
        /* Align stars correctly in RTL */
        justify-content: flex-end;
        /* Align right */
    }

    .ym-rating-text {
        font-size: 13px;
        font-weight: 700;
        color: #777;
        text-decoration: none;
    }

    /* Price */
    .ym-price-wrapper {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: row !important;
        gap: 10px;
        /* Padding/Gap between prices and separator */
    }

    .ym-price-wrapper .price,
    .ym-price-wrapper .amount {
        font-size: 24px !important;
        color: #f7ce46 !important;
        font-weight: 900 !important;
        display: inline-block !important;
        /* Reset from block */
        margin: 0 !important;
    }

    /* Sales Count */
    .ym-sales-count {
        font-size: 13px;
        font-weight: 600;
        color: #777;
        display: flex;
        align-items: center;
        padding-top: 15px;
        border-top: 1px solid #f9f9f9;
        margin-top: 10px;
    }

    /* Columns */
    @media (min-width: 993px) {

        /* Standard Woo Wrapper override */
        .single-product div.product {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: flex-start !important;
        }

        .single-product div.product .woocommerce-product-gallery {
            width: 45% !important;
            position: relative !important;
            /* Changed from sticky */
            margin-left: 5% !important;
            margin-right: 0 !important;
            float: none !important;
        }

        .single-product div.product .summary.entry-summary {
            width: 50% !important;
            float: none !important;
            margin: 0 !important;
        }

        /* Our Custom Layout wrappers */
        .ym-col-right {
            width: 45% !important;
            position: relative !important;
            /* Changed from sticky */
            align-self: flex-start !important;
            height: fit-content !important;
            z-index: 9 !important;
        }

        .ym-col-left {
            width: 50%;
            display: flex;
            flex-direction: column;
        }
    }

    /* Form Elements */
    .ym-variation-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 10px 0 20px 0;
    }

    @media (max-width: 992px) {
        .ym-container {
            flex-direction: column;
        }

        .ym-col-right,
        .ym-col-left,
        .single-product div.product .woocommerce-product-gallery,
        .single-product div.product .summary.entry-summary {
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            position: relative !important;
            top: auto !important;
            bottom: auto !important;
            left: auto !important;
            right: auto !important;
            margin: 0 0 20px 0 !important;
            padding: 0 !important;
            float: none !important;
            display: block !important;
            flex: none !important;
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            align-self: auto !important;
            transform: none !important;
            z-index: auto !important;
            clip: auto !important;
            -webkit-overflow-scrolling: touch !important;
            order: 0 !important;
        }

        /* Ensure the image container itself doesn't have overflow hidden clipping the static flow if theme forces it */
        .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
            pointer-events: auto !important;
        }
    }

    .ym-var-btn {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 700;
        color: #555;
        cursor: pointer;
        transition: all 0.2s ease;
        outline: none;
        flex-grow: 1;
        text-align: center;
        min-width: 80px;
    }

    .ym-var-btn:hover {
        border-color: var(--ym-dark);
        color: var(--ym-dark);
    }

    .ym-var-btn.active {
        background-color: var(--ym-yellow);
        border-color: var(--ym-yellow);
        color: #000;
        box-shadow: 0 4px 10px rgba(247, 206, 70, 0.3);
    }

    .single_add_to_cart_button,
    .ym-buy-now-btn {
        width: 100%;
        height: 48px;
        border-radius: 8px;
        font-weight: 800;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: none;
        font-family: inherit;
        margin-bottom: 10px;
        transition: 0.2s;
    }

    .single_add_to_cart_button {
        background: #443f32;
        color: #fff;
    }

    .single_add_to_cart_button:hover {
        background: #2c2921;
    }

    .ym-buy-now-btn {
        background: #27ae60 !important;
        color: #fff !important;
    }

    .ym-buy-now-btn:hover {
        background: #219150 !important;
    }

    /* Quantity Field Redesign (Match Price Layout: Flex Row, Right/Center Aligned) */
    .quantity {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        /* Right aligned in RTL */
        gap: 0;
        margin-bottom: 10px;
    }

    /* Make standard Woo quantity inputs look good */
    .quantity .qty {
        width: 60px;
        height: 40px;
        text-align: center;
        border: 1px solid #ddd;
        border-radius: 4px;
        /* Optional rounded */
        font-weight: 700;
    }

    /* If theme has plus/minus buttons, style them or ensure they flow inline */
    /* We assume standard woo or theme adds buttons. If using standard Woo, it might just be input. 
    If user wants "buttons added", usually means theme buttons or custom. 
    Assuming standard structure manipulation or basic alignment. */

    /* Payment Text */
    .ym-payment-text {
        text-align: center;
        font-size: 12px;
        color: #999;
        font-weight: 600;
        margin-top: 10px;
    }

    /* Reviews List */
    .ym-reviews-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ym-reviews-list li.review {
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 0;
    }

    .ym-reviews-list li.review:last-child {
        border-bottom: none;
    }

    .ym-reviews-list .comment_container {
        display: flex;
        gap: 15px;
    }

    .ym-reviews-list .avatar {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    .ym-reviews-list .comment-text {
        flex: 1;
    }


    /* Mobile Sticky Bar */
    #ym-mobile-sticky-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999999;
        height: auto !important;
        padding: 15px 15px 25px 15px;
        background: #f7ce46;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
        border-radius: 20px 20px 0 0;
        box-sizing: border-box;
        font-family: 'Tajawal', sans-serif;
        display: none;
    }

    @media (max-width: 767px) {
        #ym-mobile-sticky-bar {
            display: block;
        }

        /* Hide default buttons on mobile to prevent duplicates */
        /* .desktop-buttons, OR specific form buttons logic as per ym-core.php Media Query */
        form.cart .single_add_to_cart_button,
        form.cart .ym-buy-now-btn,
        form.cart .ym-payment-text,
        .woocommerce-variation-add-to-cart .quantity,
        .woocommerce-variation-add-to-cart .single_add_to_cart_button {
            display: none !important;
        }

        .woocommerce-variation-add-to-cart {
            display: block !important;
            margin-bottom: 80px !important;
        }
    }

    #ym-sticky-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .ym-sticky-qty-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f7ce46;
        border: 1px solid #333;
        border-radius: 6px;
        height: 40px;
        width: 100%;
        overflow: hidden;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .ym-qty-btn {
        width: 45px;
        height: 100%;
        background: transparent;
        border: none;
        font-size: 24px;
        font-weight: 400;
        color: #000;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px;
    }

    #ym-sticky-qty-val {
        width: 60px;
        height: 100%;
        text-align: center;
        border: none;
        background: transparent;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

    .ym-sticky-btns-group {
        display: flex;
        gap: 10px;
        width: 100%;
        margin-top: 10px;
    }

    .ym-sticky-add-cart,
    .ym-sticky-buy-now {
        flex: 1;
        height: 45px;
        border-radius: 6px;
        font-weight: 800;
        font-size: 14px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: none;
        font-family: 'Tajawal';
    }

    .ym-sticky-add-cart {
        background: #443f32 !important;
        color: #fff !important;
        border: 1px solid #443f32 !important;
    }

    .ym-sticky-buy-now {
        background: #f7ce46 !important;
        color: #443f32 !important;
        border: 1px solid #333 !important;
    }