/* ==================================================
   OXYBAG - GLOBALNI VZHLED
   Preskladano z puvodnich souboru bez zmeny CSS pravidel.
   ================================================== */

/* ===== PUvodni zdroj: style.css ===== */
/* Focus outline se globalne nevypina; konkretni komponenty maji vlastni :focus-visible styly. */
.stars .star.is-active:hover,.stars .star.star-half:before,.stars .star.star-on:before{color:#fcaf00}
@media (min-width:768px){
.benefitBanner__item{flex:1 1 33.33%}
}
@media (min-width:1200px){
.benefitBanner__item{flex:1 1 20%}
}
.benefitBanner__picture{flex:0 0 60px;max-width:60px}
@media (max-width: 1023px){
.overall-wrapper {
    padding-top: 0px !important;
  }
}
.popis_image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

/* ===== PUvodni zdroj: design/style.css ===== */
:root {
    --breakXS: 480px;
    --breakS: 576px;
    --breakM: 768px;
    --breakL: 992px;
    --breakXL: 1200px;
    --break2XL: 1440px;
}
body {
    color: #000;
    background: #fff;
}
.link-like,
a {
    transition-property: color, border-color, background-color;
}
@media (min-width: 1200px){
.blog-wrapper .news-item {
        flex-basis: 33.3333%;
        width: 33.3333%;
    }
}

/* ==================================================
   OXYBAG - SYSTEMOVE STRANKY
   Prazdna kategorie / 404: zachovame puvodni Shoptet rozlozeni,
   sjednocujeme pouze tlacitko "ZPET DO OBCHODU".
   ================================================== */

:root {
    --oxy-ui-accent: #de337f;
    --oxy-ui-accent-dark: #c93678;
    --oxy-ui-radius: 10px;
}

/* CTA na prazdne kategorii a chybovych/systemovych strankach */
#content .category-perex.empty-content-category .btn,
#content .category-perex.empty-content-category a.btn,
#content .content-inner > .empty-content .btn,
#content .content-inner > [class*="empty-content"] .btn,
#content .content-inner > .error-page .btn,
#content .content-inner > .error404 .btn,
#content .content-inner > .page-404 .btn,
#content .content-inner > .page-not-found .btn,
#content .content-inner > .not-found .btn,
body[class*="404"] #content .content-inner .btn,
body[class*="not-found"] #content .content-inner .btn,
body[class*="error-page"] #content .content-inner .btn {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

@media (hover:hover) {
    #content .category-perex.empty-content-category .btn:hover,
    #content .category-perex.empty-content-category a.btn:hover,
    #content .content-inner > .empty-content .btn:hover,
    #content .content-inner > [class*="empty-content"] .btn:hover,
    #content .content-inner > .error-page .btn:hover,
    #content .content-inner > .error404 .btn:hover,
    #content .content-inner > .page-404 .btn:hover,
    #content .content-inner > .page-not-found .btn:hover,
    #content .content-inner > .not-found .btn:hover,
    body[class*="404"] #content .content-inner .btn:hover,
    body[class*="not-found"] #content .content-inner .btn:hover,
    body[class*="error-page"] #content .content-inner .btn:hover {
        border-color: var(--oxy-ui-accent-dark) !important;
        background: var(--oxy-ui-accent-dark) !important;
        color: #fff !important;
        box-shadow: 0 5px 14px rgba(222, 51, 127, .14) !important;
    }
}

#content .category-perex.empty-content-category .btn:focus-visible,
#content .category-perex.empty-content-category a.btn:focus-visible,
#content .content-inner > .empty-content .btn:focus-visible,
#content .content-inner > [class*="empty-content"] .btn:focus-visible,
#content .content-inner > .error-page .btn:focus-visible,
#content .content-inner > .error404 .btn:focus-visible,
#content .content-inner > .page-404 .btn:focus-visible,
#content .content-inner > .page-not-found .btn:focus-visible,
#content .content-inner > .not-found .btn:focus-visible,
body[class*="404"] #content .content-inner .btn:focus-visible,
body[class*="not-found"] #content .content-inner .btn:focus-visible,
body[class*="error-page"] #content .content-inner .btn:focus-visible {
    outline: 2px solid var(--oxy-ui-accent) !important;
    outline-offset: 3px !important;
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v5
   Login + registration fixes. Password reset keeps the v4 look.
   ================================================== */

/* ---------- LOGIN: current Shoptet fullscreen dialog ---------- */
#login.dialog--fullscreen #customerLogin input.form-control,
#login.dialog--fullscreen #customerLogin input[type="email"],
#login.dialog--fullscreen #customerLogin input[type="password"],
#login.dialog--fullscreen #customerLogin input[type="text"],
.login-window .login-window-in input.form-control,
.login-window .login-window-in input[type="email"],
.login-window .login-window-in input[type="password"],
.login-window .login-window-in input[type="text"] {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

#login.dialog--fullscreen #customerLogin input.form-control:focus,
#login.dialog--fullscreen #customerLogin input[type="email"]:focus,
#login.dialog--fullscreen #customerLogin input[type="password"]:focus,
#login.dialog--fullscreen #customerLogin input[type="text"]:focus,
.login-window .login-window-in input.form-control:focus,
.login-window .login-window-in input[type="email"]:focus,
.login-window .login-window-in input[type="password"]:focus,
.login-window .login-window-in input[type="text"]:focus {
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .10) !important;
    outline: none !important;
}

#login.dialog--fullscreen #customerLogin button[type="submit"],
#login.dialog--fullscreen #customerLogin input[type="submit"],
#login.dialog--fullscreen #customerLogin .btn-primary,
.login-window .login-window-in button[type="submit"],
.login-window .login-window-in input[type="submit"],
.login-window .login-window-in .btn-primary {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* Back button in the new dialog and legacy login window. */
#login.dialog--fullscreen .dialog__close--arrow .toggle-window-arr,
.login-window .login-window-in .toggle-window-arr {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: transparent !important;
    color: #333 !important;
    box-shadow: none !important;
}

#login.dialog--fullscreen .dialog__close--arrow .toggle-window-arr:before,
.login-window .login-window-in .toggle-window-arr:before {
    content: "<" !important;
    display: inline-block !important;
    position: relative !important;
    top: 1px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    color: var(--oxy-ui-accent) !important;
    transform: none !important;
}

#login.dialog--fullscreen .dialog__close--arrow .toggle-window-arr:after,
.login-window .login-window-in .toggle-window-arr:after {
    display: none !important;
    content: none !important;
}

#login.dialog--fullscreen #customerLogin a,
.login-window .login-window-in a {
    transition: color .18s ease !important;
}

/* ---------- REGISTRATION ---------- */
/* One box only: round the real outer Shoptet boxes. */
body.in-registrace #content .content-inner form .box,
body.in-registration #content .content-inner form .box,
body.in-register #content .content-inner form .box {
    border-radius: var(--oxy-ui-radius) !important;
    box-shadow: none !important;
}

/* Some registration sections contain another .box inside the outer box.
   Keep only the outer border so we do not get the double-frame effect. */
body.in-registrace #content .content-inner form .box .box,
body.in-registration #content .content-inner form .box .box,
body.in-register #content .content-inner form .box .box {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Only actual form fields - never generic wrappers. */
body.in-registrace #content .content-inner input.form-control,
body.in-registrace #content .content-inner select.form-control,
body.in-registrace #content .content-inner textarea.form-control,
body.in-registration #content .content-inner input.form-control,
body.in-registration #content .content-inner select.form-control,
body.in-registration #content .content-inner textarea.form-control,
body.in-register #content .content-inner input.form-control,
body.in-register #content .content-inner select.form-control,
body.in-register #content .content-inner textarea.form-control {
    min-height: 46px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

body.in-registrace #content .content-inner input.form-control:focus,
body.in-registrace #content .content-inner select.form-control:focus,
body.in-registrace #content .content-inner textarea.form-control:focus,
body.in-registration #content .content-inner input.form-control:focus,
body.in-registration #content .content-inner select.form-control:focus,
body.in-registration #content .content-inner textarea.form-control:focus,
body.in-register #content .content-inner input.form-control:focus,
body.in-register #content .content-inner select.form-control:focus,
body.in-register #content .content-inner textarea.form-control:focus {
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .10) !important;
    outline: none !important;
}

body.in-registrace #content input[type="radio"],
body.in-registrace #content input[type="checkbox"],
body.in-registration #content input[type="radio"],
body.in-registration #content input[type="checkbox"],
body.in-register #content input[type="radio"],
body.in-register #content input[type="checkbox"] {
    accent-color: var(--oxy-ui-accent) !important;
}

body.in-registrace #content .content-inner form button[type="submit"],
body.in-registrace #content .content-inner form input[type="submit"],
body.in-registrace #content .content-inner form .btn-primary,
body.in-registration #content .content-inner form button[type="submit"],
body.in-registration #content .content-inner form input[type="submit"],
body.in-registration #content .content-inner form .btn-primary,
body.in-register #content .content-inner form button[type="submit"],
body.in-register #content .content-inner form input[type="submit"],
body.in-register #content .content-inner form .btn-primary {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* ---------- PASSWORD RESET: keep the version that already works ---------- */
body.in-zapomenute-heslo #content input.form-control,
body.in-forgotten-password #content input.form-control,
body.in-password-forgotten #content input.form-control,
body.in-password-reset #content input.form-control,
#content form[action*="zapomenute"] input.form-control,
#content form[action*="forgot"] input.form-control,
#content form[action*="password"] input.form-control {
    min-height: 46px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

body.in-zapomenute-heslo #content input.form-control:focus,
body.in-forgotten-password #content input.form-control:focus,
body.in-password-forgotten #content input.form-control:focus,
body.in-password-reset #content input.form-control:focus,
#content form[action*="zapomenute"] input.form-control:focus,
#content form[action*="forgot"] input.form-control:focus,
#content form[action*="password"] input.form-control:focus {
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .10) !important;
    outline: none !important;
}

body.in-zapomenute-heslo #content form button[type="submit"],
body.in-zapomenute-heslo #content form input[type="submit"],
body.in-zapomenute-heslo #content form .btn-primary,
body.in-forgotten-password #content form button[type="submit"],
body.in-forgotten-password #content form input[type="submit"],
body.in-forgotten-password #content form .btn-primary,
body.in-password-forgotten #content form button[type="submit"],
body.in-password-forgotten #content form input[type="submit"],
body.in-password-forgotten #content form .btn-primary,
body.in-password-reset #content form button[type="submit"],
body.in-password-reset #content form input[type="submit"],
body.in-password-reset #content form .btn-primary,
#content form[action*="zapomenute"] button[type="submit"],
#content form[action*="forgot"] button[type="submit"],
#content form[action*="password"] button[type="submit"] {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* ---------- Shared hover and keyboard focus ---------- */
@media (hover:hover) {
    #login.dialog--fullscreen #customerLogin button[type="submit"]:hover,
    #login.dialog--fullscreen #customerLogin input[type="submit"]:hover,
    #login.dialog--fullscreen #customerLogin .btn-primary:hover,
    .login-window .login-window-in button[type="submit"]:hover,
    .login-window .login-window-in input[type="submit"]:hover,
    .login-window .login-window-in .btn-primary:hover,
    body.in-registrace #content .content-inner form button[type="submit"]:hover,
    body.in-registrace #content .content-inner form input[type="submit"]:hover,
    body.in-registrace #content .content-inner form .btn-primary:hover,
    body.in-registration #content .content-inner form button[type="submit"]:hover,
    body.in-registration #content .content-inner form input[type="submit"]:hover,
    body.in-registration #content .content-inner form .btn-primary:hover,
    body.in-register #content .content-inner form button[type="submit"]:hover,
    body.in-register #content .content-inner form input[type="submit"]:hover,
    body.in-register #content .content-inner form .btn-primary:hover,
    body.in-zapomenute-heslo #content form button[type="submit"]:hover,
    body.in-zapomenute-heslo #content form input[type="submit"]:hover,
    body.in-zapomenute-heslo #content form .btn-primary:hover,
    body.in-forgotten-password #content form button[type="submit"]:hover,
    body.in-forgotten-password #content form input[type="submit"]:hover,
    body.in-forgotten-password #content form .btn-primary:hover,
    body.in-password-forgotten #content form button[type="submit"]:hover,
    body.in-password-forgotten #content form input[type="submit"]:hover,
    body.in-password-forgotten #content form .btn-primary:hover,
    body.in-password-reset #content form button[type="submit"]:hover,
    body.in-password-reset #content form input[type="submit"]:hover,
    body.in-password-reset #content form .btn-primary:hover {
        border-color: var(--oxy-ui-accent-dark) !important;
        background: var(--oxy-ui-accent-dark) !important;
        color: #fff !important;
        box-shadow: 0 5px 14px rgba(222, 51, 127, .14) !important;
    }

    #login.dialog--fullscreen .dialog__close--arrow .toggle-window-arr:hover,
    .login-window .login-window-in .toggle-window-arr:hover {
        background: #fff3f8 !important;
        color: var(--oxy-ui-accent) !important;
    }

    #login.dialog--fullscreen #customerLogin a:hover,
    .login-window .login-window-in a:hover,
    body.in-registrace #content a:hover,
    body.in-registration #content a:hover,
    body.in-register #content a:hover,
    body.in-zapomenute-heslo #content a:hover,
    body.in-forgotten-password #content a:hover,
    body.in-password-forgotten #content a:hover,
    body.in-password-reset #content a:hover {
        color: var(--oxy-ui-accent) !important;
    }
}

#login.dialog--fullscreen #customerLogin button[type="submit"]:focus-visible,
#login.dialog--fullscreen #customerLogin .btn-primary:focus-visible,
.login-window .login-window-in button[type="submit"]:focus-visible,
.login-window .login-window-in .btn-primary:focus-visible,
body.in-registrace #content form button[type="submit"]:focus-visible,
body.in-registrace #content form .btn-primary:focus-visible,
body.in-registration #content form button[type="submit"]:focus-visible,
body.in-registration #content form .btn-primary:focus-visible,
body.in-register #content form button[type="submit"]:focus-visible,
body.in-register #content form .btn-primary:focus-visible,
body.in-zapomenute-heslo #content form button[type="submit"]:focus-visible,
body.in-forgotten-password #content form button[type="submit"]:focus-visible,
body.in-password-forgotten #content form button[type="submit"]:focus-visible,
body.in-password-reset #content form button[type="submit"]:focus-visible {
    outline: 2px solid var(--oxy-ui-accent) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    #login.dialog--fullscreen #customerLogin input.form-control,
    .login-window .login-window-in input.form-control,
    body.in-registrace #content .content-inner input.form-control,
    body.in-registrace #content .content-inner select.form-control,
    body.in-registration #content .content-inner input.form-control,
    body.in-registration #content .content-inner select.form-control,
    body.in-register #content .content-inner input.form-control,
    body.in-register #content .content-inner select.form-control,
    body.in-zapomenute-heslo #content input.form-control,
    body.in-forgotten-password #content input.form-control,
    body.in-password-forgotten #content input.form-control,
    body.in-password-reset #content input.form-control {
        border-radius: var(--oxy-ui-radius) !important;
    }
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v6
   Registrace: sjednoceni hranatych sekcnich obalu na 10 px.
   Pouze radius - bez zmeny rozmeru, paddingu nebo funkcnosti.
   ================================================== */
body.in-registrace #content .content-inner form fieldset,
body.in-registrace #content .content-inner form .form-group,
body.in-registrace #content .content-inner form .form-row,
body.in-registrace #content .content-inner form .form-section,
body.in-registrace #content .content-inner form .form-box,
body.in-registrace #content .content-inner form .co-box,
body.in-registrace #content .content-inner form .customer-fields,
body.in-registrace #content .content-inner form .billing-address,
body.in-registrace #content .content-inner form .company-address,
body.in-registration #content .content-inner form fieldset,
body.in-registration #content .content-inner form .form-group,
body.in-registration #content .content-inner form .form-row,
body.in-registration #content .content-inner form .form-section,
body.in-registration #content .content-inner form .form-box,
body.in-registration #content .content-inner form .co-box,
body.in-registration #content .content-inner form .customer-fields,
body.in-registration #content .content-inner form .billing-address,
body.in-registration #content .content-inner form .company-address,
body.in-register #content .content-inner form fieldset,
body.in-register #content .content-inner form .form-group,
body.in-register #content .content-inner form .form-row,
body.in-register #content .content-inner form .form-section,
body.in-register #content .content-inner form .form-box,
body.in-register #content .content-inner form .co-box,
body.in-register #content .content-inner form .customer-fields,
body.in-register #content .content-inner form .billing-address,
body.in-register #content .content-inner form .company-address {
    border-radius: var(--oxy-ui-radius) !important;
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v7
   Mobilni login + sjednocene kulaté checkboxy.
   ================================================== */

/* LOGIN: na mobilu Shoptet nemusi mit na #login tridu .dialog--fullscreen.
   Proto stejne vizualni nastaveni aplikujeme primo uvnitr #login. */
#login #customerLogin input.form-control,
#login #customerLogin input[type="email"],
#login #customerLogin input[type="password"],
#login #customerLogin input[type="text"] {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

#login #customerLogin input.form-control:focus,
#login #customerLogin input[type="email"]:focus,
#login #customerLogin input[type="password"]:focus,
#login #customerLogin input[type="text"]:focus {
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .10) !important;
    outline: none !important;
}

#login #customerLogin button[type="submit"],
#login #customerLogin input[type="submit"],
#login #customerLogin .btn-primary {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

#login .dialog__close--arrow .toggle-window-arr,
#login .toggle-window-arr {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: transparent !important;
    color: #333 !important;
    box-shadow: none !important;
}

#login .dialog__close--arrow .toggle-window-arr:before,
#login .toggle-window-arr:before {
    content: "<" !important;
    display: inline-block !important;
    position: relative !important;
    top: 1px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    color: var(--oxy-ui-accent) !important;
    transform: none !important;
}

#login .dialog__close--arrow .toggle-window-arr:after,
#login .toggle-window-arr:after {
    display: none !important;
    content: none !important;
}

#login #customerLogin a {
    transition: color .18s ease !important;
}

@media (hover:hover) {
    #login #customerLogin button[type="submit"]:hover,
    #login #customerLogin input[type="submit"]:hover,
    #login #customerLogin .btn-primary:hover {
        border-color: var(--oxy-ui-accent-dark) !important;
        background: var(--oxy-ui-accent-dark) !important;
        color: #fff !important;
        box-shadow: 0 5px 14px rgba(222, 51, 127, .14) !important;
    }

    #login .dialog__close--arrow .toggle-window-arr:hover,
    #login .toggle-window-arr:hover {
        background: #fff3f8 !important;
        color: var(--oxy-ui-accent) !important;
    }

    #login #customerLogin a:hover {
        color: var(--oxy-ui-accent) !important;
    }
}

#login #customerLogin button[type="submit"]:focus-visible,
#login #customerLogin .btn-primary:focus-visible {
    outline: 2px solid var(--oxy-ui-accent) !important;
    outline-offset: 3px !important;
}

/* OXYBAG KROK 20 – ochrana ostatnich modulu pri prevodu glob. CSS.
   Pravidla checkboxu v #content jsou omezena na uctove stranky.
   Login dialog (#login / .login-window) zustava zachovan.
   Obecna .cart-window pravidla byla vyrazena; patri do 08-POKLADNA.
   Jine CSS z testovaci verze zustava beze zmeny. */
/* STANDARDNI CHECKBOXY: ctverec -> krouzek.
   Radio buttony nemenime; ty uz jsou kruhove z principu. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]),
#login input[type="checkbox"]:not([role="switch"]),
.login-window input[type="checkbox"]:not([role="switch"]){
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked,
#login input[type="checkbox"]:not([role="switch"]):checked,
.login-window input[type="checkbox"]:not([role="switch"]):checked{
    border-color: var(--oxy-ui-accent) !important;
    background-color: var(--oxy-ui-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 4.8 8.5 9.8 3.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):focus-visible,
#login input[type="checkbox"]:not([role="switch"]):focus-visible,
.login-window input[type="checkbox"]:not([role="switch"]):focus-visible{
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .14) !important;
    border-color: var(--oxy-ui-accent) !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):disabled,
#login input[type="checkbox"]:not([role="switch"]):disabled,
.login-window input[type="checkbox"]:not([role="switch"]):disabled{
    cursor: not-allowed !important;
    opacity: .55 !important;
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v8
   Fix samostatne mobilni stranky prihlaseni + skutecne Shoptet checkboxy.
   Standard radius: 10 px.
   ================================================== */

/* ---------- SAMOSTATNA STRANKA PRIHLASENI (/prihlaseni/) ----------
   Novy mobilni header muze vest na samostatnou prihlasovaci stranku,
   nikoli pouze otevrit #login dialog. Proto pokryvame i body tridy stranky. */
body.in-prihlaseni #content input.form-control,
body.in-prihlaseni #content input[type="email"],
body.in-prihlaseni #content input[type="password"],
body.in-prihlaseni #content input[type="text"],
body.in-login #content input.form-control,
body.in-login #content input[type="email"],
body.in-login #content input[type="password"],
body.in-login #content input[type="text"] {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

body.in-prihlaseni #content input.form-control:focus,
body.in-prihlaseni #content input[type="email"]:focus,
body.in-prihlaseni #content input[type="password"]:focus,
body.in-prihlaseni #content input[type="text"]:focus,
body.in-login #content input.form-control:focus,
body.in-login #content input[type="email"]:focus,
body.in-login #content input[type="password"]:focus,
body.in-login #content input[type="text"]:focus {
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .10) !important;
}

body.in-prihlaseni #content button[type="submit"],
body.in-prihlaseni #content input[type="submit"],
body.in-prihlaseni #content .btn-primary,
body.in-login #content button[type="submit"],
body.in-login #content input[type="submit"],
body.in-login #content .btn-primary {
    min-height: 44px !important;
    padding: 11px 22px !important;
    border: 1px solid var(--oxy-ui-accent) !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: var(--oxy-ui-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.in-prihlaseni .toggle-window-arr,
body.in-login .toggle-window-arr {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: var(--oxy-ui-radius) !important;
    background: transparent !important;
    color: #333 !important;
    box-shadow: none !important;
}

body.in-prihlaseni .toggle-window-arr:before,
body.in-login .toggle-window-arr:before {
    content: "<" !important;
    display: inline-block !important;
    position: relative !important;
    top: 1px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    color: var(--oxy-ui-accent) !important;
    transform: none !important;
}

body.in-prihlaseni .toggle-window-arr:after,
body.in-login .toggle-window-arr:after {
    display: none !important;
    content: none !important;
}

@media (hover:hover) {
    body.in-prihlaseni #content button[type="submit"]:hover,
    body.in-prihlaseni #content input[type="submit"]:hover,
    body.in-prihlaseni #content .btn-primary:hover,
    body.in-login #content button[type="submit"]:hover,
    body.in-login #content input[type="submit"]:hover,
    body.in-login #content .btn-primary:hover {
        border-color: var(--oxy-ui-accent-dark) !important;
        background: var(--oxy-ui-accent-dark) !important;
        color: #fff !important;
        box-shadow: 0 5px 14px rgba(222, 51, 127, .14) !important;
    }

    body.in-prihlaseni #content a:hover,
    body.in-login #content a:hover {
        color: var(--oxy-ui-accent) !important;
    }
}

/* ---------- CHECKBOXY: skutecna Shoptet struktura ----------
   Shoptet muze nativni input schovat a ctverecek vykreslit pres nasledujici label.
   Proto krom nativniho inputu kulatime i jeho vizualni label. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]) + label.std-control-label{
    box-sizing: border-box !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin-right: 8px !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label{
    border-color: var(--oxy-ui-accent) !important;
    background-color: var(--oxy-ui-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 4.8 8.5 9.8 3.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):focus + label.std-control-label,
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):focus-visible + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]):focus + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]):focus + label.std-control-label{
    border-color: var(--oxy-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 51, 127, .14) !important;
    outline: none !important;
}

/* Varianta, kde je input primo pred textovym labelem a sablona kresli box pres ::before. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
#login input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
.login-window input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before{
    border-radius: 50% !important;
    border-color: #b9b9b9 !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before,
#login input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before{
    border-color: var(--oxy-ui-accent) !important;
    background-color: var(--oxy-ui-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 4.8 8.5 9.8 3.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v9
   Checkbox fix: checked state remains truly circular.
   We hide the native square mark and draw our own circle + tick.
   ================================================== */

/* Checkbox does not use browser accent rendering; radio buttons may keep it. */
body.in-registrace #content input[type="checkbox"],
body.in-registration #content input[type="checkbox"],
body.in-register #content input[type="checkbox"],
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]),
#login input[type="checkbox"]:not([role="switch"]),
.login-window input[type="checkbox"]:not([role="switch"]){
    accent-color: auto !important;
}

/* Shoptet pattern: native checkbox + dedicated visual label.
   Hide the native square completely, keep it accessible/clickable through label. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]) + label.std-control-label{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):has(+ label.std-control-label),
#login input[type="checkbox"]:not([role="switch"]):has(+ label.std-control-label),
.login-window input[type="checkbox"]:not([role="switch"]):has(+ label.std-control-label){
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
}

/* Remove any original Shoptet square/check symbol from the visual label. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label.std-control-label::before,
#login input[type="checkbox"]:not([role="switch"]) + label.std-control-label::before,
.login-window input[type="checkbox"]:not([role="switch"]) + label.std-control-label::before{
    display: none !important;
    content: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label.std-control-label::after,
#login input[type="checkbox"]:not([role="switch"]) + label.std-control-label::after,
.login-window input[type="checkbox"]:not([role="switch"]) + label.std-control-label::after{
    display: none !important;
    content: none !important;
}

/* Checked state: circle stays circular; tick is our SVG background only. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label{
    border-radius: 50% !important;
    border-color: var(--oxy-ui-accent) !important;
    background-color: var(--oxy-ui-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 4.8 8.5 9.8 3.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
}

/* Alternate Shoptet pattern: text label draws checkbox with ::before/::after. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label),
#login input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label),
.login-window input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label){
    position: relative !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
#login input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
.login-window input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before{
    border-radius: 50% !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after,
#login input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 5px !important;
    height: 9px !important;
    border: 0 solid #fff !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
    box-shadow: none !important;
}

/* ==================================================
   OXYBAG - CUSTOMER ACCOUNT PAGES v10
   Checkbox vizual sjednocen s radio buttony:
   prazdny kruh + po zaskrtnuti cerny vnitrni bod.
   Semantika checkboxu zustava zachovana.
   ================================================== */

/* Varianta, kdy je videt primo input. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]),
#login input[type="checkbox"]:not([role="switch"]),
.login-window input[type="checkbox"]:not([role="switch"]){
    border: 1px solid #9d9d9d !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked,
#login input[type="checkbox"]:not([role="switch"]):checked,
.login-window input[type="checkbox"]:not([role="switch"]):checked{
    border-color: #111 !important;
    background-color: #fff !important;
    background-image: radial-gradient(circle at center, #111 0 4px, transparent 4.3px) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* Shoptet varianta: input je skryty a viditelny kruh je samostatny label. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]) + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]) + label.std-control-label{
    border: 1px solid #9d9d9d !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label.std-control-label{
    border-color: #111 !important;
    background-color: #fff !important;
    background-image: radial-gradient(circle at center, #111 0 4px, transparent 4.3px) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* Alternativni Shoptet varianta, kde se ovladac kresli pres ::before. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
#login input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before,
.login-window input[type="checkbox"]:not([role="switch"]) + label:not(.std-control-label)::before{
    border: 1px solid #9d9d9d !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before,
#login input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::before{
    border-color: #111 !important;
    background-color: #fff !important;
    background-image: radial-gradient(circle at center, #111 0 4px, transparent 4.3px) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* Zrusime predchozi fajfku; vybrany stav tvori pouze cerna tecka. */
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after,
#login input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after,
.login-window input[type="checkbox"]:not([role="switch"]):checked + label:not(.std-control-label)::after{
    display: none !important;
    content: none !important;
}

body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):focus-visible,
body:is(.in-registrace, .in-registration, .in-register, .in-prihlaseni, .in-login, .in-zapomenute-heslo, .in-forgotten-password, .in-password-forgotten, .in-password-reset) #content input[type="checkbox"]:not([role="switch"]):focus-visible + label.std-control-label,
#login input[type="checkbox"]:not([role="switch"]):focus-visible,
#login input[type="checkbox"]:not([role="switch"]):focus-visible + label.std-control-label{
    border-color: #111 !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important;
}

/* ==================================================
   OXYBAG - HORNI INFORMACNI LISTA: BEZ STINU
   ================================================== */
.site-msg.information {
    box-shadow: none !important;
}

/* ==================================================
   OXYBAG - KONKURENCNI VYHODY POUZE NA HOMEPAGE
   --------------------------------------------------
   Nativni Shoptet benefit bannery a jejich wrappery jsou
   mimo homepage vzdy skryte, aby nezustavala ani prazdna mezera.
   Homepage (.in-index / .type-index) zustava beze zmeny.
   ================================================== */
body:not(.in-index):not(.type-index) .benefitBanner,
body:not(.in-index):not(.type-index) .container--bannersBenefit {
    display: none !important;
}


/* ==================================================
   OXYBAG - KONKURENCNI VYHODY JEN HOMEPAGE / V6 FINAL
   --------------------------------------------------
   Globalni pojistka pro ostatni typy stranek.
   Specificke kategorie a detail maji navic vlastni cleanup.
   ================================================== */
body:not(.in-index):not(.type-index) .container--bannersBenefit,
body:not(.in-index):not(.type-index) .benefitBanner,
body:not(.in-index):not(.type-index) .oxy-category-benefits,
body:not(.in-index):not(.type-index) .oxy-product-benefits-wrap {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Po odebrani benefitu nenechame obsah nalepeny primo na paticku. */
body:not(.in-index):not(.type-index) #content {
    margin-bottom: 36px !important;
}

@media (max-width: 767px) {
    body:not(.in-index):not(.type-index) #content {
        margin-bottom: 24px !important;
    }
}