/* ═══════════════════════════════════════════════════════════════════════════
   PARTNERSKE LANDING STRANI — /partner/<slug>

   Nalozi se SAMO iz application/views/portal/index/partner.php.
   Vse selektorje ima pod .partner-landing in s predpono .pl-, da ne posega
   v core.css ali update.css. Navigacije in noge se ne dotika.

   Izjema sta .product_card in bootstrap mreza .row/.col-* — kartice izdelkov
   so namenoma iste kot povsod drugod po trgovini (core.css) in tu samo
   dobijo razmik.

   Barve (brez CSS spremenljivk, ker jih projekt ne uporablja):
     zlata     #cab180
     temna     #292828
     crna      #120701
     siva      #5e5f5f
     bez ozadje #f6f1ec
   ═══════════════════════════════════════════════════════════════════════════ */

.partner-landing {
    overflow-x: hidden;
    color: #292828;
}

.partner-landing .container-fluid {
    max-width: 1360px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* ── NASLOVNICA ─────────────────────────────────────────────────────────── */

.partner-landing .pl-hero {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-top: 30px;
    margin-bottom: 70px;
}

.partner-landing .pl-hero-media {
    position: relative;
    flex: 1 1 50%;
    min-width: 0;
}

.partner-landing .pl-hero-img {
    height: 720px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
}

.partner-landing .pl-hero-img-empty {
    background-color: #f0ece6;
}

.partner-landing .pl-tag {
    position: absolute;
    left: 30px;
    background-color: #120701;
    color: #ffffff;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 28px;
    line-height: 58px;
    height: 58px;
    padding: 0 25px;
    border-radius: 100px;
    width: max-content;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partner-landing .pl-tag-1 {
    bottom: 74px;
    transform: rotate(352deg);
}

.partner-landing .pl-tag-2 {
    bottom: -18px;
    left: 70px;
    transform: rotate(2deg);
}

.partner-landing .pl-hero-content {
    flex: 1 1 50%;
    min-width: 0;
    padding-right: 20px;
}

.partner-landing .pl-brandbar {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 26px;
    min-height: 65px;
}

.partner-landing .pl-brandbar-bam {
    /* Mera iz Figme: 107.52 x 64.87 */
    width: 108px;
    height: 65px;
    object-fit: contain;
}

.partner-landing .pl-brandbar-x {
    font-size: 18px;
    color: #b4b4b4;
    text-transform: lowercase;
}

.partner-landing .pl-brandbar-partner {
    /* Enaka optična višina kot bam znak levo. */
    max-height: 65px;
    max-width: 240px;
    width: auto;
    object-fit: contain;
}

.partner-landing .pl-hero-content h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #292828;
    margin: 0 0 22px 0;
}

.partner-landing .pl-hero-text {
    font-size: 24px;
    line-height: 34px;
    color: #292828;
    margin-bottom: 32px;
    max-width: 560px;
}

.partner-landing .pl-hero-text p {
    margin-bottom: 12px;
}

.partner-landing .pl-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 46px;
}

.partner-landing .pl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 200px;
    height: 56px;
    padding: 0 22px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.partner-landing .pl-btn:after {
    content: '';
    width: 8px;
    height: 12px;
    background-image: url(../../images/mc/partner/chevron-right.svg);
    background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 8px;
}

.partner-landing .pl-btn:hover {
    opacity: 0.82;
    text-decoration: none;
}

.partner-landing .pl-btn-primary {
    background-color: #cab180;
    color: #292828;
}

.partner-landing .pl-btn-outline {
    background: none;
    border: 2px solid #3e2910;
    color: #292828;
}

.partner-landing .pl-counters {
    display: flex;
    max-width: 520px;
}

.partner-landing .pl-counter {
    flex: 1 1 50%;
    padding-right: 30px;
}

.partner-landing .pl-counter + .pl-counter {
    padding-left: 40px;
    border-left: 1px solid #e0dbd3;
}

.partner-landing .pl-counter-number {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292828;
    padding-bottom: 14px;
    border-bottom: 1px solid #292828;
    margin-bottom: 12px;
}

.partner-landing .pl-counter-label {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #8a8a8a;
}


/* ── TRI PREDNOSTI ──────────────────────────────────────────────────────── */

.partner-landing .pl-benefits {
    background-repeat: no-repeat;
    /* Vodni znak "bamChocolate" (SVG 1440 x 200) sedi VISJE od naslova: v
       Figmi je njegov vrh 82 px nad vrhom naslova, spodnji del pa naslov le
       rahlo prekriva.

       Znaka NE premikamo z negativnim odmikom — pri tem se mu odreze vrh
       (opazeno 4. 9. 2026). Namesto tega ga pustimo pri vrhu odseka in
       naslov potisnemo nizje z zgornjim odmikom odseka. */
    /* V Figmi je v zaledju viden samo zacetek napisa ("bam"), ne cel
       "bamChocolate" — znak je vecji in zamaknjen levo. */
    background-position: left -180px top;
    background-size: 175% auto;
    padding: 82px 0 70px 0;
}

.partner-landing .pl-heading {
    text-align: center;
    margin: 0 0 60px 0;
    text-transform: uppercase;
    /* 1.1 je pri 64 px stisnilo obe vrstici skupaj; 1.25 jima da zrak,
       negativni razmik na spodnji vrstici pa ohrani vezavo iz h2.sub_main. */
    line-height: 1.25;
}

.partner-landing .pl-heading .pl-heading-top,
.partner-landing .pl-heading .pl-heading-bottom {
    display: block;
}

/* Zrcalo h2.sub_main iz core.css (Playfair 400 + Roboto Condensed 800 z
   negativnim razmikom), samo pri 64 px namesto 60 px. */
.partner-landing .pl-heading .pl-heading-top {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 64px;
    font-weight: 400;
    color: #292828;
}

.partner-landing .pl-heading .pl-heading-bottom {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 64px;
    font-weight: 800;
    color: #292828;
    margin-top: -8px;
}

.partner-landing .pl-heading-left {
    text-align: left;
}

.partner-landing .pl-benefits-row {
    display: flex;
    gap: 26px;
}

.partner-landing .pl-benefit {
    flex: 1 1 33.333%;
    min-width: 0;
    background-color: #ffffff;
    border: 1px solid #cab180;
    border-radius: 16px;
    padding: 34px 28px;
    text-align: center;
}

.partner-landing .pl-benefit-icon {
    height: 56px;
    margin: 0 auto 18px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ikone so dobavljene v zlati #CAB180, zato jih ne barvamo. */
.partner-landing .pl-benefit-icon img {
    max-height: 56px;
    width: auto;
}

.partner-landing .pl-benefit h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #292828;
    margin: 0 0 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #c1c1c1;
}

.partner-landing .pl-benefit p {
    font-size: 18px;
    line-height: 28px;
    color: #7a7a7a;
    margin: 0;
}


/* ── TRI SLIKE ──────────────────────────────────────────────────────────── */

.partner-landing .pl-gallery {
    /* Zasuk +-10 stopinj poveca navidezno visino bloka za ~35 px na vsako
       stran, zato tu vecji navpicni razmik. Spodaj se dodatno, da galerija
       ne visi tik nad naslovom odseka z izdelki. */
    padding: 55px 0 150px 0;
}

.partner-landing .pl-gallery-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Mere iz Figme: 400 x 315, radij 36 px, rob 5 px #FAFAFA,
   zasuk -10 / 0 / +10 stopinj. box-sizing: border-box, da je 400 x 315
   koncna mera z robom vred. */
.partner-landing .pl-gallery-item {
    width: 400px;
    height: 315px;
    flex: 0 0 400px;
    position: relative;
}

.partner-landing .pl-gallery-item img {
    display: block;
    box-sizing: border-box;
    width: 400px;
    height: 315px;
    object-fit: cover;
    object-position: center;
    border: 5px solid #fafafa;
    border-radius: 36px;
    background-color: #f0ece6;
}

.partner-landing .pl-gallery-item-1 {
    z-index: 1;
    transform: rotate(10deg);
}

.partner-landing .pl-gallery-item-2 {
    z-index: 2;
    margin-left: -26px;
}

.partner-landing .pl-gallery-item-3 {
    z-index: 3;
    margin-left: -26px;
    transform: rotate(-10deg);
}


/* ── IZDELKI ────────────────────────────────────────────────────────────── */

/* .products iz core.css doda padding 90px 0; tu ga povozimo, ker ima odsek
   svoj razmik in naslov z logotipom nad mrezo. */
.partner-landing .pl-products {
    padding-top: 0;
    padding-bottom: 80px;
}

.partner-landing .pl-products-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.partner-landing .pl-products-head .pl-heading {
    margin-bottom: 0;
}

.partner-landing .pl-products-logo {
    max-height: 90px;
    max-width: 300px;
    width: auto;
    object-fit: contain;
}

.partner-landing .pl-products .product_card {
    margin-bottom: 26px;
}

/* Kartica brez cene in gumba: samo slika + naziv. */
.partner-landing .pl-product-card .content {
    padding-top: 14px;
    text-align: left;
}

.partner-landing .pl-product-card .content a {
    color: #292828;
    text-decoration: none;
}

.partner-landing .pl-product-card .content h3 {
    margin: 0;
}

/* Kartice cez prvih 8 so skrite, dokler jih ne odkrije "Prikazi vec". */
.partner-landing .pl-product-hidden {
    display: none;
}

.partner-landing .pl-more {
    text-align: center;
    margin-top: 10px;
}

.partner-landing .pl-more .pl-btn {
    cursor: pointer;
    background: none;
}

.partner-landing .pl-empty {
    padding: 40px 0;
    text-align: center;
    color: #7a7a7a;
}


/* ── ZEMLJEVID ──────────────────────────────────────────────────────────── */

.partner-landing .pl-map-section {
    background-color: #f6f1ec;
    padding: 70px 0 80px 0;
}

.partner-landing .pl-map-wrap {
    display: flex;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(41, 40, 40, 0.08);
}

.partner-landing .pl-map-panel {
    flex: 0 0 340px;
    max-width: 340px;
    padding: 24px 20px;
    border-right: 1px solid #ece7e0;
    display: flex;
    flex-direction: column;
}

/* Brez Googlovega kljuca ostane samo seznam — naj zavzame celo sirino. */
.partner-landing .pl-map-wrap-nokey .pl-map-panel {
    flex: 1 1 100%;
    max-width: 100%;
    border-right: none;
}

.partner-landing .pl-map-panel h3 {
    font-size: 15px;
    font-weight: 700;
    color: #292828;
    margin: 0 0 14px 0;
}

.partner-landing .pl-map-search {
    position: relative;
    margin-bottom: 12px;
}

.partner-landing .pl-map-search input {
    width: 100%;
    height: 44px;
    padding: 0 46px 0 14px;
    border: 1px solid #ddd6cc;
    border-radius: 6px;
    font-size: 14px;
    color: #292828;
    background-color: #ffffff;
}

.partner-landing .pl-map-search input:focus {
    outline: none;
    border-color: #cab180;
}

.partner-landing .pl-map-locate {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background-color: #f6f1ec;
    cursor: pointer;
}

.partner-landing .pl-map-locate img {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

.partner-landing .pl-map-locate.is-loading {
    opacity: 0.45;
    cursor: default;
}

.partner-landing .pl-dropdown {
    position: relative;
    margin-bottom: 12px;
}

.partner-landing .pl-dropdown-button {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #ddd6cc;
    border-radius: 6px;
    background-color: #ffffff;
    font-size: 14px;
    color: #292828;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.partner-landing .pl-dropdown-button img {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 10px;
    margin-top: -3px;
}

.partner-landing .pl-dropdown-content {
    display: none;
    position: absolute;
    z-index: 5;
    top: 46px;
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid #ddd6cc;
    border-radius: 6px;
    padding: 8px 0;
    box-shadow: 0 8px 24px rgba(41, 40, 40, 0.12);
}

.partner-landing .pl-dropdown.is-open .pl-dropdown-content {
    display: block;
}

.partner-landing .pl-dropdown-content label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 14px;
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #292828;
    cursor: pointer;
    font-weight: 400;
}

.partner-landing .pl-dropdown-content label:hover {
    background-color: #f6f1ec;
}

.partner-landing .pl-dropdown-content input {
    margin-top: 2px;
}

.partner-landing .pl-map-count {
    font-size: 12px;
    color: #8a8a8a;
    margin-bottom: 10px;
}

.partner-landing .pl-map-list {
    flex: 1 1 auto;
    max-height: 430px;
    overflow-y: auto;
    padding-right: 4px;
}

.partner-landing .pl-map-list::-webkit-scrollbar {
    width: 6px;
}

.partner-landing .pl-map-list::-webkit-scrollbar-thumb {
    background-color: #ddd6cc;
    border-radius: 3px;
}

.partner-landing .pl-map-item {
    padding: 12px 10px;
    border-bottom: 1px solid #f0ebe4;
    cursor: pointer;
}

.partner-landing .pl-map-item:hover {
    background-color: #f9f6f2;
}

.partner-landing .pl-map-item-name {
    font-size: 14px;
    font-weight: 700;
    color: #292828;
    margin-bottom: 3px;
}

.partner-landing .pl-map-item-address {
    font-size: 12px;
    line-height: 18px;
    color: #8a8a8a;
}

.partner-landing .pl-map-item-distance {
    font-size: 12px;
    font-weight: 700;
    color: #cab180;
    margin-top: 3px;
}

.partner-landing .pl-map-canvas {
    flex: 1 1 auto;
    min-height: 520px;
}

/* Googlov oblacek — samo vsebina, okvirja ne prevzemamo. */
.partner-landing .pl-popup,
.pl-popup {
    max-width: 260px;
    font-size: 13px;
    line-height: 19px;
    color: #292828;
}

.pl-popup .pl-popup-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}

.pl-popup .pl-popup-address,
.pl-popup .pl-popup-phone {
    color: #8a8a8a;
    margin-bottom: 4px;
}

.pl-popup .pl-popup-products {
    margin-top: 8px;
    max-height: 170px;
    overflow-y: auto;
}

.pl-popup .pl-popup-products ul {
    list-style: disc;
    padding-left: 18px;
    margin: 6px 0 0 0;
}

.pl-popup .pl-popup-products li {
    margin-bottom: 2px;
}


/* ── TABLICE ────────────────────────────────────────────────────────────── */

@media (max-width: 1199px) {

    .partner-landing .pl-hero {
        gap: 34px;
    }

    .partner-landing .pl-hero-img {
        height: 440px;
    }

    .partner-landing .pl-hero-content h1 {
        font-size: 36px;
    }

    .partner-landing .pl-tag {
        font-size: 22px;
        height: 48px;
        line-height: 48px;
        padding: 0 20px;
    }

    .partner-landing .pl-map-panel {
        flex: 0 0 300px;
        max-width: 300px;
    }

    /* Trije kosi po 400 px z zasukom potrebujejo ~1230 px; pod tem jih
       sorazmerno pomanjsamo, da ohranijo razmerje iz Figme. */
    .partner-landing .pl-gallery-item {
        width: 320px;
        height: 252px;
        flex: 0 0 320px;
    }

    .partner-landing .pl-gallery-item img {
        width: 320px;
        height: 252px;
    }
}

@media (max-width: 991px) {

    /* V mobilni Figmi je vrstni red: logotipa, naslov, besedilo, gumba,
       stevca in SELE NATO slika s crnima pasicama. */
    .partner-landing .pl-hero {
        flex-direction: column-reverse;
        gap: 32px;
        margin-top: 20px;
    }

    .partner-landing .pl-hero-media,
    .partner-landing .pl-hero-content {
        flex: 1 1 auto;
        width: 100%;
        padding-right: 0;
    }

    .partner-landing .pl-hero-img {
        height: 340px;
        border-radius: 26px;
    }

    .partner-landing .pl-hero-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .partner-landing .pl-hero-text,
    .partner-landing .pl-counters {
        max-width: 100%;
    }

    .partner-landing .pl-heading .pl-heading-top,
    .partner-landing .pl-heading .pl-heading-bottom {
        font-size: 44px;
    }

    .partner-landing .pl-benefits-row {
        flex-direction: column;
    }

    .partner-landing .pl-map-wrap {
        flex-direction: column;
    }

    .partner-landing .pl-map-panel {
        flex: 1 1 auto;
        max-width: 100%;
        border-right: none;
        border-bottom: 1px solid #ece7e0;
    }

    .partner-landing .pl-map-list {
        max-height: 300px;
    }

    .partner-landing .pl-map-canvas {
        min-height: 380px;
    }
}


/* ── TELEFON ────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {

    .partner-landing .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .partner-landing .pl-hero-img {
        height: 280px;
    }

    /* Znacki sta na telefonu na SREDINI slike, ne ob levem robu. */
    .partner-landing .pl-tag {
        font-size: 17px;
        height: 40px;
        line-height: 40px;
        padding: 0 16px;
        left: 50%;
        max-width: calc(100% - 32px);
    }

    .partner-landing .pl-tag-1 {
        bottom: 52%;
        transform: translateX(-50%) rotate(352deg);
    }

    .partner-landing .pl-tag-2 {
        bottom: 36%;
        transform: translateX(-50%) rotate(2deg);
    }

    /* Naslov in uvodno besedilo sta na telefonu sredinska (mobilna Figma). */
    .partner-landing .pl-hero-content h1 {
        font-size: 28px;
        text-align: center;
    }

    .partner-landing .pl-hero-text {
        text-align: center;
    }

    /* V mobilni Figmi sta logotipa sredinsko poravnana. */
    .partner-landing .pl-brandbar {
        gap: 14px;
        min-height: 0;
        justify-content: center;
    }

    .partner-landing .pl-brandbar-bam {
        width: 84px;
        height: 51px;
    }

    .partner-landing .pl-brandbar-partner {
        max-height: 51px;
        max-width: 160px;
    }

    .partner-landing .pl-hero-text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 26px;
    }

    .partner-landing .pl-counter-number {
        font-size: 40px;
    }

    .partner-landing .pl-counter-label {
        font-size: 15px;
    }



    .partner-landing .pl-hero-cta {
        margin-bottom: 34px;
    }

    /* Na telefonu sta gumba drug POD drugim cez celo sirino (tako je v
       mobilni Figmi), ne dva ozka v vrsti. */
    .partner-landing .pl-hero-cta {
        flex-direction: column;
        gap: 12px;
    }

    .partner-landing .pl-btn {
        width: 100%;
        min-width: 0;
        height: 56px;
        font-size: 16px;
        padding: 0 20px;
    }

    .partner-landing .pl-counter {
        padding-right: 16px;
    }

    .partner-landing .pl-counter + .pl-counter {
        padding-left: 20px;
    }

    .partner-landing .pl-counter-number {
        font-size: 34px;
    }

    .partner-landing .pl-benefits {
        padding: 46px 0 50px 0;
        background-size: 150% auto;
    }

    .partner-landing .pl-heading {
        margin-bottom: 36px;
    }

    .partner-landing .pl-heading .pl-heading-top,
    .partner-landing .pl-heading .pl-heading-bottom {
        font-size: 32px;
    }

    .partner-landing .pl-benefit h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .partner-landing .pl-benefit p {
        font-size: 16px;
        line-height: 25px;
    }

    .partner-landing .pl-benefit {
        padding: 26px 22px;
    }

    /* Na telefonu so tri slike vodoravni drsnik namesto prekrivanja —
       prekrivanje in rotacija na 360 px pojedeta polovico slike. */
    .partner-landing .pl-gallery {
        padding: 0 0 70px 0;
    }

    /* Vse tri slike ostanejo vidne cez sirino zaslona in obdrzijo zasuk —
       tako je v mobilni Figmi. Razmerje 400:315 se ohrani. */
    .partner-landing .pl-gallery-row {
        justify-content: center;
        overflow: visible;
    }

    .partner-landing .pl-gallery-item {
        flex: 0 0 31%;
        width: 31%;
        height: auto;
    }

    .partner-landing .pl-gallery-item-2,
    .partner-landing .pl-gallery-item-3 {
        margin-left: -6px;
    }

    .partner-landing .pl-gallery-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 400 / 315;
        border-width: 3px;
        border-radius: 12px;
    }

    /* column-reverse: logotip partnerja pride NAD naslov, kot v mobilni Figmi. */
    /* Naslov "BAM izdelki na voljo v ..." in logotip sta sredinska. */
    .partner-landing .pl-products-head {
        flex-direction: column-reverse;
        align-items: center;
        gap: 16px;
        margin-bottom: 26px;
    }

    .partner-landing .pl-heading-left {
        text-align: center;
    }

    .partner-landing .pl-products-logo {
        max-height: 64px;
        max-width: 180px;
    }

    .partner-landing .pl-map-section {
        padding: 45px 0 55px 0;
    }
}


/* ── KARTICE IZDELKOV: POPRAVEK KASKADE ─────────────────────────────────────
   Kartice so namenoma iste kot povsod drugod po trgovini, zato jih stiliramo
   samo prek skupnih razredov (.product_card iz core.css / update.css).

   TEŽAVA: portal.php naloži core.css -> update.css -> mobile.css, ta datoteka
   pa se vključi iz pogleda, torej NA KONCU. Pri enaki specifičnosti odloča
   vrstni red, zato na tej strani zmaga mobile.css:

       mobile.css  @max-width 768   .product_card .top { width: 40% }
       update.css  @max-width 778   .product_card .top { width: 100% }

   Na naslovnici je isti par razrešen v korist update.css (100 % = slika nad
   besedilom), tu pa je zmagal mobile.css (40 % = stara vodoravna kartica) in
   kartice so bile v stolpcu col-6 zmečkane.

   Zato tu ponovimo TISTE vrednosti, ki jih ima update.css — nič novega si ne
   izmišljamo, samo vrnemo videz, kakršen je na naslovnici in pri ambasadorjih.
   Izmerjeno na živi naslovnici 4. 9. 2026: top 154x160, img_box 134x96
   (max-height 96, margin-top -45), attribute font-size 0.
   ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width: 778px) {

    .partner-landing .product_card .top {
        width: 100%;
        display: block;
        height: 160px;
        border-radius: 16px;
    }

    .partner-landing .product_card .content {
        width: 100%;
        display: block;
        margin: 0;
    }

    .partner-landing .product_card .top .img_box {
        max-height: 96px;
        margin: 0;
        top: 50%;
        margin-top: -45px;
    }

    /* Sama SLIKA v skatli: mobile.css ji da max-height 130px, update.css 120px.
       Ker se ta datoteka nalozi zadnja, je zmagalo 130px in slika je bila
       visja od svoje 96px skatle — na kartici je zato visela pod prazno belo
       ploskvijo (izmerjeno 4. 9. 2026: img 130x130 v skatli 130x96).
       Na naslovnici je enaka slika 134x89. */
    .partner-landing .product_card .top .img_box img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        margin: 0 auto;
    }

    .partner-landing .product_card .top .attribute {
        margin: 5px;
    }

    .partner-landing .product_card .top .attribute li {
        font-size: 0px;
    }

    .partner-landing .product_card .top .attribute img {
        height: 16px;
        width: 16px;
    }

    .partner-landing .product_card .content h3 {
        margin-top: 5px;
    }

    .partner-landing .product_card .content h3,
    .partner-landing .product_card .content .price,
    .partner-landing .product_card .content .old_price {
        font-size: 14px;
    }

    .partner-landing .product_card button {
        margin-top: 20px;
        font-size: 15px;
    }
}