.pgap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0}.pgap-cols-1{grid-template-columns:1fr}.pgap-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pgap-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pgap-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pgap-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pgap-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pgap-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;min-height:100%}.pgap-image{display:flex;align-items:center;justify-content:center;min-height:180px;background:#f7f7f8;border-radius:14px;overflow:hidden}.pgap-image img{max-width:100%;max-height:180px;object-fit:contain}.pgap-title{font-size:16px;line-height:1.35;margin:0}.pgap-title a{text-decoration:none;color:inherit}.pgap-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.pgap-price{font-size:18px}.pgap-price.muted{font-size:14px;color:#777}.pgap-old-price{text-decoration:line-through;color:#777;font-size:13px}.pgap-stock{font-size:12px;background:#edf7ed;border-radius:999px;padding:4px 8px}.pgap-badge{position:absolute;top:12px;left:12px;z-index:2;background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.pgap-button{display:block;text-align:center;background:#2f49ff;color:#fff!important;border-radius:12px;padding:11px 14px;text-decoration:none!important;font-weight:700}.pgap-search{display:flex;gap:8px;margin:16px 0}.pgap-search input{flex:1;border-radius:12px;border:1px solid #ddd;padding:10px 12px}.pgap-search button{border:0;border-radius:12px;padding:10px 14px;background:#111;color:#fff;font-weight:700}.pgap-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.pgap-carousel .pgap-card{min-width:260px;scroll-snap-align:start}.pgap-empty{padding:16px;background:#f7f7f8;border-radius:12px}@media(max-width:1024px){.pgap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.pgap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pgap-image{min-height:140px}.pgap-image img{max-height:140px}}@media(max-width:460px){.pgap-grid{grid-template-columns:1fr}.pgap-search{flex-direction:column}}
.pgap-load-more-area{display:flex;justify-content:center;margin:22px 0}.pgap-load-more{border:0;border-radius:14px;padding:12px 20px;background:#111;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}.pgap-load-more:hover{transform:translateY(-1px)}.pgap-load-more:disabled{opacity:.55;cursor:not-allowed;transform:none}.pgap-load-more.is-done{background:#777}.pgap-infinite-wrap .pgap-card{animation:pgapFadeIn .22s ease both}@keyframes pgapFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.pgap-amazon-date{display:block;font-size:.82rem;opacity:.78;margin-top:4px}


.pgap-woo-category-products{clear:both;margin:34px 0 10px;padding-top:22px;border-top:1px solid rgba(0,0,0,.08)}
.pgap-woo-category-title{font-size:1.45rem;margin:0 0 18px;line-height:1.25}
.woocommerce .pgap-woo-category-products .pgap-grid{margin-top:0}


/* v2.16: modo categoría WooCommerce sustituida por productos del plugin */
body.pgap-replace-wc-category .woocommerce-result-count,
body.pgap-replace-wc-category .woocommerce-ordering,
body.pgap-replace-wc-category .woocommerce-info,
body.pgap-replace-wc-category ul.products {
    display: none !important;
}
body.pgap-replace-wc-category .pgap-woo-category-products {
    margin-top: 18px;
}
body.pgap-replace-wc-category .pgap-woo-category-products .pgap-grid {
    display: grid !important;
}

/* v2.17: resultados del plugin dentro del buscador superior/FiboSearch */
.pgap-live-search-host{position:relative!important}
.pgap-live-search-results{display:none;position:absolute;z-index:999999;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 18px 46px rgba(0,0,0,.18);overflow:hidden;color:#1f2937;text-align:left;min-width:280px}
.pgap-live-search-results.is-visible{display:block}
.pgap-live-search-box{padding:8px}
.pgap-live-search-head{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:800;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.06)}
.pgap-live-search-item{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;text-decoration:none!important;color:inherit!important;transition:background .15s ease}
.pgap-live-search-item:hover{background:#f5f7fb}
.pgap-live-search-img{width:54px;height:54px;flex:0 0 54px;border-radius:10px;background:#f7f7f8;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px}
.pgap-live-search-img img{width:100%;height:100%;object-fit:contain}
.pgap-live-search-text{min-width:0;display:flex;flex-direction:column;gap:4px;line-height:1.25}
.pgap-live-search-text strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:#111827}
.pgap-live-search-text span{font-size:12px;color:#6b7280}
.pgap-live-search-more{display:block;margin:4px 8px 8px;padding:10px 12px;border-radius:12px;background:#111827;color:#fff!important;text-align:center;text-decoration:none!important;font-weight:800;font-size:13px}
.pgap-live-search-empty{padding:14px 16px;color:#6b7280;font-size:14px}.pgap-site-search-results{clear:both;margin:28px 0;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}.pgap-site-search-title{margin:0 0 8px;font-size:1.45rem}.pgap-site-search-help{margin:0 0 18px;color:#666}
@media(max-width:720px){.pgap-live-search-results{position:fixed;left:12px;right:12px;top:auto;max-height:70vh;overflow:auto}.pgap-live-search-img{width:48px;height:48px;flex-basis:48px}}


/* v2.19: 3 columnas en móvil con títulos más legibles */
@media (max-width: 720px) {
    .pgap-grid:not(.pgap-carousel) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 14px 0 !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-card {
        padding: 9px !important;
        border-radius: 14px !important;
        gap: 7px !important;
        box-shadow: 0 5px 16px rgba(0,0,0,.07) !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-image {
        min-height: 105px !important;
        height: 105px !important;
        border-radius: 11px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-image img {
        max-height: 100px !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-title {
        font-size: 12.5px !important;
        line-height: 1.22 !important;
        font-weight: 800 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        min-height: calc(12.5px * 1.22 * 4) !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-title a {
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-meta {
        gap: 4px !important;
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-price {
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 900 !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-stock {
        font-size: 10px !important;
        padding: 3px 6px !important;
        line-height: 1.1 !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-button {
        font-size: 10.5px !important;
        line-height: 1.12 !important;
        padding: 8px 5px !important;
        border-radius: 10px !important;
        min-height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-badge {
        font-size: 8.5px !important;
        padding: 3px 6px !important;
        top: 7px !important;
        left: 7px !important;
    }
}

@media (max-width: 380px) {
    .pgap-grid:not(.pgap-carousel) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-card {
        padding: 7px !important;
        border-radius: 12px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-image {
        min-height: 90px !important;
        height: 90px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-image img {
        max-height: 86px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-title {
        font-size: 11.5px !important;
        line-height: 1.2 !important;
        -webkit-line-clamp: 4 !important;
        min-height: calc(11.5px * 1.2 * 4) !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-price {
        font-size: 13px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-stock {
        font-size: 9px !important;
        padding: 3px 5px !important;
    }

    .pgap-grid:not(.pgap-carousel) .pgap-button {
        font-size: 9.5px !important;
        padding: 7px 4px !important;
        min-height: 32px !important;
    }
}