/**
 * Global chrome: indhold flugter med logo (venstre) og kurv (højre) på alle sider.
 */
html,
:root {
    --zilenzo-chrome-edge: 24px !important;
    --site-edge-padding: 24px !important;
    --shop-align-edge: 24px !important;
    --zilenzo-home-align: 24px !important;
    --zilenzo-home-edge: 24px !important;
}

html,
body {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
}

html body .top-bar,
html body [data-theme-topbanner-mount] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
}

html body {
    --zilenzo-topbar-h: 0px;
}

html body .navbar,
html body .navbar.is-stuck,
html body .navbar.is-solid,
html body .site-header,
html body[data-page="home"] .navbar,
html body[data-page="home"] .navbar.is-stuck,
html body[data-page="home"] .navbar.is-solid {
    border-top: 0 none !important;
    border-top-width: 0 !important;
    border-top-color: transparent !important;
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .navbar::before,
html body .navbar::after,
html body .site-header::before,
html body .site-header::after,
html body .logo::before,
html body .logo::after,
html body .navbar > .logo::before,
html body .navbar > .logo::after,
html body .navbar-brand-row .logo::before,
html body .navbar-brand-row .logo::after,
html body .cart-icon::before,
html body .cart-icon::after,
html body .nav-actions > .cart-icon::before,
html body .nav-actions > .cart-icon::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    background: none !important;
    opacity: 0 !important;
}

html body .logo,
html body .navbar > .logo,
html body .navbar-brand-row .logo,
html body .logo img,
html body .navbar > .logo img,
html body .navbar-brand-row .logo img {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .navbar > .logo,
html body .navbar-brand-row .logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

html body .nav-actions {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html body .nav-actions > a.cart-icon,
html body .nav-actions > button.cart-icon,
html body .cart-icon,
html body[data-page="home"] .nav-actions > a.cart-icon,
html body[data-page="home"] .nav-actions > button.cart-icon,
html body[data-page="home"] .cart-icon {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html body .logo img,
html body .navbar > .logo img,
html body .navbar-brand-row .logo img {
    clip-path: inset(1px 0 0 0);
}

html body.shop-catalog-page {
    --shop-align-edge: var(--zilenzo-chrome-edge) !important;
}

html body.shop-catalog-page .shop-catalog-products__inner,
html body.shop-catalog-page .shop-catalog-hero__inner {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
}

#zilenzo-nav-progress {
    display: none !important;
}

html body[data-page="home"] .zilenzo-sport-section,
html body[data-page="home"] .zilenzo-sport-section--no-banner,
html body[data-page="home"] .zilenzo-sport-section--simple,
html body[data-page="home"] .zilenzo-sport-section > .container,
html body[data-page="home"] .popular-products-section > .container,
html body[data-page="home"] .popular-products-section .container {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

html body[data-page="home"] .zilenzo-sport-grid,
html body[data-page="home"] .zilenzo-sport-heading,
html body[data-page="home"] .popular-products-section h2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body .footer-fusion-container--links-only,
html body .footer-fusion-wordmark-inner,
html body .site-footer--fusion .footer-bottom-inner,
html body .site-footer--fusion .footer-fusion-bottom-inner,
html body[data-page="home"] .footer-fusion-container--links-only,
html body[data-page="home"] .footer-fusion-wordmark-inner,
html body[data-page="home"] .site-footer--fusion .footer-bottom-inner,
html body[data-page="home"] .site-footer--fusion .footer-fusion-bottom-inner {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

html body .content-shell,
html body .page-hero,
html body .wishlist-edge-shell,
html body .product-breadcrumb-shell,
html body.product-page .product-detail-shell.product-edge-shell,
html body.product-page .related-shell.product-edge-shell,
html body[data-page="checkout"] .checkout-page-hero,
html body[data-page="checkout"] .content-shell.checkout-layout,
html body .contact-top-banner-content,
html body .info-page-banner-content,
html body .info-page-copy,
html body .terms-icon-nav,
html body .terms-detail-body,
html body .ks-wrap,
html body .account-page-layout {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    html,
    :root {
        --zilenzo-chrome-edge: 16px !important;
        --site-edge-padding: 16px !important;
        --shop-align-edge: 16px !important;
        --zilenzo-home-align: 16px !important;
        --zilenzo-home-edge: 16px !important;
    }
}