/* ============================================
   PLETKY.CZ — Custom Shoptet CSS Override v2
   Šablona: Classic (template-11)
   Design: Housebrand-inspired, minimalist fashion
   UPDATED: Fixes based on live site screenshots
   ============================================ */

/* ---------- GOOGLE FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ---------- CSS VARIABLES ---------- */
:root {
    --color-primary: #E8528A !important;
    --color-primary-hover: #C9406E !important;
    --color-secondary: #111111 !important;
    --color-secondary-hover: #333333 !important;
    --color-tertiary: #E8528A !important;
    --color-tertiary-hover: #C9406E !important;

    --pk-bg: #FFF0F5;
    --pk-white: #FFFFFF;
    --pk-black: #111111;
    --pk-pink: #E8528A;
    --pk-pink-dark: #C9406E;
    --pk-pink-light: #FFF0F5;
    --pk-pink-pale: #FFE4EE;
    --pk-gray: #999;
    --pk-gray-light: #E5E5E5;
    --pk-gray-bg: #F8F4F6;
    --pk-green: #3B6B4A;
    --pk-text: #111;
    --pk-text-light: #666;
    --pk-font: 'Inter', -apple-system, sans-serif;
}

/* ---------- GLOBAL ---------- */
body {
    background: var(--pk-bg) !important;
    font-family: var(--pk-font) !important;
    color: var(--pk-text) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    font-family: var(--pk-font) !important;
}

/* ============================================
   FIX 1: TOP NAVIGATION BAR — černý bar nahoře
   ============================================ */
.top-navigation-bar {
    background: var(--pk-black) !important;
    border-bottom: none !important;
    padding: 6px 0 !important;
}

.top-navigation-bar *,
.top-navigation-bar a,
.top-navigation-bar strong,
.top-navigation-contacts,
.top-navigation-contacts a,
.top-navigation-bar-menu a,
.top-nav-button span,
.top-nav-button-login,
.top-nav-button-login span {
    color: #fff !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}

.top-navigation-bar a:hover {
    color: var(--pk-pink) !important;
}

.top-nav-button-login {
    border-color: rgba(255,255,255,0.2) !important;
    background: transparent !important;
}

/* Skrýt rozbalovací selecty v top baru (jazyk/měna) */
.top-navigation-bar select,
.top-navigation-bar .language-select,
.top-navigation-bar .currency-select {
    display: none !important;
}

/* ============================================
   FIX 2: HEADER — čistý bílý
   ============================================ */
#header {
    background: var(--pk-white) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    box-shadow: none !important;
}

.header-top {
    padding: 12px 0 !important;
}

/* Logo — čistý text styl */
.site-name a {
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    text-decoration: none !important;
}

.site-name img {
    max-height: 38px !important;
}

/* Search */
.search-form {
    border: 1px solid var(--pk-gray-light) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--pk-gray-bg) !important;
    box-shadow: none !important;
}

.search-form .search-input {
    border: none !important;
    background: transparent !important;
    font-size: 13px !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
}

.search-form .btn,
.search-form .btn-default {
    background: var(--pk-black) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 8px 20px !important;
    transition: background 0.2s !important;
    height: 38px;
}

.search-form .btn:hover {
    background: var(--pk-pink) !important;
}

/* Cart */
.cart-count,
.cart-price {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--pk-text) !important;
}

/* ============================================
   FIX 3: NAVIGATION MENU — bílé pozadí, NE růžové!
   ============================================ */
#navigation,
.navigation-in,
.navigation-in.menu {
    background: var(--pk-white) !important;
    border-top: 1px solid var(--pk-gray-light) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    min-height: 45px !important;
}

.menu-level-1 > li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--pk-text) !important;
    padding: 14px 18px !important;
    background: transparent !important;
    transition: color 0.2s !important;
}

.menu-level-1 > li > a b {
    font-weight: 600 !important;
    color: inherit !important;
}

.menu-level-1 > li > a:hover,
.menu-level-1 > li:hover > a,
.menu-level-1 > li.active > a,
.menu-level-1 > li > a:focus {
    color: var(--pk-pink) !important;
    background: transparent !important;
}

/* Navigační akce (přihlášení v menu) */
.navigationActions a,
.navigationActions span {
    color: var(--pk-text) !important;
}

.navigationActions a:hover {
    color: var(--pk-pink) !important;
}

/* ============================================
   FIX 4: SKRÝT "VÍTEJTE U NÁS" NADPIS
   Homepage h1 nad hero bannerem — nepotřebujeme
   ============================================ */
.welcome h1,
.welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper > .welcome > h1 {
    display: none !important;
}

/* ============================================
   FIX 5: SKRÝT PRÁZDNÝ BENEFIT BANNER
   (Shoptet defaultní benefit strip je prázdný)
   ============================================ */
.benefitBanner:empty,
.benefitBanner__item:empty {
    display: none !important;
}

.benefitBanner {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Pokud benefit banner MÁ obsah, nastylovat */
.benefitBanner:not(:empty) {
    background: var(--pk-white) !important;
    border-top: 1px solid var(--pk-gray-light) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    padding: 14px 0 !important;
}

/* ============================================
   FIX 6: PRÁZDNÝ PROSTOR NAD HERO
   Banners row je prázdná — skrýt
   ============================================ */
.banners-row:empty,
.wide-carousel:empty {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.banners-row {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hlavní content wrapper — zbavit se zbytečného paddingu */
#content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#content-wrapper .content {
    padding-top: 0 !important;
}

/* Welcome wrapper — obsahuje hero, zbavit se defaultního paddingu */
.homepage-box.welcome-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

.welcome-wrapper .welcome {
    padding: 0 !important;
}

.welcome-wrapper .welcome > div {
    /* Kontejner pro hero HTML — nulovat padding */
    padding: 0 !important;
}

/* ============================================
   FIX 7: NEWSLETTER — přes celou šířku
   ============================================ */
/* Newsletter je ve footer user include — container ho omezuje */
#footer ~ .container,
.overall-wrapper > .container:last-of-type {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

/* User include container v patičce */
body > .overall-wrapper > .container {
    /* nechceme omezovat newsletter */
}

/* Přímý fix pro newsletter wrapper v patičce */
.overall-wrapper > .container > div[style*="background: #111"] {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
}

/* ============================================
   FIX 8: FOOTER — čistý černý
   ============================================ */
#footer {
    background: var(--pk-black) !important;
    color: rgba(255,255,255,0.5) !important;
    border-radius: 0 !important;
    padding: 30px 0 !important;
}

#footer * {
    color: rgba(255,255,255,0.5) !important;
}

#footer a:hover {
    color: var(--pk-pink) !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 16px !important;
}

#signature,
#signature a,
#signature .title {
    color: rgba(255,255,255,0.25) !important;
    font-size: 11px !important;
}

.copyright,
.copyright * {
    font-size: 11px !important;
}

/* ============================================
   PRODUCT CARDS
   ============================================ */
.product-list .product,
.products .product,
.p {
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    border-radius: 0 !important;
    transition: all 0.35s ease !important;
    overflow: hidden !important;
}

.product-list .product:hover,
.products .product:hover,
.p:hover {
    border-color: var(--pk-pink) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important;
    transform: translateY(-4px) !important;
}

.p-image img {
    transition: transform 0.6s cubic-bezier(0.23,1,0.32,1) !important;
}

.product-list .product:hover .p-image img,
.p:hover .p-image img {
    transform: scale(1.04) !important;
}

.p-name,
.p-name a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--pk-black) !important;
    text-decoration: none !important;
}

.p-name a:hover {
    color: var(--pk-pink) !important;
}

.p-price,
.price-final {
    font-weight: 800 !important;
    color: var(--pk-pink) !important;
    font-size: 16px !important;
}

.p-price-standard,
.price-standard {
    color: var(--pk-gray) !important;
    text-decoration: line-through !important;
}

/* ============================================
   BUTTONS — všechny
   ============================================ */
.btn-primary,
.btn-conversion,
.btn-secondary,
.btn-cart,
.add-to-cart-button,
#continue-order-button {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    padding: 13px 28px !important;
    transition: all 0.25s ease !important;
    border: none !important;
}

.btn-conversion,
#continue-order-button {
    background: var(--pk-black) !important;
    color: #fff !important;
}

.btn-conversion:hover,
#continue-order-button:hover {
    background: var(--pk-pink) !important;
    color: #fff !important;
}

.btn-primary {
    background: var(--pk-pink) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: var(--pk-pink-dark) !important;
}

.btn-secondary {
    background: var(--pk-black) !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background: var(--pk-pink) !important;
}

/* ============================================
   PRODUCT DETAIL
   ============================================ */
.product-detail h1,
.product-detail-heading {
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
}

.product-detail .price-final {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: var(--pk-pink) !important;
}

/* ============================================
   FORMS
   ============================================ */
.form-control {
    border-radius: 0 !important;
    border: 1px solid var(--pk-gray-light) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: border-color 0.2s !important;
}

.form-control:focus {
    border-color: var(--pk-pink) !important;
    box-shadow: 0 0 0 3px rgba(232,82,138,0.1) !important;
    outline: none !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */
.breadcrumbs,
.breadcrumbs a {
    font-size: 12px !important;
    color: var(--pk-gray) !important;
}

.breadcrumbs a:hover {
    color: var(--pk-pink) !important;
}

/* ============================================
   PAGINATION
   ============================================ */
.pagination .btn {
    border-radius: 0 !important;
}

.pagination .active .btn {
    background: var(--pk-pink) !important;
    border-color: var(--pk-pink) !important;
}

/* ============================================
   CUSTOM ELEMENTS (from HTML blocks)
   ============================================ */

/* Promo bar */
.pk-promo-bar {
    background: var(--pk-black) !important;
    text-align: center !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    color: #fff !important;
    position: relative;
    z-index: 999;
}

.pk-promo-bar strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Trust strip — custom design */
.pk-trust-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 20px 10px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.pk-trust-item {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: transform 0.2s ease !important;
    padding: 5px 10px !important;
    border-right: none !important;
    flex: unset !important;
    min-width: unset !important;
    white-space: unset !important;
    justify-content: center !important;
    gap: 8px !important;
}

.pk-trust-item:hover {
    transform: translateY(-2px) !important;
    color: #d4a373 !important;
}

.pk-trust-item svg {
    display: none !important;
}

.pk-trust-item .ico {
    display: none !important;
}

.pk-trust-icon,
.pk-trust-item img {
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
}

/* Shipping bar */
.pk-shipping-bar {
    background: var(--pk-pink-light) !important;
    padding: 8px 16px !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--pk-pink-dark) !important;
    border-bottom: 1px solid rgba(232,82,138,0.1) !important;
}

/* Section headers */
.pk-section-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: var(--pk-pink) !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

.pk-section-title {
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    text-align: center !important;
    margin-bottom: 32px !important;
}

/* ============================================
   COOKIES BAR — tmavý, čistý
   ============================================ */
.siteCookies {
    font-size: 13px !important;
}

.siteCookies__button {
    border-radius: 0 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 991px) {
}

@media (max-width: 767px) {
    .pk-promo-bar {
        font-size: 11px !important;
        padding: 8px 12px !important;
    }

    .product-detail h1 {
        font-size: 22px !important;
    }

    /* Menu na mobilu */
    #navigation {
        background: var(--pk-white) !important;
    }

    .menu-level-1 > li > a {
        color: var(--pk-text) !important;
        background: var(--pk-white) !important;
        border-bottom: 1px solid var(--pk-gray-light) !important;
    }
}

/* ============================================
   MISC
   ============================================ */

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--pk-bg); }
::-webkit-scrollbar-thumb { background: var(--pk-pink); border-radius: 4px; }

/* Selection */
::selection { background: var(--pk-pink); color: #fff; }

/* Star ratings — růžové */
.star-rating .star-full,
.rating .icon-star {
    color: var(--pk-pink) !important;
}

/* Flags/labels */
.p-flag, .flag {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
}
/* ============================================
   PLETKY.CZ — CSS PATCH v3
   Přidej na KONEC stávajícího CSS souboru
   ============================================ */

/* ---- FIX: Schovat top navigation bar se selecty ---- */
/* Ten šedý pruh s dvěma selecty a "Přihlášení" */
.top-navigation-bar {
    display: none;
}

/* ---- FIX: Homepage overall-wrapper padding ---- */
.type-index .overall-wrapper {
    padding-top: 0px !important;
}

/* ---- FIX: Přihlášení přesunout do headeru ---- */
/* Shoptet má login button i v headeru, takže nic neztratíš */

/* ---- FIX: Hero tlačítka vedle sebe ---- */
/* Shoptet přepisuje flex na block — musíme vynutit */
.welcome div[style*="display: flex"][style*="gap: 12px"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* Tlačítka v hero — inline-block jako fallback */
.welcome a[href="/kabelky/"],
.welcome a[href="/o-nas/"] {
    display: inline-block !important;
    vertical-align: top !important;
}

/* ---- FIX: Hero na celou šířku + pozadí ---- */
.welcome-wrapper,
.homepage-box.welcome-wrapper {
    background: var(--pk-bg) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.welcome-wrapper .content-wrapper-in {
    max-width: 100% !important;
    padding: 0 !important;
}

.welcome-wrapper .container {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

.welcome-wrapper .welcome {
    max-width: 100% !important;
    padding: 0 !important;
}

/* ---- FIX: Hero grid — pozadí sjednotit ---- */
.welcome div[style*="grid-template-columns"] {
    background: var(--pk-bg) !important;
    margin: 0 !important;
    border: none !important;
}

/* Pravá strana hero — pozadí musí ladit */
.welcome div[style*="background: #FFF0F5"],
.welcome div[style*="background:#FFF0F5"] {
    background: var(--pk-bg) !important;
}

/* Levá strana hero — obrázek */
.welcome div[style*="grid-template-columns"] > div:first-child {
    background: var(--pk-bg) !important;
}

/* ---- FIX: Hero pozice ---- */
#content-wrapper {
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

#content-wrapper > .content-wrapper-in > .content:empty,
#content-wrapper > .content-wrapper-in > .content > .banners-row:empty {
    display: none !important;
}

.content.wide {
    padding: 0 !important;
    min-height: 0 !important;
}

/* ---- FIX: Prázdný content-wrapper na homepage (ten bílý blok na mobilu) ---- */
@media (max-width: 767px) {
    .in-index #content-wrapper {
        display: none !important;
    }

    /* Header — průhledné pozadí, nesmí překrývat */
    #header {
        background: transparent !important;
        position: relative !important;
        z-index: 100 !important;
        border-bottom: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Header inner — minimální padding */
    .header-top {
        padding: 8px 10px !important;
        min-height: 0 !important;
    }

    /* Search — schovat na mobilu (je v hamburger menu) */
    .header-top .search {
        display: none !important;
    }

    /* Navigation wrapper */
    .container.navigation-wrapper {
        padding: 0 !important;
        max-height: 65px !important;
    }

    /* Mobilní header ikony */
    .responsive-tools {
        z-index: 101 !important;
        position: relative !important;
    }

    /* Navigace na mobilu */
    #navigation {
        background: var(--pk-white) !important;
        z-index: 200 !important;
    }

    /* Hero — hned pod header, žádná mezera */
    .homepage-box.welcome-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .welcome-wrapper .welcome {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Trust strip — mobil 2×2 grid */
    .pk-trust-strip {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px 8px !important;
        padding: 14px 12px !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 5 !important;
        clear: both !important;
        width: 100% !important;
        background: #fff !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pk-trust-item {
        justify-content: center !important;
        font-size: 11px !important;
        text-align: center !important;
        padding: 5px 5px !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
    }

    .pk-trust-item svg,
    .pk-trust-icon,
    .pk-trust-item img {
        width: 22px !important;
        height: 22px !important;
    }

    /* Hero padding na mobilu */
    .homepage-box.welcome-wrapper {
        padding-top: 0 !important;
    }
}

/* Velmi malé mobily — stále 2×2 */

/* ---- Mobile trust strip reorder (via JS) ---- */

/* Mezera mezi headerem/navigací a hero */
.homepage-box.welcome-wrapper {
    margin-top: 0 !important;
    padding-top: 40px !important;
    clear: both !important;
    position: relative !important;
    overflow: visible !important;
}

/* ---- FIX: Hero full-width breakout ---- */
/* Všechny rodiče musí mít overflow: visible */
.overall-wrapper,
.overall-wrapper > .container,
.welcome-wrapper,
.welcome-wrapper .content-wrapper-in,
.welcome-wrapper .container,
.welcome-wrapper .welcome,
.welcome,
.homepage-box.welcome-wrapper,
.homepage-box.welcome-wrapper .welcome {
    overflow: visible !important;
}

/* Hero breakout */
.pk-hero {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 600px !important;
    min-height: 600px !important;
}

/* Recenze breakout */
.pk-reviews-section {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

/* ---- FIX: Navigace — jasný spodní okraj ---- */
#navigation {
    position: relative !important;
    z-index: 10 !important;
}

/* ---- FIX: Prázdný šedý pruh pod navigací ---- */
/* Benefit banner je prázdný — kompletně schovat */
.benefitBanner {
    display: none !important;
}

/* ---- FIX: Prázdný content wrapper nad hero ---- */
#content-wrapper:has(.banners-row:empty) {
    display: none !important;
}

/* Banners row — schovat */
.banners-row,
.wide-carousel {
    display: none !important;
}

/* ---- FIX: Logo větší a čistší ---- */
.site-name img {
    max-height: 65px !important;
    width: auto !important;
}

/* ---- FIX: Recenze sekce pozadí ---- */
.welcome div[style*="padding: 48px"] {
    background: var(--pk-bg) !important;
}

/* ---- FIX: Oranžová lišta vpravo — skrýt admin overlay ---- */
/* Shoptet admin panel strip na pravé straně */
.admin-bar,
#adminBar,
[class*="admin-panel"],
[id*="admin-panel"] {
    display: none !important;
}

/* Pokud je to scrollbar override */
body::-webkit-scrollbar {
    width: 8px !important;
}
body::-webkit-scrollbar-thumb {
    background: var(--pk-pink) !important;
    border-radius: 4px !important;
}
body::-webkit-scrollbar-track {
    background: var(--pk-bg) !important;
}

/* ---- FIX: Overall wrapper ---- */
.overall-wrapper {
    overflow: visible !important;
}

/* Footer parent container must allow breakout */
.overall-wrapper > .container:last-child {
    overflow: visible !important;
}

/* ---- FIX: Newsletter sekce ---- */
.overall-wrapper > .container {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

/* #pk-footer — full width */
#pk-footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative !important;
}

/* Footer parent container */
.container:has(#pk-footer) {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* ---- FIX: Shoptet footer — KOMPLETNĚ SCHOVAT ---- */
#footer {
    display: none !important;
}

/* Newsletter text — lépe čitelný */
.overall-wrapper > .container div[style*="background: #111"] {
    position: relative !important;
    z-index: 2 !important;
}

.overall-wrapper > .container div[style*="background: #111"] h3 {
    color: #fff !important;
    opacity: 1 !important;
}

.overall-wrapper > .container div[style*="background: #111"] p {
    color: rgba(255,255,255,0.6) !important;
}

/* ---- FIX: Tlačítka v hero — VEDLE SEBE ---- */
/* Agresivnější přístup — cílí přímo na wrapper tlačítek */
.welcome .welcome-wrapper div[style*="gap: 12px"],
.welcome div[style*="gap: 12px"],
div[style*="display: flex"][style*="gap: 12px"][style*="flex-wrap: wrap"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Jednotlivé CTA linky */
.welcome a[style*="background: #111"],
.welcome a[style*="border: 2px solid #111"] {
    display: inline-block !important;
    margin-bottom: 0 !important;
}

/* ============================================
   KOŠÍK — Popup widget + stránka košíku
   ============================================ */

/* Cart popup widget */
#cart-widget {
    background: var(--pk-bg) !important;
    border: none !important;
    box-shadow: 0 16px 64px rgba(0,0,0,0.12) !important;
    border-radius: 0 !important;
}

#cart-widget .popup-widget-inner,
#cart-widget .cart-widget-inner {
    background: var(--pk-bg) !important;
    padding: 24px !important;
}

/* Prázdný košík — hezký stav */
#cart-widget .cart-widget-inner:empty::after,
.place-cart-here .empty-cart-message,
.cart-empty {
    font-family: var(--pk-font) !important;
    color: var(--pk-text-light) !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 40px 20px !important;
}

/* Cart widget tlačítko "Pokračovat do košíku" */
.cart-widget-button {
    padding: 16px 24px !important;
    background: var(--pk-white) !important;
    border-top: 1px solid var(--pk-gray-light) !important;
}

.cart-widget-button #continue-order-button {
    width: 100% !important;
    text-align: center !important;
    background: var(--pk-black) !important;
    color: #fff !important;
    padding: 14px 24px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.25s !important;
}

.cart-widget-button #continue-order-button:hover {
    background: var(--pk-pink) !important;
}

/* ============================================
   STRÁNKA KOŠÍKU /kosik/
   ============================================ */

/* Pozadí stránky košíku */
body.type-cart,
body[class*="cart"] {
    background: var(--pk-bg) !important;
}

body.type-cart #content-wrapper,
body.type-cart .content-wrapper,
body.type-cart .content {
    background: var(--pk-bg) !important;
    padding-top: 32px !important;
}

/* Nadpis košíku */
body.type-cart h1,
.cart-heading,
.order-heading {
    font-family: var(--pk-font) !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    color: var(--pk-black) !important;
    margin-bottom: 24px !important;
}

/* Položky v košíku */
.cart-item,
.cart-table tr,
.cart-list .item {
    background: var(--pk-white) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    transition: background 0.2s !important;
}

.cart-item:hover,
.cart-table tr:hover {
    background: var(--pk-pink-light) !important;
}

/* Ceny v košíku */
.cart-total,
.cart-summary {
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    padding: 24px !important;
    margin-top: 24px !important;
}

.cart-total .price-final,
.cart-summary .price-final {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: var(--pk-pink) !important;
}

/* Prázdný košík — stránka */
.empty-cart,
.cart-empty,
.cart-table:empty + .empty-cart-message {
    text-align: center !important;
    padding: 80px 24px !important;
}

.empty-cart h2,
.cart-empty h2 {
    font-family: var(--pk-font) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    margin-bottom: 12px !important;
}

.empty-cart p,
.cart-empty p {
    color: var(--pk-text-light) !important;
    font-size: 15px !important;
    margin-bottom: 24px !important;
}

/* ============================================
   MOBILNÍ KOŠÍK — popup overlay
   ============================================ */
@media (max-width: 767px) {
    /* Cart widget — full screen na mobilu */
    #cart-widget {
        position: fixed !important;
        top: 230px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: var(--pk-bg) !important;
        z-index: 20 !important;
        padding-top: 0 !important;
    }

    #cart-widget .cart-widget-inner {
        padding: 20px 16px !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 160px) !important;
    }

    .cart-widget-button {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 16px !important;
        background: var(--pk-white) !important;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.06) !important;
        z-index: 1000 !important;
    }

    /* Stránka košíku na mobilu */
    body.type-cart #content-wrapper {
        padding-top: 16px !important;
    }

    body.type-cart h1 {
        font-size: 22px !important;
        padding: 0 16px !important;
    }
}

/* ============================================
   USER ACTION (login/cart popups) — obecný styl
   ============================================ */
.user-action {
    background: var(--pk-white) !important;
}

.popup-widget {
    background: var(--pk-white) !important;
    box-shadow: 0 16px 64px rgba(0,0,0,0.1) !important;
}

.popup-widget h2 {
    font-family: var(--pk-font) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--pk-black) !important;
    margin-bottom: 20px !important;
}

/* Loader */
.loader-overlay {
    background: rgba(255,255,255,0.9) !important;
}

/* ============================================
   FIX: Mobilní header — text košíku překrývá logo
   ============================================ */
@media (max-width: 767px) {
    /* Skrýt text "Prázdný košík" / cenu na mobilu */
    .cart-price,
    .cart-count .cart-price {
        display: none !important;
    }

    /* Shipping bar — zmenšit na mobilu */
    .pk-shipping-bar {
        font-size: 10px !important;
        padding: 6px 10px !important;
    }

    /* Header top — flex zarovnání */
    .header-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

/* ============================================
   VŠECHNY PODSTRÁNKY — pozadí, spacing
   ============================================ */

/* Každá stránka — růžové pozadí */
body:not(.in-index) {
    background: var(--pk-bg) !important;
}

body:not(.in-index) #content-wrapper {
    background: var(--pk-bg) !important;
    padding-top: 24px !important;
}

body:not(.in-index) .content-wrapper-in {
    background: var(--pk-bg) !important;
}

body:not(.in-index) .content {
    background: var(--pk-bg) !important;
}

/* Header na podstránkách — bílý, ne průhledný - právě že pruhledny var(--pk-white)  */
body:not(.in-index) #header {
    background: transparent !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
}

/* Trust strip na podstránkách — normální zobrazení */
body:not(.in-index) .pk-trust-strip {
    background: var(--pk-white) !important;
}

/* Content wrapper na podstránkách — proper spacing */
body:not(.in-index) .content.wide {
    padding: 24px 0 !important;
    min-height: 300px !important;
}

/* ============================================
   KATEGORIE & PODSTRÁNKY — vylepšený design
   ============================================ */

/* Breadcrumbs */
.breadcrumbs-wrapper {
    padding: 16px 0 8px !important;
    margin-bottom: 0 !important;
}

.breadcrumbs {
    font-size: 12px !important;
    color: var(--pk-gray) !important;
    letter-spacing: 0.3px !important;
}

.breadcrumbs a {
    color: var(--pk-text-light) !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.breadcrumbs a:hover {
    color: var(--pk-pink) !important;
}

.breadcrumbs .navigation-bullet {
    color: var(--pk-gray-light) !important;
    margin: 0 8px !important;
}

.navigation-home-icon::before {
    color: var(--pk-text-light) !important;
}

/* ---- Category title ---- */
.category-title,
.category-top h1 {
    font-family: var(--pk-font) !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid var(--pk-pink) !important;
    display: inline-block !important;
}

/* ---- Sidebar ---- */
.sidebar {
    background: transparent !important;
    padding-right: 24px !important;
}

.sidebar-inner {
    background: transparent !important;
}

/* Sidebar boxy */
.sidebar .box {
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Sidebar nadpisy */
.sidebar .box h3,
.sidebar .pageElement__heading,
.sidebar .pageElement__heading span {
    font-family: var(--pk-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    background: var(--pk-white) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
}

/* Kategorie v sidebaru */
#categories {
    padding: 8px 0 !important;
}

#categories .categories {
    border: none !important;
    margin: 0 !important;
}

#categories .topic {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#categories .topic a {
    font-family: var(--pk-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--pk-text) !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    display: block !important;
    transition: all 0.2s !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
}

#categories .topic a:hover {
    color: var(--pk-pink) !important;
    background: var(--pk-pink-light) !important;
    border-left-color: var(--pk-pink) !important;
}

/* Aktivní kategorie */
#categories .topic.active a,
#categories .active > .topic a {
    color: var(--pk-pink) !important;
    font-weight: 700 !important;
    background: var(--pk-pink-light) !important;
    border-left-color: var(--pk-pink) !important;
}

/* Cat trigger šipka — skrýt nebo nastylovat */
#categories .cat-trigger {
    display: none !important;
}

/* ---- Online platby box ---- */
.box-onlinePayments {
    text-align: center !important;
}

.box-onlinePayments h3,
.box-onlinePayments .pageElement__heading,
.box-onlinePayments .pageElement__heading span {
    font-size: 10px !important;
    letter-spacing: 1px !important;
    padding: 14px 12px !important;
    line-height: 1.4 !important;
    word-break: normal !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

.box-onlinePayments p {
    padding: 16px 20px !important;
}

.box-onlinePayments img {
    max-width: 140px !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s !important;
}

.box-onlinePayments img:hover {
    opacity: 1 !important;
}

/* ---- Prázdná kategorie ---- */
.empty-content,
.empty-content-category {
    text-align: center !important;
    padding: 60px 32px !important;
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    margin: 20px 0 !important;
}

.empty-content h2 {
    font-family: var(--pk-font) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--pk-black) !important;
    margin-bottom: 12px !important;
}

.empty-content p {
    font-family: var(--pk-font) !important;
    font-size: 14px !important;
    color: var(--pk-text-light) !important;
    line-height: 1.7 !important;
    margin-bottom: 16px !important;
}

.empty-content .btn-default,
.empty-content .btn {
    background: var(--pk-black) !important;
    color: #fff !important;
    border: none !important;
    padding: 13px 32px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: background 0.25s !important;
}

.empty-content .btn-default:hover,
.empty-content .btn:hover {
    background: var(--pk-pink) !important;
}

/* ---- Content area na kategoriích ---- */
.category-content-wrapper {
    background: transparent !important;
}

/* Perex/popis kategorie */
.category-perex:not(.empty-content) {
    font-family: var(--pk-font) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: var(--pk-text-light) !important;
    margin-bottom: 32px !important;
}

/* ---- Benefit banner na kategoriích — skrýt prázdný ---- */
.benefitBanner.position--benefitCategory {
    display: none !important;
}

/* ---- Product listing na kategoriích ---- */
.product-list {
    margin-top: 8px !important;
}

/* Product grid — čistší rozestupy */
.products .product,
.product-list .product {
    margin-bottom: 20px !important;
}

/* Sorting/filtering toolbar */
.category-top .sorting,
.category-top .toolbar,
.category-toolbar {
    font-family: var(--pk-font) !important;
    font-size: 12px !important;
    color: var(--pk-text-light) !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.category-toolbar select,
.sorting select {
    font-family: var(--pk-font) !important;
    font-size: 12px !important;
    border: 1px solid var(--pk-gray-light) !important;
    border-radius: 0 !important;
    padding: 8px 12px !important;
    background: var(--pk-white) !important;
    transition: border-color 0.2s !important;
}

.category-toolbar select:focus,
.sorting select:focus {
    border-color: var(--pk-pink) !important;
    outline: none !important;
}

/* ---- Statické stránky (Kdo jsme, Obchodní podmínky apod.) ---- */
.type-article .content,
.type-page .content {
    font-family: var(--pk-font) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: var(--pk-text) !important;
}

.type-article h1,
.type-page h1 {
    font-family: var(--pk-font) !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    text-transform: uppercase !important;
    color: var(--pk-black) !important;
    margin-bottom: 24px !important;
}

.type-article h2,
.type-page h2 {
    font-family: var(--pk-font) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--pk-black) !important;
    margin: 32px 0 16px !important;
}

/* Prevent horizontal scrollbar from breakout */
html, body {
    overflow-x: hidden !important;
}

/* ============================================
   CUSTOM CART ICON — moderní taška místo basic košíku
   ============================================ */

/* Skrýt původní Shoptet font icon */
.cart-count::before,
a.cart-count::before {
    content: "" !important;
    display: inline-block !important;
    width: 26px !important;
    height: 26px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    font-size: 0 !important;
}

/* Hover — růžová */
.cart-count:hover::before,
a.cart-count:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E8528A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") !important;
}

/* Mobilní responsive tools — ikona košíku */
.responsive-tools a[data-target="cart"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
}

/* ============================================
   PRÁZDNÝ KOŠÍK — redesign
   ============================================ */

/* Hlavní nadpis prázdného košíku */
.cart-empty h2,
.empty-cart h1,
.content h1:only-child,
.cart-content h1 {
    font-family: var(--pk-font) !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    color: var(--pk-black) !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* Kontejner s kategoriemi a hledáním */
.empty-cart-content,
.cart-empty-content {
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    padding: 40px !important;
}

/* Sidebar "Potřebujete pomoc?" — vylepšit */
.sidebar .box-contactInformation,
.box-contactInformation {
    background: var(--pk-white) !important;
    border: 1px solid var(--pk-gray-light) !important;
    text-align: center !important;
    padding: 24px 16px !important;
}

.box-contactInformation h3,
.box-contactInformation .pageElement__heading,
.box-contactInformation .pageElement__heading span {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: var(--pk-black) !important;
}

/* Odkazy kategorií v prázdném košíku */
.empty-cart-content a,
.cart-empty-content a,
.cart-empty a {
    color: var(--pk-pink) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.empty-cart-content a:hover,
.cart-empty-content a:hover {
    color: var(--pk-pink-dark) !important;
    text-decoration: underline !important;
}

/* Bullet points u kategorií — nahradit za ikony */
.empty-cart-content ul,
.cart-empty ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}

.empty-cart-content ul li,
.cart-empty ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--pk-gray-light) !important;
    font-family: var(--pk-font) !important;
    font-size: 14px !important;
}

.empty-cart-content ul li::before,
.cart-empty ul li::before {
    content: "→ " !important;
    color: var(--pk-pink) !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
}

.empty-cart-content ul li:last-child,
.cart-empty ul li:last-child {
    border-bottom: none !important;
}

/* Hledání v košíku */
.empty-cart-content .search-form,
.cart-empty .search-form {
    border: 1px solid var(--pk-gray-light) !important;
    background: var(--pk-gray-bg) !important;
}

/* ============================================
   PRÁZDNÝ KOŠÍK — nový design s ikonkami
   ============================================ */
.pk-empty-cart {
    text-align: center;
    padding: 60px 24px 80px;
    max-width: 700px;
    margin: 0 auto;
}

.pk-empty-cart-icon {
    margin-bottom: 28px;
    opacity: 0.8;
}

.pk-empty-cart h1 {
    font-family: var(--pk-font) !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    color: var(--pk-black) !important;
    margin: 0 0 12px !important;
}

.pk-empty-cart-sub {
    font-family: var(--pk-font);
    font-size: 15px;
    color: var(--pk-text-light);
    line-height: 1.7;
    margin-bottom: 40px;
}

/* Kartičky kategorií */
.pk-empty-cart-cats {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.pk-empty-cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 28px 32px;
    background: var(--pk-white);
    border: 1px solid var(--pk-gray-light);
    text-decoration: none !important;
    transition: all 0.3s ease;
    min-width: 160px;
    position: relative;
}

.pk-empty-cat-card:hover {
    border-color: var(--pk-pink);
    box-shadow: 0 8px 32px rgba(232,82,138,0.08);
    transform: translateY(-4px);
}

.pk-empty-cat-card svg {
    transition: transform 0.3s;
}

.pk-empty-cat-card:hover svg {
    transform: scale(1.1);
}

.pk-cat-name {
    font-family: var(--pk-font);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--pk-black);
}

.pk-cat-arrow {
    font-size: 16px;
    color: var(--pk-pink);
    transition: transform 0.3s;
}

.pk-empty-cat-card:hover .pk-cat-arrow {
    transform: translateX(4px);
}

/* CTA tlačítko */
.pk-empty-cart-btn {
    display: inline-block;
    background: var(--pk-black);
    color: #fff !important;
    padding: 16px 48px;
    font-family: var(--pk-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
}

.pk-empty-cart-btn:hover {
    background: var(--pk-pink);
}

/* Mobilní responsivita */
@media (max-width: 767px) {
    .pk-empty-cart {
        padding: 40px 16px 60px;
    }

    .pk-empty-cart h1 {
        font-size: 22px !important;
    }

    .pk-empty-cart-cats {
        flex-direction: column;
        align-items: center;
    }

    .pk-empty-cat-card {
        width: 100%;
        max-width: 280px;
        flex-direction: row;
        padding: 16px 20px;
        gap: 16px;
    }

    .pk-cat-arrow {
        margin-left: auto;
    }
}

/* ---- Schovat Shoptet sidebar na stránce košíku ---- */
body.type-cart .sidebar {
    display: none !important;
}

body.type-cart .content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

body.type-cart .content-wrapper-in {
    display: block !important;
}

fieldset {
    height: 38px;
}

.pk-hero-image img {
    object-fit: scale-down;
}
@media (max-width: 767px) {
    .overall-wrapper {
        padding-top: 0;
    }
.top-navigation-bar {
    background: transparent !important;
    margin-top: 68px;
    margin-left: 21px;
    display: block;
    z-index: 0;
	}

.top-navigation-bar *, .top-navigation-bar a, .top-navigation-bar strong, .top-navigation-contacts, .top-navigation-contacts a, .top-navigation-bar-menu a, .top-nav-button span, .top-nav-button-login, .top-nav-button-login span {
    color: #000000 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}
}

@media (max-width: 767px) {
    .scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-navigation-bar {
        transform: translateY(-100%);
display: none !important;
    }
}