:root{
      --brand-red:#E3141A;
      --text:#000;
      --muted:#9F9F9F;
      --panel:#000;
      --panelText:#fff;
      --gap: 20px;
      --gallery-w: 457px;
      --gallery-h: 343px;
    }

.page{
/*    max-width: 1440px; */
    margin:0 auto;
/*    padding: 32px 24px; */
    display:flex;
    flex-direction:column;
    gap:28px;
    background:center/cover no-repeat var(--bg, none);
    margin-top: -30px;
}

.list-top h1{
    color: #FFF;
    text-align: center;
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    margin-top:40px;
    margin-bottom: 20px;

}
/* ===== Item Row ===== */
.large-row{
    width:100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%);
}
    .item-row{
        position: relative;
        max-width: 1440px;
        display: grid;
        grid-template-columns: auto minmax(320px, 1fr); /* галерия + инфо */
        align-items: stretch;
        margin:0 auto 50px auto;
    }
    /* Галерия (Swiper) */
    .item-gallery.swiper{ width: calc(var(--gallery-w)*2 + var(--gap)); }
    .item-gallery .swiper-slide{
      width: var(--gallery-w);
      height: var(--gallery-h);
      overflow: hidden;
    }
    .item-gallery .swiper-slide img{
      width:100%; height:100%; object-fit:cover;
    }
    .item-gallery .swiper-button-prev,
    .item-gallery .swiper-button-next{
      color:#fff;
      width:42px;
      height:42px;
      text-shadow:0 2px 6px rgba(0,0,0,.35);
    }
    .item-gallery .swiper-pagination-bullets .swiper-pagination-bullet{
      background:#fff; opacity:.6;
    }
    .item-gallery .swiper-pagination-bullet-active{ opacity:1 !important; background:#e10600 !important; }

    /* Дясна инфо-колона */
    .item-panel{
      background: var(--panel);
      color: var(--panelText);
      padding: 22px 22px;
      display: grid;
      grid-template-rows: auto auto 1fr auto; /* заглавия / specs / spacer / бутони */
      gap: 12px;
    }
    .item-title{ font-size:22px; font-weight:700; margin:0 }
    .item-sub{ font-size:16px; font-weight:700; color:#BFBFBF; margin:0; text-transform:uppercase }

    .item-specs{
        display: flex;
        margin-top:6px;
        padding:12px 0;
        border-block:1px solid rgba(255,255,255,1);
        font-size:16px;
        line-height:1.35;
        width:100%;
    }
    .item-specs span{ color:#BFBFBF }

    .left-item-specs, .right-item-specs{
        display: flex;
        flex-direction: column;
        width:50%;
        gap:11px;
    }

    .right-item-specs{
        justify-content:space-between;
        text-align: right;
        align-items: flex-end;
    }

    .right-item-specs img{
        height:25px;
        width:auto;
        opacity: 0.4;
    }

    .item-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; justify-content: space-between; }
    .btn-red, .btn-lizing{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 18px; border-radius:10px; font-weight:700; font-size:16px; cursor:pointer; border:none;
    }
    .btn-red{ background:var(--brand-red); color:#fff }
    .btn-red:hover{ filter:brightness(.95) }

    .item-row .btn-red{
        margin-top:0px;
        padding: 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .lizing-section{
        position: relative;
        /*padding-top: 15px;*/
    }

    .btn-lizing {
        border-radius: 7px;
        background: #F6F6F6;
        color: #060882;
        font-family: Involve;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        padding: 8px 15px;
    }

    a.btn-lizing::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -15px;
        height: 15px;
        border-radius: 7px 7px 0 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 17.71%, rgba(228, 227, 227, 0.40) 89.58%);
    }

    .left-side-label{
        position:absolute;
        left:0;
        top:-40px;
        color: #9AEFA7;
        font-family: Involve;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
    }

    .right-side-label{
        position:absolute;
        right:0;
        top:-40px;
        color: #9AEFA7;
        text-align: right;
        text-shadow: 0 0 7.7px rgba(71, 242, 82, 0.70);
        font-family: Involve;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
    }

    .list-top-brand-title{
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 20px auto;
        width:100%;
        text-align: center;
        color: #fff;
        font-family: Bounded;
        font-style: normal;
        padding-top: 20px;
    }

    .list-top-brand-title h1{
        margin-top: 0;
        margin-bottom: 0;
    }

    .list-top-search{
        font-size: 20px;
    }

.list-top-search span{
    color:#E3141A;
}

.list-top-title{
    font-size: 20px;
    text-transform: uppercase;
}

@media (max-width: 1920px) {
        .list-top{
            font-size: 24px;
        }

        .left-side-label{
            font-size: 22px;
            top:-30px;
        }

        .right-side-label{
            font-size: 18px;
            top:-30px;
        }
    }

    @media (max-width: 1500px) {
        .item-row{
            max-width: 960px;
            grid-template-columns: 1fr 1fr; /* 480px / 480px */
        }

        .item-gallery.swiper{ width: 480px; }

        .item-panel{ width:100%; }     /* панелът запълва своята половина */
    }
@media (max-width: 1190px) {
    .list-top-brand-title{
        margin-top: 30px;
    }
}

    /* ===== Responsive ===== */
    @media (max-width: 1100px){
      .item-row{
            max-width: 760px;
            grid-template-columns: 1fr 1fr; /* 480px / 480px */
        }

        .item-gallery.swiper{ width: 380px; }
    }
    @media (max-width: 860px){

        .list-top h1 {
            font-size: 22px;
        }
        .item-panel{ width:auto; }
        .item-row{ grid-template-columns: 1fr; }          /* панелът пада под галерията */

        .item-gallery.swiper{ width: auto; }
        .item-gallery .swiper-slide{
            width: 100% !important;
        }
    }
    @media (max-width: 600px){

        .list-top h1 {
            font-size: 22px;
        }

        .item-gallery .swiper-slide{
            width: 100% !important;
        }

        .left-side-label {
            font-size: 18px;
            left: 10px;
        }

        .right-side-label {
            font-size: 16px;
            right: 10px;
        }

        .item-actions {
            margin-top: 30px;
            flex-direction: column-reverse;
            width: auto;
            align-items: center;
            justify-content: center;
        }
    }

#load-more-wrap{
    text-align:center;
    margin-top:-30px;
    margin-bottom: 10px;
}

#loadMore{
    cursor:pointer;
    text-transform: uppercase;
}

.price-list-mobile, .price-list{
    color: #9AEFA7;
    font-weight: bold;
}

.price-list-mobile span, .price-list span{
    color: #FFFFFF;
}

.price-list{
    font-size: 24px;
}

.price-list-mobile{
    font-size: 20px;
}

.price-list-mobile{
    display: none;
}

@media (max-width: 600px){
    .price-list, .list-logo, .label-cena{
        display: none;
    }

    .price-list-mobile{
        display: block;
    }
}