/* ===================================================

   ARTWORK DETAILS (CLEAN CARD)

=================================================== */



.artwork-details {

    margin: 25px 0 32px;

    padding: 22px;

    border: 1px solid #eaeaea;

    border-radius: 12px;

    background: #fafafa;

}



.artwork-details h3 {

    font-size: 24px; /* Increased from 18px */

    font-weight: 500;

    margin-bottom: 15px;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 10px;

    color: #000;

}



.artwork-details p {

    font-size: 16px; /* Increased from 14px */

    margin: 8px 0;

    color: #222;

    display: block; /* FIX: removed flex issue */

}



.artwork-details strong {

    width: 110px; /* Increased from 90px to accommodate larger text */

    display: inline-block;

    font-weight: 500;

    color: #000;

}



.artwork-price {

    font-size: 22px; /* Increased from 18px */

    font-weight: 600;

    color: #111;

}



/* ===================================================

   STORY + INSPIRATION

=================================================== */



.artwork-story,

.artwork-inspiration {

    max-width: 1100px;

    padding: 0 20px;

}



.artwork-story {

    margin: 70px auto 40px;

}



.artwork-inspiration {

    margin: 0 auto 70px;

}



.artwork-story h2,

.artwork-inspiration h2 {

    font-size: 32px;

    margin-bottom: 16px;

    color: #000;

    font-family: "Cormorant Garamond", serif;

}



.artwork-story p,

.artwork-inspiration p {

    font-size: 17px;

    line-height: 1.8;

    color: #444;

    margin-bottom: 14px;

}



/* ===================================================

   REMOVE THEME GRID CONTROL

=================================================== */



.single-product .product-grid-view {

    display: block !important;

}



/* ===================================================

   MAIN LAYOUT (GALLERY + SUMMARY)

=================================================== */



.single-product .artwork-top {

    display: flex;

    gap: 45px;

    align-items: flex-start;

    max-width: 1200px;

    margin: 0 auto 60px;

    padding: 0 20px;

}



.single-product .artwork-gallery {

    flex: 0 0 52%;

    max-width: 52%;

}



.single-product .artwork-summary {

    flex: 0 0 48%;

    max-width: 48%;

    position: sticky;

    top: 90px;

}



/* ===================================================

   TYPOGRAPHY

=================================================== */



.single-product .product_title {

    font-size: 30px;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 8px;

    color: #111;

}



/* HIDE DEFAULT PRICE (we use custom one in details box) */

.single-product .price {

    display: none;

}



/* ===================================================

   WOOCOMMERCE GALLERY

=================================================== */



.single-product .woocommerce-product-gallery {

    width: 100% !important;

    background: transparent !important;

}



.single-product .flex-viewport {

    border-radius: 10px;

    overflow: hidden;

    background: transparent;

}



.single-product .woocommerce-product-gallery__image img {

    max-width: 100%;

    height: auto;

    max-height: 600px;

    object-fit: contain;

    display: block;

    margin: 0 auto;

}



/* ===================================================

   THUMBNAILS

=================================================== */



.single-product .flex-control-thumbs {

    display: flex;

    gap: 10px;

    margin-top: 14px;

    padding: 0;

    background: transparent;

}



.single-product .flex-control-thumbs li {

    list-style: none;

    background: transparent !important;

}



.single-product .flex-control-thumbs img {

    width: 70px;

    height: 70px;

    object-fit: cover;

    border-radius: 6px;

    border: 1px solid #e5e5e5;

    cursor: pointer;

    opacity: 0.75;

    transition: 0.2s;

}



.single-product .flex-control-thumbs img:hover {

    opacity: 1;

    transform: scale(1.05);

}



.single-product .flex-control-thumbs img.flex-active {

    border: 1px solid #111;

    opacity: 1;

}



/* ===================================================

   BUTTONS

=================================================== */



.single-product .cart {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    align-items: center;

}



.single-product .single_add_to_cart_button {

    background: #111;

    color: #fff;

    border-radius: 6px;

    padding: 14px 18px;

    font-weight: 500;

    display: inline-block;

    width: auto;

    transition: 0.3s;

}



.single-product .single_add_to_cart_button:hover {

    background: #333;

}



.single-product .quick_buy_now_button {

    background: transparent;

    border: 1px solid #111;

    color: #111;

    border-radius: 6px;

    padding: 14px 18px;

    margin-top: 10px;

    display: inline-block;

    width: auto;

}



.single-product .quick_buy_now_button:hover {

    background: #111;

    color: #fff;

}



/* ===================================================

   MAGNIFIER LENS

=================================================== */



.zoom-lens {

    position: absolute;

    width: 250px;

    height: 250px;

    border: 2px solid #111;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-color: #fff;

    pointer-events: none;

    box-shadow: 0 10px 25px rgba(0,0,0,0.15);

    z-index: 9999;

    display: none;

}



/* Enable only on devices that support hover with a fine pointer (mouse) */

@media (hover: hover) and (pointer: fine) {

    .zoom-container:hover .zoom-lens {

        display: block;

    }

}



.magnifier-note {

    margin-top: 15px;

    text-align: center;

    font-size: 14px;

    color: #707070;

    font-style: italic;

}



.artwork-name {

    font-size: 18px; /* Increased from 15px */

    font-weight: 500;

    color: #111;

}



/* ===================================================

   PREMIUM SPACING SYSTEM (GLOBAL FIX)

=================================================== */



.single-product .summary > * {

    margin-bottom: 18px;

}



/* Space between main sections */

.single-product .artwork-details {

    margin-top: 10px;

    margin-bottom: 28px;

}



.single-product form.cart {

    margin-top: 10px;

    margin-bottom: 18px;

}



.single-product .product_title {

    margin-bottom: 6px;

}



.single-product .price {

    margin-bottom: 0;

}



/* Clean spacing between gallery and summary content */

.single-product .artwork-summary {

    padding-top: 5px;

}



/* ===================================================

   REVIEWS

=================================================== */



.artwork-reviews #reviews .woocommerce-Reviews-title,

.artwork-reviews #reviews > h2,

.artwork-reviews #reviews h2,

.artwork-reviews #reviews h3 {

    font-family: "Cormorant Garamond", serif !important;

    font-size: 32px !important;

    font-weight: 400 !important;

    line-height: 1.2;

    color: #111;

    margin-bottom: 20px;

}



.artwork-reviews {

    max-width: 1100px;

    margin: 40px auto 70px;

    padding: 0 20px;

}



.artwork-reviews #reviews {

    border-top: 2px solid #969696;

    padding-top: 35px;

}



.artwork-reviews .woocommerce-Reviews-title,

.artwork-reviews h2 {

    font-size: 32px;

    margin-bottom: 20px;

    color: #111;

    font-family: "Cormorant Garamond", serif;

}



.artwork-reviews .commentlist {

    margin-top: 30px;

}



.artwork-reviews .comment {

    margin-bottom: 30px;

    padding-bottom: 25px;

    border-bottom: 1px solid #f0f0f0;

}



.artwork-reviews #review_form_wrapper {

    margin-top: 40px;

}



/* ===================================================

   REVIEW CARD BACKGROUND FIXES

=================================================== */



.artwork-reviews li.review {

    background: #fff !important;

    border: none !important;

    padding: 0 !important;

    margin-bottom: 25px;

}



/* Outer container */

.artwork-reviews .comment_container {

    background: #fff !important;

    border: 1px solid #e8e8e8 !important;

    padding: 20px !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.05);

}



/* Inner text box (safety reset) */

.artwork-reviews .comment-text {

    background: transparent !important;

    border: none !important;

    padding: 0 !important;

}



/* Ensure no theme overlay */

.artwork-reviews .comment_container::before,

.artwork-reviews .comment_container::after {

    background: transparent !important;

    content: none !important;

}



/* ===================================================

   RELATED ARTWORKS

=================================================== */



.artwork-related-heading {

    max-width: 1200px;

    margin: 70px auto 30px;

    padding: 0 20px;

}



.artwork-related-heading h2 {

    text-align: center;

    font-size: 32px;

    font-family: "Cormorant Garamond", serif;

    font-weight: 400;

    color: #111;

    margin: 0;

}



/* ===================================================

   MOBILE FIXES & PINCH-TO-ZOOM

=================================================== */



@media (max-width: 768px) {

    .single-product .artwork-top {

        flex-direction: column;

        gap: 25px;

    }



    .single-product .artwork-gallery,

    .single-product .artwork-summary {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .single-product .artwork-summary {

        position: static;

    }

    

    /* Completely hide desktop lens on touchscreens */

    .zoom-lens {

        display: none !important;

    }



    /* Allow native pinch-to-zoom and touch gestures on mobile images */

    .single-product .woocommerce-product-gallery__image,

    .single-product .woocommerce-product-gallery__image img {

        touch-action: manipulation !important;

        pointer-events: auto !important;

    }



    /* Prevent the flex viewport from clipping expanded mobile images */

    .single-product .flex-viewport {

        overflow: visible !important;

    }

}