@charset "UTF-8"; /* WCAG — additive helpers only (loads last in , uses !important vs outline:0 in main.css) */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #index #content-wrapper > .space { padding-top: 0; } #index main > .container:empty { display: none; } #index #wrapper, #index #main, #index #content.page-home { margin-top: 0; } #index .page-home .row > .page-home__intro { margin-bottom: 3rem; } @media (max-width: 767px) { #index .page-home .row > .page-home__intro { margin-bottom: 2rem; } } #index .page-home__title { margin: 0 0 1.5rem; } @media (max-width: 767px) { #index .page-home__title { margin-bottom: 1.25rem; } } .breadcrumb-item--current span { color: #707070; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .skip-link { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skip-link:focus, .skip-link:focus-visible { position: fixed; top: 0; left: 0; z-index: 100000; width: auto; height: auto; margin: 0; padding: 0.75rem 1.25rem; overflow: visible; clip: auto; white-space: normal; background: #fff; color: #000; border: 2px solid #0056b3; text-decoration: none; } /* Shared focus ring — outline + box-shadow; .a11y-focus-ring set by custom.js */ .a11y-focus-ring, #menu-icon:focus, #menu-icon:focus-visible, #triggerSearch:focus, #triggerSearch:focus-visible, .navbar-toggler.collapse-icons:focus, .navbar-toggler.collapse-icons:focus-visible, #footer-manage-cookies:focus, #footer-manage-cookies:focus-visible, #language-selector-toggle:focus, #language-selector-toggle:focus-visible, .language-nav .language-selector__toggle:focus, .language-nav .language-selector__toggle:focus-visible, .language-selector > button:focus, .language-selector > button:focus-visible, .language-nav .language-selector__option:focus, .language-nav .language-selector__option:focus-visible, .all-product-link:focus, .all-product-link:focus-visible, .featured-products a:focus, .featured-products a:focus-visible, .featured-products-page-product a:focus, .featured-products-page-product a:focus-visible, .coody-home-cms-pages a:focus, .coody-home-cms-pages a:focus-visible, .banners_category__link:focus, .banners_category__link:focus-visible, #banners_category a:focus, #banners_category a:focus-visible, .owl-carousel .owl-nav button:focus, .owl-carousel .owl-nav button:focus-visible, .owl-nav button:focus, .owl-nav button:focus-visible { outline: 2px solid #0056b3 !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.45) !important; } #language-selector-toggle.a11y-focus-ring, .language-nav .language-selector__toggle.a11y-focus-ring { border-radius: 4px !important; } .language-nav .language-selector__option.a11y-focus-ring, .all-product-link.a11y-focus-ring, .featured-products a.a11y-focus-ring, .coody-home-cms-pages a.a11y-focus-ring { border-radius: 4px !important; } /* Polecamy — karta ma overflow:hidden, więc zewnętrzny outline jest obcinany */ .banners_category--bottom .banners_category__card:focus-within, .banners_category--bottom .banners_category__card.a11y-focus-ring { border: 2px solid #0056b3 !important; position: relative; z-index: 2; } .banners_category__link:focus, .banners_category__link:focus-visible, .banners_category__link.a11y-focus-ring { outline: none !important; box-shadow: inset 0 0 0 3px #0056b3 !important; } #banners_category a:focus, #banners_category a:focus-visible, #banners_category a.a11y-focus-ring { outline: none !important; box-shadow: inset 0 0 0 3px #0056b3 !important; } .language-nav .language-selector.dropdown.open .language-selector__menu, .language-nav .language-selector.dropdown.show .language-selector__menu { display: block !important; z-index: 10001; } /* Owl nav must stay in tab order */ .owl-nav button { pointer-events: auto !important; } .owl-nav button.disabled { pointer-events: none !important; } /* WCAG-11 — obszar dotykowy stopki, bez separatorów | */ .footer-legal-nav, .footer-legal-contact { gap: 0 0.75rem; } @media (min-width: 992px) { .footer-legal-nav, .footer-legal-contact { gap: 0 1.25rem; } } .footer-legal-link, #footer-manage-cookies.footer-legal-link { display: inline-block !important; line-height: 44px; min-height: 44px; padding: 0 !important; vertical-align: middle; } .footer-legal-link:hover, .footer-legal-link:focus, .footer-legal-link:focus-visible, #footer-manage-cookies.footer-legal-link:hover, #footer-manage-cookies.footer-legal-link:focus, #footer-manage-cookies.footer-legal-link:focus-visible { color: #9fd4f2 !important; } .footer-legal-nav > .footer-legal-link:not(:first-child)::before, .footer-legal-nav > .footer-legal-contact + .footer-legal-link::before, .footer-legal-contact .footer-legal-link + .footer-legal-link::before, .footer-legal-contact .footer-legal-link::after, .footer-legal-nav > .footer-legal-link:not(:last-child)::after { content: none !important; } #footer a:hover, #footer a:focus { color: #9fd4f2 !important; } .form-group.has-error .form-control, .form-group.has-error .form-control-select, .form-group.has-error .js-visible-password { border-color: #b02a37 !important; } .form-group.has-error .alert-danger { color: #842029 !important; } .field-errors .alert-danger { color: #842029 !important; } .accordion .title:focus, .accordion .title:focus-visible, .faq-item > p:focus, .faq-item > p:focus-visible { outline: 2px solid #0056b3 !important; outline-offset: 2px !important; } /* WCAG-12 — prefers-reduced-motion: wstrzymaj autoplay wideo w banerach */ @media (prefers-reduced-motion: reduce) { .a11y-banner-video { display: none !important; } } /* Strona 404 — wyśrodkowanie treści, dekoracyjne „404” bez nachodzenia na menu */ body.page-pagenotfound { display: flex; flex-direction: column; min-height: 100vh; } body.page-pagenotfound main { flex: 1 0 auto; display: flex; flex-direction: column; } .page-pagenotfound #left-column { display: none !important; } .page-pagenotfound #content-wrapper { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .page-pagenotfound #content-wrapper > .space { padding: 0 !important; width: 100%; min-height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .page-pagenotfound .breadcrumb { display: none !important; } .page-pagenotfound #wrapper { flex: 1 1 auto; width: 100%; min-height: calc(100vh - 160px) !important; padding: 3rem 1rem !important; display: flex !important; flex-direction: column; justify-content: center !important; align-items: center !important; } .page-pagenotfound #wrapper > .container-fluid { width: 100%; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; } .page-pagenotfound #wrapper > .container-fluid > .row { width: 100%; justify-content: center; align-items: center; } .page-pagenotfound #wrapper h1 { position: relative; z-index: 1; margin: 0 0 1rem; padding-top: clamp(6rem, 22vw, 11rem); } .page-pagenotfound #wrapper h1::before { top: 55% !important; left: 50% !important; transform: translate(-50%, -50%) !important; font-size: clamp(7rem, 31vw, 20rem) !important; line-height: 1; pointer-events: none; white-space: nowrap; } @media (max-width: 991px) { .page-pagenotfound #wrapper { min-height: calc(100vh - 115px) !important; padding-top: 4rem !important; } .page-pagenotfound #wrapper h1 { padding-top: clamp(5rem, 26vw, 8rem); } .page-pagenotfound #wrapper h1::before { font-size: clamp(6rem, 34vw, 14rem) !important; } } .page-pagenotfound #main { width: 100%; max-width: 42rem; margin: 0 auto; text-align: center; padding: 1rem; } .page-pagenotfound #main .page-header { margin-bottom: 0.5rem; } .page-pagenotfound .page-not-found { margin: 0 auto; } .page-pagenotfound .page-not-found p { margin: 0 0 1.5rem; color: #707070; } .page-pagenotfound .page-not-found__home { display: inline-block; margin-top: 0.5rem; }