/*  Generated: 2026-06-28 08:55:22 */
/* ==========================================================================
   GOLDEX GROUP — TENANT SHARED STYLES
   ==========================================================================
   Goldex brand baseline pro 15 goldex tenantů. Kopíruje variable-driven
   pattern z clients/beneo/group/src/css/tenant-shared.css, jen s goldex
   defaulty (pink primary). Goldex tenanti pak "přebarvují" přes
   custom-stylesheet.css :root override.

   Load order: stylesheet.css → responsive.css → THIS FILE → custom-stylesheet.css

   VARIABLE SYSTEM (set in tenant custom-stylesheet.css :root to override):
   Required:  --primary-color    Brand accent (default: #fc6993 — goldex pink)
   Required:  --white-color      White (#fff)
   Required:  --black-color      Black (#000)
   Optional:  --header-bg        #header background (default: --black-color)
   Optional:  --nav-bg           .head_menu a background (default: --primary-color = pink, vs beneo --black)
   Optional:  --hover-accent-bg  Hover backgrounds (default: --primary-color)
   Optional:  --hover-accent-stroke  Text-stroke on hover (default: --primary-color)
   Optional:  --search-border-color  Search input/button border (default: --black-color)
   Optional:  --category-border-color  Category nav border (default: --black-color)
   Optional:  --logo-mobile-width  Mobile logo width (default: 100px)
   ========================================================================== */

/* --- Variable Defaults (goldex brand baseline) --- */
:root {
    /* Goldex brand colors — tenants override pro re-coloring */
    --primary-color: #fc6993;       /* goldex pink */
    --white-color: #fff;
    --black-color: #000;

    /* Derived defaults */
    --header-bg: var(--black-color, #000);
    --nav-bg: var(--primary-color, #fc6993);    /* PINK head_menu — klíčový rozdíl proti beneo */
    --hover-accent-bg: var(--black-color, #000); /* legacy goldex: pink → black hover (ne primary→primary jako beneo) */
    --hover-accent-stroke: var(--black-color, #000);
    --search-border-color: var(--goldex-border-grey, #e3e3e3); /* legacy: light grey 2px input + 1px button */
    --category-border-color: var(--black-color, #000);
    --logo-mobile-width: 100px;
    --proc-block-icon-color: var(--black-color, #000); /* legacy goldex: black icons in 'Proč si vybrat' */

    /* Goldex-specific extras (legacy H90 design tokens) */
    --goldex-light-grey: #f9f9f9;
    --goldex-grey: #a7a7a7;
    --goldex-dark-grey: #333;
    --goldex-border-grey: #e9e9e9;
    --goldex-radius: 10px;
}

/* --- 1. Primary Color: Text --- */
a:hover,
.index #indexDefaultMainContent h1,
.top_category a:hover h3,
.index #top_znacky a.arrow:hover,
.jssora21l:hover,
.jssora21r:hover,
#top-block a.last.first,
#top-search-menu .top-block a:hover,
#top-block a:hover,
#top-block a.active,
#top-kosik span.kosik-price a:hover,
#top-mujucet a:hover,
.services .services--in h3,
.block-doprava--in > div h3,
.prodejny .block-doprava--in > div a,
.oblast_abecedy a.pismena,
.oblast_vyrobcu h2,
#nejprodavanejsi-button a:hover,
.centerBoxContentsProducts-in .product_znacka a:hover,
.itemTitle a:hover,
.categorie-list ul li a:hover,
.categorie-list ul li a:hover:before,
#go-top a:hover,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text span:after,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:after,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:hover,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text .ajax-listing.active,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text .ajax-listing:hover,
.filtr-kategorie a:hover,
.filtr-kategorie a.active,
.filtr-kategorie span,
a#backToTop:hover span,
.product-info-detail-row a:hover,
.product-description .param_slozeni strong,
.best-buy .best-buy-price h3 a:hover,
ul.detail-box-links li.selected a,
ul.detail-box-links li.active a,
#top_bottom .top-block a:hover,
#top_bottom .top-block.right a:hover,
#bottom .container li a:hover,
.odber-novinek-bottom .button-odber,
.copyright a:hover,
.header-left .leftBoxContainer a.category-top:hover,
.header-left .leftBoxContainer a.category-top.selected,
.leftBoxContainer .category-top.nav-show-more:hover,
#bottom-0 .banner_bottom_out a.banner_bottom_a:hover {
    color: var(--primary-color);
}

/* --- 2. Primary Color: Background ---
   POZOR: NEzahrnuje `.categories` (outer container) — v legacy goldexu má .categories: bílé pozadí.
   Beneo má .categories pink jako accent — goldex by tím vznikl pink-on-pink (head_menu a + .categories oba pink).
*/
.nav-tabs-out h3:before,
#top_categoriesContent .categories .categoriesContent,
#top_categoriesContent .categories .categoriesContent::after,
#top-kosik span.total-item,
.compare_heart span.total-item,
#stranka .categories .categoriesContent,
.kontakt-map a:hover::after,
.centerBoxContentsProducts-in .product-button .button-shoping-in:hover,
.services div a:hover,
#next-listing a,
.modal-button-filtr:hover,
.filter-letter:hover,
.filter-letter.active,
#productAdditionalImages .productMainImage a:before,
.best_button a:hover,
.product-button a.button-shoping-in:hover,
.rc-slider-track,
.rc-slider-handle,
#obsah_bottom span,
.ikony div.extra-sleva,
.centeredContent .sleva {
    background: var(--primary-color);
}
/* POZOR: '.sleva_big' v legacy goldexu má RED background (#f00, ne primary pink).
   Core stylesheet.css ho nastavuje #f00 → goldex zachovává core hodnotu. */

/* --- 3. Primary Color: Border --- */
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a,
#top_categoriesContent .categories .categoriesContent::after,
#obsah-kosiku,
.categorie-list ul li a:hover,
ul.detail-box-links li.selected a,
ul.detail-box-links li.active a,
ul.detail-box-links li.selected span,
ul.detail-box-links li:hover a,
ul.sorter-box li.selected a,
ul.sorter-box li.active a,
ul.sorter-box li.selected span,
ul.sorter-box li:hover a,
.barevne_varianty a.active,
.barevne_varianty a:hover,
.icon a:hover {
    border-color: var(--primary-color);
}

/* --- 4. Text Stroke ---
   Goldex: search button má pink text-stroke (legacy #fc6993), ne search-border (light grey).
   Hover state přepne stroke na black (legacy: pink → black na hover) — handled v section 5.
*/
.top-search-button span {
    -webkit-text-stroke: 1px var(--primary-color);
    color: var(--white-color);
}

/* Goldex: top-block .left a má světle šedý text (legacy color: #a7a7a7),
   ne core default #333. */
#top-block .left a {
    color: var(--goldex-grey, #a7a7a7);
}

/* --- 5. Header & Navigation (variable-driven) --- */
#header {
    background: var(--header-bg);
}

.head_menu a {
    background: var(--nav-bg);
    color: var(--white-color);
}

.head_menu a:hover {
    color: var(--white-color);
}

.top-search-button {
    background: var(--nav-bg);
    border-color: var(--search-border-color);
}

/* Goldex search = bibik / Phase 63 matrace parita (hranatý #999 wrapper, 7px radius,
   borderless input). Mirror beneo: JEN border-color + border-width 1px → border-style
   zůstane `none` z Phase 63 @min-width:1025 (borderless input, viditelný je wrapper
   #top-search 1px #999 7px). ŽÁDNÝ pill radius 25px ani 2px solid — dědí Phase 63.
   Legacy pill (2px solid #e3e3e3 + radius 25px + button 0 25px 25px 0) odstraněn,
   user 2026-06-05: goldex search má být hranatější/výraznější jako bibik.
   Mobil netknut (#mobile-search-bar je separátní selektor, Phase 63-D). */
.top-search-input {
    border-color: var(--search-border-color);
    border-width: 1px;
}

.top-search-button:hover {
    background: var(--hover-accent-bg);
}

.top-search-button:hover span {
    -webkit-text-stroke: 1px var(--hover-accent-stroke);
    color: var(--white-color);
}

#next-listing a:hover {
    background: var(--header-bg);
}

/* Goldex: novinky-akce má pink pozadí + radius (legacy goldex pattern, ne beneo black) */
#novinky-akce {
    background: var(--primary-color);
    border-radius: var(--goldex-radius);
}

/* --- 6. Utility Colors --- */
.odber-novinek-bottom .button-odber:hover,
.leftBoxContainer .category-top.nav-show-more,
.leftBoxContainer a.category-top {
    color: var(--black-color);
}

/* Goldex: top_bottom links bílý text na primary bg (legacy: color #fff, .right a má pink bg + rounded top-left). */
#top_bottom .top-block a {
    color: var(--white-color);
}
#top_bottom .top-block.right a {
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: var(--goldex-radius) 0 0 0;
    text-transform: uppercase;
    padding-top: 0;
}
#top_bottom .top-block a:hover {
    color: var(--primary-color);
}
#top_bottom .top-block.right a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

/* Goldex: kategorie list bez dashed border-bottom — dědí core (žádný border default).
   F3-T1-2 cleanup: dashed border je v beneo group only, goldex defensive override redundant. */

/* --- 7. Layout Overrides (identical across all goldex tenants) --- */
/* Goldex: kategorie v sidebar mají 1px světle šedý rámeček (legacy parita).
   Beneo má border-width:0 (odstraněno z core). Goldex zachovává core hodnotu. */
.header-left .categories {
    border: 1px solid var(--goldex-border-grey, #e3e3e3);
    border-top: 0;
    padding: 14px;
    border-radius: 0 0 var(--goldex-radius) var(--goldex-radius);
}

.index .head_menu a {
    padding-left: 25px;
    justify-content: left;
}

/* --- 8. Goldex Footer Specifics (legacy H90 design tokens) --- */
#bottom .container_in,
#bottom-2 .container_in {
    background-color: var(--goldex-light-grey, #f1f1f1);
}

/* Goldex: bottom_left ~43% + bottom_right ~57% (Kralupy+Brno prodejny).
   ≥768px only — na mobilu nech core default `grid-template-columns: 1fr`. */
@media (min-width: 768px) {
    #bottom .container_in {
        grid-template-columns: 1fr 1.3fr;
        gap: 4%;
    }
    /* Goldex má v bottom_left jen 2 footerboxy (Informace, Servis & Podpora) —
       beneo má 3. sloupec 'Nejprodávanější' (goldex empty file). Core 'width: calc(100%/3)'
       by nechal 33% prázdné = velká mezera. Override na 50% (2 sloupce × 50% = 100%). */
    #bottom .container .bottom_left > .footerbox {
        width: 50%;
    }
    /* Bottom_right: core má 'justify-content: right' + width:auto na footerboxech —
       prodejny natlačené doprava, mezi nimi a bottom_left obrovská prázdná mezera.
       Goldex chce prodejny rovnoměrně rozložené přes celé bottom_right (2 × 50%).
       Vysoká specificita aby přebila core '#bottom .container .bottom_right .footerbox'. */
    #bottom .container .bottom_right {
        justify-content: space-between;
    }
    #bottom .container .bottom_right .footerbox {
        flex: 1 1 0;
        width: auto;
    }
    /* Map image: core má 'display: inline-block' + 'max-width: 100%' (no upscaling).
       Mapy jsou menší než footerbox cell → content-based. Goldex stretch na full width
       aby pobočka vyplnila celou cellu (Kralupy + Brno symetricky velké). */
    .bottom_right .kontakt-map a {
        display: block;
        width: 100%;
    }
    .bottom_right .kontakt-map a img {
        width: 100%;
    }
}

/* Goldex: Platební metody + Dopravci full-width (Spolehlivý obchod / Podporujeme
   skryté přes bannerHeurekaSafe / bannerPodporujeme false). */
.footerbox-full .footerbox {
    width: 100%;
}

/* Goldex tablet (481-767px): Prodejna footerbox má core vnitřní 2-sloupcový
   grid 'auto / 1fr 1fr' (adresa vlevo, otevírací doba vpravo). Goldex chce
   vše pod sebou v 1 sloupci (H90 parita — kompaktnější texty se nelámou). */
@media (min-width: 481px) and (max-width: 767px) {
    #bottom .container .bottom_right .footerbox {
        grid-template: auto / 1fr;
    }
}

/* Goldex mobile/tablet (≤767px): bottom_right má 2 prodejny (Kralupy + Brno),
   core flex-direction:row je dává vedle sebe → na mobilu se nevejdou.
   Stack pod sebou (column) — H90 parita. Beneo má jen 1 prodejnu = bez efektu. */
@media (max-width: 767px) {
    .bottom_right {
        flex-direction: column;
    }
}

/* Goldex: detail-blok-in (cart/price block na produktovce) má 1px světle šedé
   ohraničení + radius 5px (legacy). Core nemá border. */
.detail-blok-in {
    border: 1px solid var(--goldex-border-grey, #e3e3e3);
    border-radius: 5px;
}

/* --- 10. Goldex listing badges (sleva, doprava_big, dostupnost_text, ikony) --- */

/* Sleva badge (listing) — červený kruh v rohu fota (legacy goldex).
   Pozice: position:absolute right:0 top:0 (vyžaduje parent position:relative). */
.centeredContent .sleva {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f00;
    color: var(--white-color);
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    padding: 0;
}

.centeredContent .sleva .sleva-hodnota,
.centeredContent .sleva span {
    color: var(--white-color);
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    line-height: 45px;
}

/* Doprava_big badge — modré kolečko s truck ikonou (45×45) v rohu fota.
   Default pozice top:48px (pod sleva). Modifier '--top' přesune na top:0
   (když není sleva, doprava obsadí top slot). */
.centeredContent .doprava_big {
    position: absolute;
    right: 0;
    top: 48px;
    background-color: #1a8fc4;
    color: var(--white-color);
    width: 45px;
    height: 45px;
    line-height: 1;
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.centeredContent .doprava_big.doprava_big--top {
    top: 0;
}

.centeredContent .doprava_big .fas {
    font-size: 1.4rem;
    margin-bottom: 2px;
}

/* Phase 75 B3 (2026-06-28) — MOBIL: po zmenšení kruhů slevy/doprava 45→40px
   (core mstylesheet) goldex vnitřní text tlačil k okraji, PROTOŽE goldex má
   font-weight 600 (tučné) → „-32%" = 39px v 40px kruhu (beneo má weight 400 →
   27px → OK, nesahat). Goldex-only fix (tento soubor = goldex group CSS) +
   mobile-only přes `@media (max-width:767px)` (viewport — spolehlivý na VŠECH
   stránkách; `body.mobile` nelze, Homepage přepisuje body blok na class="index").
   Extra `.listing_foto` v selektoru → specificita (0,4,0) přebije core
   mstylesheet (0,3,0). Desktop (>767px) nedotčen (kruhy 45px). */
@media (max-width: 767px) {
    .centeredContent .listing_foto .sleva .sleva-hodnota,
    .centeredContent .listing_foto .sleva span {
        font-size: 1.2rem;
        font-weight: 500;
    }
    /* Doprava „Zdarma" kolečko: zmenšit truck ikonu (kratší sloupec) → „Zdarma“
       text se posune do středu, ne k dolnímu okraji 40px kruhu. */
    .centeredContent .listing_foto .doprava_big .fas {
        font-size: 1.1rem;
        margin-bottom: 1px;
    }
}

/* Product detail — sleva_big + doprava_big stacked v pravém rohu image bloku.
   H90 parita: sleva_big right:5px top:0 (translate -50% → centered na top),
   doprava_big right:5px top:40px (přesně pod sleva_big). */
#productImagesBox .sleva_big {
    right: 5px;
    top: 0;
}

#productImagesBox .doprava_big {
    position: absolute;
    right: 5px;
    top: 40px;
    background-color: #1a8fc4;
    color: var(--white-color);
    width: 65px !important;
    height: 65px !important;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#productImagesBox .doprava_big .fas {
    font-size: 1.8rem;
    margin-bottom: 3px;
}

/* Responsive — H90 parita: sleva_big i doprava_big rostou na 80×80 nad 1200px.
   Core má jen sleva_big v responsive (doprava zůstává 65×65 → mismatch). */
@media (min-width: 1200px) {
    #productImagesBox .doprava_big {
        width: 80px !important;
        height: 80px !important;
        top: 50px;
        font-size: 1.3rem;
    }
    #productImagesBox .doprava_big .fas {
        font-size: 2.2rem;
    }
}

/* Coupon price color — H90 čisté #ff0000 (core má #cc0000). */
.ceny-coupon-obal-product .coupon-price-value {
    color: #ff0000;
}

/* Goldex .ikony badges — dědí core 'normal' default po F3-T1-1 refactoru. */

/* Goldex .nase-cena-hodnota — black color (core má #cc0000 red).
   Coupon variant taky black (H90 parita). */
#productDetailRight .ceny-obal .nase-cena-hodnota,
#productDetailRight .ceny-obal .nase-cena-hodnota.coupon {
    color: var(--black-color);
}

/* Goldex .detail-blok-in: vertikální zhuštění mezi akce-info / nase-cena-hodnota /
   doporucena-cena / expedice_text (H90 parita — kompaktnější než core defaulty).
   Core: akce-info mb:10, doporucena-cena pt:5, expedice_text padding:20 0 10 0.
   Mobile centering ponecháno (beneo i goldex stejně). */
.detail-blok-in .akce-info {
    margin-bottom: 4px;
}
#productDetailRight .ceny-obal .doporucena-cena {
    padding-top: 2px;
}
#productDetailRight .expedice_text {
    padding: 6px 0 4px 0;
}

/* Footer text — H90 1.4rem (core 1.3rem). */
#bottom .container ul li {
    font-size: 1.4rem;
}

/* expedice_text_in — H90 #36840a (tmavší zelená, core má #45b955) + větší písmo
   (core 1.6rem → H90 ~1.9rem, výraznější avizace dostupnosti). */
#productDetailRight .expedice_text_in {
    color: #36840a;
    font-size: 1.9rem;
}

/* Goldex 'block-banner--bottom detail lista-ikony' (2-sloupcový bloček s odkazy
   text+icon — náhrada za beneo image banners). H90 parita: každý link je box
   se světle šedou borderou a hover podtržením. */
.block-banner--bottom.lista-ikony .lista-ikony__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid var(--goldex-border-grey, #e3e3e3);
    border-radius: var(--goldex-radius);
    background-color: var(--white-color);
    color: var(--black-color);
    font-size: 1.4rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.block-banner--bottom.lista-ikony .iko-dotaz {
    display: block;
    text-decoration: none;
}

.block-banner--bottom.lista-ikony .iko-dotaz:hover .lista-ikony__link {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.block-banner--bottom.lista-ikony .lista-ikony__link .fas,
.block-banner--bottom.lista-ikony .lista-ikony__link .far {
    color: var(--primary-color);
    font-size: 1.6rem;
}

/* HP slider — Phase 64: core je nyní responzivní 21:9 (aspect-ratio, slides_container
   height:100%, dots top:390px). Goldex dědí core pro paritu s bibikem.
   Pre-Phase-64 fixní 400px override ODSTRANĚN (přebíjel aspect-ratio → goldex hero
   byl o ~12px nižší než bibik + JSSOR škáloval na špatný poměr). */

/* Dostupnost_text — pink outlined pill (legacy goldex).
   Phase 42 follow-up: override core stylesheet.css:3429 `font-weight: bold`
   pro goldex klient — H90 goldex verze není tučně. */
.centeredContent .dostupnost_text {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: transparent;
    border-radius: var(--goldex-radius);
    height: 28px;
    line-height: 28px;
    font-size: 1rem;
    font-weight: normal;
    text-transform: none;
    margin-top: 8px;
    display: block;
}

/* Ikony badges (extra-sleva, novinka, darek, vystaveno, zaruka).
   Default šedá s bílým textem; specific colors per type. */
.ikony div,
.icon div.ikony-badge {
    background-color: #a3a3a3;
    color: var(--white-color);
    padding: 0 12px;
    line-height: 23px;
    font-size: 1rem;
    display: inline-block;
    margin: 0 3px 3px 0;
}

.ikony div.sleva {
    background-color: #009fe4;
}

.ikony div.extra-sleva {
    background-color: var(--black-color);
}

.ikony div.novinka {
    background-color: #a3a3a3;
}

.ikony div.darek {
    background-color: #e80462;
}

.ikony div.vystaveno {
    background-color: #bad0e8;
}

.ikony div.zaruka {
    background-color: #23aae2;
}

/* --- 9. Product Attributes (Kámen / Velikost / Rytina / Speciální požadavky) ---
   Goldex pracuje s atributy aktivně (varianty + custom rytiny). Rendering přes
   cartAttributeInputs component. Beneo nemá DB záznamy → nic nerenderuje, CSS
   bezvýznamné, ale shipped na všech klientech (zero-impact bez attributes). */
#productAttributes {
    position: relative;
    color: var(--black-color);
    width: 100%;
    margin: 14px 0 0 0;
}

#productAttributes .wrapperAttribsOptions {
    position: relative;
    line-height: 34px;
    margin: 0 0 10px 0;
    background-color: var(--white-color);
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
}

#productAttributes .wrapperAttribsOptions.text {
    background-color: transparent;
    grid-template-columns: 1fr;
}

#productAttributes .optionName {
    /* Reset core stylesheet's position:absolute (kterou potřebuje cart, ne attributes). */
    position: static;
    left: auto;
    top: auto;
    float: none;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 0 0 0 8px;
}

#productAttributes .optionName label {
    font-weight: normal;
}

#productAttributes .wrapperAttribsOptions.text .optionName {
    padding-left: 0;
    line-height: 1.8;
}

#productAttributes .optionSelect {
    /* Reset core stylesheet's position:absolute. */
    position: static;
    right: auto;
    top: auto;
    margin-right: 5px;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect {
    min-height: 34px;
    background-color: var(--white-color);
    width: 100%;
    margin-right: 0;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect textarea {
    height: 68px;
    width: 100%;
    background-color: var(--white-color);
    padding: 5px 15px;
    border: 0;
    resize: none;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect input {
    width: 100%;
    border: 1px solid var(--white-color);
    font-size: 14px;
    line-height: 26px;
    padding: 0 5px;
}

#productAttributes .wrapperAttribsOptions select {
    /* Override core .optionSelect select { float:right; width:169px } */
    float: none;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: var(--goldex-light-grey, #f1f1f1);
    border: 1px solid var(--goldex-border-grey, #e3e3e3);
    font-size: 1.4rem;
}

#bottom-0 .banner_bottom_out {
    background-color: var(--black-color);
    border-radius: var(--goldex-radius) var(--goldex-radius) 0 0;
}

#bottom-0 .banner_bottom_out .banner_bottom_a {
    color: var(--white-color);
}

.kontakt-map a img {
    border-radius: var(--goldex-radius) var(--goldex-radius) 0 0;
}

.kontakt-map a::after {
    background-color: var(--black-color);
    color: var(--white-color);
    border-radius: 0 0 var(--goldex-radius) var(--goldex-radius);
}

/* --- 9. Mobile Logo Width --- */
@media (max-width: 1024px) {
    .linkHomePage a img {
        width: var(--logo-mobile-width);
    }
}