/* ============================================================================
   PCFI Frontend Styles - Vylepšený design
   ============================================================================ */

/* ============================================================================
   GLOBÁLNÍ LAYOUT - Oprava šířek
   ============================================================================ */

/* Rozšířit hlavní obsah */
.woocommerce-page .site-main,
.single-product .site-main,
.tax-product_cat .site-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Přepsat OceanWP theme omezení šířky */
.woocommerce .oceanwp-row,
.woocommerce-page .oceanwp-row {
    display: block !important;
}

.woocommerce .oceanwp-row .span_1_of_3,
.woocommerce-page .oceanwp-row .span_1_of_3,
.woocommerce .oceanwp-row .col,
.woocommerce-page .oceanwp-row .col {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
}

/* Skrýt duplicitní OceanWP elementy v produktech */
.woocommerce ul.products li.product .woo-entry-inner,
.woocommerce ul.products li.product ul.woo-entry-inner,
.woocommerce ul.products li.product .product-inner .woo-entry-inner,
.woocommerce ul.products li.product .product-inner > ul.woo-entry-inner {
    display: none !important;
}

.woocommerce ul.products li.product .woo-entry-image,
.woocommerce ul.products li.product .product-inner > .woo-entry-image,
.woocommerce ul.products li.product div.woo-entry-image {
    display: none !important;
}

.woocommerce ul.products li.product li.category,
.woocommerce ul.products li.product li.title,
.woocommerce ul.products li.product li.woo-desc,
.woocommerce ul.products li.product li.image-wrap {
    display: none !important;
}

/* Skrýt OceanWP elementy také v Elementor widgetu */
.pcfi-elementor-products-widget.woocommerce ul.products li.product .woo-entry-inner {
    display: none !important;
}

.pcfi-elementor-products-widget.woocommerce ul.products li.product .woo-entry-image {
    display: none !important;
}

.pcfi-elementor-products-widget.woocommerce ul.products li.product li.category,
.pcfi-elementor-products-widget.woocommerce ul.products li.product li.title,
.pcfi-elementor-products-widget.woocommerce ul.products li.product li.woo-desc {
    display: none !important;
}

/* Skrýt OceanWP elementy v kategoriích */
.woocommerce ul.products li.product-category .product-inner {
    display: none !important;
}

.woocommerce ul.products li.product-category .woo-entry-image {
    display: none !important;
}

.woocommerce ul.products li.product-category .woo-entry-inner {
    display: none !important;
}

/* ============================================================================
   KATEGORIE - Čistý design bez obrázků
   ============================================================================ */

.woocommerce ul.products li.product-category {
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.woocommerce ul.products li.product-category:hover {
    border-color: #667eea;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
    transform: translateY(-4px);
}

/* Náš vlastní link pro kategorii */
.woocommerce ul.products li.product-category a.pcfi-category-link {
    text-decoration: none !important;
    display: block !important;
    padding: 24px 16px !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

/* Skrýt všechny ostatní linky v kategoriích */
.woocommerce ul.products li.product-category > a:not(.pcfi-category-link) {
    display: none !important;
}

/* Skrýt mark element který vytváří neviditelné tlačítko */
.woocommerce ul.products li.product-category a mark.count {
    display: none !important;
}

.woocommerce ul.products li.product-category .button {
    display: none !important;
}

.pcfi-category-box {
    text-align: center;
}

.pcfi-category-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: transform 0.3s ease;
}

.pcfi-category-icon svg {
    width: 28px;
    height: 28px;
}

.woocommerce ul.products li.product-category:hover .pcfi-category-icon {
    transform: scale(1.1) rotate(5deg);
}

.pcfi-category-name {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin: 0 0 8px !important;
    line-height: 1.3 !important;
}

.pcfi-category-count {
    font-size: 14px;
    color: #667eea;
    font-weight: 600;
}

/* Skrýt výchozí obrázek a název */
.woocommerce ul.products li.product-category a img {
    display: none !important;
}

.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title {
    display: none !important;
}

.woocommerce ul.products li.product-category mark {
    background: none !important;
    color: inherit !important;
}

/* ============================================================================
   PRODUKTY V KATEGORII - Responzivní grid
   ============================================================================ */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Elementor widget - grid bude řízen přes nastavení widgetu */
.pcfi-elementor-products-widget.woocommerce ul.products {
    display: grid !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    /* grid-template-columns je nastaveno přes Elementor controls */
}

@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .woocommerce ul.products li.product {
        padding: 10px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        height: auto !important;
        min-height: 38px !important;
    }

    .pcfi-loop-price {
        padding: 10px !important;
        margin: 10px 0 !important;
    }

    .pcfi-price-from {
        font-size: 10px !important;
    }

    .pcfi-price-amount {
        font-size: 18px !important;
    }

    .pcfi-shop-count {
        font-size: 11px !important;
    }

    .pcfi-view-offers-btn {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }

    .pcfi-view-offers-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    /* Kategorie */
    .woocommerce ul.products li.product-category {
        padding: 0 !important;
    }

    .woocommerce ul.products li.product-category a.pcfi-category-link {
        padding: 18px 12px !important;
    }

    .pcfi-category-icon {
        width: 48px !important;
        height: 48px !important;
    }

    .pcfi-category-icon svg {
        width: 24px !important;
        height: 24px !important;
    }

    .pcfi-category-name {
        font-size: 16px !important;
    }

    .pcfi-category-count {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .woocommerce ul.products li.product {
        padding: 12px !important;
        border-radius: 10px !important;
    }

    .pcfi-product-image-wrapper {
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        height: auto !important;
        min-height: 40px !important;
    }

    .pcfi-loop-price {
        padding: 10px !important;
        margin: 10px 0 !important;
        border-radius: 6px !important;
    }

    .pcfi-price-from {
        font-size: 10px !important;
        margin-bottom: 3px !important;
    }

    .pcfi-price-amount {
        font-size: 20px !important;
    }

    .pcfi-shop-count {
        font-size: 11px !important;
        margin-top: 3px !important;
    }

    .pcfi-view-offers-btn {
        padding: 12px 16px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
        gap: 6px !important;
    }

    .pcfi-view-offers-btn svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Kategorie */
    .woocommerce ul.products li.product-category {
        border-radius: 10px !important;
    }

    .woocommerce ul.products li.product-category a.pcfi-category-link {
        padding: 20px 15px !important;
    }

    .pcfi-category-icon {
        width: 52px !important;
        height: 52px !important;
        margin-bottom: 10px !important;
    }

    .pcfi-category-icon svg {
        width: 26px !important;
        height: 26px !important;
    }

    .pcfi-category-name {
        font-size: 17px !important;
        margin-bottom: 6px !important;
    }

    .pcfi-category-count {
        font-size: 13px !important;
    }
}

.woocommerce ul.products li.product {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin: 0 !important;
    list-style: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.woocommerce ul.products li.product:hover {
    border-color: #667eea !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15) !important;
    transform: translateY(-4px) !important;
}

.pcfi-product-image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background: #f9fafb;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 8px;
}

.pcfi-product-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 85%;
    max-height: 85%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.pcfi-sale-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #f97316, #dc2626);
    color: white;
    padding: 6px 14px;
    border-radius: 24px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* ============================================================================
   CENOVÁ HISTORIE - Graf pod obrázkem
   ============================================================================ */

.pcfi-price-history {
    width: 100%;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #bae6fd;
}

/* Graf v detailu produktu - moderní design */
.pcfi-price-history-detail {
    margin: 24px 0 0 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: white !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #f1f5f9 !important;
    transition: all 0.3s ease !important;
}

.pcfi-price-history-detail:hover {
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Umístění grafu pod galerii */
.woocommerce-product-gallery .pcfi-price-history-detail {
    margin-top: 24px !important;
}

/* Header s gradientem */
.pcfi-price-history-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 20px 24px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

.pcfi-history-icon {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.pcfi-price-history-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: white !important;
}

.pcfi-price-history-subtitle {
    font-size: 12px !important;
    margin: 4px 0 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
}

.pcfi-price-history-detail .pcfi-price-history-chart {
    height: 200px !important;
    margin: 0 !important;
    padding: 24px !important;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
}

.pcfi-price-history-chart svg {
    min-height: 150px;
}

.pcfi-price-history-chart svg text {
    font-size: 12px;
    fill: #64748b;
    font-weight: 600;
    font-family: Arial, sans-serif;
}

/* Odstraněno - konfliktní pravidla která potlačovala styling */

.pcfi-price-history-chart {
    width: 100%;
    height: 40px;
    margin-bottom: 6px;
    position: relative;
}

.pcfi-price-history-chart svg {
    width: 100%;
    height: 100%;
    display: block;
}

.pcfi-grid-line {
    stroke: #e0f2fe;
    stroke-width: 0.5;
    stroke-dasharray: 2,2;
}

.pcfi-price-point {
    fill: #667eea;
    stroke: white;
    stroke-width: 1.5;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pcfi-price-point:hover {
    r: 5;
    fill: #764ba2;
}

.pcfi-price-lowest {
    fill: #10b981;
    r: 3.5;
}

.pcfi-price-lowest:hover {
    fill: #059669;
    r: 5.5;
}

.pcfi-price-highest {
    fill: #ef4444;
    r: 3.5;
}

.pcfi-price-highest:hover {
    fill: #dc2626;
    r: 5.5;
}

/* Zesílení čáry v detailu */
.pcfi-price-history-detail .pcfi-price-history-chart polyline {
    stroke-width: 3;
}

.pcfi-price-history-detail .pcfi-price-point {
    r: 3.5;
}

.pcfi-price-history-detail .pcfi-price-lowest,
.pcfi-price-history-detail .pcfi-price-highest {
    r: 4.5;
}

.pcfi-price-history-info {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 12px !important;
    padding: 20px 24px 24px !important;
    background: white !important;
}

.pcfi-price-history-stat {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
}

.pcfi-price-history-stat:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.pcfi-stat-icon {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

.pcfi-stat-min .pcfi-stat-icon {
    color: #10b981 !important;
}

.pcfi-stat-max .pcfi-stat-icon {
    color: #ef4444 !important;
}

.pcfi-stat-diff .pcfi-stat-icon {
    color: #f59e0b !important;
}

.pcfi-price-history-stat > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.pcfi-price-history-stat .pcfi-stat-label {
    display: block !important;
    font-size: 11px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
}

.pcfi-price-history-stat .pcfi-stat-value {
    display: block !important;
    font-size: 16px !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

.pcfi-stat-min .pcfi-stat-value {
    color: #10b981 !important;
}

.pcfi-stat-max .pcfi-stat-value {
    color: #ef4444 !important;
}

.pcfi-stat-diff .pcfi-stat-value {
    color: #f59e0b !important;
}

/* Responzivní úpravy pro graf */
@media (max-width: 768px) {
    .pcfi-price-history {
        padding: 6px;
        margin-bottom: 8px;
    }

    .pcfi-price-history-chart {
        height: 35px;
        margin-bottom: 5px;
    }

    .pcfi-price-history-stat .pcfi-stat-label {
        font-size: 8px;
    }

    .pcfi-price-history-stat .pcfi-stat-value {
        font-size: 10px;
    }

    /* Detail verze na tabletu */
    .pcfi-price-history-detail {
        margin: 15px 0 0 0;
    }

    .pcfi-price-history-header {
        padding: 16px 20px;
        gap: 10px;
    }

    .pcfi-history-icon {
        width: 28px;
        height: 28px;
    }

    .pcfi-price-history-title {
        font-size: 16px;
    }

    .pcfi-price-history-subtitle {
        font-size: 11px;
    }

    .pcfi-price-history-detail .pcfi-price-history-chart {
        height: 180px !important;
        padding: 16px 12px !important;
    }

    .pcfi-price-history-chart svg {
        min-height: 140px !important;
    }

    .pcfi-price-history-info {
        padding: 16px 20px 20px;
        gap: 10px;
    }

    .pcfi-price-history-stat {
        padding: 12px;
    }

    .pcfi-stat-icon {
        width: 20px;
        height: 20px;
    }

    .pcfi-price-history-stat .pcfi-stat-value {
        font-size: 14px;
    }

    .pcfi-price-history-dates {
        padding: 8px 16px 12px !important;
    }

    .pcfi-price-history-dates span {
        font-size: 9px !important;
    }

    .pcfi-price-history-chart svg text {
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .pcfi-price-history {
        padding: 8px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .pcfi-price-history-chart {
        height: 40px;
        margin-bottom: 6px;
    }

    .pcfi-price-history-stat {
        padding: 5px 8px;
    }

    .pcfi-price-history-stat .pcfi-stat-label {
        font-size: 9px;
        margin-bottom: 3px;
    }

    .pcfi-price-history-stat .pcfi-stat-value {
        font-size: 11px;
    }

    /* Detail verze na mobilu */
    .pcfi-price-history-detail {
        margin: 12px 0 0 0;
        border-radius: 12px;
    }

    .pcfi-price-history-header {
        padding: 14px 16px;
        gap: 8px;
    }

    .pcfi-history-icon {
        width: 24px;
        height: 24px;
    }

    .pcfi-price-history-title {
        font-size: 15px;
    }

    .pcfi-price-history-subtitle {
        font-size: 10px;
    }

    .pcfi-price-history-detail .pcfi-price-history-chart {
        height: 160px !important;
        padding: 12px 8px !important;
    }

    .pcfi-price-history-chart svg {
        min-height: 120px !important;
    }

    .pcfi-price-history-info {
        padding: 12px 16px 16px;
        gap: 8px;
        grid-template-columns: 1fr !important;
    }

    .pcfi-price-history-stat {
        padding: 12px;
        gap: 10px;
    }

    .pcfi-stat-icon {
        width: 18px;
        height: 18px;
    }

    .pcfi-price-history-stat .pcfi-stat-label {
        font-size: 9px;
    }

    .pcfi-price-history-stat .pcfi-stat-value {
        font-size: 14px;
    }

    .pcfi-price-history-dates {
        padding: 6px 12px 10px !important;
        flex-wrap: wrap;
    }

    .pcfi-price-history-dates span {
        font-size: 8px !important;
    }

    .pcfi-price-history-header {
        padding: 12px 14px !important;
    }

    .pcfi-price-history-title {
        font-size: 14px !important;
    }

    .pcfi-price-history-subtitle {
        font-size: 9px !important;
    }

    .pcfi-price-history-chart svg text {
        font-size: 9px !important;
    }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 12px !important;
    line-height: 1.4 !important;
    height: 42px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.pcfi-loop-price {
    margin: 12px 0;
    text-align: center;
    padding: 12px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 8px;
}

.pcfi-price-from {
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    font-weight: 600;
}

.pcfi-price-amount {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #667eea !important;
    line-height: 1 !important;
}

.pcfi-shop-count {
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
    font-weight: 500;
}

.pcfi-view-offers-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 14px 20px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: auto !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25) !important;
}

.pcfi-view-offers-btn:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b5b95 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35) !important;
}

.woocommerce ul.products li.product .star-rating {
    display: none !important;
}

/* ============================================================================
   DETAIL PRODUKTU - Přepracovaný design
   ============================================================================ */

/* Skrýt výchozí WooCommerce elementy */
.single-product .product .price {
    display: none !important;
}

.single-product .product .cart {
    display: none !important;
}

.single-product .product .product_meta {
    display: none !important;
}

/* Skrýt nadpis mimo summary (OceanWP ho dává pod summary) */
.single-product div.product > h1.product_title,
.single-product .summary h1.product_title,
.single-product h1.single-post-title.product_title {
    display: none !important;
}

/* Skrýt starý widget srovnání cen (pro jistotu) */
.single-product .pcfi-comparison-widget {
    display: none !important;
}

/* Layout produktu - 2 sloupce nahoře, popis dole */
.single-product div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Přepsat OceanWP flex layout */
.single-product div.product.owp-thumbs-layout-horizontal,
.single-product div.product.owp-thumbs-layout-vertical {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Galerie vlevo - 30% šířky */
.single-product .woocommerce-product-gallery {
    width: 30% !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
    float: none !important;
}

/* Summary vpravo - 70% minus gap */
.single-product .summary.entry-summary {
    width: calc(70% - 32px) !important;
    flex: 0 0 calc(70% - 32px) !important;
    min-width: 0 !important;
    max-width: calc(70% - 32px) !important;
    margin: 0 !important;
    float: none !important;
}

/* Sekce nabídek a tabs na celou šířku */
.single-product .pcfi-offers-section,
.single-product .woocommerce-tabs,
.single-product .clear-after-summary,
.single-product .related.products,
.single-product .upsells.products {
    flex: 0 0 100% !important;
    width: 100% !important;
    clear: both !important;
}

/* Styling pro sekci nabídek */
.pcfi-offers-section {
    background: white;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    margin-bottom: 32px;
}

/* Clear after summary */
.single-product .clear-after-summary {
    margin: 0 !important;
}

/* Responzivita - na menších obrazovkách pod sebe */
@media (max-width: 900px) {
    .single-product div.product {
        gap: 24px !important;
    }

    .single-product .woocommerce-product-gallery {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 500px !important;
        margin: 0 auto 24px !important;
    }

    .single-product .summary.entry-summary {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .pcfi-product-summary {
        padding: 20px;
    }

    .pcfi-product-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    .pcfi-price-overview {
        padding: 20px;
    }

    .pcfi-price-value {
        font-size: 42px;
    }

    .pcfi-price-stats {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pcfi-stat {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .pcfi-stat-label {
        margin-bottom: 0;
    }

    .pcfi-offers-section {
        padding: 24px;
    }

    .pcfi-offer-item {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
        text-align: center;
    }

    .pcfi-offer-rank {
        display: none;
    }

    .pcfi-offer-shop,
    .pcfi-offer-price {
        text-align: center;
    }

    .pcfi-offer-action {
        justify-content: center;
    }

    .pcfi-goto-shop-btn {
        width: 100%;
        justify-content: center !important;
    }

    .pcfi-best-badge {
        position: static;
        transform: none;
        margin-bottom: 12px;
        display: inline-flex;
    }
}

@media (max-width: 480px) {
    .single-product .woocommerce-product-gallery {
        max-width: 100% !important;
    }

    /* Rozšířit summary a summary na celou šířku */
    .single-product .summary.entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .pcfi-product-summary {
        padding: 16px;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .pcfi-product-title {
        font-size: 18px !important;
        margin-bottom: 16px !important;
        line-height: 1.3 !important;
    }

    .pcfi-price-overview {
        padding: 16px;
        width: 100% !important;
    }

    .pcfi-price-main {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .pcfi-price-value {
        font-size: 32px;
    }

    .pcfi-price-stats {
        gap: 8px;
    }

    .pcfi-stat {
        padding: 10px;
    }

    .pcfi-stat-label {
        font-size: 11px;
    }

    .pcfi-stat-value {
        font-size: 13px;
    }

    /* Sekce nabídek na celou šířku */
    .pcfi-offers-section {
        padding: 16px;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 24px 0 !important;
    }

    .pcfi-offers-title {
        margin-bottom: 16px;
    }

    .pcfi-offers-title h3 {
        font-size: 18px;
    }

    .pcfi-offers-title p {
        font-size: 13px;
    }

    /* Nabídky - vše pod sebe, centrované */
    .pcfi-offer-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px !important;
        overflow: hidden;
        text-align: center !important;
        width: 100% !important;
        align-items: center !important;
    }

    .pcfi-best-badge {
        align-self: center;
        margin-bottom: 8px;
        font-size: 10px;
        padding: 4px 12px;
    }

    .pcfi-offer-rank {
        display: none;
    }

    .pcfi-offer-shop {
        order: 1;
        width: 100%;
        text-align: center !important;
    }

    .pcfi-offer-shop .pcfi-shop-name {
        font-size: 16px;
        font-weight: 700;
        text-align: center !important;
    }

    .pcfi-offer-price {
        order: 2;
        width: 100%;
        text-align: center !important;
    }

    .pcfi-offer-price .pcfi-price {
        font-size: 22px;
        margin-bottom: 4px;
        text-align: center !important;
    }

    .pcfi-price-diff {
        font-size: 12px;
        text-align: center !important;
    }

    .pcfi-offer-action {
        order: 3;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
    }

    .pcfi-goto-shop-btn {
        width: 100% !important;
        padding: 14px 16px !important;
        font-size: 13px !important;
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.3 !important;
        max-width: 100% !important;
        word-wrap: break-word !important;
        justify-content: center !important;
    }

    .pcfi-goto-shop-btn svg {
        display: none;
    }

    /* Disclaimer */
    .pcfi-price-disclaimer {
        font-size: 11px;
        padding: 12px;
    }
}

/* ============================================================================
   STRÁNKOVÁNÍ - Moderní design
   ============================================================================ */

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    padding: 40px 0 20px;
    margin: 0;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex;
    gap: 8px;
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 16px;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    color: #4b5563;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
    padding: 0 20px;
    font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:hover {
    transform: translateY(-2px) scale(1.05);
}

/* Responzivita stránkování */
@media (max-width: 768px) {
    .woocommerce nav.woocommerce-pagination {
        padding: 30px 0 15px;
    }

    .woocommerce nav.woocommerce-pagination ul {
        gap: 4px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
        border-radius: 8px;
    }

    .woocommerce nav.woocommerce-pagination ul li a.prev,
    .woocommerce nav.woocommerce-pagination ul li a.next {
        padding: 0 14px;
    }
}

@media (max-width: 480px) {
    .woocommerce nav.woocommerce-pagination ul {
        gap: 3px;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .woocommerce nav.woocommerce-pagination ul::-webkit-scrollbar {
        display: none;
    }

    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 12px;
    }

    .woocommerce nav.woocommerce-pagination ul li a.prev,
    .woocommerce nav.woocommerce-pagination ul li a.next {
        padding: 0 10px;
        flex-shrink: 0;
    }
}

/* Galerie */
.woocommerce-product-gallery {
    background: white !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Vlastní summary box */
.pcfi-product-summary {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    width: 100%;
}

/* Nadpis produktu */
.pcfi-product-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1f2937 !important;
    margin: 0 0 24px !important;
    line-height: 1.3 !important;
}

/* Hlavní cenový box */
.pcfi-price-overview {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    color: white;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

.pcfi-price-main {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pcfi-price-label {
    display: block;
    font-size: 14px;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    font-weight: 600;
}

.pcfi-price-value {
    display: block;
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Proklikávací cena */
.pcfi-price-value a {
    color: white !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.pcfi-price-value a:hover {
    opacity: 0.9;
    text-decoration: underline !important;
}

/* Proklikávací počet nabídek */
.pcfi-stat-value a {
    color: white !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.pcfi-stat-value a:hover {
    opacity: 0.9;
    text-decoration: underline !important;
}

.pcfi-price-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.pcfi-stat {
    text-align: center;
    padding: 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}

.pcfi-stat-label {
    display: block;
    font-size: 12px;
    opacity: 0.85;
    margin-bottom: 6px;
    font-weight: 500;
}

.pcfi-stat-value {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.pcfi-savings {
    color: #86efac;
}

/* Nadpis nabídek */
.pcfi-offers-title {
    text-align: center;
    margin-bottom: 28px;
}

.pcfi-offers-title h3 {
    font-size: 26px;
    font-weight: 800;
    color: #1f2937;
    margin: 0 0 8px;
}

.pcfi-offers-title p {
    font-size: 15px;
    color: #64748b;
    margin: 0;
}

/* Seznam nabídek */
.pcfi-offers-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pcfi-offer-item {
    display: grid;
    grid-template-columns: 40px 2fr 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s ease;
    position: relative;
}

.pcfi-offer-item:hover {
    background: #ffffff;
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.12);
    transform: translateX(4px);
}

.pcfi-best-offer {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 3px solid #fbbf24;
}

.pcfi-best-offer:hover {
    background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%);
    box-shadow: 0 8px 28px rgba(251, 191, 36, 0.25);
}

.pcfi-best-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
    padding: 6px 20px;
    border-radius: 24px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
}

.pcfi-best-badge svg {
    width: 14px;
    height: 14px;
}

.pcfi-offer-rank {
    font-size: 28px;
    font-weight: 900;
    color: #cbd5e1;
    text-align: center;
    line-height: 1;
}

.pcfi-best-offer .pcfi-offer-rank {
    color: #fbbf24;
}

.pcfi-offer-shop .pcfi-shop-name {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
}

.pcfi-offer-price {
    text-align: right;
}

.pcfi-offer-price .pcfi-price {
    font-size: 26px;
    font-weight: 900;
    color: #667eea;
    line-height: 1;
}

.pcfi-price-diff {
    font-size: 13px;
    color: #dc2626;
    margin-top: 6px;
    font-weight: 600;
}

.pcfi-offer-action {
    display: flex;
    justify-content: flex-end;
}

.pcfi-goto-shop-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    background: white !important;
    color: #667eea !important;
    border: 2px solid #667eea !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.pcfi-goto-shop-btn:hover {
    background: #667eea !important;
    color: white !important;
    transform: translateX(6px) !important;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3) !important;
}

.pcfi-goto-shop-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.pcfi-primary-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

.pcfi-primary-btn:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b5b95 100%) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    transform: translateX(6px) scale(1.02) !important;
}

/* Disclaimer */
.pcfi-price-disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 28px;
    padding: 18px;
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    border-radius: 12px;
    font-size: 13px;
    color: #78350f;
    line-height: 1.6;
}

.pcfi-price-disclaimer svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #f59e0b;
    margin-top: 2px;
}

.pcfi-no-offers {
    text-align: center;
    padding: 64px 24px;
    background: #f9fafb;
    border-radius: 16px;
    color: #64748b;
    font-size: 16px;
}

/* Záložky */
.woocommerce-tabs {
    background: white;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-top: 32px;
}

.woocommerce-tabs ul.tabs {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    display: flex !important;
    gap: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    padding: 14px 28px !important;
    color: #64748b !important;
    font-weight: 700 !important;
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
    display: block !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
    color: #667eea !important;
    border-bottom-color: #667eea !important;
    background: transparent !important;
}

.woocommerce-tabs .panel {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================================
   RESPONZIVITA
   ============================================================================ */

@media (max-width: 1024px) {
    .pcfi-offer-item {
        grid-template-columns: 40px 1fr auto;
        gap: 16px;
        padding: 20px;
    }

    .pcfi-offer-price {
        grid-row: 2;
        grid-column: 2 / 3;
        text-align: left;
    }

    .pcfi-offer-action {
        grid-row: 2;
        grid-column: 3 / 4;
    }

    .pcfi-price-stats {
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .single-product div.product {
        grid-template-columns: 1fr !important;
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        grid-column: 1 !important;
    }

    .pcfi-product-summary {
        padding: 24px;
    }

    .pcfi-price-overview {
        padding: 24px;
    }

    .pcfi-price-value {
        font-size: 42px;
    }

    .pcfi-price-stats {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pcfi-stat {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .pcfi-stat-label {
        margin-bottom: 0;
    }

    .pcfi-offer-item {
        grid-template-columns: 1fr;
        gap: 16px;
        text-align: center;
    }

    .pcfi-offer-rank {
        display: none;
    }

    .pcfi-offer-shop,
    .pcfi-offer-price {
        text-align: center;
    }

    .pcfi-offer-action {
        justify-content: center;
    }

    .pcfi-goto-shop-btn {
        width: 100%;
        justify-content: center !important;
    }

    .pcfi-best-badge {
        position: static;
        transform: none;
        margin-bottom: 16px;
        display: inline-flex;
    }
}

@media (max-width: 480px) {
    .pcfi-price-value {
        font-size: 36px;
    }

    .pcfi-offer-price .pcfi-price {
        font-size: 22px;
    }
}
