/* =========================================================
   J&J Tile Design - optava ct.css
   Desktop-only zarovnání produktových karet
   Mobilní produktové karty a slidery necháváme Shoptetu.
   ========================================================= */


/* =========================================================
   1) DESKTOP A TABLET OD 768 PX
   Zarovnání produktových karet jen mimo mobil.
   ========================================================= */

@media (min-width: 768px) {

    .products .product .p,
    .products .product .p-in,
    .products .product .p-inner {
        height: 100% !important;
        box-sizing: border-box !important;
    }

    .products .product .p-inner {
        display: grid !important;
        grid-template-rows: auto minmax(55px, auto) minmax(115px, auto) auto !important;
        min-height: 520px !important;
        padding-bottom: 18px !important;
        box-sizing: border-box !important;
    }

    .products .product .p-inner > a,
    .products .product .image {
        grid-row: 1 !important;
    }

    .products .product .p-name,
    .products .product .name {
        grid-row: 2 !important;
        min-height: 55px !important;
        height: auto !important;
        margin: 8px 0 6px !important;
        display: block !important;
        overflow: hidden !important;
        line-height: 1.25 !important;
    }

    .products .product .p-name span,
    .products .product .name span {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .products .product .p-bottom {
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        min-height: 115px !important;
        height: auto !important;
        margin: 0 !important;
    }

    .products .product .p-tools {
        grid-row: 4 !important;
        align-self: end !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    .products .product .p-tools a,
    .products .product .p-tools button {
        width: 100% !important;
        max-width: 210px !important;
        min-height: 42px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 10px 14px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 13px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    .products .product .p-tools a span,
    .products .product .p-tools button span {
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.15 !important;
    }
}


/* =========================================================
   2) MOBIL DO 767 PX
   Produktové karty a slidery NEŘEŠIT.
   Jen bezpečnostní / header opravy.
   ========================================================= */

@media (max-width: 767px) {

    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Zmenšení textu košíku v hlavičce */
    .navigation-buttons {
        flex-shrink: 0 !important;
    }

    .navigation-buttons .cart-count {
        min-width: auto !important;
        padding: 6px 8px !important;
    }

    .navigation-buttons .cart-price,
    .cart-price.visible-lg-inline-block {
        display: inline-block !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        max-width: 72px !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* Schovat starou nebezpečnou sticky lištu */
    #sh-sticky,
    .sh-sticky-fix {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Spodní vlastní lišta, pokud ji používáš */
    #ext-cart-nav {
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    #ext-nav-inner {
        gap: 8px !important;
    }

    #ext-p-total {
        font-size: 20px !important;
        line-height: 1.1 !important;
    }

    #ext-stock-info {
        font-size: 9px !important;
        line-height: 1.15 !important;
    }

    #ext-btn-add,
    #ext-cart-nav .ext-btn {
        max-width: 48vw !important;
        padding: 10px 10px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    body.navigation-window-visible #ext-cart-nav,
    body.search-window-visible #ext-cart-nav,
    body.login-window-visible #ext-cart-nav,
    body.cart-window-visible #ext-cart-nav {
        display: none !important;
    }
}