    <!--
   
    /* 1. ZÁKLADNÍ NASTAVENÍ */
        * { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; scroll-padding-top: 100px !important;}
        
        /* Aktivuje se přes JS pro plynulý start */
        html.snap-ready {
            /* Změna z proximity na mandatory zajistí, že prohlížeč VŽDY skočí na střed bloku */
        scroll-snap-type: y mandatory !important;
        scroll-padding-top: 50px !important;
        height: 100%;
        -webkit-overflow-scrolling: touch; /* Zajistí plynulost na iPhone */
        }
        body { 
            font-family: 'Roboto', sans-serif; 
             /*
  background-image: radial-gradient(#d1d1d1 1px, transparent 1px) !important;
    background-size: 30px 30px !important; /* Hustota teček e67e22*/
   /* Včelí plástev - geometrický vzor */
    background-color: #f4f4f4 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%234f7071' stroke-width='1' opacity='0.9'/%3E%3C/svg%3E") !important;
    background-size: 28px 50px !important;
    background-attachment: fixed !important;
    
    color: #333; 
    overflow-x: hidden; 
    -webkit-tap-highlight-color: transparent;
        }
        /* 2. VERTIKÁLNÍ MENU */
        .vertical-nav {
            position: fixed !important; 
            right: -33px !important; 
            top: 50%; transform: translateY(-50%);
            z-index: 10005; display: flex; flex-direction: row; 
            height: auto; max-height: 85vh; width: auto;
            transition: right 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .show-full-nav { right: 0 !important; }
        .nav-label {
            display: flex; align-items: center; justify-content: center;
            writing-mode: vertical-rl; transform: rotate(180deg);
            background: #ffa600; color: #fff;
            font-size: 11px; letter-spacing: 3px; font-weight: bold;
            padding: 20px 2px; cursor: pointer;
            border-radius: 0 10px 10px 0px;
            box-shadow: 5px -4px 4px 0px rgba(0, 0, 0, 0.1);
            height: 130px; align-self: center;
            z-index: 2;
        }
        .nav-label span { transition: transform 0.4s; display: inline-block; margin-top: 5px; }
        .show-full-nav .nav-label span { transform: rotate(180deg); }
        .nav-body {
            display: flex; flex-direction: column;
            background: rgba(255, 255, 255, 0.98) !important;
            backdrop-filter: blur(10px);
            box-shadow: -5px 0 25px rgba(0,0,0,0.08);
            width: 40px; border-left: 1px solid #ffa600;
            overflow: hidden;
        }
        .nav-links-container {
            display: flex; flex-direction: column;
            overflow-y: auto; scrollbar-width: none;
            padding: 5px 0;
        }
        .nav-links-container::-webkit-scrollbar { display: none; }
        .nav-links-container a {
            text-decoration: none; color: #333; text-transform: uppercase;
            font-size: 13px !important; letter-spacing: 1px; writing-mode: vertical-rl;
            transform: rotate(180deg); padding: 15px 5px;
            transition: 0.3s; cursor: pointer; text-align: center; white-space: nowrap;
        }
        .nav-links-container a.active { color: #fff !important; background: #1e1e1e; }
        .nav-arrow {
            text-align: center; color: #ffa600; font-weight: bold;
            cursor: pointer; padding: 12px 0; background: #fff; font-size: 16px;
        }
        .nav-arrow.up { transform: rotate(180deg); border-bottom: 1px solid #eee; }
        .nav-arrow.down { border-top: 1px solid #eee; }
        /* 3. KONTAKTNÍ STICKY */
        .contact-sticky { 
            position: fixed; 
            left: -54px !important; 
            top: 80%; transform: translateY(-50%); 
            z-index: 10005; display: flex; flex-direction: column; 
            transition: left 0.5s cubic-bezier(0.25, 1, 0.5, 1); 
        }
        .contact-sticky.is-open { left: 0 !important; }
        .contact-item { 
            background: #e30613; color: #fff; 
            display: flex !important; align-items: center; 
            margin-bottom: 6px; border-radius: 0 10px 10px 0; 
            padding: 14px 16px; text-decoration: none; 
            width: 54px; overflow: hidden; 
            transition: width 0.4s, background 0.3s; 
        }
        .contact-sticky.is-open .contact-item { width: 240px; }
        .contact-label {
            position: absolute; right: -55px; top: 50%;
            transform: translateY(-50%) rotate(90deg);
            background: #e30613; color: #fff;
            padding: 8px 20px; font-size: 11px; font-weight: bold;
            letter-spacing: 2px; border-radius: 10px 10px 0PX 0PX;
            cursor: pointer; white-space: nowrap;
            box-shadow: 2px -2px 5px rgba(0,0,0,0.1);
        }
        .contact-item span { margin-left: 15px; font-size: 0.85rem; opacity: 0; transition: 0.3s; white-space: nowrap; }
        .contact-sticky.is-open .contact-item span { opacity: 1; }
        .contact-item svg { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }
        /* 4. BLOKY A OBSAH */
        .section-container { 
            width: 100%; display: flex; flex-direction: column; align-items: center; 
            padding: 20px 0 150px 0;
        }
        .section-container > div:first-child {
        scroll-snap-align: start !important;
    }
        .main-wrapper-box {
            width: 98%; max-width: 1300px; min-height: 80vh; 
            margin: 100px auto; background: #fff; border-radius: 35px; 
            padding: 50px; position: relative; 
           
           /* box-shadow: 0 20px 50px rgba(0,0,0,0.06); 
            Přidejte k tomu výraznější stín, aby efekt "vystoupnutí" z plástve vynikl */
            box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
            border: solid 1px #93dde0 !important;
            opacity: 0; transform: translateY(120px) scale(0.92) rotateX(-5deg); 
            perspective: 1000px; transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
            display: flex; flex-direction: column; justify-content: center;
            scroll-snap-align: start !important; 
          
    
    /* KLÍČOVÉ: Rezerva pro horní lištu Shoptetu (upravte dle výšky vaší lišty, cca 80-120px) */
    scroll-margin-top: 150px !important; 
    
    scroll-snap-stop: always !important;
           /*background: linear-gradient(145deg, #ffffff 0%, #ececec 100%) !important;  Jemný barevný přechod uvnitř bloku */
        }
                /* Oprava pro první blok, aby šla vidět hlavička */
            .main-wrapper-box:first-of-type {
                scroll-snap-align: start !important;
                margin-top: 50px !important;
            }
        .main-wrapper-box.is-visible { opacity: 1; transform: translateY(0) scale(1) rotateX(0deg); }
        .main-wrapper-box:nth-child(even) { align-items: flex-end; text-align: right; }
        .animated-headline { font-weight: 100; font-size: 32px !important; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-bottom: 12px; margin-bottom: 20px; }
        .animated-headline::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffa600; transition: 1s ease 0.4s; }
        .main-wrapper-box.is-visible .animated-headline::after { width: 100%; }
        .main-wrapper-box:nth-child(even) .animated-headline::after { left: auto; right: 0; }
        /* Toto vynutí, aby se galerie vždy řadila zleva doprava, 
   i když je blok jako celek otočený */
.main-wrapper-box:nth-child(even) .cb-matrix-anchor {
    flex-direction: row !important;
    width: 100%;
}

        .box-description { margin-bottom: 25px; line-height: 1.6 !important; color: #666; font-size: 16px !important; max-width: 800px; }
        /* Explorer Button */
        .cb-explorer-btn {
            display: inline-flex; align-items: center; border: 2px solid #ffa600 !important;
            color: #ffa600 !important; padding: 12px 25px; border-radius: 50px; text-decoration: none !important;
            transition: 0.4s; width: 190px; overflow: hidden;
        }
        @media (min-width: 769px) { .cb-explorer-btn:hover { width: 310px; background: #ffa600 !important; color: #fff !important; } }
        .cb-text-extra { max-width: 0; opacity: 0; overflow: hidden; transition: 0.4s; margin-left: 0; white-space: nowrap; }
        .cb-explorer-btn:hover .cb-text-extra { max-width: 200px; opacity: 1; margin-left: 8px; }
        /* Galerie */
        .gal-viewport { position: relative; width: 100%; height: 45vh; border-radius: 15px; overflow: hidden; background: #f9f9f9; margin-bottom: 25px; }
        .gal-track { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;gap: 15px;width: 100%;align-items: stretch;
    padding-bottom: 10px; }
        
        .gal-track::-webkit-scrollbar { display: none; }
        .gal-track img { min-width: 100%; height: 100%; object-fit: cover; scroll-snap-align: start; }
        .gal-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.09); border: none; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; }
        .gal-nav svg { width: 30px; height: 30px; stroke: #ffa600; stroke-width: 2px; fill: none; }
        /* KONKRÉTNÍ UMÍSTĚNÍ */
        .gal-nav.prev {
            left: 15px !important;  /* 15 pixelů od levého okraje */
        }

        .gal-nav.next {
            right: 15px !important; /* 15 pixelů od pravého okraje */
        }
   
        #backToTop { position: fixed; bottom: 30px; right: 80px; width: 50px; height: 50px; background: #ffa6000d; color: #ffa60073; border: none; border-radius: 50%; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 10010; cursor: pointer; font-size: 20px; border: solid 1px; box-shadow: 0 10px 20px rgba(255, 166, 0, 0.54);}
        #backToTop.show { opacity: 1; visibility: visible; }
        @media (max-width: 768px) {
            .main-wrapper-box { padding: 40px 25px; width: 92%; margin: 60px auto; min-height: 60vh;scroll-margin-top: 50px !important;  }
            .animated-headline { font-size: 1.6rem !important; }
            .gal-viewport { height: 35vh; }
            html { scroll-padding-top: 50px; }
            #backToTop { width: 30px; height: 30px; bottom: 15px; right: 10px;}
        }
        
             /* IZOLOVANÉ STYLY PRO CITYBREX INTRO */
        .cb-intro-container {
            max-width: 850px;
            margin: 0 auto;
        }
        /* Vlastní třída pro H1 aby se nepletla se Shoptetem */
        .cb-main-title {
            font-size: 42px !important;
            margin-bottom: 5px !important;
            color: #1e1e1e !important;
        }
        /* Vlastní třída pro podnadpis */
        .cb-subtitle {
            color: #e30613 !important;
            font-weight: bold !important;
            text-transform: uppercase !important;
            letter-spacing: 2px !important;
            font-size: 14px !important;
            margin-bottom: 50px !important;
            display: block;
        }
        /* Vlastní třídy pro H2 */
        .cb-heading {
            color: #1a1a1a !important;
            font-size: 24px !important;
            margin: 40px 0 20px 0 !important;
            padding-left: 15px !important;
            border-left: 4px solid #ffa600 !important;
            text-transform: none !important;
            font-weight: 600 !important;
            line-height: 1.2 !important;
        }
        /* Vlastní třídy pro odstavce */
        .cb-paragraph {
            font-size: 17px !important;
            line-height: 1.7 !important;
            color: #444 !important;
            margin-bottom: 20px !important;
            text-align: justify;
        }
        .cb-paragraph strong {
            color: #000 !important;
            font-weight: 600 !important;
        }
        /* ANIMACE VYNOROVÁNÍ (FADE-IN + UP) */
        .cb-fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), 
                        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        /* Spuštění animace, když je blok viditelný */
        .main-wrapper-box.is-visible .cb-fade-in {
            opacity: 1;
            transform: translateY(0);
        }
        /* Postupné zobrazení jednotlivých bloků */
        .cb-text-block:nth-child(1) { transition-delay: 0.2s; }
        .cb-text-block:nth-child(2) { transition-delay: 0.5s; }
        .cb-text-block:nth-child(3) { transition-delay: 0.8s; }
        /* Responzivita */
        @media (max-width: 768px) {
            .cb-main-title { font-size: 32px !important; }
            .cb-paragraph { font-size: 15px !important; text-align: left; }
            .cb-heading { font-size: 20px !important; }
        }
        /* Kontejner pro text a tlačítko pod galerií */
    .box-content-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 30px;
        width: 100%;
        margin-top: 25px;
    }
    /* Unikátní tlačítko, které se nepere se Shoptetem */
    .ctx-action-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: transparent !important;
        border: 2px solid #ffa600 !important;
        color: #ffa600 !important;
        padding: 14px 28px;
        border-radius: 50px;
        text-decoration: none !important;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        white-space: nowrap;
        min-width: 200px;
    }
    .ctx-action-link:hover {
        background-color: #ffa600 !important;
        color: #fff !important;
        box-shadow: 0 10px 20px rgba(255, 166, 0, 0.2);
        transform: translateY(-2px);
    }
    /* Responzivita pro mobil */
    @media (max-width: 768px) {
        .box-content-footer {
            flex-direction: column;
            align-items: flex-start; /* Text i tlačítko vlevo na mobilu */
            gap: 20px;
        }
        .ctx-action-link {
            width: 100%; /* Tlačítko na celou šířku mobilu */
        }
    }
    /* Kontejner pro text s omezenou výškou */
    .text-expand-container {
        position: relative;
        max-height: 120px; /* Výška, po kterou je text vidět před rozbalením */
        overflow: hidden;
        transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        margin-bottom: 10px;
    }
    /* Třída pro rozbalený stav */
    .text-expand-container.is-expanded {
        max-height: 1000px; /* Dostatečně velká hodnota pro jakýkoliv text */
    }
    /* Šipka pro rozbalení */
    .expand-trigger {
        display: none; /* Schovaná, dokud JS nevyhodnotí, že je text dlouhý */
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        margin: 0 auto 15px auto;
        cursor: pointer;
        transition: transform 0.4s ease;
        background: #f9f9f9;
        border-radius: 50%;
    }
    .expand-trigger svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: #ffa600;
        stroke-width: 2.5;
    }
    /* Otočení šipky při rozbalení */
    .is-expanded + .expand-trigger {
        transform: rotate(180deg);
    }
    /* Stínový přechod, aby bylo jasné, že text pokračuje */
    .text-expand-container::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: linear-gradient(transparent, #fff);
        transition: opacity 0.3s;
    }
    .text-expand-container.is-expanded::after {
        opacity: 0; /* Zmizí, když je rozbaleno */
    }
    .box-content-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; /* Tlačítko zůstane dole i při rozbalení textu */
        gap: 30px;
        width: 100%;
    }
    .text-col {
        flex: 1; /* Text zabere maximum místa, tlačítko jen tolik, kolik potřebuje */
        display: flex;
        flex-direction: column;
    }
    /* Šipka pro rozbalení - zvýšená specifikace pro Shoptet */
    .section-container .expand-trigger {
        display: none; 
        align-items: center;
        justify-content: center;
        width: 40px !important; /* Mírně zvětšeno pro lepší klikatelnost */
        height: 40px !important;
        margin: 10px auto 15px auto !important;
        cursor: pointer !important;
        transition: transform 0.4s ease !important;
        background: #f9f9f9 !important;
        border: 1px solid #eee !important;
        border-radius: 50% !important;
        z-index: 10 !important;
        user-select: none; 
        -webkit-user-select: none; /* Pro Safari na iPhonech */
        outline: none; /* Odstraní modrý rámeček u některých prohlížečů */
    }
    /* Vynucení barvy a viditelnosti vnitřní šipky */
    .section-container .expand-trigger svg {
        width: 24px !important;
        height: 24px !important;
        display: block !important;
        fill: none !important;
        stroke: #ffa600 !important; /* Vaše oranžová */
        stroke-width: 3 !important; /* Silnější čára */
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
    /* Efekt při najetí */
    .section-container .expand-trigger:hover {
        background: #fff !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    }
    /* Otočení šipky při rozbalení */
    .text-expand-container.is-expanded + .expand-trigger {
        transform: rotate(180deg) !important;
    }
    /* Oprava pro poslední blok, aby šla vidět patička */
    .main-wrapper-box:last-of-type {
        scroll-snap-align: start !important;
        margin-bottom: 20vh !important; /* Mezera před patičkou */
    }
    @media (max-width: 768px) {
        .main-wrapper-box:last-of-type {
            /* Na mobilu dáme pod poslední produkt obrovský prostor, 
               aby snapování "povolilo" dříve, než uvidíte patičku */
            margin-bottom: 40vh !important; 
            scroll-snap-align: start !important;
        }
    }
    /* --- NAVIGAČNÍ ŠIPKY (STYL HOME) --- */
    .block-nav-buttons {
        position: fixed;
        z-index: 100000;
        display: flex;
        flex-direction: column;
        gap: 10px;
        /* Pozice pro desktop */
        bottom: 45vh;
        left: 75%; 
    }
    .block-nav-buttons button {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: #ffffff;
        border: none;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        padding: 0;
        color :white;
        font-size: 1px;
    }
    .block-nav-buttons button svg {
        width: 28px;
        height: 28px;
        fill: #70ee00a6; /* Barva šipky */
        transition: fill 0.3s ease;
    }
    .block-nav-buttons button:hover {
        background: #f8f8f8;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    }
    /* MOBILNÍ ÚPRAVA */
    @media (max-width: 768px) {
        .block-nav-buttons {
            bottom: 20px;
            left: 25%;
            /* Na mobilu je dáme nad tlačítko Home, pokud tam už jedno je */
            bottom: 45px; 
        }
        .block-nav-buttons button {
            width: 45px;
            height: 45px;
            background: #ffa60000;
           
        }
    }
    /* Volitelně: Pokud máte pod tímto kódem v Shoptetu další obsah */
    .section-container {
        scroll-snap-type: none !important; /* Vypne snapování pro celý kontejner na konci */
        padding-bottom: 5vh;
    }
    .section-container .expand-trigger svg polyline {
        stroke: #ffa600 !important;
    }
    
    /* Styl pro celý kontejner formuláře */
#acc-content {
    font-family: 'Roboto', sans-serif; /* Váš font */
}

/* Úprava popisků (Jméno, Email, Zpráva...) */
#acc-content label {
    color: #333; /* Barva textu */
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

/* Úprava vstupních polí (inputy a textarea) */
#acc-content input[type="text"], 
#acc-content input[type="email"], 
#acc-content textarea {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    padding: 12px;
    font-family: inherit;
    width: 100%;
    transition: border-color 0.3s;
}

/* Zvýraznění pole při kliknutí */
#acc-content input:focus, 
#acc-content textarea:focus {
    border-color: #e67e22; /* Oranžová barva při psaní */
    outline: none;
}

/* Úprava odesílacího tlačítka */
#acc-content button, 
#acc-content input[type="submit"] {
    background-color: #e67e22 !important; /* Vaše oranžová */
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.3s;
}

/* Efekt při najetí na tlačítko */
#acc-content button:hover, 
#acc-content input[type="submit"]:hover {
    background-color: #d35400 !important;
    transform: scale(1.02);
}
@media screen and (max-width: 768px) {
    /* Roztáhneme formulář na celou šířku */
    #acc-content {
        padding: 10px !important;
    }

    /* Zvětšíme vstupní pole pro snadnější klikání prstem */
    #acc-content input[type="text"], 
    #acc-content input[type="email"], 
    #acc-content textarea {
        font-size: 16px !important; /* Prevence automatického zoomu na iPhone */
        padding: 15px !important;
        margin-bottom: 10px;
    }

    /* Tlačítko uděláme přes celou šířku, aby se lépe mačkalo */
    #acc-content button, 
    #acc-content input[type="submit"] {
        width: 100% !important;
        padding: 18px !important;
        font-size: 16px !important;
    }

    /* Skryjeme zbytečné odsazení kontejneru na mobilu */
    .main-wrapper-box#poptavka-sekce {
        padding: 40px 15px !important;
    }
}

/* --- ZÁKLAD KONTEJNERU --- */
.gal-track .foto-kontejner {
    min-width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    scroll-snap-align: center;
    overflow: hidden;
    border-radius: 10px;
}

.gal-track .foto-kontejner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    pointer-events: none;
    display: block;
}

/* --- VYSOUVACÍ INFO VRSTVA --- */
.info-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45); /* Tmavé poloprůhledné pozadí */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(100%); /* Schované dole */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.info-overlay.active {
    transform: translateY(0); /* Vysunutí nahoru */
}
.info-overlay.active h3{
    color:#d5ad1b !important;
}
div.info-overlay.active h3 {
    color: #d5ad1b !important;
    -webkit-text-fill-color: #d5ad1b !important; /* Pro jistotu u některých prohlížečů */
}
/* --- TEXTY A TABULKA UVNITŘ --- */
.info-title { 
    font-size: 22px; 
    font-weight: bold; 
    color: #ffa600; 
    margin-bottom: 5px; 
    text-transform: uppercase;
}

.info-list {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    text-align: left;
    width: 100%;
    max-width: 300px;
}

.info-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px 0;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.info-list li strong {
    color: #ffa600;
    font-weight: 600;
}

.info-list li span {
    text-align: right;
    color: #eee;
}

/* Zvýrazněný řádek s cenou */
.info-price-row {
    border-bottom: 2px solid #2ecc71 !important; /* Zelené podtržení */
    margin-top: 5px;
}

.info-price-row span {
    color: #2ecc71 !important;
    font-size: 16px;
    font-weight: bold;
}

/* --- TLAČÍTKA --- */
.btn-poptat {
    background: #ffa600;
    color: #000 !important;
    padding: 10px 20px;
    text-decoration: none !important;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 15px;
    transition: 0.3s;
    display: inline-block;
}

.btn-poptat:hover { background: #fff; }

.btn-zavrit {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- SPODNÍ PROUŽEK --- */
.prouzek-odkaz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    z-index: 50;
    border-top: 1px solid #ffa600;
}

.model-label {
    font-weight: bold;
    color: #1e1e1e;
    font-size: 14px;
}

.btn-info-toggle {
    background: #1e1e1e;
    color: #ffa600;
    border: 1px solid #ffa600;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    transition: 0.3s;
}

.btn-info-toggle:hover {
    background: #ffa600;
    color: #000;
}
/* Styl pro tlačítko zavřít (kolečko s křížkem) */
.cb-matrix-anchor .btn-close-circle {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 35px !important;
    height: 35px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important; /* Udělá kolečko */
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: 0.3s !important;
    z-index: 120 !important;
}

.cb-matrix-anchor .btn-close-circle:hover {
    background: #ffa600 !important; /* Oranžová při najetí */
    color: #000 !important;
    border-color: #ffa600 !important;
}
/* Styl pro tlačítko INFO */
.btn-info-trigger {
    background: rgb(0 0 0 / 30%); !important;         /* Černé pozadí */
    color: #ffa600 !important;          /* Oranžový text */
    border: 1px solid #ffa600 !important; /* Oranžový rámeček */
    padding: 6px 14px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-transform: uppercase;
    transition: 0.3s !important;
    border-radius: 3px;
}

/* Efekt při najetí myší */
.btn-info-trigger:hover {
    background: #ffa600 !important;      /* Oranžové pozadí */
    color: #000 !important;             /* Černý text */
}
/* Vynucení rozměrů pro dynamický DOM 
.cb-matrix-anchor .foto-kontejner {
    width: 300px !important;  
    height: 400px !important;  
}

.cb-matrix-anchor img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}*/
    -->