/*
Theme Name: Glozin Child
Theme URI: https://wpglozin.com/
Author: UIXThemes
Author URI: https://uix.store
Description: Multipurpose WooCommerce WordPress Theme - Enhanced with Artist Series & Exhibitions
Version: 5.0.4
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glozin
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: glozin
*/

/* 
   ==========================================================================
   GLOBAL UNCROP & RATIO FIXES (Applies to Masonry & Grid)
   ==========================================================================
*/

/* Remove forced ratio box on product thumbnails */
.product-thumbnail .gz-ratio::before {
    display: none !important;
    padding-bottom: 0 !important;
}

/* Ensure images keep their original aspect ratio */
.product-thumbnail .gz-ratio img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Let the thumbnail container adjust its height automatically */
.product-thumbnail {
    overflow: visible !important;
    height: auto !important; 
    position: relative !important; /* STRICTLY enforce relative positioning context */
}

/* Override specific ratio variable */
:root {
    --product-image-ratio-percent: auto !important;
}

/* 
   ==========================================================================
   HOVER EFFECT STABILITY (FadeIn)
   ==========================================================================
*/

/* 
   Fix Secondary Hover Image Positioning
   When .gz-ratio is removed, absolute positioning can break.
   We enforce strict overlay.
*/
.product-thumbnails--fadein .product-thumbnails--fadein-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    inset: 0 !important;
    z-index: 1;
    opacity: 0; /* Start hidden */
    transition: opacity 0.3s ease;
    visibility: hidden; /* Hide from screen readers/clicks when not hovered */
}

/* Show secondary image on hover */
.product-thumbnail:hover .product-thumbnails--fadein-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 
   Hide Main Image on Hover 
   Only if the secondary image exists and is valid
*/
.product-thumbnails--fadein:hover img:not(.product-thumbnails--fadein-image) {
    opacity: 0; 
}

/* 
   ==========================================================================
   ARTSY-STYLE FILTER SIDEBAR
   ==========================================================================
*/

/* Section Headings */
.catalog-filters-sidebar .widget-title,
.catalog-filters-sidebar .gz-widget-heading {
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    border-bottom: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Add thin dividers between filter sections */
.catalog-filters-sidebar .widget {
    border-bottom: 1px solid #e5e5e5 !important;
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
}

.catalog-filters-sidebar .widget:last-child {
    border-bottom: 0 !important;
}

/* Style filter items (Medium, Rarity, etc.) */
.catalog-filters-sidebar ul li {
    font-size: 15px !important;
    color: #111 !important;
    padding: 4px 0 !important;
    display: flex;
    justify-content: space-between;
}

.catalog-filters-sidebar ul li a {
    color: #111 !important;
    text-decoration: none !important;
}

.catalog-filters-sidebar ul li a:hover {
    color: #666 !important;
}

/* Style the counts (306), (58) etc. */
.catalog-filters-sidebar .count {
    color: #999 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-left: 5px;
}

/* Color Filter Buttons Refinement */
.catalog-filters-sidebar .glozin-color-filter li a {
    border-radius: 2px !important;
    border: 1px solid #e5e5e5 !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.catalog-filters-sidebar .glozin-color-filter li a:hover {
    border-color: #111 !important;
    background: #f9f9f9 !important;
}

/* Active Filter Chips at top */
.woocommerce-widget-layered-nav-list__item--chosen a,
.glozin-time-period-list li.chosen a {
    background: #111 !important;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
}

/* Remove hover add-to-cart in the icon column (keep bottom Purchase button) */
.product-featured-icons--primary .product-loop-button-atc {
    display: none !important;
}

/* Custom Time Period Widget Styling */
.glozin-time-period-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.glozin-time-period-list li {
    font-size: 15px !important;
    color: #111 !important;
    padding: 4px 0 !important;
    display: flex;
    justify-content: space-between;
}

.glozin-time-period-list li a {
    color: #111 !important;
    text-decoration: none !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.glozin-time-period-list li.chosen a,
.glozin-ways-to-buy-list li.chosen a {
    color: #fff !important;
}

/* Custom Ways to Buy Widget Styling */
.glozin-ways-to-buy-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.glozin-ways-to-buy-list li {
    font-size: 15px !important;
    color: #111 !important;
    padding: 4px 0 !important;
}

.glozin-ways-to-buy-list li a {
    color: #111 !important;
    text-decoration: none !important;
    width: 100%;
    display: block;
}

.gz-masonry-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

/* Masonry column items list - styled to match products list */
.gz-masonry-col-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 
   ==========================================================================
   MASONRY HOVER STATE FIX
   Since masonry columns don't use .products class, we need to explicitly 
   handle the hover animation states for product action buttons
   ==========================================================================
*/

/* Hide product action buttons by default in masonry */
.gz-masonry-grid li.product .product-card-animation {
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

/* Show product action buttons on hover in masonry */
.gz-masonry-grid li.product .product-inner:hover .product-card-animation {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Handle bottom-positioned animations (e.g., add to cart bar) */
.gz-masonry-grid li.product .product-card-animation.product-card-animation--bottom {
    transform: translateY(20px);
}

.gz-masonry-grid li.product .product-inner:hover .product-card-animation.product-card-animation--bottom {
    transform: translateY(0);
}

/* 
   ==========================================================================
   MASONRY BUTTON STATES (Wishlist, Compare, Add to Cart)
   Theme CSS uses ul.products selector which doesn't match masonry columns.
   We need to replicate the .added state styling for masonry grid items.
   ==========================================================================
*/

/* Wishlist button - added state (filled/dark) */
.gz-masonry-grid li.product .wcboost-wishlist-button.added {
    --gz-button-bg-color: var(--gz-color-dark, #111);
    --gz-button-color: var(--gz-color-light, #fff);
    background-color: var(--gz-button-bg-color) !important;
    color: var(--gz-button-color) !important;
}

/* Compare button - added state */
.gz-masonry-grid li.product .wcboost-products-compare-button.added {
    --gz-button-bg-color: var(--gz-color-dark, #111);
    --gz-button-color: var(--gz-color-light, #fff);
    background-color: var(--gz-button-bg-color) !important;
    color: var(--gz-button-color) !important;
}

/* Add to cart button - added state */
.gz-masonry-grid li.product .product-loop-button-atc.added {
    --gz-button-bg-color: var(--gz-color-dark, #111);
    --gz-button-color: var(--gz-color-light, #fff);
    background-color: var(--gz-button-bg-color) !important;
    color: var(--gz-button-color) !important;
}

/* Override theme grid widths for masonry columns */
.gz-masonry-col li.product {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
}

/* Button Icon Color */
.gz-shop-view-item.masonry svg {
    fill: currentColor;
}

/* Responsive Gaps */
@media (max-width: 768px) {
    .gz-masonry-grid {
        gap: 1rem;
    }
    .gz-masonry-col {
        gap: 1rem;
    }
}

/* 
   ==========================================================================
   QUICKVIEW MODAL FIX (REVERSIBLE)
   Fixes artwork images in quickview - keeps them uncropped while preventing
   height collapse. The original absolute positioning caused parent containers
   to collapse to height:0 because absolutely positioned elements are removed
   from document flow.
   
   TO DISABLE: Comment out this entire section
   ==========================================================================
*/

/* Override the absolute positioning that causes height collapse */
.modal__quickview div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a img,
.modal__quickview .woocommerce-product-gallery__image img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: scale-down !important;  /* Keep artwork uncropped */
    object-position: center !important;
}

/* Ensure gallery wrapper has proper dimensions - Swiper compatible */
.modal__quickview .woocommerce-product-gallery,
.modal__quickview .woocommerce-product-gallery__wrapper {
    height: auto !important;
    min-height: 350px !important;  /* Prevent too-short modals for wide images */
    max-height: 70vh !important;  /* Limit tall images */
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;  /* Center image vertically in the space */
    justify-content: center !important;
}

/* Gallery slide container - Swiper compatible */
.modal__quickview .woocommerce-product-gallery__image,
.modal__quickview .woocommerce-product-gallery__image.swiper-slide,
.modal__quickview .swiper-slide {
    height: auto !important;
    min-height: auto !important;
    max-height: 70vh !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Swiper wrapper - respect height limits */
.modal__quickview .woocommerce-product-gallery__wrapper.swiper,
.modal__quickview .swiper-wrapper {
    max-height: 70vh !important;
    height: auto !important;
}

/* Swiper container */
.modal__quickview .woocommerce-product-gallery.swiper {
    max-height: 70vh !important;
    height: auto !important;
}

/* Gallery slide should not force aspect ratio */
.modal__quickview .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
}

/* If there's a ratio wrapper in quickview, neutralize it */
.modal__quickview .gz-ratio::before {
    display: none !important;
    padding-bottom: 0 !important;
}

.modal__quickview .gz-ratio {
    padding-bottom: 0 !important;
    height: auto !important;
}

.modal__quickview .gz-ratio img {
    position: relative !important;
}

/* Summary section - ensure proper scrollbar styling from theme is applied */
.modal__quickview .entry-summary {
    min-height: 350px !important;  /* Match gallery min-height */
}

/* 
   ==========================================================================
   PRODUCT IMAGE HEIGHT LIMIT (Artsy-style)
   Limits tall artwork images to prevent excessive scrolling
   Similar to Artsy's approach: images are constrained to viewport height
   ==========================================================================
*/

/* Limit product gallery image height on single product pages */
.single-product div.product .woocommerce-product-gallery__image img,
.single-product div.product .woocommerce-product-gallery__image a img,
.single-product div.product .woocommerce-product-gallery__image .swiper-slide img {
    max-height: 70vh !important; /* 70% of viewport height - prevents tall images from taking entire screen */
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Maintain aspect ratio, don't crop */
    object-position: center !important;
}

/* Ensure the gallery image container respects the max-height */
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image.swiper-slide {
    max-height: 70vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Gallery wrapper should also respect max-height */
.single-product div.product .woocommerce-product-gallery__wrapper,
.single-product div.product .woocommerce-product-gallery__slider.swiper {
    max-height: 70vh !important;
}

/* Quick View Modal Image Height Limit - Swiper Compatible */
.modal__quickview .woocommerce-product-gallery__image img,
.modal__quickview .woocommerce-product-gallery__image a img,
.modal__quickview .woocommerce-product-gallery__image .swiper-slide img,
.modal__quickview .swiper-slide img {
    max-height: 70vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
}

.modal__quickview .woocommerce-product-gallery__image,
.modal__quickview .woocommerce-product-gallery__image.swiper-slide,
.modal__quickview .swiper-slide {
    max-height: 70vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    height: auto !important;
}

/* Swiper wrapper - respect max-height but allow autoHeight to work */
.modal__quickview .woocommerce-product-gallery__wrapper.swiper,
.modal__quickview .woocommerce-product-gallery__slider.swiper,
.modal__quickview .swiper-wrapper {
    max-height: 70vh !important;
    height: auto !important;
}

/* Swiper container - ensure proper sizing */
.modal__quickview .woocommerce-product-gallery.swiper {
    max-height: 70vh !important;
    height: auto !important;
}

/* Mobile: Remove height restrictions for better image display */
@media (max-width: 768px) {
    .single-product div.product .woocommerce-product-gallery__image img,
    .single-product div.product .woocommerce-product-gallery__image a img,
    .single-product div.product .woocommerce-product-gallery__image .swiper-slide img,
    .single-product div.product .woocommerce-product-gallery__image,
    .single-product div.product .woocommerce-product-gallery__image.swiper-slide,
    .single-product div.product .woocommerce-product-gallery__wrapper,
    .single-product div.product .woocommerce-product-gallery__slider.swiper {
        max-height: none !important;
    }
    
    /* Quick View Modal - Remove height restrictions on mobile */
    .modal__quickview .woocommerce-product-gallery__image img,
    .modal__quickview .woocommerce-product-gallery__image a img,
    .modal__quickview .woocommerce-product-gallery__image .swiper-slide img,
    .modal__quickview .swiper-slide img,
    .modal__quickview .woocommerce-product-gallery__image,
    .modal__quickview .woocommerce-product-gallery__image.swiper-slide,
    .modal__quickview .swiper-slide,
    .modal__quickview .woocommerce-product-gallery__wrapper.swiper,
    .modal__quickview .woocommerce-product-gallery__slider.swiper,
    .modal__quickview .swiper-wrapper,
    .modal__quickview .woocommerce-product-gallery.swiper {
        max-height: none !important;
    }
}

/* 
   ==========================================================================
   WISHLIST/COLLECTION PAGE - CATALOG MODE FIXES
   ==========================================================================
*/

/* Fixes the Problem with Collection Image slider */
.wishlist_table .product-thumbnail { 
    position: relative !important; 
    overflow: hidden !important; 
}

.wishlist_table .gz-ratio { 
    position: relative !important; 
    display: block; 
}

.wishlist_table .gz-ratio > img.attachment-woocommerce_thumbnail {
    display: block;
    width: 100% !important;
    height: auto !important;
    position: static !important;
    z-index: 1;
    transition: opacity .3s ease;
}

.wishlist_table .gz-ratio > img.product-thumbnails--fadein-image {
    position: absolute !important;
    top: 0; 
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 0;
    z-index: 2;
    transition: opacity .3s ease;
}

.wishlist_table .product-thumbnails--fadein:hover img.product-thumbnails--fadein-image { 
    opacity: 1; 
}

.wishlist_table .product-thumbnails--fadein:hover img.attachment-woocommerce_thumbnail { 
    opacity: 0.2; 
}

/* Hide Add to Cart button on hover for catalog mode products */
/* Use data attribute as fallback if class isn't applied */
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--primary .add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--primary .single_add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second .add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second .single_add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--primary a[href*="add-to-cart"],
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second a[href*="add-to-cart"],
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--primary a.add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second a.add_to_cart_button,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--primary a.ajax_add_to_cart,
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second a.ajax_add_to_cart,
/* Fallback: Hide all ATC buttons on wishlist page for products without excluded class */
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--primary .add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--primary .single_add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second .add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second .single_add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--primary a[href*="add-to-cart"],
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second a[href*="add-to-cart"],
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--primary a.add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second a.add_to_cart_button,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--primary a.ajax_add_to_cart,
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second a.ajax_add_to_cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Also hide the entire container if it only contains Add to Cart button */
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second:has(a.add_to_cart_button:only-child),
.wishlist_table li.product.glozin-catalog-mode-product .product-featured-icons--second:has(a[href*="add-to-cart"]:only-child),
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second:has(a.add_to_cart_button:only-child),
.glozin-wishlist-page .wishlist_table li.product:not(.glozin-excluded-from-catalog) .product-featured-icons--second:has(a[href*="add-to-cart"]:only-child) {
    display: none !important;
}

/* ===== Hide Inquiry buttons in Popular Products / Recently Viewed sections on wishlist ===== */
/* These sections are outside the main wishlist table and should not show inquiry buttons */
.glozin-wishlist-page .wcboost-wishlist-products-widget .glozin-inquiry-button,
.glozin-wishlist-page .products-widget .glozin-inquiry-button,
.glozin-wishlist-page .elementor-widget-products .glozin-inquiry-button,
.glozin-wishlist-page .woocommerce-products-widget .glozin-inquiry-button,
.glozin-wishlist-page .widget_products .glozin-inquiry-button,
.glozin-wishlist-page .glozin-products-carousel .glozin-inquiry-button,
.glozin-wishlist-page .products:not(.wishlist_table) .glozin-inquiry-button,
.glozin-wishlist-page ul.products:not(.wishlist_table) .glozin-inquiry-button,
.glozin-wishlist-page section.products:not(.wishlist_table) .glozin-inquiry-button,
/* Hide in any Elementor section that contains Popular Products */
.glozin-wishlist-page .elementor-section .glozin-inquiry-button,
.glozin-wishlist-page .elementor-widget .glozin-inquiry-button {
    display: none !important;
}

/* But ensure inquiry buttons ARE visible in the main wishlist table */
.glozin-wishlist-page .wishlist_table .glozin-inquiry-button {
    display: inline-flex !important;
}

/* 
   ==========================================================================
   VIEW ARTWORK BUTTON (List View)
   Styled to match Glozin's Add to Cart button
   ==========================================================================
*/

/* Style the View Artwork button like the Add to Cart button */
.glozin-view-artwork-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #111 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 28px !important;
    min-width: 160px;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 !important;
    vertical-align: middle;
}

.glozin-view-artwork-btn:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Align button with wishlist/compare icons in list view */
.product-list-featured-icons .glozin-view-artwork-btn {
    margin-right: 10px !important;
}

/* Hide View Artwork button in carousels, related products, sliders by default */
.related.products .glozin-view-artwork-btn,
.up-sells .glozin-view-artwork-btn,
.cross-sells .glozin-view-artwork-btn,
.swiper .glozin-view-artwork-btn,
.glozin-products-carousel .glozin-view-artwork-btn,
.elementor-widget-woocommerce-products .glozin-view-artwork-btn,
.elementor-widget-products .glozin-view-artwork-btn,
.products-widget .glozin-view-artwork-btn,
.widget_products .glozin-view-artwork-btn,
.ajax-search-result .glozin-view-artwork-btn,
.search-results-wrapper .glozin-view-artwork-btn,
.dgwt-wcas-suggestions-wrapp .glozin-view-artwork-btn {
    display: none !important;
}

/* Only show in list view when enabled via body class */
body.glozin-view-artwork-list .gz-product-list-item .glozin-view-artwork-btn {
    display: inline-flex !important;
}

/* 
   ==========================================================================
   MOBILE SINGLE PRODUCT LAYOUT FIX
   Forces correct mobile layout regardless of caching issues
   ==========================================================================
*/
@media (max-width: 767px) {
    /* Force single column layout on mobile */
    .single-product div.product,
    .single-product .product__wrapper,
    .single-product .product__content-wrapper {
        display: block !important;
        flex-direction: column !important;
    }
    
    /* Remove excessive container padding on mobile for gallery */
    .single-product .product__gallery {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Gallery - remove padding on mobile to maximize image size, especially for square images */
    .single-product .woocommerce-product-gallery {
        width: 100% !important;
        padding: 0 !important; /* Removed side padding to allow larger images */
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important; /* Stack main image and thumbnails vertically */
    }
    
    /* Thumbnail gallery - horizontal scroll like Artsy for multiple images */
    .single-product .glozin-product-gallery-thumbnails {
        width: 100% !important;
        padding: 10px !important;
        margin: 10px 0 0 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        display: flex !important;
        gap: 10px !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Thumbnail items - fixed size for horizontal scroll */
    .single-product .glozin-product-gallery-thumbnails .woocommerce-product-gallery__image {
        flex: 0 0 auto !important;
        width: 80px !important;
        height: 80px !important;
        max-height: 80px !important;
    }
    
    .single-product .glozin-product-gallery-thumbnails .woocommerce-product-gallery__image img {
        width: 80px !important;
        height: 80px !important;
        max-height: 80px !important;
        object-fit: cover !important;
        border-radius: 4px !important;
    }
    
    /* Gallery wrapper and slides */
    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .woocommerce-product-gallery__slider,
    .single-product .woocommerce-product-gallery .swiper-wrapper {
        width: 100% !important;
    }
    
    /* Gallery image container */
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery .swiper-slide {
        width: 100% !important;
    }
    
    /* Gallery image - 95vw for optimal mobile display with slight margins */
    .single-product .woocommerce-product-gallery__image img,
    .single-product .woocommerce-product-gallery .swiper-slide img,
    .single-product .woocommerce-product-gallery--horizontal .woocommerce-product-gallery__wrapper .swiper-wrapper .woocommerce-product-gallery__image a img {
        width: 95vw !important; /* 95% viewport width - gives slight margins */
       /* max-width: 95vw !important;*/
        height: auto !important;
        object-fit: contain !important;
    }
    
    /* Swiper wrapper - minimum height for proper display */
    .single-product .woocommerce-product-gallery--horizontal .woocommerce-product-gallery__wrapper .swiper-wrapper {
        min-height: 30vh !important; /* Minimum 30% viewport height */
    }
    
    /* Gallery image container - allow natural sizing */
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Buttons container - Artsy-style: Below image, not overlaid */
    /* Move wishlist/compare buttons below gallery like Artsy does */
    .single-product .glozin-product-buttons,
    .single-product .product-featured-icons--mobile {
        position: relative !important; /* Changed from absolute */
        top: auto !important;
        right: auto !important;
        z-index: 1 !important;
        display: flex !important;
        flex-direction: row !important; /* Horizontal like Artsy */
        justify-content: center !important; /* Center align */
        gap: 15px !important; /* Space between buttons */
        margin: 15px 0 !important; /* Space above and below */
        padding: 0 10px !important; /* Side padding */
    }
    
    /* Keep Glozin's default button styling - remove custom overrides */
    
    /* Summary should be full width below gallery */
    .single-product .product__summary,
    .single-product .summary.entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
    
    /* ===== MOBILE LIGHTBOX / SHADOWBOX WITH ZOOM ===== */
    /* Artsy-style PhotoSwipe lightbox on mobile with proper padding */
    
    /*
     * Lightbox button placement rules:
     * - Desktop: keep the ORIGINAL parent-theme button (inside the gallery, top-right).
     * - Mobile/Tablet: show a button next to Collection/Compare (below image) to save real estate.
     */

    /* Hide buttons on small mobile - now handled separately outside media query */
}

/* ===============================================
   GALLERY ACTIONS - ARTSY-STYLE BUTTONS (MOBILE/TABLET ONLY)
   =============================================== */

/* Hide parent theme's mobile overlay on ALL devices */
.single-product .product-featured-icons--mobile {
    display: none !important;
}

/* Hide buttons below gallery on desktop - they show next to Inquiry button instead */
.single-product .glozin-child-mobile-gallery-actions {
    display: none !important;
}

/* Show our Artsy-style buttons below gallery on mobile/tablet only */
@media (max-width: 1024px) {
    .single-product .glozin-child-mobile-gallery-actions {
        display: block !important;
        width: 100% !important;
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
        position: relative !important; /* Prevent sticky */
    }
}

/* Slide Indicator */
.single-product .glozin-child-slide-indicator {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
    font-weight: 500;
}

/* Button container - centered */
.single-product .glozin-child-gallery-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;
}

/* Button styling */
.single-product .glozin-child-gallery-buttons .gz-button-icon,
.single-product .glozin-child-gallery-buttons .wcboost-wishlist-button,
.single-product .glozin-child-gallery-buttons .wcboost-products-compare-button {
    width: 44px;
    height: 44px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #fff;
    cursor: pointer;
}

.single-product .glozin-child-gallery-buttons .gz-button-icon svg {
    width: 20px;
    height: 20px;
}

/* Active state - filled black */
.single-product .glozin-child-gallery-buttons .wcboost-wishlist-button.added,
.single-product .glozin-child-gallery-buttons .wcboost-wishlist-button.in-wishlist,
.single-product .glozin-child-gallery-buttons .wcboost-products-compare-button.added,
.single-product .glozin-child-gallery-buttons .wcboost-products-compare-button.in-compare {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.single-product .glozin-child-gallery-buttons .wcboost-wishlist-button.added svg,
.single-product .glozin-child-gallery-buttons .wcboost-wishlist-button.in-wishlist svg,
.single-product .glozin-child-gallery-buttons .wcboost-products-compare-button.added svg,
.single-product .glozin-child-gallery-buttons .wcboost-products-compare-button.in-compare svg {
    fill: #fff !important;
    color: #fff !important;
}

/* MOBILE/TABLET: Stack with explicit ordering */
@media (max-width: 1024px) {
    /* Stack layout: column direction */
    .single-product .product-gallery-summary,
    .single-product .product-gallery-summary.d-flex,
    .single-product .product-gallery-summary.d-flex.flex-md-row {
        flex-direction: column !important;
    }
    
    /* ORDER: 1=Gallery, 2=Buttons, 3=Summary */
    .single-product .product-gallery-summary .woocommerce-product-gallery,
    .single-product .product-gallery-summary .woocommerce-product-gallery.position-sticky-md {
        order: 1 !important;
        width: 100% !important;
        position: relative !important;
        top: auto !important;
    }
    
    .single-product .product-gallery-summary .glozin-child-mobile-gallery-actions {
        order: 2 !important;
    }
    
    .single-product .product-gallery-summary .summary.entry-summary {
        order: 3 !important;
        width: 100% !important;
    }
    
    /* Touch/scroll fixes - Ensure page can scroll */
    html, body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .single-product .woocommerce-product-gallery,
    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery__image a,
    .single-product .woocommerce-product-gallery__image img {
        /* Allow natural scroll and zoom behavior */
        touch-action: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Ensure gallery doesn't block page scroll */
    .single-product .product-gallery-summary {
        touch-action: pan-y !important;
    }
    
    .single-product .woocommerce-product-gallery__image img {
        transition: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    /* Allow scrolling on main content */
    .single-product .summary.entry-summary,
    .single-product main,
    .single-product .entry-content {
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Small mobile: slightly smaller buttons */
@media (max-width: 768px) {
    .single-product .glozin-child-gallery-buttons .gz-button-icon,
    .single-product .glozin-child-gallery-buttons .wcboost-wishlist-button,
    .single-product .glozin-child-gallery-buttons .wcboost-products-compare-button {
        width: 40px;
        height: 40px;
    }
    
    .single-product .glozin-child-gallery-buttons .gz-button-icon svg {
        width: 18px;
        height: 18px;
    }
}

/* Hide Collection/Compare buttons next to Inquiry button on mobile/tablet */
@media (max-width: 1024px) {
    /* Hide the container */
    .single-product div.product .glozin-inquiry-atc-group .product-featured-icons--single-product,
    .single-product div.product form.cart .glozin-inquiry-atc-group .product-featured-icons--single-product,
    .single-product .glozin-inquiry-atc-group .product-featured-icons--single-product,
    .single-product .glozin-product-atc-group.glozin-inquiry-atc-group .product-featured-icons--single-product {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Hide individual buttons as well (in case container selector doesn't match) */
    .single-product .glozin-inquiry-atc-group .wcboost-wishlist-button,
    .single-product .glozin-inquiry-atc-group .wcboost-products-compare-button,
    .single-product .glozin-product-atc-group.glozin-inquiry-atc-group .wcboost-wishlist-button,
    .single-product .glozin-product-atc-group.glozin-inquiry-atc-group .wcboost-products-compare-button {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
    }
}

/* PhotoSwipe styles (lightbox) */
@media (max-width: 1024px) {
    .pswp {
        touch-action: none !important;
    }
    
    .pswp__item,
    .pswp__zoom-wrap,
    .pswp__img {
        touch-action: none !important;
    }
    
    .pswp__bg {
        background-color: #000 !important;
        opacity: 1 !important;
    }
    
    .pswp__button {
        /* Button container styling */
        background-color: rgba(0,0,0,0.5) !important;
        color: white !important;
        border-radius: 50% !important;
        width: 44px !important;
        height: 44px !important;
        opacity: 1 !important;
        /* Center the SVG icon */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* Remove default background-image since we use SVG */
        background-image: none !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    /* Style the SVG icons inside buttons */
    .pswp__button svg,
    .pswp__button .pswp__icn {
        width: 24px !important;
        height: 24px !important;
        stroke: white !important;
        fill: none !important;
        display: block !important;
        stroke-width: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Ensure SVG paths/lines are visible */
    .pswp__button svg line,
    .pswp__button svg polyline,
    .pswp__button svg circle,
    .pswp__button svg path {
        stroke: white !important;
        stroke-width: 2 !important;
    }
    
    /* Hide ::after pseudo-element */
    .pswp__button::after {
        display: none !important;
    }
    
    /* Hide share button - not needed for artwork images */
    .pswp__button--share {
        display: none !important;
    }
    
    /* Hide next/previous navigation arrows */
    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
        display: none !important;
    }
    
    /* Counter (1/4) styling */
    .pswp__counter {
        font-size: 14px !important;
        padding: 8px 12px !important;
        background: rgba(0,0,0,0.5) !important;
        border-radius: 20px !important;
    }
    
    /* ===== ARTSY-STYLE THUMBNAIL SLIDER IN LIGHTBOX ===== */
    .pswp__thumbnails {
        position: absolute;
        bottom: 60px; /* Above zoom controls */
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        z-index: 1050;
    }
    
    .pswp__thumbnail {
        flex: 0 0 auto;
        width: 60px;
        height: 60px;
        border: 2px solid transparent;
        border-radius: 4px;
        overflow: hidden;
        background: none;
        padding: 0;
        cursor: pointer;
        opacity: 0.6;
        transition: opacity 0.2s ease, border-color 0.2s ease;
    }
    
    .pswp__thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    .pswp__thumbnail--active {
        border-color: white;
        opacity: 1;
    }
    
    .pswp__thumbnail:active {
        opacity: 0.8;
    }
    
    /* Hide default PhotoSwipe counter when thumbnails are shown */
    .pswp__thumbnails ~ .pswp__counter {
        display: none !important;
    }
}

/* ==========================================================================
   EXTRA SMALL MOBILE (479px and below)
   ========================================================================== */
@media (max-width: 479px) {
    /* Swiper wrapper - auto height for very small screens */
    .single-product .woocommerce-product-gallery--horizontal .woocommerce-product-gallery__wrapper .swiper-wrapper {
        min-height: auto !important;
    }
}

/* ==========================================================================
   ARTIST SERIES - Product Page Display
   ========================================================================== */

.product-series-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.product-series-info strong {
    font-weight: 600;
    color: #111;
}

.product-series-info a {
    color: #111;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.product-series-info a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* ==========================================================================
   SERIES HEADER ON SHOP/FILTER PAGES
   ========================================================================== */

/* When series header appears on shop page via filter - follow Glozin's container system */
.post-type-archive-product .series-header-section,
.woocommerce-shop .series-header-section,
.woocommerce-page .series-header-section,
body.archive .series-header-section {
    width: 100%;
    margin: 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}

.post-type-archive-product .series-header-grid,
.woocommerce-shop .series-header-grid,
.woocommerce-page .series-header-grid,
body.archive .series-header-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

.post-type-archive-product .series-info-column,
.woocommerce-shop .series-info-column,
.woocommerce-page .series-info-column,
body.archive .series-info-column {
    max-width: 600px;
}

.post-type-archive-product .series-label,
.woocommerce-shop .series-label,
.woocommerce-page .series-label,
body.archive .series-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #999;
    margin-bottom: 8px;
    font-weight: 500;
}

.post-type-archive-product .series-title,
.woocommerce-shop .series-title,
.woocommerce-page .series-title,
body.archive .series-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 12px;
    color: #111;
}

.post-type-archive-product .series-availability,
.woocommerce-shop .series-availability,
.woocommerce-page .series-availability,
body.archive .series-availability {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 500;
}

.post-type-archive-product .series-description,
.woocommerce-shop .series-description,
.woocommerce-page .series-description,
body.archive .series-description {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 25px;
}

.post-type-archive-product .series-description p,
.woocommerce-shop .series-description p,
.woocommerce-page .series-description p,
body.archive .series-description p {
    margin-bottom: 15px;
}

.post-type-archive-product .series-description p:last-child,
.woocommerce-shop .series-description p:last-child,
.woocommerce-page .series-description p:last-child,
body.archive .series-description p:last-child {
    margin-bottom: 0;
}

.post-type-archive-product .series-artist-link,
.woocommerce-shop .series-artist-link,
.woocommerce-page .series-artist-link,
body.archive .series-artist-link {
    margin-top: 20px;
}

.post-type-archive-product .artist-profile-link,
.woocommerce-shop .artist-profile-link,
.woocommerce-page .artist-profile-link,
body.archive .artist-profile-link {
    color: #111;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.3s ease;
    display: inline-block;
}

.post-type-archive-product .artist-profile-link:hover,
.woocommerce-shop .artist-profile-link:hover,
.woocommerce-page .artist-profile-link:hover,
body.archive .artist-profile-link:hover {
    opacity: 0.6;
}

.post-type-archive-product .series-image-column,
.woocommerce-shop .series-image-column,
.woocommerce-page .series-image-column,
body.archive .series-image-column {
    position: relative;
}

.post-type-archive-product .series-featured-img,
.woocommerce-shop .series-featured-img,
.woocommerce-page .series-featured-img,
body.archive .series-featured-img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 2px;
}

@media (max-width: 768px) {
    .post-type-archive-product .series-header-grid,
    .woocommerce-shop .series-header-grid,
    .woocommerce-page .series-header-grid,
    body.archive .series-header-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .post-type-archive-product .series-title,
    .woocommerce-shop .series-title,
    .woocommerce-page .series-title,
    body.archive .series-title {
        font-size: 28px;
    }
    
    .post-type-archive-product .series-featured-img,
    .woocommerce-shop .series-featured-img,
    .woocommerce-page .series-featured-img,
    body.archive .series-featured-img {
        max-height: 300px;
    }
}

/* ==========================================================================
   ARTIST ARCHIVE & SERIES PAGES - Clean Layout Fixes
   ========================================================================== */

/* Ensure scrolling works on artist and series pages */
html.tax-product_brand,
html.tax-product_series,
body.tax-product_brand,
body.tax-product_series {
    overflow-x: visible !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100vh;
}

.tax-product_brand #page,
.tax-product_series #page {
    overflow: visible !important;
}

.tax-product_brand #site-content,
.tax-product_series #site-content {
    overflow: visible !important;
}

/* Hide catalog top categories wrapper on artist and series pages */
.tax-product_brand .catalog-top-categories__wrapper,
.tax-product_series .catalog-top-categories__wrapper {
    display: none !important;
}

/* Hide page header on artist and series pages */
.tax-product_brand #page-header,
.tax-product_series #page-header {
    display: none !important;
}

/* Hide breadcrumbs, page titles, and headers on artist and series pages */
.tax-product_brand .woocommerce-breadcrumb,
.tax-product_brand .archive-header,
.tax-product_brand .page-title-wrapper,
.tax-product_brand .glozin-page-title,
.tax-product_brand .glozin-page-title-wrapper,
.tax-product_brand .woocommerce-products-header,
.tax-product_series .woocommerce-breadcrumb,
.tax-product_series .archive-header,
.tax-product_series .page-title-wrapper,
.tax-product_series .glozin-page-title,
.tax-product_series .glozin-page-title-wrapper,
.tax-product_series .woocommerce-products-header {
    display: none !important;
}

/* Hide product category carousels on artist and series pages */
.tax-product_brand .glozin-product-categories,
.tax-product_brand .product-categories,
.tax-product_brand .woocommerce-product-categories,
.tax-product_brand .before-shop-loop-wrapper .swiper-container,
.tax-product_brand .before-shop-loop-wrapper .glozin-swiper,
.tax-product_brand .gz-before-shop-loop,
.tax-product_series .glozin-product-categories,
.tax-product_series .product-categories,
.tax-product_series .woocommerce-product-categories,
.tax-product_series .before-shop-loop-wrapper .swiper-container,
.tax-product_series .before-shop-loop-wrapper .glozin-swiper,
.tax-product_series .gz-before-shop-loop {
    display: none !important;
}

/* =============================================================================
   ARTIST ARCHIVE PAGE
   ============================================================================= */

/* Hide default page header on artist pages */
.tax-product_brand #page-header,
.tax-product_brand .archive-header,
.tax-product_brand .page-title-wrapper,
.tax-product_brand .glozin-page-title,
.tax-product_brand .glozin-page-title-wrapper,
.tax-product_brand .woocommerce-products-header {
    display: none !important;
}

/* Artist archive page container */
.artist-archive-page {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 40px;
}

/* Artist Hero Section */
.tax-product_brand .artist-hero {
    max-width: 1600px !important;
    margin: 0 auto 40px !important;
    padding: 40px 20px 30px !important;
}

.tax-product_brand .artist-hero-content {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 60px !important;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
}

.tax-product_brand .artist-portrait {
    flex-shrink: 0 !important;
}

.tax-product_brand .artist-portrait img {
    width: 100% !important;
    height: 300px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    border: none !important;
    display: block !important;
}

.tax-product_brand .artist-info {
    padding-top: 20px !important;
}

.tax-product_brand .artist-name {
    font-size: 42px !important;
    font-weight: 600 !important;
    margin: 0 0 10px !important;
    line-height: 1.2 !important;
    color: #111 !important;
}

.tax-product_brand .artist-subtitle {
    font-size: 20px !important;
    color: #666 !important;
    margin: 0 0 20px !important;
    font-weight: 400 !important;
}

.tax-product_brand .artist-location {
    font-size: 14px !important;
    color: #888 !important;
    margin: 0 0 12px !important;
}

.tax-product_brand .artist-stats {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.tax-product_brand .series-divider {
    color: #ccc !important;
    margin: 0 2px !important;
}

.tax-product_brand .artist-social-links {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
}

.tax-product_brand .artist-social-link {
    font-size: 14px !important;
    color: #111 !important;
    text-decoration: underline !important;
    border: none !important;
    padding: 0 !important;
    transition: opacity 0.2s !important;
    font-weight: 400 !important;
    background: none !important;
}

.tax-product_brand .artist-social-link:hover {
    opacity: 0.7 !important;
}

.tax-product_brand .artist-bio-preview {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #555 !important;
    margin: 30px 0 0 !important;
    padding-top: 30px !important;
    border-top: 1px solid #e5e5e5 !important;
}

.tax-product_brand .artist-bio-preview p {
    margin: 0 !important;
}

.tax-product_brand .artist-read-more {
    color: #111 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.tax-product_brand .artist-read-more:hover {
    color: #000 !important;
    text-decoration: none !important;
}

/* Hide redundant artist filter chip on artist archive page */
.tax-product_brand .catalog-toolbar__filters-actived a[data-name="product_brand"] {
    display: none !important;
}

/* Artist Tabs */
.tax-product_brand .artist-tabs-container {
    max-width: 100% !important;
    margin: 0 auto 40px !important;
    padding: 0 20px !important;
}

.tax-product_brand .artist-tabs-nav {
    display: flex !important;
    gap: 40px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
}

.tax-product_brand .artist-tab-button {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #666 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0 !important;
    font-family: inherit !important;
    box-shadow: none !important;
    text-transform: none !important;
    line-height: 1 !important;
    min-width: auto !important;
    height: auto !important;
}

.tax-product_brand .artist-tab-button:hover {
    color: #111 !important;
    background: none !important;
    box-shadow: none !important;
}

.tax-product_brand .artist-tab-button.active {
    color: #111 !important;
    background: none !important;
    box-shadow: none !important;
}

.tax-product_brand .artist-tab-button.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: #111 !important;
}

.tax-product_brand .artist-tab-content {
    display: none !important;
}

.tax-product_brand .artist-tab-content.active {
    display: block !important;
}

/* Artworks Tab Content */
.tax-product_brand #artworks-tab {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* About Tab Content */
.tax-product_brand .artist-about-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.tax-product_brand .artist-about-container section {
    margin-bottom: 50px !important;
}

.tax-product_brand .artist-about-container section:last-child {
    margin-bottom: 0 !important;
}

.tax-product_brand .artist-about-container h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 20px !important;
    color: #111 !important;
    letter-spacing: 0 !important;
}

.tax-product_brand .artist-about-container h3 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #666 !important;
    margin: 0 0 8px !important;
}

.tax-product_brand .artist-bio-content {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #555 !important;
}

.tax-product_brand .artist-bio-content p {
    margin-bottom: 16px !important;
}

.tax-product_brand .artist-bio-content p:last-child {
    margin-bottom: 0 !important;
}

/* Highlights Grid */
.tax-product_brand .artist-highlights-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 32px !important;
}

.tax-product_brand .highlight-item {
    padding: 0 !important;
    border: none !important;
}

.tax-product_brand .highlight-item-full {
    grid-column: 1 / -1 !important;
}

.tax-product_brand .highlight-item p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    .tax-product_brand .artist-highlights-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Artist Series Grid */
.artist-series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 32px 24px;
}

.series-card {
    border: none;
    overflow: hidden;
    transition: opacity 0.2s;
}

.series-card:hover {
    opacity: 0.8;
}

.series-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.series-card-image {
    aspect-ratio: 3/2;
    overflow: hidden;
    background: #f8f8f8;
    margin-bottom: 12px;
}

.series-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.series-card:hover .series-card-image img {
    transform: scale(1.03);
}

.series-card-info {
    padding: 0;
}

.series-card-info h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 4px;
    color: #000;
    text-transform: none;
    letter-spacing: -0.01em;
}

.series-count {
    font-size: 13px;
    color: #757575;
    margin: 0;
}

/* Related Artists Grid */
.related-artists-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 32px 20px;
}

.related-artist-card {
    text-align: center;
}

.related-artist-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s;
}

.related-artist-link:hover {
    opacity: 0.7;
}

.related-artist-image {
    margin-bottom: 10px;
}

.related-artist-image img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #f0f0f0;
}

.related-artist-info h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 2px;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
}

.related-artist-subtitle {
    font-size: 12px;
    color: #757575;
    margin: 0;
    line-height: 1.4;
}

/* Related Categories */
.related-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.category-tag {
    display: inline-block;
    padding: 6px 14px;
    background: #f8f8f8;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid #f0f0f0;
}

.category-tag:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .artist-archive-page {
        padding: 0 0px !important;
    }
    
    .tax-product_brand .artist-hero {
        padding: 30px 20px 24px !important;
    }
    
    .tax-product_brand .artist-hero-content {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .tax-product_brand .artist-portrait img {
        height: 250px !important;
    }
    
    .tax-product_brand .artist-info {
        padding-top: 0 !important;
    }
    
    .tax-product_brand .artist-name {
        font-size: 32px !important;
    }
    
    .tax-product_brand .artist-bio-preview {
        grid-column: 1 / -1 !important;
        margin-top: 20px !important;
        padding-top: 20px !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
    
    .tax-product_brand .artist-tabs-nav {
        gap: 32px !important;
    }
    
    .tax-product_brand .artist-tab-button {
        font-size: 15px !important;
    }
    
    .tax-product_brand .artist-series-grid {
        grid-template-columns: 1fr !important;
    }
    
    .tax-product_brand .related-artists-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* =============================================================================
   CATALOG MODE - NAVIGATION TOOLTIPS
   Hide prices in prev/next product navigation tooltips
   ============================================================================= */

/* Hide prices in product navigation tooltips for catalog mode products */
.single-product .product-navigation__tooltip-price,
.single-product .product-navigation__tooltip-price .price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* If PHP filter works correctly, this ensures no price HTML is rendered
   But this CSS acts as a failsafe */

/* =============================================================================
   MORE FROM THIS SERIES (PROPERLY FORKED FROM RELATED PRODUCTS)
   ============================================================================= */

.series-products {
    padding: 60px 0;
    border-top: 1px solid #e5e5e5;
}

.series-products .container {
    /* Inherits container padding from theme */
}

.series-products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.series-products-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.series-view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.series-view-all:hover {
    opacity: 0.7;
}

.series-view-all svg {
    transition: transform 0.2s ease;
}

.series-view-all:hover svg {
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 768px) {
    .series-products {
        padding: 40px 0;
    }
    
    .series-products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .series-products-header h2 {
        font-size: 20px;
    }
}