<style>




 /* ==========================================
       Obrázky aspect ratio
    ========================================== */

.product .image,
.p .image,
.product-image {
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
}

.product .image img,
.p .image img,
.product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}




 /* ==========================================
       Ikonka účtu
    ========================================== */

button[data-testid="signin"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

button[data-testid="signin"]::before {
    display: none !important;
    content: none !important;
}

button[data-testid="signin"]::after {
    content: "" !important;
    display: block !important;

    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='9' r='2.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 18c0-2.2 1.8-4 4-4s4 1.8 4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M12 2A10 10 0 0 1 19.1 5.1' fill='none' stroke='%237355b9' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}


.p a.image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}





.flag-discount {
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;

    background: #D98A8A !important;
    border-color: #D98A8A !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

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

/* ==========================================
   REFOTO – Krátký popisek produktu
========================================== */

/* Celý blok */
.refoto-shortinfo{
    text-align:center;
    margin-top:0;
    line-height:0;
}

/* Jednotlivé řádky */
.refoto-row{
    font-size:17px;
    font-weight:500;
    color:#333;
}

/* Mezera mezi řádky */
.refoto-row + .refoto-row{
    margin-top:2px;
}

/* Popisky "Stav:" a "Počet snímků:" */
.label{
    color:#444;
    font-size:15px;
}

/* ReFoto Grade */
.grade{
    color:#7A5BC8;
    font-weight:700;
    font-size:20px;
    margin-left:4px;
}

/* Počet expozic */
.shutter{
    color:#444;
    font-weight:500;
}


/* ==========================================
   NÁZEV PRODUKTU
========================================== */

.product .name,
.p .name,
.p-name,
.p-name a{
    font-size:20px;
    font-weight:600;
    color:#1f1f1f;
    line-height:1.3;
}


/* ==========================================
   DETAIL PRODUKTU
   Zarovnání krátkého popisku doleva
========================================== */

.p-short-description .refoto-shortinfo{
    text-align:left !important;
    margin-top:0;
    line-height:1.8;
}


/* ==========================================
   CENA NA KARTÁCH PRODUKTŮ
========================================== */

.product .price-final,
.product .price-final strong,
.product .price,
.p .price{
    font-size:16px !important;
    font-weight:700;
}


/* ==========================================
   TEXT "SKLADEM"
========================================== */

.product .availability,
.product .availability span,
.p .availability{
    font-size:14px !important;
    font-weight:500;
}

/* ==========================================
   DETAIL PRODUKTU – Skrytí volby množství
========================================== */

.quantity,
.quantity-wrap,
.amount,
.p-quantity{
    display:none !important;
}

a[data-testid="linkSearchIcon"]::before{
    display:none !important;
}

/* ==========================================
   IKONA – Lupa
========================================== */

a[data-testid="linkSearchIcon"]{
    display:flex;
    align-items:center;
    justify-content:center;
}

a[data-testid="linkSearchIcon"]::before{
    display:none !important;
}

a[data-testid="linkSearchIcon"]::after{
    content:"";

    width:28px;
    height:28px;

    flex:0 0 28px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.5' cy='9.5' r='8.1' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='9.5' cy='9.5' r='5.2' fill='none' stroke='%237355b9' stroke-width='1.5'/%3E%3Cline x1='15.4' y1='15.4' x2='21.6' y2='21.6' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");}

/* ==========================================
   IKONA – Profil
========================================== */

a.top-nav-button-account{
    display:flex;
    align-items:center;
    justify-content:center;
}

a.top-nav-button-account::before{
    display:none !important;
}

a.top-nav-button-account::after{
    content:"";

    width:28px;
    height:28px;

    flex:0 0 28px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='9' r='2.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 18c0-2.2 1.8-4 4-4s4 1.8 4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M12 2A10 10 0 0 1 19.1 5.1' fill='none' stroke='%237355b9' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}



/* ===== ReFoto - Košík ===== */

a[data-testid="headerCart"]{
    display:flex;
    align-items:center;
    justify-content:center;
}

a[data-testid="headerCart"]::before{
    display:none !important;
}

a[data-testid="headerCart"]::after{
    content:"";

    width:30px;
    height:30px;

    flex:0 0 30px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.2 4.3h2.9' stroke='%237355b9' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M5.7 4.3L7.9 15.2h10.3l2-7.6H8.9' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.6' cy='19.1' r='1.7' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='17.3' cy='19.1' r='1.7' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");

















/* =====================================================
   MOBILNÍ VERZE – PLYNULÉ ŠKÁLOVÁNÍ
   Aktivní pouze do 640 px
===================================================== */

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

    /* ==========================================
       PRODUKT – NÁZEV
    ========================================== */

    .product .name,
    .p .name,
    .p-name,
    .p-name a {
        font-size: clamp(15px, calc(12px + 1vw), 17px) !important;
        line-height: 1.25 !important;

        min-height: clamp(44px, calc(28px + 5vw), 52px) !important;

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

        margin-bottom: clamp(10px, 2vw, 14px) !important;
    }


    /* ==========================================
       PRODUKT – CENA
    ========================================== */

    .product .price-final,
    .product .price-final strong,
    .product .price,
    .p .price {
        font-size: clamp(14px, calc(11px + 1vw), 16px) !important;
        line-height: 1.25 !important;
    }


    /* ==========================================
       PRODUKT – SKLADEM
    ========================================== */

    .product .availability,
    .product .availability span,
    .p .availability {
        font-size: clamp(12px, calc(9px + 1vw), 14px) !important;
    }


    /* ==========================================
       PRODUKT – STAV A POČET SNÍMKŮ
    ========================================== */

    .refoto-shortinfo {
        margin-top: clamp(2px, 1vw, 6px) !important;
    }

    .refoto-row {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
        line-height: 1.25 !important;
    }

    .label {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
    }

    .grade {
        font-size: clamp(16px, calc(12px + 1.5vw), 18px) !important;
    }

    .shutter {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
    }


    /* ==========================================
       MOBIL – HORNÍ LIŠTA
    ========================================== */

    #header,
    .header {
        min-height: clamp(41px, 7vw, 50px) !important;
        height: clamp(41px, 7vw, 50px) !important;
    }


    /* Logo */
    .site-name img,
    #logo img {
        transform: scale(1.32);
        transform-origin: left center;
    }


    /* Rozestupy mezi prvky */
    .header-top,
    .navigation-buttons {
        gap: clamp(8px, 2vw, 12px) !important;
    }


    /* Lupa */
    a[data-testid="linkSearchIcon"]::after {
        width: clamp(28px, 7vw, 32px);
        height: clamp(28px, 7vw, 32px);
        flex-basis: clamp(28px, 7vw, 32px);
    }


    /* Košík */
    a[data-testid="headerCart"]::after {
        width: clamp(30px, 7.5vw, 34px);
        height: clamp(30px, 7.5vw, 34px);
        flex-basis: clamp(30px, 7.5vw, 34px);
    }


    /* Hamburger menu */
    a[data-testid="hamburgerMenu"] {
        transform: scale(1.05);
        transform-origin: center;
    }

}

/* ==========================================
   MOBIL – NÁZEV PRODUKTU NA DETAILU
========================================== */

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

    .p-detail h1,
    .product-detail h1,
    #product-detail h1,
    h1 {
        font-size: clamp(1.76rem, 7.04vw, 2.64rem) !important;
        line-height: 1.05 !important;
    }

}


/* ==========================================
   MOBIL – CENA PRODUKTU NA DETAILU
========================================== */

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

    .p-detail .price-final,
    .p-detail .price-final strong,
    .product-detail .price-final,
    .product-detail .price-final strong,
    #product-detail .price-final,
    #product-detail .price-final strong {
        font-size: clamp(1.8rem, 7.2vw, 2.52rem) !important;
        line-height: 1.1 !important;
    }

}


/* =====================================================
   MOBILNÍ VERZE – PLYNULÉ ŠKÁLOVÁNÍ
   Aktivní pouze do 640 px
===================================================== */

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

    /* ==========================================
       PRODUKT – NÁZEV
    ========================================== */

    .product .name,
    .p .name,
    .p-name,
    .p-name a {
        font-size: clamp(15px, calc(12px + 1vw), 17px) !important;
        line-height: 1.25 !important;

        min-height: clamp(44px, calc(28px + 5vw), 52px) !important;

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

        margin-bottom: clamp(10px, 2vw, 14px) !important;
    }


    /* ==========================================
       PRODUKT – CENA
    ========================================== */

    .product .price-final,
    .product .price-final strong,
    .product .price,
    .p .price {
        font-size: clamp(14px, calc(11px + 1vw), 16px) !important;
        line-height: 1.25 !important;
    }


    /* ==========================================
       PRODUKT – SKLADEM
    ========================================== */

    .product .availability,
    .product .availability span,
    .p .availability {
        font-size: clamp(12px, calc(9px + 1vw), 14px) !important;
    }


    /* ==========================================
       PRODUKT – STAV A POČET SNÍMKŮ
    ========================================== */

    .refoto-shortinfo {
        margin-top: clamp(2px, 1vw, 6px) !important;
    }

    .refoto-row {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
        line-height: 1.25 !important;
    }

    .label {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
    }

    .grade {
        font-size: clamp(16px, calc(12px + 1.5vw), 18px) !important;
    }

    .shutter {
        font-size: clamp(13px, calc(10px + 1vw), 15px) !important;
    }


    /* ==========================================
       MOBIL – HORNÍ LIŠTA
    ========================================== */

    #header,
    .header {
        min-height: clamp(41px, 7vw, 50px) !important;
        height: clamp(41px, 7vw, 50px) !important;
    }


    /* Logo */
    .site-name img,
    #logo img {
        transform: scale(1.32);
        transform-origin: left center;
    }


    /* Rozestupy mezi prvky */
    .header-top,
    .navigation-buttons {
        gap: clamp(8px, 2vw, 12px) !important;
    }


    /* Lupa */
    a[data-testid="linkSearchIcon"]::after {
        width: clamp(28px, 7vw, 32px);
        height: clamp(28px, 7vw, 32px);
        flex-basis: clamp(28px, 7vw, 32px);
    }


    /* Košík */
    a[data-testid="headerCart"]::after {
        width: clamp(30px, 7.5vw, 34px);
        height: clamp(30px, 7.5vw, 34px);
        flex-basis: clamp(30px, 7.5vw, 34px);
    }


    /* Hamburger menu */
    a[data-testid="hamburgerMenu"] {
        transform: scale(1.05);
        transform-origin: center;
    }

}

/* ==========================================
   MOBIL – NÁZEV PRODUKTU NA DETAILU
========================================== */

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

    .p-detail h1,
    .product-detail h1,
    #product-detail h1,
    h1 {
        font-size: clamp(1.76rem, 7.04vw, 2.64rem) !important;
        line-height: 1.05 !important;
    }

}


/* ==========================================
   MOBIL – CENA PRODUKTU NA DETAILU
========================================== */

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

    .p-detail .price-final,
    .p-detail .price-final strong,
    .product-detail .price-final,
    .product-detail .price-final strong,
    #product-detail .price-final,
    #product-detail .price-final strong {
        font-size: clamp(1.8rem, 7.2vw, 2.52rem) !important;
        line-height: 1.1 !important;
    }

}



</style>