/* ============================================================
   IX. CROSS-SELL RESPONSIVE GRID — VÉGLEGES MŰKÖDŐ VERZIÓ + QUICKDAND
   (TERMÉK ALOLDAL SPECIFIKUS, V2 SZELLEMBEN)
============================================================ */

/* ------------------------------ */
/* 1 TERMÉK – FULL WIDTH, LARGE TYPO */
/* ------------------------------ */

ul.products.cross-sell-list.cross-1 li.product {
    width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

ul.products.cross-sell-list.cross-1 li.product h2 {
    font-size: 26px !important;
    line-height: 1.2em !important;
    font-family: 'Quickdand', sans-serif !important;
    text-align: center !important;
}

ul.products.cross-sell-list.cross-1 li.product .price {
    font-size: 20px !important;
    text-align: center !important;
    color: #ffffff !important;
}

ul.products.cross-sell-list.cross-1 li.product .button {
    font-size: 18px !important;
    padding: 12px 28px !important;
}


/* ------------------------------ */
/* 2 TERMÉK – 50% GRID, MEDIUM TYPO */
/* ------------------------------ */

ul.products.cross-sell-list.cross-2 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 0 !important;
    padding: 0 !important;
}

ul.products.cross-sell-list.cross-2 li.product {
    width: calc(50% - 10px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

ul.products.cross-sell-list.cross-2 li.product h2 {
    font-size: 20px !important;
    font-family: 'Quickdand', sans-serif !important;
    text-align: center !important;
}

ul.products.cross-sell-list.cross-2 li.product .price {
    font-size: 16px !important;
    text-align: center !important;
    color: #ffffff !important;
}

ul.products.cross-sell-list.cross-2 li.product .button {
    font-size: 14px !important;
    padding: 10px 22px !important;
}


/* ------------------------------ */
/* 3+ TERMÉK – 3 oszlopos grid, kisebb tipó */
/* ------------------------------ */

ul.products.cross-sell-list.cross-3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
    margin: 0 !important;
    padding: 0 !important;
}

ul.products.cross-sell-list.cross-3 li.product {
    width: calc(33.33% - 14px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Divi belső wrapper fix */
ul.products.cross-sell-list.cross-3 li.product > * {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

ul.products.cross-sell-list.cross-3 li.product h2 {
    font-size: 14px !important;
    font-family: 'Quickdand', sans-serif !important;
    text-align: center !important;
}

ul.products.cross-sell-list.cross-3 li.product .price {
    font-size: 13px !important;
    text-align: center !important;
    color: #ffffff !important;
}

ul.products.cross-sell-list.cross-3 li.product .button {
    font-size: 12px !important;
    padding: 6px 16px !important;
}

/* ============================================================
   CROSS-SELL MODUL: Cím és gomb egymás alatt legyen
============================================================ */

ul.products.cross-sell-list .product-title-wrapper {
    display: block !important;
    text-align: center !important;
}

ul.products.cross-sell-list .product-title-wrapper .button {
    display: inline-block !important;
    margin-top: 10px !important;
}

ul.products.cross-sell-list .product-title-wrapper h2 {
    margin-bottom: 8px !important;
    font-family: 'Quickdand', sans-serif !important;
}