/* ===== Doladenie 11. 11. 2026 (Gaelta): menšie karty, celé balenie na fotke, vypredané tlmené, kompaktný postup ===== */
.aaru__grid,
.aaru__grid--wide {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
}

.aaru__product-media {
    aspect-ratio: 4 / 3;
    background: #fff;
    border-bottom: 1px solid var(--aaru-line);
}

/* Balenia a fľaše sa nesmú orezať (Cyper, postreky): celý obrázok na bielom. */
.aaru__product-media img {
    object-fit: contain;
    padding: 10px;
}

.aaru__product-body {
    padding: 10px 12px 12px;
    gap: 6px;
}

.aaru__product-name {
    font-size: 14.5px;
}

.aaru__product-sub {
    font-size: 12.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aaru__params {
    font-size: 12.5px;
    gap: 4px 10px;
}

.aaru__price {
    font-size: 17px;
}

/* Počet kusov, Kúpiť a šípka v jednom riadku. */
.aaru__product-actions {
    flex-wrap: nowrap;
}

.aaru__product-actions .aaru__btn--ghost {
    flex: 0 0 auto;
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.aaru__badge {
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Vypredaný tovar ustúpi do úzadia, tovar skladom vynikne. */
.aaru__product:has(.aaru__stock--out) {
    background: #fbfbfa;
}

.aaru__product:has(.aaru__stock--out) .aaru__product-media img {
    filter: grayscale(.55);
    opacity: .75;
}

.aaru__product:has(.aaru__stock--out) .aaru__product-name,
.aaru__product:has(.aaru__stock--out) .aaru__price {
    color: var(--aaru-muted);
}

.aaru__howto {
    margin-top: 12px;
    padding: 12px 16px;
}

.aaru__howto-title {
    margin-bottom: 6px;
    font-size: 16px;
}

.aaru__howto li {
    font-size: 14px;
}

.aaru__note {
    margin-top: 10px;
    padding: 10px 14px;
    gap: 10px;
}

.aaru__note svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 767px) {
    .aaru__grid,
    .aaru__grid--wide {
        grid-template-columns: minmax(0, 1fr);
    }

    .aaru__product-media {
        flex: 0 0 132px;
        align-self: flex-start;
        aspect-ratio: 1 / 1;
        border-bottom: 0;
        border-right: 1px solid var(--aaru-line);
    }

    .aaru__badge {
        top: 6px;
        left: 6px;
        padding: 3px 7px;
        font-size: 11px;
    }

    .aaru__product-media img {
        padding: 6px;
    }
}

@media (max-width: 400px) {
    .aaru__product-media {
        flex: 0 0 auto;
        align-self: stretch;
        aspect-ratio: 4 / 3;
        border-right: 0;
        border-bottom: 1px solid var(--aaru-line);
        max-height: 180px;
    }
}

/* Text vedľa obrázka sa nesmie natiahnuť cez okraj karty (430 px). */
.aaru__product-body {
    min-width: 0;
}

@media (min-width: 401px) and (max-width: 767px) {
    .aaru__product-media {
        flex-basis: 108px;
    }

    .aaru__product-actions {
        gap: 6px;
    }

    .aaru__qty {
        flex: 0 0 auto;
    }

    .aaru__badge {
        font-size: 10px;
        padding: 2px 6px;
    }

    .aaru__badge svg {
        display: none;
    }
}

/* Výška chatu (12. 11.): chat = výška panela, pri dlhom paneli výška okna a sticky */
@media (min-width:1201px){.aaru:not(.aaru--intro) .aaru__shell{align-items:stretch}.aaru:not(.aaru--intro) .aaru__chat{height:100%;max-height:calc(100vh - 32px);min-height:520px}.aaru:not(.aaru--intro) .aaru__panel{height:100%}}

/* Pole na otázku: zvýrazní sa celé zaoblené pole, nie obdĺžnik zo šablóny Shoptetu. */
.aaru__input:focus,
.aaru__input:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Mobil a tablet (stĺpce pod sebou): odpoveď, potom produkty, až potom pole na ďalšiu otázku (pripomienka klienta 1. 10.). */
@media (max-width: 1200px) {
    .aaru:not(.aaru--intro) .aaru__shell {
        display: flex;
        flex-direction: column;
    }

    .aaru:not(.aaru--intro) .aaru__col,
    .aaru:not(.aaru--intro) .aaru__chat {
        display: contents;
    }

    .aaru:not(.aaru--intro) .aaru__chat-top { order: 1; }
    .aaru:not(.aaru--intro) .aaru__log { order: 2; max-height: none; background: var(--aaru-surface); border: 1px solid var(--aaru-line); border-radius: var(--aaru-radius-lg); }
    .aaru:not(.aaru--intro) .aaru__panel { order: 3; scroll-margin-top: 240px; align-self: stretch; }
    .aaru:not(.aaru--intro) .aaru__chip-group { order: 4; }
    /* Pole na otázku sa drží pri spodnom okraji obrazovky, aby bolo po ruke aj pri dlhom zozname produktov. */
    .aaru:not(.aaru--intro) .aaru__composer { order: 5; align-self: stretch; position: sticky; bottom: 8px; z-index: 20; box-shadow: 0 -4px 18px rgba(20, 40, 22, .12); background: var(--aaru-surface); border: 1px solid var(--aaru-line); border-radius: var(--aaru-radius-lg); }
    .aaru:not(.aaru--intro) .aaru__disclaimer { order: 6; }
}