/**
 * PowerX WooCommerce Dedicated Stylesheet
 * ⚡ COMPILED ASSET - DO NOT EDIT DIRECTLY.
 * Source file: assets/css/src/conditional/woocommerce.css
 * Run build via: php bin/build-theme-css.php
 *
 * @package PowerX
 * @version 0.0.1
 */

/* ==========================================================================
   PowerX Product & Collection Card Equalizer (Automatic Image Height & Alignment)
   ========================================================================== */

/* 1. WooCommerce Gutenberg Block Products (.wc-block-grid) & Cart Page Equalizer
   Aligned 100% with PowerX Modular E-Commerce Card Architecture */

/* Empty Cart & Cart Block Page Layout */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-empty-cart-block {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px 60px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wc-block-cart__empty-cart__title {
    font-family: var(--powerx-font-primary, inherit) !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--powerx-neutral-900, #0f172a) !important;
    text-align: center !important;
    margin: 16px 0 12px 0 !important;
    letter-spacing: -0.02em !important;
}

.wp-block-heading.has-text-align-center {
    font-family: var(--powerx-font-primary, inherit) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--powerx-neutral-900, #0f172a) !important;
    margin: 28px 0 20px 0 !important;
    text-align: center !important;
    letter-spacing: -0.01em !important;
}

.wc-block-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wc-block-grid.has-1-columns .wc-block-grid__products { grid-template-columns: 1fr !important; }
.wc-block-grid.has-2-columns .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.wc-block-grid.has-3-columns .wc-block-grid__products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.wc-block-grid.has-4-columns .wc-block-grid__products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.wc-block-grid.has-5-columns .wc-block-grid__products { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.wc-block-grid.has-6-columns .wc-block-grid__products { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }

@media (max-width: 1100px) {
    .wc-block-grid__products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 768px) {
    .wc-block-grid__products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 480px) {
    .wc-block-grid__products {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* Card Outer Container */
.wc-block-grid__product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    background: var(--powerx-neutral-0, #ffffff) !important;
    background-color: var(--powerx-neutral-0, #ffffff) !important;
    border: 1px solid var(--powerx-neutral-150, #e2e8f0) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 1px 3px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.04)) !important;
    transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: none !important;
}

.wc-block-grid__product:hover {
    transform: none !important; /* Hover float yasağına tam uyum */
    border-color: var(--powerx-neutral-200, #cbd5e1) !important;
    box-shadow: 0 8px 24px -4px var(--powerx-overlay-navy, rgba(15, 23, 42, 0.08)) !important;
}

.wc-block-grid__product-link {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    text-decoration: none !important;
}

/* 1. Media Box (Pastel Wrap #f8fafc) */
.wc-block-grid__product-image,
.wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image,
.wc-block-components-product-image {
    position: relative !important;
    width: 100% !important;
    height: 200px !important;
    max-height: 200px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background-color: var(--powerx-neutral-100, #f8fafc) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 14px 0 !important;
    box-sizing: border-box !important;
}

.wc-block-grid__product-image a,
.wc-block-components-product-image a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.wc-block-grid__product-image img,
.wc-block-grid__product-image a img,
.wc-block-components-product-image img {
    max-height: 160px !important;
    width: auto !important;
    max-width: 85% !important;
    object-fit: contain !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s ease !important;
    background: transparent !important;
    background-color: transparent !important;
    margin: auto !important;
    display: block !important;
}

.wc-block-grid__product:hover .wc-block-grid__product-image img,
.wc-block-grid__product:hover .wc-block-components-product-image img {
    transform: scale(1.05) !important;
}

/* 2. Product Body */
.wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title {
    font-family: var(--powerx-font-primary, inherit) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--powerx-neutral-900, #0f172a) !important;
    line-height: 1.35 !important;
    margin: 0 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.7em !important;
    text-align: left !important;
    transition: color 0.15s ease !important;
}

.wc-block-grid__product:hover .wc-block-grid__product-title,
.wc-block-grid__product-title:hover {
    color: var(--powerx-primary-color, #0284c7) !important;
}

/* 3. Price */
.wc-block-grid__product-price,
.wc-block-grid__product-price.price {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--powerx-neutral-900, #0f172a) !important;
    line-height: 1.1 !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
    letter-spacing: -0.02em !important;
}

/* 4. Capsule Add to Cart Button (Defends against vertical text breaking) */
.wc-block-grid__product-add-to-cart,
.wc-block-grid__product-add-to-cart.wp-block-button {
    margin-top: auto !important;
    width: 100% !important;
    display: flex !important;
    white-space: nowrap !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wc-block-grid__product-add-to-cart a.button,
.wc-block-grid__product-add-to-cart .add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 9px 16px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    background-color: var(--powerx-neutral-900, #0f172a) !important;
    color: var(--powerx-neutral-0, #ffffff) !important;
    border-radius: 9999px !important;
    border: none !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, opacity 0.2s ease !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart a.button:hover,
.wc-block-grid__product-add-to-cart .add_to_cart_button:hover {
    background-color: var(--powerx-neutral-900, #1e293b) !important;
    color: var(--powerx-neutral-0, #ffffff) !important;
    transform: none !important;
}


/* =============================================================================
   2.0 - SHOP TOOLBAR & BREADCRUMB SANITIZATION
   ============================================================================= */

/* =============================================================================
   2.0 - SHOP TOOLBAR & BREADCRUMB SANITIZATION
   ============================================================================= */

/* Suppress redundant raw breadcrumb in archive main body */
.powerx-woocommerce-archive .woocommerce-breadcrumb {
    display: none;
}

/* PowerX Modern Shop Toolbar */
.powerx-shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-200, #e2e8f0);
    border-radius: var(--powerx-radius-md, 8px);
    padding: 12px 18px;
    margin-bottom: 24px;
    box-shadow: 0 1px 2px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.03));
}

.powerx-shop-toolbar .woocommerce-result-count {
    margin: 0;
    padding: 0;
    float: none;
    font-size: 14px;
    color: var(--powerx-neutral-600, #64748b);
    font-weight: 500;
}

.powerx-shop-toolbar .woocommerce-ordering {
    margin: 0;
    padding: 0;
    float: none;
}

.powerx-shop-toolbar .woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--powerx-neutral-100, #f8fafc);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    border: 1px solid var(--powerx-neutral-300, #cbd5e1);
    border-radius: 6px;
    padding: 7px 34px 7px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--powerx-neutral-800, #1e293b);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
}

.powerx-shop-toolbar .woocommerce-ordering select.orderby:hover {
    border-color: var(--powerx-neutral-400, #94a3b8);
}

.powerx-shop-toolbar .woocommerce-ordering select.orderby:focus {
    border-color: var(--powerx-primary-500, #2563eb);
    box-shadow: 0 0 0 3px var(--powerx-color-alpha, rgba(37, 99, 235, 0.12));
}

/* =============================================================================
   2.1 - CLASSIC WOOCOMMERCE LOOP PRODUCTS (ul.products li.product)
   ============================================================================= */

/* 🛑 Critical Fix: Eliminate WooCommerce core ::before/::after table float-clear elements that take Grid Cell 1 */
.woocommerce ul.products::before,
.woocommerce-page ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::after {
    content: none !important;
    display: none !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    margin: 0 0 2rem 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex !important; /* WooCommerce override: equalize loop product heights */
    flex-direction: column !important;
    height: 100% !important;
    text-align: center;
    padding: 1.25rem 1rem;
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-200, #e2e8f0);
    border-radius: var(--powerx-radius-md, 8px);
    box-shadow: 0 1px 3px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.04));
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: none !important; /* STRICT: No hover float per Master Guidelines Rule 6 */
    border-color: var(--powerx-primary-300, #93c5fd);
    box-shadow: 0 6px 16px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.08));
}

.woocommerce ul.products li.product:has(.px-product-card),
.woocommerce-page ul.products li.product:has(.px-product-card) {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    text-decoration: none;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .powerx-cat-thumbnail-wrap {
    width: 100%;
    height: var(--powerx-product-img-height, 220px) !important; /* WooCommerce override: lock image height in classic loop */
    max-height: var(--powerx-product-img-max-height, 240px) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: var(--powerx-product-img-fit, contain) !important;
    object-position: center;
    margin: var(--px-loop-img-margin, 0 auto 0.75rem auto);
    background-color: var(--powerx-product-img-bg, transparent);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.05);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--powerx-font-primary, inherit);
    font-size: 1rem;
    font-weight: 600;
    color: var(--powerx-heading-color, #212134);
    line-height: 1.4;
    margin: var(--px-loop-title-margin, 0.5rem 0);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: var(--px-loop-title-min-h, 2.8em);
}

.woocommerce ul.products li.product .price {
    font-size: 1rem;
    font-weight: 700;
    color: var(--powerx-primary-color, #4945ff);
    margin: var(--px-loop-price-margin, 0.25rem 0 1rem 0);
}

.woocommerce ul.products li.product .button {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}

/* 3. PowerX Modular Cards & Collections (.powerx-cat-card, .px-product-card) */
.powerx-cat-card,
.px-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.powerx-cat-thumbnail-wrap,
.px-product-thumb-box {
    width: 100%;
    height: var(--powerx-product-img-height, 220px);
    max-height: var(--powerx-product-img-max-height, 240px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    background-color: var(--powerx-product-img-bg, transparent);
    margin: var(--px-product-thumb-margin, 0 0 0.75rem 0);
}

.powerx-cat-card.powerx-cat-card-collection .powerx-cat-thumbnail-wrap,
.powerx-collection-card .powerx-cat-thumbnail-wrap {
    height: var(--powerx-collection-img-height, 240px);
    max-height: var(--powerx-collection-img-max-height, 260px);
    background-color: var(--powerx-collection-img-bg, transparent);
}

.powerx-cat-thumbnail,
.px-product-thumb,
.powerx-secondary-hover-img,
.px-secondary-img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: var(--powerx-product-img-fit, contain);
    object-position: center;
    margin: auto;
    display: block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.powerx-cat-card.powerx-cat-card-collection .powerx-cat-thumbnail,
.powerx-cat-card.powerx-cat-card-collection .px-product-thumb,
.powerx-collection-card .powerx-cat-thumbnail,
.powerx-collection-card .px-product-thumb {
    object-fit: var(--powerx-collection-img-fit, var(--powerx-product-img-fit, contain));
}

.powerx-cat-card:hover .powerx-cat-thumbnail,
.px-product-card:hover .px-product-thumb {
    transform: scale(1.05);
}

.powerx-cat-body,
.px-product-info {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

/* ==========================================================================
   3.1 PowerX Modern E-Commerce Retail Product Card (.powerx-ecommerce-card)
   ========================================================================== */
.powerx-ecommerce-card {
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: 18px;
    padding: var(--px-ecom-card-pad, 16px);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 1px 3px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.04));
    transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transform: none;
}

.powerx-ecommerce-card:hover {
    transform: none; /* Strictly comply with Hover Float Prohibition */
    border-color: var(--powerx-neutral-200, #cbd5e1);
    box-shadow: 0 8px 24px -4px var(--powerx-overlay-navy, rgba(15, 23, 42, 0.08));
}

/* Zero Placeholder / Image-Only E-Commerce Card Precision */
.powerx-ecommerce-card.has-no-body,
.powerx-ecommerce-card.px-card-image-only {
    padding: 0;
    border-radius: var(--px-prod-card-radius, 14px);
    overflow: hidden;
    height: auto;
    min-height: 0;
}

.powerx-ecommerce-card.has-no-body .px-product-media-wrap,
.powerx-ecommerce-card.px-card-image-only .px-product-media-wrap {
    border-radius: inherit;
    height: auto;
    min-height: 0;
    aspect-ratio: var(--px-prod-img-ar, 4/3);
    max-height: var(--px-prod-img-max-h, none);
}

.powerx-ecommerce-card.has-no-body .px-product-thumb-box,
.powerx-ecommerce-card.px-card-image-only .px-product-thumb-box {
    height: 100%;
    width: 100%;
}

.powerx-ecommerce-card.has-no-body .px-product-thumb,
.powerx-ecommerce-card.px-card-image-only .px-product-thumb {
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: var(--px-prod-img-pad, 0);
}

.powerx-ecommerce-card .powerx-cat-body:empty,
.powerx-ecommerce-card .px-product-info:empty {
    display: none;
    padding: 0;
    margin: 0;
    border: none;
    height: 0;
    min-height: 0;
}

.powerx-ecommerce-card .px-product-media-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: var(--px-prod-img-ar, 4/3);
    max-height: var(--px-prod-img-max-h, 300px);
    border-radius: 14px;
    overflow: hidden;
    background-color: var(--powerx-neutral-100, #f8fafc);
    display: flex;
    align-items: center;
    justify-content: center;
}

.powerx-ecommerce-card .px-badge-stack {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: var(--powerx-z-card, 3);
    display: flex;
    flex-direction: column;
    gap: 6px;
    pointer-events: none;
}

.powerx-ecommerce-card .px-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    padding: var(--px-ecom-badge-pad, 3px 9px);
    border-radius: 9999px;
    text-transform: none;
    letter-spacing: 0.01em;
}

.powerx-ecommerce-card .px-badge-sale,
.powerx-ecommerce-card .px-badge-bestseller {
    background-color: var(--powerx-danger-50, #fef2f2);
    color: var(--powerx-danger-500, #ef4444);
}

.powerx-ecommerce-card .px-badge-featured,
.powerx-ecommerce-card .px-badge-pill-blue {
    background-color: var(--powerx-primary-50, #eff6ff);
    color: var(--powerx-primary-500, #2563eb);
}

.powerx-ecommerce-card .px-badge-new {
    background-color: var(--powerx-success-50, #f0fdf4);
    color: var(--powerx-success-500, #16a34a);
}

.powerx-ecommerce-card .px-badge-stockout {
    background-color: var(--powerx-neutral-100, #f1f5f9);
    color: var(--powerx-neutral-600, #64748b);
}

.powerx-ecommerce-card .px-action-stack {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10 !important;
    pointer-events: auto !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.powerx-ecommerce-card .px-card-action-btn {
    width: 32px;
    height: var(--px-ecom-action-btn-h, 32px);
    border-radius: 50%;
    background-color: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    box-shadow: 0 1px 3px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.05));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--powerx-neutral-600, #64748b);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    text-decoration: none;
    padding: 0;
    transform: none;
}

.powerx-ecommerce-card .px-card-action-btn:hover {
    background-color: var(--powerx-neutral-900, #0f172a);
    border-color: var(--powerx-neutral-900, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    transform: none;
}

.powerx-ecommerce-card .px-card-action-btn svg {
    width: 15px;
    height: var(--px-ecom-action-svg-h, 15px);
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
}

.powerx-ecommerce-card .px-product-thumb-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.powerx-ecommerce-card .px-product-thumb {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: var(--px-prod-img-fit, contain);
    padding: var(--px-prod-img-pad, 0);
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

.powerx-ecommerce-card:hover .px-product-thumb {
    transform: scale(1.05);
}

.powerx-ecommerce-card .px-product-info {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    padding-top: var(--px-ecom-info-pt, 14px);
}

.powerx-ecommerce-card .px-product-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--px-ecom-meta-min-h, 18px);
    margin-bottom: 6px;
    gap: 8px;
}

.powerx-ecommerce-card .px-product-brand {
    font-size: 11px;
    font-weight: 700;
    color: var(--powerx-neutral-600, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: color 0.15s ease;
}

.powerx-ecommerce-card .px-product-brand:hover {
    color: var(--powerx-neutral-900, #0f172a);
}

.powerx-ecommerce-card .px-product-rating-wrap {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 700;
}

.powerx-ecommerce-card .px-stars {
    color: var(--powerx-warning-500, #f59e0b);
    font-size: 11.5px;
    letter-spacing: 1px;
    line-height: 1;
}

.powerx-ecommerce-card .px-rating-val {
    color: var(--powerx-warning-500, #d97706);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
    margin-left: 2px;
}

.powerx-ecommerce-card .px-product-title {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    margin: var(--px-ecom-title-margin, 0 0 8px 0);
    min-height: var(--px-ecom-title-min-h, 2.7em);
}

.powerx-ecommerce-card .px-product-title a {
    color: var(--powerx-neutral-900, #0f172a);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.15s ease;
}

.powerx-ecommerce-card .px-product-title a:hover {
    color: var(--powerx-primary-color, #0284c7);
}

.powerx-ecommerce-card .px-product-snippet {
    font-size: 12.5px;
    color: var(--powerx-neutral-600, #64748b);
    line-height: 1.45;
    margin: var(--px-ecom-snippet-margin, 0 0 16px 0);
    min-height: var(--px-ecom-snippet-min-h, 2.9em);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.powerx-ecommerce-card .px-product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 0;
    gap: 8px;
}

.powerx-ecommerce-card .px-product-price-box {
    font-size: 18px;
    font-weight: 800;
    color: var(--powerx-neutral-900, #0f172a);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.powerx-ecommerce-card .px-product-price-box .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--powerx-neutral-900, #0f172a);
}

.powerx-ecommerce-card .px-product-price-box del {
    font-size: 12px;
    color: var(--powerx-neutral-400, #94a3b8);
    font-weight: 500;
    text-decoration: line-through;
}

.powerx-ecommerce-card .px-product-price-box ins {
    text-decoration: none;
    color: var(--powerx-danger-500, #dc2626);
    font-weight: 800;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap {
    flex-shrink: 0;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap .button,
.powerx-ecommerce-card .px-product-cart-btn-wrap a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: var(--px-ecom-cart-btn-pad, 9px 16px);
    font-size: 12.5px;
    font-weight: 700;
    background-color: var(--powerx-neutral-900, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    border-radius: 9999px;
    border: none;
    text-decoration: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
    line-height: 1.2;
    margin: 0;
    width: auto;
    transform: none;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap .button:hover,
.powerx-ecommerce-card .px-product-cart-btn-wrap a.button:hover {
    background-color: var(--powerx-neutral-900, #1e293b);
    color: var(--powerx-neutral-0, #ffffff);
    transform: none;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap .button svg,
.powerx-ecommerce-card .px-product-cart-btn-wrap a.button svg {
    width: 14px;
    height: var(--px-ecom-cart-svg-h, 14px);
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    flex-shrink: 0;
    vertical-align: middle;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap .button.loading {
    opacity: 0.7;
}

.powerx-ecommerce-card .px-product-cart-btn-wrap .button.added::after {
    margin-left: 4px;
}

/* ==========================================================================
   3.2 Elementor Products Grid Dynamic Scope Adaptation
   ========================================================================== */
.px-products-grid-widget .powerx-ecommerce-card {
    padding: var(--px-prod-card-pad, 0);
    border-radius: var(--px-prod-card-radius, 0);
    border-style: var(--px-prod-card-border-style, none);
    border-width: var(--px-prod-card-border-width, 1px);
    border-color: var(--px-prod-card-border, transparent);
    background-color: var(--px-prod-card-bg, #ffffff);
}

.px-products-grid-widget .powerx-ecommerce-card:hover {
    border-color: var(--px-prod-card-border-hover, transparent);
    background-color: var(--px-prod-card-bg-hover, var(--px-prod-card-bg, #ffffff));
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-media-wrap {
    height: var(--px-prod-img-max-h, auto);
    max-height: var(--px-prod-img-max-h, none);
    aspect-ratio: var(--px-prod-img-ar, 4/3);
    border-radius: var(--px-prod-card-radius, 0);
    background-color: var(--px-prod-thumb-bg, transparent);
    overflow: hidden;
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-thumb-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-thumb {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: var(--px-prod-img-pad, 0);
    object-fit: var(--px-prod-img-fit, contain);
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-info,
.px-products-grid-widget .powerx-ecommerce-card .powerx-cat-body {
    padding: var(--px-prod-body-pad, 0);
    border-top: var(--px-prod-divider-width, 0) var(--px-prod-divider-style, solid) var(--px-prod-divider-color, transparent);
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-title {
    min-height: auto;
}

.px-products-grid-widget .powerx-ecommerce-card .px-product-info > *:last-child,
.px-products-grid-widget .powerx-ecommerce-card .powerx-cat-body > *:last-child {
    margin-bottom: 0;
}

   9.1 WooCommerce My Account (Clean Neutral Minimalist Architecture)
   ========================================================================== */
.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
    display: none;
}

/* Sidebar Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    box-sizing: border-box;
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    padding: 8px;
    box-shadow: 0 1px 2px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.03));
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: var(--powerx-radius-sm, 4px);
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--powerx-neutral-700, #475569);
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background-color: var(--powerx-neutral-100, #f8fafc);
    color: var(--powerx-neutral-900, #0f172a);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background-color: var(--powerx-neutral-100, #f1f5f9);
    color: var(--powerx-neutral-900, #0f172a);
    font-weight: 600;
}

/* Vector Icons - Clean Muted Neutral */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: var(--powerx-neutral-600, #64748b);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:hover a::before,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
    background-color: var(--powerx-neutral-900, #0f172a);
}

/* Dashboard icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

/* Orders icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

/* Downloads icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
}

/* Edit address icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* Edit account icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* Logout icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: var(--powerx-danger-500, #ef4444);
    background-color: var(--powerx-danger-50, #fef2f2);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover::before {
    background-color: var(--powerx-danger-500, #ef4444);
}

/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    box-sizing: border-box;
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    padding: var(--px-wc-account-pad, 28px 32px);
    box-shadow: 0 1px 2px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.03));
    color: var(--powerx-neutral-800, #334155);
    line-height: 1.65;
}

@media (max-width: 860px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: var(--px-wc-account-pad-resp, 20px 18px);
    }
}

.woocommerce-account .woocommerce-MyAccount-content p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 0.9375rem;
    color: var(--powerx-neutral-800, #334155);
    line-height: 1.6;
}

.woocommerce-account .woocommerce-MyAccount-content p strong {
    color: var(--powerx-neutral-900, #0f172a);
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--powerx-neutral-900, #0f172a);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: var(--powerx-neutral-700, #475569);
}

/* Notice / Information Boxes - Clean Neutral Architecture */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border-radius: var(--powerx-radius-sm, 4px);
    padding: var(--px-wc-msg-pad, 14px 18px);
    margin-bottom: var(--px-wc-msg-mb, 1.25rem);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    background: var(--powerx-neutral-100, #f8fafc);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    color: var(--powerx-neutral-800, #334155);
    line-height: 1.5;
}

.woocommerce-account .woocommerce-info {
    background-color: var(--powerx-neutral-100, #f8fafc);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    color: var(--powerx-neutral-800, #334155);
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before {
    display: none !important;
}

.woocommerce-account .woocommerce-message {
    background-color: var(--powerx-success-50, #f0fdf4);
    border: 1px solid var(--powerx-color-token, #bbf7d0);
    color: var(--powerx-color-token, #166534);
}

.woocommerce-account .woocommerce-error {
    background-color: var(--powerx-danger-50, #fef2f2);
    border: 1px solid var(--powerx-color-token, #fecaca);
    color: var(--powerx-danger-500, #991b1b);
    list-style: none;
}

/* Notice action buttons / links */
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-message .button {
    order: 2;
    display: inline-flex;
    align-items: center;
    padding: var(--px-wc-msg-btn-pad, 6px 14px);
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: var(--powerx-radius-sm, 4px);
    background: var(--powerx-neutral-900, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    text-decoration: none;
    margin-left: auto;
    transition: background-color 0.15s ease;
}

.woocommerce-account .woocommerce-info .button:hover,
.woocommerce-account .woocommerce-message .button:hover {
    background: var(--powerx-neutral-800, #334155);
    color: var(--powerx-neutral-0, #ffffff);
}

/* Orders & Data Tables */
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 1.25rem 0;
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    background: var(--powerx-neutral-100, #f8fafc);
    color: var(--powerx-neutral-700, #475569);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: var(--px-wc-table-th-pad, 12px 16px);
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: var(--px-wc-table-td-pad, 12px 16px);
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: var(--powerx-neutral-800, #334155);
    vertical-align: middle;
}

.woocommerce-account .woocommerce-MyAccount-content table tr:last-child td {
    border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-content table tr:hover td {
    background-color: var(--powerx-neutral-100, #f8fafc);
}

.woocommerce-account .woocommerce-MyAccount-content table .button {
    display: inline-flex;
    align-items: center;
    padding: var(--px-wc-table-btn-pad, 6px 12px);
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: var(--powerx-radius-sm, 4px);
    background: var(--powerx-neutral-900, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-content table .button:hover {
    background: var(--powerx-neutral-800, #334155);
    color: var(--powerx-neutral-0, #ffffff);
}

/* Addresses */
.woocommerce-account .woocommerce-Addresses {
    display: grid !important; /* WooCommerce override: replace legacy float layout with modern CSS Grid */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 1.25rem;
}

.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
    display: none !important; /* WooCommerce override: remove clearfix pseudo elements */
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
    float: none !important; /* WooCommerce override: neutralize float columns */
    width: 100% !important;
    background: var(--powerx-neutral-100, #f8fafc);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    padding: 20px 22px;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce-Address header.title,
.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: var(--px-wc-address-mb, 12px);
    padding-bottom: var(--px-wc-address-pb, 8px);
    border-bottom: 1px solid #e2e8f0;
}

.woocommerce-account .woocommerce-Address header.title h2,
.woocommerce-account .woocommerce-Address header.title h3 {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--powerx-neutral-900, #0f172a);
    letter-spacing: -0.01em;
}

.woocommerce-account .woocommerce-Address header.title .edit {
    display: inline-flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--powerx-neutral-900, #0f172a);
    text-decoration: none;
    padding: var(--px-wc-address-edit-pad, 4px 10px);
    border-radius: var(--powerx-radius-sm, 4px);
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-200, #cbd5e1);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce-Address header.title .edit:hover {
    background: var(--powerx-neutral-100, #f1f5f9);
    color: var(--powerx-neutral-900, #0f172a);
}

.woocommerce-account .woocommerce-Address address {
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--powerx-neutral-700, #475569);
}

/* Account Forms */
.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    padding: 20px 22px;
    margin: 1.5rem 0;
    background: var(--powerx-neutral-100, #f8fafc);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--powerx-neutral-900, #0f172a);
    padding: 0 6px;
}

.woocommerce-account .woocommerce-form-row {
    margin-bottom: 1.125rem;
}

.woocommerce-account .woocommerce-form-row label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--powerx-neutral-800, #334155);
    margin-bottom: 5px;
}

.woocommerce-account .woocommerce-form-row .required {
    color: var(--powerx-danger-500, #dc2626);
    text-decoration: none;
}

.woocommerce-account .woocommerce-form-row input.input-text,
.woocommerce-account .woocommerce-form-row select {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--powerx-neutral-200, #cbd5e1);
    border-radius: var(--powerx-radius-sm, 4px);
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--powerx-neutral-900, #0f172a);
    background: var(--powerx-neutral-0, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-account .woocommerce-form-row input.input-text:focus,
.woocommerce-account .woocommerce-form-row select:focus {
    border-color: var(--powerx-neutral-900, #0f172a);
    box-shadow: 0 0 0 1px var(--powerx-neutral-900, #0f172a);
    outline: none;
}

.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .woocommerce-form-login__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--px-wc-btn-pad, 10px 22px);
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: var(--powerx-radius-sm, 4px);
    background-color: var(--powerx-neutral-900, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
    text-decoration: none;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .woocommerce-form-register__submit:hover,
.woocommerce-account .woocommerce-form-login__submit:hover {
    background-color: var(--powerx-neutral-800, #334155);
    color: var(--powerx-neutral-0, #ffffff);
}

/* Logged Out / Login-Register columns */
.woocommerce-account #customer_login {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
}

.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-150, #e2e8f0);
    border-radius: var(--powerx-radius-sm, 4px);
    padding: 28px;
    box-shadow: 0 1px 2px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.03));
}

.woocommerce-account #customer_login h2 {
    font-size: 1.1875rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: var(--powerx-neutral-900, #0f172a);
}



/* ==========================================================================
   PowerX WooCommerce Lightbox (PhotoSwipe) & Overlay Styling
   ========================================================================== */
.pswp {
    z-index: 9999999 !important;
}

.pswp .pswp__bg {
    background: var(--powerx-overlay-navy, rgba(15, 23, 42, 0.85));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 1;
}

.pswp .pswp__ui--fit .pswp__top-bar,
.pswp .pswp__ui--fit .pswp__caption {
    background-color: transparent;
}

.pswp .pswp__top-bar {
    background: linear-gradient(to bottom, var(--powerx-overlay-navy, rgba(15, 23, 42, 0.6)) 0%, transparent 100%);
    padding-top: 8px;
}

.pswp__button--close,
.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom {
    opacity: 0.85;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pswp__button:hover {
    opacity: 1;
    transform: scale(1.08);
}

.pswp__img {
    border-radius: var(--powerx-radius-sm, 4px);
    box-shadow: 0 25px 50px -12px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.4));
}



/* ==========================================================================
   PowerX Modern WooCommerce Single Product Layout
   ========================================================================== */
.woocommerce div.product,
.powerx-woocommerce-single div.product {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}

/* Clearfix fallback */
.woocommerce div.product::after,
.powerx-woocommerce-single div.product::after {
    content: "";
    display: table;
    clear: both;
}

/* Gallery / Main Image Column (Left 48%) */
.woocommerce div.product div.images,
.powerx-woocommerce-single div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
    float: left;
    width: 48% !important; /* WooCommerce override: enforce 2-column single product split */
    max-width: 48% !important;
    margin-bottom: 40px;
}

.woocommerce div.product div.images img,
.powerx-woocommerce-single div.product div.images img,
.woocommerce div.product .woocommerce-product-gallery img {
    width: 100%;
    height: auto;
    border-radius: var(--powerx-radius-sm, 4px);
    display: block;
}

/* Product Summary Column (Right 48%) */
.woocommerce div.product div.summary,
.powerx-woocommerce-single div.product div.summary,
.woocommerce div.product .entry-summary {
    float: right;
    width: 48% !important; /* WooCommerce override: enforce 2-column single product split */
    max-width: 48% !important;
    margin-bottom: 40px;
}

.woocommerce div.product .product_title,
.powerx-woocommerce-single div.product .product_title {
    font-size: 28px;
    font-weight: 700;
    color: var(--powerx-neutral-900, #212134);
    line-height: 1.25;
    margin: var(--px-single-title-margin, 0 0 14px 0);
}

.woocommerce div.product .product_meta,
.powerx-woocommerce-single div.product .product_meta {
    font-size: 14px;
    color: var(--powerx-neutral-600, #64748b);
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}

.woocommerce div.product .product_meta a,
.powerx-woocommerce-single div.product .product_meta a {
    color: var(--powerx-neutral-900, #212134);
    text-decoration: none;
    font-weight: 500;
}

/* Force Tabs, Upsells, and Related Products to 100% Full Width on New Line Below Top Row */
.woocommerce div.product .woocommerce-tabs,
.powerx-woocommerce-single div.product .woocommerce-tabs,
.woocommerce div.product .related.products,
.powerx-woocommerce-single div.product .related.products,
.woocommerce div.product .upsells.products,
.powerx-woocommerce-single div.product .upsells.products,
.woocommerce div.product section.related,
.powerx-woocommerce-single div.product section.related {
    clear: both !important; /* WooCommerce override: force full width row break below gallery/summary */
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Related Products Heading */
.woocommerce div.product .related.products > h2,
.powerx-woocommerce-single div.product .related.products > h2,
.woocommerce div.product section.related > h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--powerx-neutral-900, #212134);
    margin: 0 0 24px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

/* Related Products Grid (4 Equal Columns) */
.woocommerce div.product .related.products ul.products,
.powerx-woocommerce-single div.product .related.products ul.products {
    display: grid !important; /* WooCommerce override: modern 4-col CSS Grid replacing float products */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100% !important;
}

.woocommerce div.product .related.products ul.products::before,
.woocommerce div.product .related.products ul.products::after {
    display: none !important; /* WooCommerce override: remove float clearing pseudo elements */
}

.woocommerce div.product .related.products ul.products li.product,
.powerx-woocommerce-single div.product .related.products ul.products li.product {
    width: 100% !important; /* WooCommerce override: neutralize fixed percentage column width */
    max-width: 100% !important;
    margin: 0;
}

/* Responsive Single Product */
@media (max-width: 860px) {
    .woocommerce div.product div.images,
    .powerx-woocommerce-single div.product div.images,
    .woocommerce div.product .woocommerce-product-gallery,
    .woocommerce div.product div.summary,
    .powerx-woocommerce-single div.product div.summary,
    .woocommerce div.product .entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        
    }

    .woocommerce div.product .related.products ul.products,
    .powerx-woocommerce-single div.product .related.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 520px) {
    .woocommerce div.product .related.products ul.products,
    .powerx-woocommerce-single div.product .related.products ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* =============================================================================
   WOOCOMMERCE CART & CROSS-SELLS GRID REVISION (EKSIK-010)
   ============================================================================= */
.woocommerce-cart .cross-sells ul.products,
.woocommerce-cart ul.products,
.woocommerce-page.woocommerce-cart ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    margin: 0 0 32px 0;
    padding: 0;
    list-style: none;
}

.woocommerce-cart .cross-sells ul.products::before,
.woocommerce-cart .cross-sells ul.products::after,
.woocommerce-cart ul.products::before,
.woocommerce-cart ul.products::after {
    display: none !important;
}

.woocommerce-cart .cross-sells ul.products li.product,
.woocommerce-cart ul.products li.product {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    float: none !important;
    margin: 0;
}

.woocommerce-cart ul.products li.product .button,
.woocommerce-cart ul.products li.product .add_to_cart_button {
    white-space: nowrap;
}

/* Empty Cart Modern Alert & Button */
.woocommerce-cart .cart-empty.woocommerce-info {
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-200, #e2e8f0);
    border-radius: var(--powerx-radius-lg, 12px);
    padding: var(--px-cart-empty-pad, 32px 24px);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--powerx-neutral-700, #334155);
    box-shadow: 0 4px 6px -1px var(--powerx-overlay-dark, rgba(0, 0, 0, 0.05));
    margin-bottom: var(--px-cart-empty-mb, 24px);
}

.woocommerce-cart .return-to-shop {
    text-align: center;
    margin-bottom: 40px;
}

.woocommerce-cart .return-to-shop .button {
    background-color: var(--powerx-primary, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    padding: var(--px-cart-return-pad, 14px 32px);
    border-radius: var(--powerx-radius-md, 8px);
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.woocommerce-cart .return-to-shop .button:hover {
    background-color: var(--powerx-primary-hover, #1e293b);
}

/* =============================================================================
   WOOCOMMERCE SINGLE PRODUCT UI/UX REVISION (EKSIK-008)
   ============================================================================= */
.woocommerce div.product form.cart .single_add_to_cart_button,
.powerx-woocommerce-single div.product form.cart .single_add_to_cart_button {
    background-color: var(--powerx-primary, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    font-weight: 700;
    font-size: 15px;
    padding: var(--px-single-cart-btn-pad, 14px 28px);
    border-radius: var(--powerx-radius-md, 8px);
    border: none;
    transition: background-color 0.2s ease;
    height: var(--px-single-cart-btn-h, 48px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.powerx-woocommerce-single div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--powerx-primary-hover, #1e293b);
}

/* Modern Quantity Stepper Input */
.woocommerce div.product form.cart .quantity .qty,
.powerx-woocommerce-single div.product form.cart .quantity .qty {
    height: 48px;
    border: 1px solid var(--powerx-neutral-300, #cbd5e1);
    border-radius: var(--powerx-radius-md, 8px);
    font-size: 15px;
    font-weight: 600;
    color: var(--powerx-neutral-900, #0f172a);
    text-align: center;
    width: 64px;
}

/* Modern Underline Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.powerx-woocommerce-single div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 28px;
    border-bottom: 1px solid var(--powerx-neutral-200, #e2e8f0);
    background: transparent;
    padding: 0 0 4px 0;
    margin: 32px 0 24px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.powerx-woocommerce-single div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 8px 4px 12px 4px;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.powerx-woocommerce-single div.product .woocommerce-tabs ul.tabs li a {
    color: var(--powerx-neutral-500, #64748b);
    font-weight: 600;
    font-size: 15px;
    padding: 0;
    border: none;
    transition: color 0.2s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.powerx-woocommerce-single div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 3px solid var(--powerx-primary, #0f172a);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.powerx-woocommerce-single div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--powerx-primary, #0f172a);
    font-weight: 700;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
.powerx-woocommerce-single div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    border: none;
    padding: 16px 0;
    box-shadow: none;
}

/* =============================================================================
   POWERX WISHLIST (FAVORITEN) STYLES (EKSIK-011)
   ============================================================================= */
.px-card-action-btn.px-btn-wishlist.is-active svg {
    fill: var(--powerx-danger-500, #ef4444);
    stroke: var(--powerx-danger-500, #ef4444);
}

.powerx-wishlist-container {
    width: 100%;
    margin: 32px 0 64px 0;
}

.powerx-wishlist-empty-state {
    text-align: center;
    padding: 64px 24px;
    background: var(--powerx-neutral-0, #ffffff);
    border: 1px solid var(--powerx-neutral-200, #e2e8f0);
    border-radius: var(--powerx-radius-lg, 16px);
    max-width: 620px;
    margin: 40px auto;
}

.powerx-wishlist-empty-state .px-empty-icon-wrap {
    color: var(--powerx-danger-500, #ef4444);
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: var(--powerx-danger-50, #fee2e2);
    border-radius: 50%;
}

.powerx-wishlist-empty-state .px-empty-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--powerx-neutral-900, #0f172a);
    margin-bottom: var(--px-wishlist-empty-title-mb, 12px);
}

.powerx-wishlist-empty-state .px-empty-desc {
    font-size: 15px;
    color: var(--powerx-neutral-500, #64748b);
    margin-bottom: 28px;
    line-height: 1.6;
}

.powerx-wishlist-empty-state .px-btn-explore-shop {
    background-color: var(--powerx-primary, #0f172a);
    color: var(--powerx-neutral-0, #ffffff);
    padding: var(--px-wishlist-explore-btn-pad, 14px 32px);
    border-radius: 9999px;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.powerx-wishlist-empty-state .px-btn-explore-shop:hover {
    background-color: var(--powerx-primary-hover, #1e293b);
}