/* ========================= SHOPTET POPUPS CLEANUP ========================= */ /* zavřené login/cart popupy nesmí překrývat header */ body:not(.user-action-visible) .user-action-login, body:not(.user-action-visible) #login, body:not(.cart-window-visible) #cart-widget, body:not(.cart-window-visible) .cart-widget, body:not(.cart-window-visible) .cart-window{ pointer-events:none!important; } @media(min-width:769px){ body:has(> .msg)::after, body:has(> .message)::after, body:has(> .site-msg)::after, body:has(> .siteMessage)::after{ content:""!important; position:fixed!important; inset:0!important; background:rgba(249,240,234,.12)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; z-index:2147483000!important; animation:vvSystemBlurOut 4s ease forwards!important; pointer-events:none!important; } body > .msg, body > .message, body > .site-msg, body > .siteMessage{ position:fixed!important; top:50%!important; left:50%!important; transform:translate(-50%, -50%)!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; width:max-content!important; min-width:min(340px, calc(100vw - 56px))!important; max-width:min(720px, calc(100vw - 56px))!important; height:auto!important; min-height:min-content!important; box-sizing:border-box!important; margin:0!important; padding:24px 40px!important; background:var(--vv-cream)!important; border:1px solid rgba(249,240,234,.48)!important; border-radius:var(--vv-card-radius)!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:15.5px!important; font-weight:500!important; line-height:1.42!important; text-align:center!important; z-index:2147483200!important; pointer-events:auto!important; animation:vvSystemMessageOut 4s ease forwards!important; } body > .msg > *, body > .message > *, body > .site-msg > *, body > .siteMessage > *{ display:block!important; align-items:initial!important; justify-content:center!important; background:transparent!important; border:0!important; box-shadow:none!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:15.5px!important; font-weight:500!important; line-height:1.42!important; overflow-wrap:break-word!important; word-break:normal!important; text-align:center!important; text-wrap:balance!important; } body.vv-popup-close-now::after, body.vv-popup-close-now > .msg, body.vv-popup-close-now > .message, body.vv-popup-close-now > .site-msg, body.vv-popup-close-now > .siteMessage, body.vv-popup-close-now .messages{ content:none!important; display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; animation:none!important; } } /* header ikonky nad zavřenými neviditelnými vrstvami */ #header .navigation-buttons, #header .top-navigation-tools{ z-index:var(--vv-z-overlay-items)!important; } /* ========================= LOGIN POPUP ========================= */ @media(min-width:769px){ body.user-action-visible{ overflow:hidden!important; } body.user-action-visible .vv-custom-menu{ filter:blur(12px)!important; transform:scale(1.01)!important; opacity:.28!important; pointer-events:none!important; transition:.25s ease!important; z-index:calc(var(--vv-z-header) - 1)!important; } body.user-action-visible .vv-custom-menu a, body.user-action-visible .vv-custom-menu a:hover, body.user-action-visible .vv-custom-menu a:focus{ color:var(--vv-dark)!important; pointer-events:none!important; transition:none!important; } body.user-action-visible #header .site-name img, body.user-action-visible #header .logo img, body.user-action-visible #header .site-name:hover img, body.user-action-visible #header .logo:hover img{ filter:brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(93%) contrast(90%)!important; } body.user-action-visible .vv-hero, body.user-action-visible .vv-category-teaser, body.user-action-visible .vv-bento-categories, body.user-action-visible #content, body.user-action-visible #content-wrapper, body.user-action-visible .content-wrapper, body.user-action-visible .index-content-wrapper, body.user-action-visible .homepage-group-title-wrapper, body.user-action-visible .products-wrapper, body.user-action-visible .products-slider-holder, body.user-action-visible .homepage-products-heading-31, body.user-action-visible #footer, body.user-action-visible .footer, body.user-action-visible .footer-newsletter-full-width, body.user-action-visible .footer-bottom-full-width{ filter:blur(12px)!important; transform:scale(1.01)!important; transition:.25s ease!important; pointer-events:none!important; } body.user-action-visible::after{ display:none!important; } body.user-action-visible #login, body.user-action-visible .user-action-login{ position:fixed!important; top:120px!important; left:50%!important; transform:translateX(-50%)!important; width:760px!important; max-width:74vw!important; box-sizing:border-box!important; padding:42px 48px 34px!important; background:rgba(249,240,234,.28)!important; border:1px solid rgba(249,240,234,.34)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; z-index:var(--vv-z-popup)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; filter:none!important; } body.user-action-visible #login h1, body.user-action-visible #login h2, body.user-action-visible #login h3, body.user-action-visible .user-action-login h1, body.user-action-visible .user-action-login h2, body.user-action-visible .user-action-login h3{ color:var(--vv-dark)!important; font-size:0!important; line-height:1!important; } body.user-action-visible #login h1::before, body.user-action-visible #login h2::before, body.user-action-visible #login h3::before, body.user-action-visible .user-action-login h1::before, body.user-action-visible .user-action-login h2::before, body.user-action-visible .user-action-login h3::before{ content:"Přihlášení k účtu"!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; letter-spacing:0!important; line-height:1.1!important; } body.user-action-visible #login *, body.user-action-visible .user-action-login *{ filter:none!important; pointer-events:auto!important; } body.user-action-visible #login input, body.user-action-visible .user-action-login input{ width:100%!important; background:#f9f0ea!important; background-color:#f9f0ea!important; border:none!important; outline:none!important; border-radius:var(--vv-field-radius)!important; height:var(--vv-field-height)!important; padding:0 28px!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:18px!important; box-shadow:0 4px 18px rgba(0,0,0,.06)!important; } body.user-action-visible #header .navigation-buttons > *, body.user-action-visible #header .top-navigation-tools > *{ filter:blur(5px)!important; opacity:.22!important; pointer-events:none!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login, body.user-action-visible #header .navigation-buttons button[data-target="login"]{ position:fixed!important; top:42px!important; right:50px!important; left:auto!important; width:20px!important; height:20px!important; font-size:0!important; line-height:0!important; opacity:1!important; visibility:visible!important; filter:none!important; pointer-events:auto!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; z-index:var(--vv-z-overlay-top)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::before, body.user-action-visible #header .navigation-buttons button.top-nav-button-login::after, body.user-action-visible #header .navigation-buttons button[data-target="login"]::before, body.user-action-visible #header .navigation-buttons button[data-target="login"]::after{ content:""!important; display:block!important; position:absolute!important; top:50%!important; left:50%!important; width:20px!important; height:2px!important; background:var(--vv-gray)!important; border-radius:10px!important; transform-origin:center!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::before, body.user-action-visible #header .navigation-buttons button[data-target="login"]::before{ transform:translate(-50%,-50%) rotate(45deg)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::after, body.user-action-visible #header .navigation-buttons button[data-target="login"]::after{ transform:translate(-50%,-50%) rotate(-45deg)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login i, body.user-action-visible #header .navigation-buttons button.top-nav-button-login i::before, body.user-action-visible #header .navigation-buttons button.top-nav-button-login i::after, body.user-action-visible #header .navigation-buttons button[data-target="login"] i, body.user-action-visible #header .navigation-buttons button[data-target="login"] i::before, body.user-action-visible #header .navigation-buttons button[data-target="login"] i::after{ content:none!important; display:none!important; color:transparent!important; background:transparent!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login svg, body.user-action-visible #header .navigation-buttons button[data-target="login"] svg{ display:none!important; } body.user-action-visible #login input:focus, body.user-action-visible .user-action-login input:focus{ border:none!important; outline:none!important; box-shadow:0 8px 28px rgba(0,0,0,.10)!important; } body.user-action-visible #login, body.user-action-visible #login a, body.user-action-visible #login span, body.user-action-visible #login label, body.user-action-visible .user-action-login, body.user-action-visible .user-action-login a, body.user-action-visible .user-action-login span, body.user-action-visible .user-action-login label{ color:var(--vv-gray)!important; font-family:var(--vv-font)!important; } } /* ========================= CONTACT POPUP ========================= */ body.vv-contact-open, body.vv-contact-success-visible{ overflow:hidden!important; } .vv-contact-popup, .vv-contact-success{ display:none!important; } #footer .custom-footer__contact h4, #footer .custom-footer__contact .topic, #footer .custom-footer__contact .pageElement__heading{ cursor:pointer!important; } body.vv-contact-open .vv-contact-popup{ position:fixed!important; inset:0!important; display:block!important; z-index:2147487000!important; } body.vv-contact-open .vv-contact-popup::before, body.vv-contact-success-visible::after{ content:""!important; position:fixed!important; inset:0!important; background:rgba(20,20,20,.62)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; z-index:2147486000!important; pointer-events:none!important; } body.vv-contact-open .vv-contact-popup__panel{ position:fixed!important; top:120px!important; left:50%!important; transform:translateX(-50%)!important; width:760px!important; max-width:74vw!important; max-height:calc(100vh - 160px)!important; overflow:auto!important; box-sizing:border-box!important; padding:42px 48px 34px!important; background:rgba(249,240,234,.82)!important; border:1px solid rgba(255,255,255,.44)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; -webkit-backdrop-filter:blur(18px) saturate(1.08)!important; backdrop-filter:blur(18px) saturate(1.08)!important; z-index:2147487100!important; } body.vv-contact-open .vv-contact-popup__panel, body.vv-contact-open .vv-contact-popup__panel *{ color:var(--vv-gray)!important; font-family:var(--vv-font)!important; } body.vv-contact-open .vv-contact-popup__panel h2{ margin:0 0 24px!important; padding:0!important; color:#ac4d43!important; font-size:18px!important; font-weight:700!important; line-height:1.1!important; letter-spacing:0!important; } body.vv-contact-open .vv-contact-popup__form{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px 16px!important; margin:0!important; padding:0!important; } body.vv-contact-open .vv-contact-popup__form label{ display:block!important; margin:0!important; padding:0!important; } body.vv-contact-open .vv-contact-popup__form label > span{ display:block!important; margin:0 0 7px!important; color:var(--vv-gray)!important; font-size:12px!important; font-weight:600!important; line-height:1.2!important; } body.vv-contact-open .vv-contact-popup__message, body.vv-contact-open .vv-contact-popup__error, body.vv-contact-open .vv-contact-popup__submit{ grid-column:1 / -1!important; } body.vv-contact-open .vv-contact-popup input, body.vv-contact-open .vv-contact-popup select, body.vv-contact-open .vv-contact-popup textarea{ width:100%!important; box-sizing:border-box!important; margin:0!important; border:0!important; outline:none!important; border-radius:var(--vv-field-radius)!important; background:#f9f0ea!important; color:var(--vv-dark)!important; font-size:16px!important; font-weight:500!important; box-shadow:0 4px 18px rgba(0,0,0,.06)!important; } body.vv-contact-open .vv-contact-popup select{ appearance:none!important; -webkit-appearance:none!important; cursor:pointer!important; background-image: linear-gradient(45deg, transparent 50%, var(--vv-gray) 50%), linear-gradient(135deg, var(--vv-gray) 50%, transparent 50%)!important; background-position: calc(100% - 26px) 50%, calc(100% - 18px) 50%!important; background-size:8px 8px, 8px 8px!important; background-repeat:no-repeat!important; padding-right:48px!important; } body.vv-contact-open .vv-contact-popup input, body.vv-contact-open .vv-contact-popup select{ height:var(--vv-field-height)!important; padding:0 22px!important; } body.vv-contact-open .vv-contact-popup textarea{ min-height:128px!important; padding:18px 22px!important; resize:vertical!important; } body.vv-contact-open .vv-contact-popup input:focus, body.vv-contact-open .vv-contact-popup select:focus, body.vv-contact-open .vv-contact-popup textarea:focus{ box-shadow:0 8px 28px rgba(0,0,0,.10)!important; } body.vv-contact-open .vv-contact-popup__submit{ justify-self:start!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:148px!important; min-height:46px!important; margin:8px 0 0!important; padding:0 26px!important; border:0!important; border-radius:var(--vv-pill-radius)!important; background:var(--vv-gray)!important; color:var(--vv-cream)!important; font-size:15px!important; font-weight:700!important; line-height:1!important; cursor:pointer!important; transition:background .25s ease, color .25s ease!important; } body.vv-contact-open .vv-contact-popup__submit:hover, body.vv-contact-open .vv-contact-popup__submit:focus{ background:var(--vv-hover)!important; color:var(--vv-cream)!important; } body.vv-contact-open .vv-contact-popup__submit:disabled{ opacity:.62!important; cursor:progress!important; } body.vv-contact-open .vv-contact-popup__error{ min-height:18px!important; margin:0!important; color:var(--vv-red)!important; font-size:13px!important; font-weight:600!important; line-height:1.35!important; } body.vv-contact-open .vv-contact-popup__close{ position:absolute!important; top:24px!important; right:24px!important; width:26px!important; height:26px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; cursor:pointer!important; font-size:0!important; } body.vv-contact-open .vv-contact-popup__close::before, body.vv-contact-open .vv-contact-popup__close::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; width:20px!important; height:2px!important; background:var(--vv-gray)!important; border-radius:10px!important; transform-origin:center!important; } body.vv-contact-open .vv-contact-popup__close::before{ transform:translate(-50%, -50%) rotate(45deg)!important; } body.vv-contact-open .vv-contact-popup__close::after{ transform:translate(-50%, -50%) rotate(-45deg)!important; } body.vv-contact-success-visible .vv-contact-success{ position:fixed!important; top:50%!important; left:50%!important; transform:translate(-50%, -50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; width:var(--vv-form-width)!important; max-width:var(--vv-form-max)!important; min-height:92px!important; box-sizing:border-box!important; padding:0 34px!important; background:var(--vv-cream)!important; border:0!important; border-radius:var(--vv-card-radius)!important; box-shadow:none!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; line-height:1.25!important; text-align:center!important; z-index:2147483200!important; pointer-events:none!important; } @media(max-width:768px){ body.user-action-visible, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)){ overflow:hidden!important; } body.user-action-visible .vv-hero, body.user-action-visible .vv-category-teaser, body.user-action-visible .vv-bento-categories, body.user-action-visible #content, body.user-action-visible #content-wrapper, body.user-action-visible .content-wrapper, body.user-action-visible .index-content-wrapper, body.user-action-visible .homepage-group-title-wrapper, body.user-action-visible .products-wrapper, body.user-action-visible .products-slider-holder, body.user-action-visible .homepage-products-heading-31, body.user-action-visible #footer, body.user-action-visible .footer, body.user-action-visible .footer-newsletter-full-width, body.user-action-visible .footer-bottom-full-width, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .vv-hero, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .vv-category-teaser, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .vv-bento-categories, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #content, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #content-wrapper, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .content-wrapper, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .index-content-wrapper, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .homepage-group-title-wrapper, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .products-wrapper, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .products-slider-holder, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .homepage-products-heading-31, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #footer, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .footer, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .footer-newsletter-full-width, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .footer-bottom-full-width{ filter:blur(12px)!important; transform:scale(1.01)!important; opacity:.72!important; transition:.25s ease!important; pointer-events:none!important; } body.user-action-visible .vv-mobile-menu, body.user-action-visible .vv-mobile-toggle, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .vv-mobile-toggle, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .vv-mobile-menu{ display:none!important; } body.user-action-visible #login, body.user-action-visible .user-action-login{ position:fixed!important; top:86px!important; bottom:auto!important; left:14px!important; right:14px!important; transform:none!important; width:auto!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:calc(100vh - 110px)!important; box-sizing:border-box!important; overflow-y:auto!important; padding:30px 22px 14px!important; background:rgba(249,240,234,.72)!important; border:1px solid rgba(255,255,255,.50)!important; border-radius:26px!important; box-shadow:0 22px 58px rgba(64,64,65,.14), inset 0 1px 0 rgba(255,255,255,.58)!important; -webkit-backdrop-filter:blur(18px) saturate(1.18)!important; backdrop-filter:blur(18px) saturate(1.18)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:var(--vv-z-popup)!important; } body.user-action-visible #login .popup-widget-inner, body.user-action-visible .user-action-login .popup-widget-inner{ height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; } body.user-action-visible #login *, body.user-action-visible .user-action-login *{ filter:none!important; pointer-events:auto!important; } body.user-action-visible #login h1, body.user-action-visible #login h2, body.user-action-visible #login h3, body.user-action-visible .user-action-login h1, body.user-action-visible .user-action-login h2, body.user-action-visible .user-action-login h3{ margin:0 0 20px!important; color:var(--vv-dark)!important; font-size:0!important; line-height:1!important; } body.user-action-visible #login h1::before, body.user-action-visible #login h2::before, body.user-action-visible #login h3::before, body.user-action-visible .user-action-login h1::before, body.user-action-visible .user-action-login h2::before, body.user-action-visible .user-action-login h3::before{ content:"Přihlášení k účtu"!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; letter-spacing:0!important; line-height:1.1!important; } body.user-action-visible #login input, body.user-action-visible .user-action-login input{ width:100%!important; height:50px!important; box-sizing:border-box!important; padding:0 20px!important; background:#f9f0ea!important; border:0!important; border-radius:25px!important; outline:none!important; box-shadow:0 8px 26px rgba(64,64,65,.08)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:16px!important; font-weight:500!important; } body.user-action-visible #login .form-group, body.user-action-visible .user-action-login .form-group{ margin:0 0 14px!important; padding:0!important; } body.user-action-visible #login .form-group:last-child, body.user-action-visible .user-action-login .form-group:last-child{ margin-bottom:0!important; } body.user-action-visible #login .login-wrapper, body.user-action-visible .user-action-login .login-wrapper{ display:grid!important; grid-template-columns:minmax(0, 1fr) auto!important; align-items:start!important; justify-content:stretch!important; gap:18px!important; width:100%!important; min-height:44px!important; margin-top:10px!important; padding:0!important; } body.user-action-visible #login .password-helper, body.user-action-visible .user-action-login .password-helper{ display:flex!important; flex-direction:column!important; grid-column:1!important; gap:7px!important; margin:0!important; align-items:flex-start!important; text-align:left!important; min-width:0!important; padding-top:0!important; } body.user-action-visible #login input:focus, body.user-action-visible .user-action-login input:focus{ box-shadow:0 12px 32px rgba(64,64,65,.12)!important; } body.user-action-visible #login .btn-login, body.user-action-visible #login button[type="submit"], body.user-action-visible .user-action-login .btn-login, body.user-action-visible .user-action-login button[type="submit"]{ grid-column:2!important; justify-self:end!important; width:auto!important; min-width:118px!important; height:42px!important; min-height:42px!important; padding:0 20px!important; border:0!important; border-radius:21px!important; background:var(--vv-red)!important; color:var(--vv-cream)!important; font-family:var(--vv-font)!important; font-size:15px!important; font-weight:700!important; line-height:42px!important; white-space:nowrap!important; text-align:center!important; box-shadow:none!important; } body.user-action-visible #login a, body.user-action-visible .user-action-login a{ color:var(--vv-red)!important; font-family:var(--vv-font)!important; font-size:14px!important; font-weight:600!important; line-height:1.2!important; text-decoration:none!important; white-space:nowrap!important; } body.user-action-visible #header .navigation-buttons > *, body.user-action-visible #header .top-navigation-tools > *, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons > *, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .top-navigation-tools > *{ filter:blur(5px)!important; opacity:.22!important; pointer-events:none!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login, body.user-action-visible #header .navigation-buttons button[data-target="login"], body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count{ position:fixed!important; top:23px!important; right:24px!important; left:auto!important; display:block!important; width:26px!important; height:26px!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; font-size:0!important; line-height:0!important; opacity:1!important; visibility:visible!important; filter:none!important; pointer-events:auto!important; transform:none!important; z-index:var(--vv-z-overlay-top)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::before, body.user-action-visible #header .navigation-buttons button.top-nav-button-login::after, body.user-action-visible #header .navigation-buttons button[data-target="login"]::before, body.user-action-visible #header .navigation-buttons button[data-target="login"]::after, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count::before, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count::after{ content:""!important; display:block!important; position:absolute!important; top:50%!important; left:50%!important; width:22px!important; height:2px!important; background:var(--vv-gray)!important; border-radius:10px!important; transform-origin:center!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::before, body.user-action-visible #header .navigation-buttons button[data-target="login"]::before, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count::before{ transform:translate(-50%,-50%) rotate(45deg)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login::after, body.user-action-visible #header .navigation-buttons button[data-target="login"]::after, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count::after{ transform:translate(-50%,-50%) rotate(-45deg)!important; } body.user-action-visible #header .navigation-buttons button.top-nav-button-login i, body.user-action-visible #header .navigation-buttons button[data-target="login"] i, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count i, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count span, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count svg, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header .navigation-buttons a.cart-count img{ display:none!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #cart-widget, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-window{ position:fixed!important; top:96px!important; left:14px!important; right:14px!important; transform:none!important; width:auto!important; max-width:none!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:var(--vv-z-popup)!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products{ margin:0!important; padding:0!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:96px!important; height:auto!important; box-sizing:border-box!important; padding:26px 22px!important; background:var(--vv-cream)!important; border:1px solid rgba(255,255,255,.50)!important; border-radius:30px!important; box-shadow:0 22px 58px rgba(64,64,65,.14), inset 0 1px 0 rgba(255,255,255,.58)!important; color:transparent!important; font-size:0!important; text-align:center!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner > *, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-empty, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .empty-cart, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-empty{ display:none!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner::before{ content:"nákupní košík je prázdný"!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:44px!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; line-height:1.25!important; text-align:center!important; } body.vv-contact-open .vv-contact-popup__panel{ top:86px!important; width:calc(100vw - 28px)!important; max-width:calc(100vw - 28px)!important; max-height:calc(100vh - 110px)!important; padding:32px 22px 26px!important; border-radius:26px!important; } body.vv-contact-open .vv-contact-popup__form{ grid-template-columns:1fr!important; } body.vv-contact-success-visible .vv-contact-success{ width:calc(100vw - 36px)!important; max-width:calc(100vw - 36px)!important; font-size:16px!important; } } /* ========================= COOKIES CONSENT ========================= */ @media(min-width:769px){ #siteCookies, .js-siteCookies, .siteCookies, .siteCookies.js-siteCookies{ position:fixed!important; left:50%!important; right:auto!important; bottom:24px!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; width:min(66vw, 1320px)!important; max-width:calc(100vw - 64px)!important; box-sizing:border-box!important; height:auto!important; min-height:min-content!important; padding:18px 22px!important; margin-left:0!important; margin-right:0!important; transform:translate3d(-50%,0,0)!important; transition:none!important; animation:none!important; background:rgba(249,240,234,.88)!important; border:1px solid rgba(249,240,234,.64)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; pointer-events:auto!important; z-index:var(--vv-z-overlay-top)!important; opacity:1!important; visibility:visible!important; overflow:visible!important; } #siteCookies.siteCookies-scrolled, #siteCookies.siteCookies--scrolled, .js-siteCookies.siteCookies-scrolled, .js-siteCookies.siteCookies--scrolled, .siteCookies.siteCookies-scrolled, .siteCookies.siteCookies--scrolled, #siteCookies:hover, .js-siteCookies:hover, .siteCookies:hover{ left:50%!important; right:auto!important; transform:translate3d(-50%,0,0)!important; } .siteCookies__content, .siteCookies__inner, .siteCookies__container, .siteCookies__wrapper, #siteCookies .siteCookies__content, #siteCookies .siteCookies__inner, #siteCookies .siteCookies__container, #siteCookies .siteCookies__wrapper, .js-siteCookies .siteCookies__content, .js-siteCookies .siteCookies__inner, .js-siteCookies .siteCookies__container, .js-siteCookies .siteCookies__wrapper{ display:contents!important; flex:initial!important; min-width:0!important; width:auto!important; max-width:none!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; } .siteCookies__form, .siteCookies__buttons, #siteCookies .siteCookies__form, #siteCookies .siteCookies__buttons, .js-siteCookies .siteCookies__form, .js-siteCookies .siteCookies__buttons{ flex:1 1 auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; align-items:center!important; justify-content:stretch!important; gap:10px!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #siteCookies .siteCookies__text, .js-siteCookies .siteCookies__text, .siteCookies .siteCookies__text{ grid-column:1!important; min-width:0!important; max-width:none!important; margin:0 0 0 34px!important; } #siteCookies .siteCookies__text p, .js-siteCookies .siteCookies__text p, .siteCookies .siteCookies__text p{ margin:0!important; } #siteCookies .siteCookies__links, .js-siteCookies .siteCookies__links, .siteCookies .siteCookies__links{ grid-column:2!important; margin:0!important; padding:0!important; } #siteCookies .siteCookies__buttonWrap, .js-siteCookies .siteCookies__buttonWrap, .siteCookies .siteCookies__buttonWrap{ grid-column:3!important; margin:0!important; padding:0!important; width:auto!important; } #siteCookies *, .js-siteCookies *, .siteCookies *{ color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:13px!important; line-height:1.4!important; } #siteCookies a, .js-siteCookies a, .siteCookies a{ color:var(--vv-dark)!important; text-decoration:underline!important; text-underline-offset:3px!important; } #siteCookies button, #siteCookies .btn, #siteCookies .siteCookies__button, .siteCookies button, .siteCookies .btn, .siteCookies .siteCookies__button, .js-siteCookies button, .js-siteCookies .btn, .js-siteCookies .siteCookies__button{ position:static!important; top:auto!important; right:auto!important; left:auto!important; border-radius:22px!important; border:0!important; box-shadow:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:116px!important; max-width:none!important; min-height:42px!important; padding:0 18px!important; background:var(--vv-input)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-weight:700!important; text-decoration:none!important; transition:background .2s ease, color .2s ease, border-color .2s ease!important; transform:none!important; white-space:nowrap!important; } #siteCookies [class*="agree" i], #siteCookies [class*="accept" i], .js-siteCookies [class*="agree" i], .js-siteCookies [class*="accept" i], .siteCookies [class*="agree" i], .siteCookies [class*="accept" i]{ background:var(--vv-input)!important; border-color:transparent!important; color:var(--vv-dark)!important; } #siteCookies [class*="setting" i], #siteCookies [class*="settings" i], .js-siteCookies [class*="setting" i], .js-siteCookies [class*="settings" i], .siteCookies [class*="setting" i], .siteCookies [class*="settings" i]{ background:var(--vv-gray)!important; border-color:transparent!important; color:var(--vv-cream)!important; } #siteCookies button:hover, #siteCookies .btn:hover, #siteCookies .siteCookies__button:hover, .siteCookies button:hover, .siteCookies .btn:hover, .siteCookies .siteCookies__button:hover, .js-siteCookies button:hover, .js-siteCookies .btn:hover, .js-siteCookies .siteCookies__button:hover{ background:var(--vv-input)!important; border-color:transparent!important; color:var(--vv-dark)!important; transform:none!important; } #siteCookies [class*="setting" i]:hover, #siteCookies [class*="settings" i]:hover, .js-siteCookies [class*="setting" i]:hover, .js-siteCookies [class*="settings" i]:hover, .siteCookies [class*="setting" i]:hover, .siteCookies [class*="settings" i]:hover{ background:var(--vv-gray)!important; border-color:transparent!important; color:var(--vv-cream)!important; } } @media(max-width:768px){ #siteCookies, .js-siteCookies, .siteCookies, .siteCookies.js-siteCookies{ position:fixed!important; left:50%!important; right:auto!important; bottom:max(14px, env(safe-area-inset-bottom))!important; display:block!important; width:calc(100vw - 28px)!important; max-width:420px!important; height:auto!important; min-height:0!important; max-height:calc(100dvh - 28px)!important; box-sizing:border-box!important; margin:0!important; padding:18px!important; transform:translate3d(-50%,0,0)!important; transition:none!important; animation:none!important; background:rgba(249,240,234,.88)!important; border:1px solid rgba(249,240,234,.64)!important; border-radius:28px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; pointer-events:auto!important; z-index:var(--vv-z-overlay-top)!important; opacity:1!important; visibility:visible!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; } #siteCookies.siteCookies-scrolled, #siteCookies.siteCookies--scrolled, .js-siteCookies.siteCookies-scrolled, .js-siteCookies.siteCookies--scrolled, .siteCookies.siteCookies-scrolled, .siteCookies.siteCookies--scrolled, #siteCookies:hover, .js-siteCookies:hover, .siteCookies:hover{ left:50%!important; right:auto!important; transform:translate3d(-50%,0,0)!important; } .siteCookies__content, .siteCookies__inner, .siteCookies__container, .siteCookies__wrapper, #siteCookies .siteCookies__content, #siteCookies .siteCookies__inner, #siteCookies .siteCookies__container, #siteCookies .siteCookies__wrapper, .js-siteCookies .siteCookies__content, .js-siteCookies .siteCookies__inner, .js-siteCookies .siteCookies__container, .js-siteCookies .siteCookies__wrapper{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .siteCookies__content, #siteCookies .siteCookies__content, .js-siteCookies .siteCookies__content{ display:grid!important; grid-column:1 / -1!important; grid-row:1 / 3!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px!important; align-items:stretch!important; width:100%!important; max-width:none!important; min-width:0!important; } .siteCookies__form, #siteCookies .siteCookies__form, .js-siteCookies .siteCookies__form{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px!important; align-items:stretch!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .siteCookies__buttons, #siteCookies .siteCookies__buttons, .js-siteCookies .siteCookies__buttons{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #siteCookies .siteCookies__text, .js-siteCookies .siteCookies__text, .siteCookies .siteCookies__text{ display:block!important; grid-column:1 / -1!important; grid-row:1!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; } #siteCookies .siteCookies__text p, .js-siteCookies .siteCookies__text p, .siteCookies .siteCookies__text p{ margin:0!important; } #siteCookies .siteCookies__links, .js-siteCookies .siteCookies__links, .siteCookies .siteCookies__links{ grid-column:1!important; grid-row:2!important; align-self:stretch!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } #siteCookies .siteCookies__buttonWrap, .js-siteCookies .siteCookies__buttonWrap, .siteCookies .siteCookies__buttonWrap{ grid-column:2!important; grid-row:2!important; align-self:stretch!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } #siteCookies *, .js-siteCookies *, .siteCookies *{ color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:13px!important; line-height:1.42!important; } #siteCookies a, .js-siteCookies a, .siteCookies a{ color:var(--vv-dark)!important; text-decoration:underline!important; text-underline-offset:3px!important; } #siteCookies button, #siteCookies .btn, #siteCookies .siteCookies__button, .siteCookies button, .siteCookies .btn, .siteCookies .siteCookies__button, .js-siteCookies button, .js-siteCookies .btn, .js-siteCookies .siteCookies__button{ position:static!important; top:auto!important; right:auto!important; left:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:none!important; min-height:42px!important; margin:0!important; padding:0 14px!important; background:var(--vv-input)!important; border:0!important; border-radius:22px!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:13px!important; line-height:1!important; font-weight:700!important; text-align:center!important; text-decoration:none!important; white-space:nowrap!important; transform:none!important; transition:background .2s ease, color .2s ease!important; } #siteCookies [class*="agree" i], #siteCookies [class*="accept" i], #siteCookies .siteCookies__button[value="all"], #siteCookies [data-testid="buttonCookiesAccept"], .js-siteCookies [class*="agree" i], .js-siteCookies [class*="accept" i], .js-siteCookies .siteCookies__button[value="all"], .js-siteCookies [data-testid="buttonCookiesAccept"], .siteCookies [class*="agree" i], .siteCookies [class*="accept" i], .siteCookies .siteCookies__button[value="all"], .siteCookies [data-testid="buttonCookiesAccept"]{ background:var(--vv-gray)!important; color:var(--vv-cream)!important; } #siteCookies [class*="setting" i], #siteCookies [class*="settings" i], .js-siteCookies [class*="setting" i], .js-siteCookies [class*="settings" i], .siteCookies [class*="setting" i], .siteCookies [class*="settings" i]{ background:var(--vv-input)!important; color:var(--vv-dark)!important; } } /* ========================= COOKIES SETTINGS POPUP ========================= */ @media(min-width:769px){ body:has(#colorbox #cboxContent.cookiesDialog) .vv-custom-menu, body:has(#colorbox #cboxContent.cookiesDialog) #header .navigation-buttons, body:has(#colorbox #cboxContent.cookiesDialog) #header .top-navigation-tools{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transition:opacity .18s ease!important; } .content-modal:has(.cookiesSetting), body:has(.cookiesSetting) .content-modal, #colorbox:has(.cookiesSetting) #cboxLoadedContent, .fancybox-content:has(.cookiesSetting){ background:rgba(249,240,234,.28)!important; background-color:rgba(249,240,234,.28)!important; border:1px solid rgba(249,240,234,.34)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; box-sizing:border-box!important; padding:0!important; overflow:visible!important; } #colorbox:has(.cookiesSetting), #colorbox:has(.cookiesSetting) #cboxWrapper, #colorbox:has(.cookiesSetting) #cboxContent{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } #colorbox #cboxContent.cookiesDialog, #colorbox #cboxContent.cookiesDialog #cboxLoadedContent, #colorbox #cboxContent.cookiesDialog .colorbox-html-content{ background:rgba(249,240,234,.28)!important; background-color:rgba(249,240,234,.28)!important; border:1px solid rgba(249,240,234,.34)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; box-sizing:border-box!important; } #colorbox #cboxContent.cookiesDialog #cboxLoadedContent, #colorbox #cboxContent.cookiesDialog .colorbox-html-content{ border:0!important; box-shadow:none!important; } #colorbox:has(#cboxContent.cookiesDialog){ top:90px!important; } .cookiesSetting, .content-modal .cookiesSetting, #colorbox .cookiesSetting, .fancybox-content .cookiesSetting{ display:block!important; width:min(58vw, 980px)!important; max-width:calc(100vw - 64px)!important; box-sizing:border-box!important; margin:0 auto!important; padding:0!important; background:transparent!important; background-color:transparent!important; border:0!important; border-radius:34px!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; } .cookiesSetting.js-hidden{ display:block!important; } .cookiesSetting__form{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; width:100%!important; max-width:none!important; box-sizing:border-box!important; margin:0!important; padding:30px 36px 28px!important; background:transparent!important; background-color:transparent!important; border:0!important; border-radius:34px!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; } .content-modal .cookiesSetting__form, #colorbox .cookiesSetting__form, .fancybox-content .cookiesSetting__form{ background:transparent!important; background-color:transparent!important; } .cookiesSetting *, .cookiesSetting a{ color:var(--vv-dark)!important; font-family:var(--vv-font)!important; } .cookiesSetting__title{ margin:0!important; color:var(--vv-dark)!important; font-size:20px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:0!important; } .cookiesSetting__perex{ max-width:780px!important; margin:0!important; color:var(--vv-dark)!important; font-size:13px!important; line-height:1.4!important; font-weight:400!important; } .cookiesSetting__data{ display:grid!important; gap:0!important; width:100%!important; margin:0!important; padding:14px 24px!important; background:#f9f0ea!important; background-color:#f9f0ea!important; border:0!important; border-radius:28px!important; box-shadow:none!important; } .cookiesSetting__item{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; margin:0!important; padding:16px 0!important; border:0!important; border-bottom:1px solid rgba(64,64,65,.16)!important; background:transparent!important; } .cookiesSetting__item:last-child{ border-bottom:0!important; } .cookiesSetting__item__col1, .cookiesSetting__item__col2{ margin:0!important; padding:0!important; min-width:0!important; } .cookiesSetting__item__name{ margin:0 0 5px!important; color:var(--vv-dark)!important; font-size:15px!important; line-height:1.25!important; font-weight:800!important; } .cookiesSetting__item__text{ margin:0!important; color:var(--vv-dark)!important; font-size:13px!important; line-height:1.4!important; font-weight:400!important; } .cookiesSetting__item__status{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:130px!important; min-height:42px!important; margin:0!important; padding:0 20px!important; background:var(--vv-cream)!important; border:0!important; border-radius:22px!important; box-shadow:none!important; cursor:pointer!important; } .cookiesSetting__item__checkbox{ width:16px!important; height:16px!important; margin:0!important; accent-color:var(--vv-gray)!important; } .cookiesSetting__item__state{ margin:0!important; color:var(--vv-dark)!important; font-size:13px!important; line-height:1!important; font-weight:800!important; } .cookiesSetting__bottom{ display:grid!important; grid-template-columns:minmax(0,1fr) 130px!important; grid-template-rows:auto auto!important; align-items:center!important; gap:10px!important; margin:0!important; padding:0!important; width:100%!important; } .cookiesSetting__uncheck{ display:block!important; grid-column:1!important; grid-row:1 / span 2!important; align-self:center!important; margin:0!important; padding:0!important; } .cookiesSetting__button, .cookiesSetting__uncheckLink{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:130px!important; min-height:38px!important; margin:0!important; padding:0 18px!important; border:0!important; border-radius:22px!important; box-shadow:none!important; background:var(--vv-gray)!important; color:var(--vv-cream)!important; font-family:var(--vv-font)!important; font-size:13px!important; line-height:1!important; font-weight:800!important; text-decoration:none!important; white-space:nowrap!important; cursor:pointer!important; } .cookiesSetting__uncheckLink{ min-width:0!important; min-height:0!important; padding:0!important; background:transparent!important; color:#a03830!important; border-radius:0!important; } .cookiesSetting__button[value="selection"]{ grid-column:2!important; grid-row:1!important; font-size:0!important; } .cookiesSetting__button[value="selection"]::before{ content:"Potvrdit"!important; font-size:13px!important; line-height:1!important; font-weight:800!important; } .cookiesSetting__button--green{ grid-column:2!important; grid-row:2!important; background:var(--vv-gray)!important; color:var(--vv-cream)!important; } .cookiesSetting__button:hover, .cookiesSetting__uncheckLink:hover, .cookiesSetting__button--green:hover{ border:0!important; box-shadow:none!important; transform:none!important; filter:brightness(1.22)!important; } #cboxClose:has(+ .cookiesSetting), #colorbox:has(#cboxContent.cookiesDialog) #cboxClose, .content-modal:has(.cookiesSetting) .close, .fancybox-content:has(.cookiesSetting) .fancybox-close-small{ top:18px!important; right:18px!important; width:26px!important; height:26px!important; min-width:26px!important; min-height:26px!important; padding:0!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; border:0!important; font-size:0!important; transform:scale(.72)!important; transform-origin:center!important; color:var(--vv-dark)!important; } } /* ========================= ADDED TO CART POPUP ========================= */ @media(min-width:769px){ #colorbox:has(#cboxLoadedContent .advanced-order), #colorbox:has(#cboxLoadedContent .advanced-order) #cboxWrapper, #colorbox:has(#cboxLoadedContent .advanced-order) #cboxContent, #colorbox:has(#cboxLoadedContent .advanced-order) #cboxLoadedContent{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #colorbox #cboxLoadedContent .advanced-order, .fancybox-content > .advanced-order{ position:relative!important; background:rgba(249,240,234,.78)!important; border:1px solid rgba(249,240,234,.48)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; } #colorbox #cboxLoadedContent .advanced-order *, .fancybox-content > .advanced-order *{ color:var(--vv-dark)!important; font-family:var(--vv-font)!important; opacity:1!important; visibility:visible!important; } #colorbox #cboxLoadedContent .advanced-order h1, #colorbox #cboxLoadedContent .advanced-order h2, #colorbox #cboxLoadedContent .advanced-order h3, .fancybox-content > .advanced-order h1, .fancybox-content > .advanced-order h2, .fancybox-content > .advanced-order h3{ color:var(--vv-dark)!important; } #colorbox #cboxLoadedContent .advanced-order h1:first-of-type, #colorbox #cboxLoadedContent .advanced-order h2:first-of-type, .fancybox-content > .advanced-order h1:first-of-type, .fancybox-content > .advanced-order h2:first-of-type{ font-size:clamp(34px,2.8vw,44px)!important; line-height:1.05!important; } #colorbox #cboxLoadedContent .advanced-order h1:not(:first-of-type), #colorbox #cboxLoadedContent .advanced-order h2:not(:first-of-type), #colorbox #cboxLoadedContent .advanced-order h3, .fancybox-content > .advanced-order h1:not(:first-of-type), .fancybox-content > .advanced-order h2:not(:first-of-type), .fancybox-content > .advanced-order h3{ font-size:clamp(30px,2.3vw,38px)!important; line-height:1.05!important; } #colorbox #cboxLoadedContent .advanced-order img, #colorbox #cboxLoadedContent .advanced-order picture, #colorbox #cboxLoadedContent .advanced-order .image, #colorbox #cboxLoadedContent .advanced-order .product-image, #colorbox #cboxLoadedContent .advanced-order .product-img, #colorbox #cboxLoadedContent .advanced-order .p-image, #colorbox #cboxLoadedContent .advanced-order .p-thumbnail, #colorbox #cboxLoadedContent .advanced-order .thumbnail, #colorbox #cboxLoadedContent .advanced-order [class*="image" i], #colorbox #cboxLoadedContent .advanced-order [class*="photo" i], #colorbox #cboxLoadedContent .advanced-order [class*="thumb" i], .fancybox-content > .advanced-order img, .fancybox-content > .advanced-order picture, .fancybox-content > .advanced-order .image, .fancybox-content > .advanced-order .product-image, .fancybox-content > .advanced-order .product-img, .fancybox-content > .advanced-order .p-image, .fancybox-content > .advanced-order .p-thumbnail, .fancybox-content > .advanced-order .thumbnail, .fancybox-content > .advanced-order [class*="image" i], .fancybox-content > .advanced-order [class*="photo" i], .fancybox-content > .advanced-order [class*="thumb" i]{ display:block!important; opacity:1!important; visibility:visible!important; max-width:110px!important; height:auto!important; object-fit:contain!important; } #colorbox #cboxLoadedContent .advanced-order .btn, #colorbox #cboxLoadedContent .advanced-order button, #colorbox #cboxLoadedContent .advanced-order a[href*="kosik"], #colorbox #cboxLoadedContent .advanced-order a[href*="cart"], .fancybox-content > .advanced-order .btn, .fancybox-content > .advanced-order button, .fancybox-content > .advanced-order a[href*="kosik"], .fancybox-content > .advanced-order a[href*="cart"]{ border-radius:22px!important; border:1px solid var(--vv-dark)!important; box-shadow:none!important; background:var(--vv-input)!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-weight:700!important; text-decoration:none!important; transition:background .2s ease, color .2s ease, border-color .2s ease!important; } #colorbox #cboxLoadedContent .advanced-order .btn:not(.btn-primary):not([href*="kosik"]):not([href*="cart"]), .fancybox-content > .advanced-order .btn:not(.btn-primary):not([href*="kosik"]):not([href*="cart"]){ border:0!important; } #colorbox #cboxLoadedContent .advanced-order .btn.btn-primary, #colorbox #cboxLoadedContent .advanced-order .btn-primary, #colorbox #cboxLoadedContent .advanced-order a[href*="kosik"], #colorbox #cboxLoadedContent .advanced-order a[href*="cart"], .fancybox-content > .advanced-order .btn.btn-primary, .fancybox-content > .advanced-order .btn-primary, .fancybox-content > .advanced-order a[href*="kosik"], .fancybox-content > .advanced-order a[href*="cart"]{ background:var(--vv-hover)!important; border-color:var(--vv-hover)!important; color:var(--vv-cream)!important; } #colorbox:has(#cboxLoadedContent .advanced-order) #cboxClose, .fancybox-content:has(> .advanced-order) .fancybox-button--close{ position:absolute!important; top:30px!important; right:30px!important; left:auto!important; width:32px!important; height:32px!important; background:var(--vv-input)!important; border:0!important; border-radius:10px!important; box-shadow:none!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; overflow:hidden!important; z-index:2!important; } #colorbox:has(#cboxLoadedContent .advanced-order) #cboxClose::before, .fancybox-content:has(> .advanced-order) .fancybox-button--close::before{ content:""!important; display:block!important; position:absolute!important; inset:6px!important; background: linear-gradient(45deg, transparent calc(50% - 1px), var(--vv-dark) calc(50% - 1px), var(--vv-dark) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), var(--vv-dark) calc(50% - 1px), var(--vv-dark) calc(50% + 1px), transparent calc(50% + 1px))!important; } #colorbox:has(#cboxLoadedContent .advanced-order) #cboxClose::after, .fancybox-content:has(> .advanced-order) .fancybox-button--close::after{ content:none!important; display:none!important; } #colorbox #cboxLoadedContent .advanced-order .btn:hover, #colorbox #cboxLoadedContent .advanced-order button:hover, #colorbox #cboxLoadedContent .advanced-order a[href*="kosik"]:hover, #colorbox #cboxLoadedContent .advanced-order a[href*="cart"]:hover, .fancybox-content > .advanced-order .btn:hover, .fancybox-content > .advanced-order button:hover, .fancybox-content > .advanced-order a[href*="kosik"]:hover, .fancybox-content > .advanced-order a[href*="cart"]:hover{ transform:none!important; } } /* ========================= CART POPUP BASE ========================= */ @media(min-width:769px){ body.cart-window-visible #cart-widget, body.cart-window-visible .cart-widget, body.cart-window-visible .cart-window{ position:fixed!important; top:50%!important; left:50%!important; right:auto!important; bottom:auto!important; transform:translate(-50%,-50%)!important; width:820px!important; max-width:calc(100vw - 56px)!important; max-height:calc(100vh - 108px)!important; max-height:calc(100dvh - 108px)!important; height:auto!important; margin:0!important; box-sizing:border-box!important; padding:38px 46px 30px!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; background:rgba(249,240,234,.82)!important; border:1px solid rgba(255,255,255,.44)!important; border-radius:34px!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; z-index:2147487000!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } body.cart-window-visible:has(#header .navigation-buttons a.cart-count.full) #cart-widget, body.cart-window-visible:has(#header .navigation-buttons a.cart-count.full) .cart-widget, body.cart-window-visible:has(#header .navigation-buttons a.cart-count.full) .cart-window{ --vv-desktop-cart-top:clamp(76px,11vh,92px); top:var(--vv-desktop-cart-top)!important; transform:translateX(-50%)!important; max-height:calc(100vh - var(--vv-desktop-cart-top) - 28px)!important; max-height:calc(100dvh - var(--vv-desktop-cart-top) - 28px)!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget::-webkit-scrollbar, body.cart-window-visible .cart-widget.vv-desktop-cart-widget::-webkit-scrollbar{ width:11px!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-track, body.cart-window-visible .cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-track{ background:transparent!important; margin-block:28px!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-thumb, body.cart-window-visible .cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-thumb{ min-height:48px!important; border:3px solid transparent!important; border-radius:999px!important; background:rgba(99,99,99,.46)!important; background-clip:padding-box!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-thumb:hover, body.cart-window-visible .cart-widget.vv-desktop-cart-widget::-webkit-scrollbar-thumb:hover{ background:rgba(172,77,67,.68)!important; background-clip:padding-box!important; } body.cart-window-visible::before{ content:""!important; position:fixed!important; inset:0!important; z-index:2147486000!important; display:block!important; background:rgba(20,20,20,.62)!important; pointer-events:none!important; } body.cart-window-visible #header:has(#cart-widget), body.cart-window-visible #header:has(.cart-widget), body.cart-window-visible #header:has(.cart-window){ z-index:2147487000!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } body.cart-window-visible #header .user-action-in, body.cart-window-visible .popup-widget-inner.cart-widget-inner.full{ position:relative!important; z-index:2147487000!important; filter:none!important; opacity:1!important; } body.cart-window-visible #cart-widget, body.cart-window-visible .cart-widget, body.cart-window-visible .cart-window{ z-index:2147487000!important; filter:none!important; opacity:1!important; } body.cart-window-visible #cart-widget, body.cart-window-visible #cart-widget *, body.cart-window-visible .cart-widget, body.cart-window-visible .cart-widget *, body.cart-window-visible .cart-window, body.cart-window-visible .cart-window *{ color:var(--vv-gray)!important; font-family:var(--vv-font)!important; } body.cart-window-visible #cart-widget, body.cart-window-visible .cart-widget, body.cart-window-visible .cart-window{ -webkit-backdrop-filter:blur(18px) saturate(1.08)!important; backdrop-filter:blur(18px) saturate(1.08)!important; } } /* ========================= EMPTY CART STATE ========================= */ @media(min-width:769px){ body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #cart-widget, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-window{ width:var(--vv-form-width)!important; max-width:var(--vv-form-max)!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; z-index:2147487000!important; filter:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header:has(#cart-widget), body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header:has(.cart-widget), body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) #header:has(.cart-window){ z-index:2147487000!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products{ position:relative!important; z-index:2147487000!important; margin:0!important; padding:0!important; filter:none!important; opacity:1!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner{ position:relative!important; z-index:2147487100!important; display:flex!important; align-items:center!important; justify-content:center!important; min-height:68px!important; height:68px!important; padding:0 32px!important; background:rgba(249,240,234,.92)!important; border-radius:var(--vv-card-radius)!important; border:1px solid rgba(255,255,255,.48)!important; box-shadow:0 18px 55px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.60)!important; color:transparent!important; font-size:0!important; text-align:center!important; filter:none!important; opacity:1!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner > *, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-empty, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .empty-cart, body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-empty{ display:none!important; } body.cart-window-visible:not(:has(#header .navigation-buttons a.cart-count.full)) .cart-widget-products-inner::before{ content:"nákupní košík je prázdný"!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:68px!important; min-height:68px!important; margin:0!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; line-height:1.2!important; text-align:center!important; filter:none!important; opacity:1!important; position:relative!important; z-index:1!important; } } /* ========================= LOGIN LINKS + BUTTON ========================= */ @media(min-width:769px){ /* registrace + zapomenuté heslo */ body.user-action-visible #login a, body.user-action-visible .user-action-login a{ transition:color .2s ease!important; } body.user-action-visible #login a:hover, body.user-action-visible .user-action-login a:hover{ color:var(--vv-red)!important; } /* tlačítko Přihlásit se */ body.user-action-visible #login .btn, body.user-action-visible #login button, body.user-action-visible .user-action-login .btn, body.user-action-visible .user-action-login button{ background:transparent!important; border:none!important; box-shadow:none!important; color:var(--vv-red)!important; font-family:var(--vv-font)!important; font-weight:700!important; transition:none!important; } body.user-action-visible #login .btn:hover, body.user-action-visible #login button:hover, body.user-action-visible .user-action-login .btn:hover, body.user-action-visible .user-action-login button:hover{ background:transparent!important; color:var(--vv-red)!important; transform:none!important; } } /* ========================= CART POPUP PRODUCT CARD — REAL SHOPTET CLASSES ========================= */ @media(min-width:769px){ body.cart-window-visible #header .cart-widget-product, body.cart-window-visible .cart-widget-product{ background:var(--vv-cream)!important; border-radius:var(--vv-card-radius)!important; border:none!important; box-shadow:none!important; } body.cart-window-visible #header .cart-widget-products-inner:has(> .cart-widget-product:not([data-testid="cartTitle"])), body.cart-window-visible .cart-widget-products-inner:has(> .cart-widget-product:not([data-testid="cartTitle"])){ background:transparent!important; border-radius:0!important; border:0!important; box-shadow:none!important; } body.cart-window-visible #header .cart-widget-product, body.cart-window-visible .cart-widget-product{ position:relative!important; display:grid!important; grid-template-columns:76px minmax(0,1fr) 128px!important; grid-template-rows:minmax(34px,auto) minmax(28px,auto)!important; align-items:center!important; column-gap:20px!important; row-gap:2px!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; padding:22px 48px 22px 24px!important; margin-bottom:18px!important; } body.cart-window-visible #header .cart-widget-product:last-child, body.cart-window-visible .cart-widget-product:last-child{ margin-bottom:0!important; } body.cart-window-visible #header .cart-widget-product *, body.cart-window-visible .cart-widget-product *{ color:var(--vv-dark)!important; } body.cart-window-visible .cart-widget-product-image{ grid-column:1!important; grid-row:1 / span 2!important; display:flex!important; align-items:center!important; justify-content:center!important; width:76px!important; height:76px!important; padding:0!important; } body.cart-window-visible .cart-widget-product-image a{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; } body.cart-window-visible .cart-widget-product-image img{ display:block!important; width:68px!important; height:68px!important; object-fit:contain!important; mix-blend-mode:multiply!important; } body.cart-window-visible .cart-widget-product-name-and-price{ display:contents!important; } body.cart-window-visible .cart-widget-product-name{ grid-column:2!important; grid-row:1 / span 2!important; align-self:center!important; min-width:0!important; padding:0!important; } body.cart-window-visible .cart-widget-product-name > strong, body.cart-window-visible .cart-widget-product-name > strong > a{ display:flex!important; flex-direction:column!important; min-width:0!important; gap:5px!important; margin:0!important; text-decoration:none!important; } body.cart-window-visible .cart-widget-product-name > strong > a{ font-size:16px!important; font-weight:800!important; line-height:1.15!important; } body.cart-window-visible .cart-widget-product-variant{ display:block!important; overflow:hidden!important; color:var(--vv-gray)!important; font-size:12px!important; font-weight:650!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.cart-window-visible #header .cart-widget-product-price, body.cart-window-visible #header .cart-widget-product-price *, body.cart-window-visible .cart-widget-product-price, body.cart-window-visible .cart-widget-product-price *{ color:var(--vv-gray)!important; font-weight:750!important; } body.cart-window-visible .cart-widget-product-price{ grid-column:3!important; grid-row:2!important; align-self:start!important; width:100%!important; padding:5px 0 0!important; box-sizing:border-box!important; font-size:15px!important; line-height:1.1!important; text-align:center!important; } body.cart-window-visible #header .cart-widget-product-amount, body.cart-window-visible #header .cart-widget-product-amount *, body.cart-window-visible .cart-widget-product-amount, body.cart-window-visible .cart-widget-product-amount *{ color:var(--vv-dark)!important; } body.cart-window-visible #header .cart-widget-product-amount, body.cart-window-visible .cart-widget-product-amount{ grid-column:3!important; grid-row:1!important; align-self:end!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; padding:0 0 1px!important; box-sizing:border-box!important; font-size:16px!important; font-weight:700!important; line-height:1!important; } body.cart-window-visible .cart-widget-product-amount form, body.cart-window-visible .cart-widget-product-amount .quantity{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:0!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; } body.cart-window-visible .cart-widget-product-amount form{ min-width:0!important; flex:0 0 auto!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget .cart-widget-product-amount .quantity, body.cart-window-visible .cart-widget.vv-desktop-cart-widget .cart-widget-product-amount .quantity{ position:relative!important; width:108px!important; min-width:108px!important; height:36px!important; min-height:36px!important; flex:0 0 auto!important; overflow:hidden!important; border-radius:12px!important; background:rgba(237,199,191,.72)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important; } body.cart-window-visible .cart-widget-product-amount .increase-tooltip, body.cart-window-visible .cart-widget-product-amount .decrease-tooltip{ display:none!important; } body.cart-window-visible .cart-widget-product-amount label{ order:2!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 36px!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; } body.cart-window-visible .cart-widget-product-amount .decrease{ order:1!important; } body.cart-window-visible .cart-widget-product-amount .increase{ order:3!important; } body.cart-window-visible .cart-widget-product-amount .increase, body.cart-window-visible .cart-widget-product-amount .decrease{ position:static!important; inset:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 36px!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:Arial,sans-serif!important; font-size:22px!important; font-weight:800!important; line-height:1!important; transform:none!important; transition:color .2s ease,background .2s ease!important; } body.cart-window-visible .cart-widget-product-amount .increase:hover, body.cart-window-visible .cart-widget-product-amount .increase:focus, body.cart-window-visible .cart-widget-product-amount .decrease:hover, body.cart-window-visible .cart-widget-product-amount .decrease:focus{ color:var(--vv-red)!important; background:rgba(250,242,231,.34)!important; } body.cart-window-visible #header .cart-widget-product-amount input, body.cart-window-visible #header .cart-widget-product-amount .amount, body.cart-window-visible #header .cart-widget-product-amount .quantity, body.cart-window-visible #header .cart-widget-product-amount [class*="amount"], body.cart-window-visible #header .cart-widget-product-amount [class*="quantity"], body.cart-window-visible .cart-widget-product-amount input, body.cart-window-visible .cart-widget-product-amount .amount, body.cart-window-visible .cart-widget-product-amount .quantity, body.cart-window-visible .cart-widget-product-amount [class*="amount"], body.cart-window-visible .cart-widget-product-amount [class*="quantity"]{ font-size:15px!important; font-weight:800!important; line-height:1!important; } body.cart-window-visible .cart-widget-product-amount input{ display:block!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; color:var(--vv-dark)!important; text-align:center!important; appearance:textfield!important; -moz-appearance:textfield!important; } body.cart-window-visible .cart-widget-product-amount input::-webkit-inner-spin-button, body.cart-window-visible .cart-widget-product-amount input::-webkit-outer-spin-button{ margin:0!important; -webkit-appearance:none!important; } body.cart-window-visible .cart-widget-product-unit{ display:none!important; } body.cart-window-visible .cart-widget-product-delete{ position:absolute!important; top:12px!important; right:12px!important; z-index:2!important; display:block!important; width:26px!important; height:26px!important; padding:0!important; } body.cart-window-visible .cart-widget-product-delete form, body.cart-window-visible .cart-widget-product-delete .inline{ display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; } body.cart-window-visible .cart-widget-product-delete .remove-item{ position:relative!important; display:block!important; width:26px!important; min-width:26px!important; height:26px!important; min-height:26px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; font-size:0!important; transition:background .2s ease,transform .2s ease!important; } body.cart-window-visible .cart-widget-product-delete .remove-item::before, body.cart-window-visible .cart-widget-product-delete .remove-item::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; display:block!important; width:12px!important; height:1.5px!important; border-radius:999px!important; background:rgba(99,99,99,.66)!important; transform-origin:center!important; } body.cart-window-visible .cart-widget-product-delete .remove-item::before{ transform:translate(-50%,-50%) rotate(45deg)!important; } body.cart-window-visible .cart-widget-product-delete .remove-item::after{ transform:translate(-50%,-50%) rotate(-45deg)!important; } body.cart-window-visible .cart-widget-product-delete .remove-item:hover, body.cart-window-visible .cart-widget-product-delete .remove-item:focus{ background:rgba(237,199,191,.58)!important; transform:translateY(-1px)!important; } } /* ========================= CART POPUP TYPOGRAPHY ========================= */ @media(min-width:769px){ /* nadpis nad košíkem */ body.cart-window-visible:has(#header .navigation-buttons a.cart-count.full) .cart-widget-products::before{ content:"Tvůj košík"; display:block!important; margin-bottom:20px!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:22px!important; font-weight:800!important; letter-spacing:-0.02em!important; } body.cart-window-visible .cart-widget-products:has(.cart-widget-product:not([data-testid="cartTitle"])), body.cart-window-visible #header .cart-widget-products:has(.cart-widget-product:not([data-testid="cartTitle"])){ display:block!important; position:relative!important; height:auto!important; min-height:0!important; max-height:none!important; margin-bottom:18px!important; padding-bottom:0!important; overflow:visible!important; } body.cart-window-visible .cart-widget-products-inner:has(.cart-widget-product:not([data-testid="cartTitle"])), body.cart-window-visible #header .cart-widget-products-inner:has(.cart-widget-product:not([data-testid="cartTitle"])){ display:block!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } body.cart-window-visible .vv-desktop-cart-widget .cart-widget-bottom{ display:flex!important; flex-direction:column!important; clear:both!important; position:relative!important; z-index:2!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:0!important; text-align:left!important; } body.cart-window-visible .vv-desktop-cart-widget .cart-free-shipping, body.cart-window-visible .vv-desktop-cart-widget .cart-widget-free-shipping, body.cart-window-visible .vv-desktop-cart-widget .free-shipping, body.cart-window-visible .vv-desktop-cart-widget .delivery-free{ order:1!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; align-items:center!important; gap:14px!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:15px 18px!important; border:1px solid rgba(255,255,255,.64)!important; border-radius:20px!important; background:rgba(255,250,245,.48)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important; color:var(--vv-gray)!important; text-align:left!important; } body.cart-window-visible .vv-desktop-cart-widget .cart-free-shipping::before, body.cart-window-visible .vv-desktop-cart-widget .cart-widget-free-shipping::before, body.cart-window-visible .vv-desktop-cart-widget .free-shipping::before, body.cart-window-visible .vv-desktop-cart-widget .delivery-free::before{ content:""!important; display:block!important; width:30px!important; height:24px!important; background:var(--vv-gray)!important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Cpath d='M2 7h27v14H2V7zm29 5h7l8 8v1H31v-9zM9 29a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm28 0a5 5 0 1 1 0-10 5 5 0 0 1 0 10zM2 22h3a7 7 0 0 0 13 0h12a7 7 0 0 0 13 0h3v3h-4a7 7 0 0 1-10 0H14a7 7 0 0 1-10 0H2v-3z'/%3E%3C/svg%3E") center / contain no-repeat!important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Cpath d='M2 7h27v14H2V7zm29 5h7l8 8v1H31v-9zM9 29a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm28 0a5 5 0 1 1 0-10 5 5 0 0 1 0 10zM2 22h3a7 7 0 0 0 13 0h12a7 7 0 0 0 13 0h3v3h-4a7 7 0 0 1-10 0H14a7 7 0 0 1-10 0H2v-3z'/%3E%3C/svg%3E") center / contain no-repeat!important; } body.cart-window-visible .vv-desktop-cart-shipping-copy{ display:flex!important; flex-direction:column!important; gap:10px!important; min-width:0!important; } body.cart-window-visible .vv-desktop-cart-shipping-label{ display:block!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:12px!important; font-weight:750!important; line-height:1.35!important; } body.cart-window-visible .vv-desktop-cart-shipping-track{ position:relative!important; display:block!important; width:100%!important; height:5px!important; overflow:hidden!important; border-radius:999px!important; background:rgba(172,77,67,.15)!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget .vv-desktop-cart-shipping-track::before, body.cart-window-visible .cart-widget.vv-desktop-cart-widget .vv-desktop-cart-shipping-track::before{ content:""!important; position:absolute!important; inset:0 auto 0 0!important; display:block!important; width:var(--vv-cart-progress,0%)!important; min-width:4px!important; max-width:100%!important; height:100%!important; border-radius:999px!important; background-color:#ac4d43!important; box-shadow:inset 0 0 0 999px #ac4d43!important; transform-origin:left center!important; animation:vvDesktopCartProgress .72s cubic-bezier(.22,1,.36,1) both!important; } body.cart-window-visible .vv-desktop-cart-shipping-fill{ display:none!important; } body.cart-window-visible .vv-desktop-cart-total{ order:2!important; display:flex!important; align-items:baseline!important; justify-content:flex-end!important; gap:9px!important; width:100%!important; box-sizing:border-box!important; padding:16px 2px 0!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:14px!important; font-weight:800!important; line-height:1.2!important; } body.cart-window-visible #cart-widget.vv-desktop-cart-widget .vv-desktop-cart-total strong, body.cart-window-visible .cart-widget.vv-desktop-cart-widget .vv-desktop-cart-total strong{ color:var(--vv-red)!important; font-size:17px!important; font-weight:800!important; } body.cart-window-visible .vv-desktop-cart-total.is-loading strong:empty::before{ content:"—"!important; color:var(--vv-gray)!important; } @keyframes vvDesktopCartProgress{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } } } /* ========================= CART CTA BUTTON ========================= */ @media(min-width:769px){ body.cart-window-visible #continue-order-button, body.cart-window-visible #continue-order-button:link, body.cart-window-visible #continue-order-button:visited{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:auto!important; min-width:0!important; max-width:none!important; min-height:46px!important; margin:0!important; padding:0 22px!important; border:1px solid rgba(255,255,255,.58)!important; border-radius:999px!important; background:var(--vv-red)!important; box-shadow:0 10px 24px rgba(172,77,67,.16)!important; color:var(--vv-cream)!important; font-family:var(--vv-font)!important; font-size:14px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; text-decoration:none!important; transition:transform .2s ease,background .2s ease!important; } body.cart-window-visible #continue-order-button:hover, body.cart-window-visible #continue-order-button:focus, body.cart-window-visible #continue-order-button:active{ color:var(--vv-cream)!important; background:var(--vv-hover)!important; transform:translateY(-2px)!important; } body.cart-window-visible .vv-desktop-cart-widget .cart-widget-button{ order:3!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:22px 0 0!important; text-align:left!important; } body.cart-window-visible .vv-desktop-cart-back{ position:relative!important; display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; gap:9px!important; width:auto!important; min-width:max-content!important; min-height:42px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--vv-dark)!important; font-family:var(--vv-font)!important; font-size:14px!important; font-weight:750!important; line-height:1.1!important; white-space:nowrap!important; text-transform:none!important; cursor:pointer!important; } body.cart-window-visible .vv-desktop-cart-back::before{ content:"←"!important; display:inline-block!important; color:var(--vv-red)!important; font-family:Arial,sans-serif!important; font-size:22px!important; font-weight:400!important; line-height:1!important; transition:transform .2s ease!important; } body.cart-window-visible .vv-desktop-cart-back:hover::before, body.cart-window-visible .vv-desktop-cart-back:focus::before{ transform:translateX(-3px)!important; } } @media(min-width:769px) and (max-width:900px){ body.cart-window-visible #cart-widget, body.cart-window-visible .cart-widget, body.cart-window-visible .cart-window{ width:calc(100vw - 36px)!important; max-width:calc(100vw - 36px)!important; padding:34px 34px 28px!important; } body.cart-window-visible #header .cart-widget-product, body.cart-window-visible .cart-widget-product{ grid-template-columns:68px minmax(0,1fr) 120px!important; column-gap:16px!important; padding:20px 44px 20px 20px!important; } body.cart-window-visible .cart-widget-product-image{ width:68px!important; height:68px!important; } body.cart-window-visible .cart-widget-product-image img{ width:62px!important; height:62px!important; } } @media(min-width:769px) and (prefers-reduced-motion:reduce){ body.cart-window-visible .vv-desktop-cart-shipping-track::before{ animation:none!important; } } /* ========================= CART POPUP HEADER COLORS ========================= */ @media(min-width:769px){ body.cart-window-visible #header .navigation-buttons > *, body.cart-window-visible #header .top-navigation-tools > *{ filter:blur(5px)!important; opacity:.22!important; pointer-events:none!important; } body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) a.cart-count:not(.full), body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) [data-target="cart"]:not(.full), body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) .toggle-window[data-target="cart"]:not(.full), body.cart-window-visible #header .navigation-buttons a[href*="kosik"]:not(.cart-count), body.cart-window-visible #header .navigation-buttons a[href*="cart"]:not(.cart-count){ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) a.cart-count:not(.full)::before, body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) a.cart-count:not(.full)::after, body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) [data-target="cart"]:not(.full)::before, body.cart-window-visible #header .navigation-buttons:has(a.cart-count.full) [data-target="cart"]:not(.full)::after, body.cart-window-visible #header .navigation-buttons a[href*="kosik"]:not(.cart-count)::before, body.cart-window-visible #header .navigation-buttons a[href*="kosik"]:not(.cart-count)::after, body.cart-window-visible #header .navigation-buttons a[href*="cart"]:not(.cart-count)::before, body.cart-window-visible #header .navigation-buttons a[href*="cart"]:not(.cart-count)::after{ content:none!important; display:none!important; } body.cart-window-visible #header .navigation-buttons a.cart-count, body.cart-window-visible #header .navigation-buttons a.cart-count.full{ position:fixed!important; top:42px!important; right:50px!important; left:auto!important; width:20px!important; height:20px!important; min-width:20px!important; min-height:20px!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; opacity:1!important; visibility:visible!important; filter:none!important; pointer-events:auto!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; overflow:hidden!important; appearance:none!important; -webkit-appearance:none!important; transform:none!important; z-index:var(--vv-z-overlay-top)!important; } body.cart-window-visible #header .navigation-buttons a.cart-count i, body.cart-window-visible #header .navigation-buttons a.cart-count span, body.cart-window-visible #header .navigation-buttons a.cart-count svg, body.cart-window-visible #header .navigation-buttons a.cart-count img{ display:none!important; opacity:0!important; visibility:hidden!important; } body.cart-window-visible #header .navigation-buttons a.cart-count::before, body.cart-window-visible #header .navigation-buttons a.cart-count::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; display:block!important; width:22px!important; height:2px!important; border-radius:999px!important; background:var(--vv-cream)!important; transform-origin:center!important; } body.cart-window-visible #header .navigation-buttons a.cart-count::before{ transform:translate(-50%,-50%) rotate(45deg)!important; } body.cart-window-visible #header .navigation-buttons a.cart-count::after{ transform:translate(-50%,-50%) rotate(-45deg)!important; } /* menu vlevo pod overlayem */ body.cart-window-visible .vv-custom-menu{ filter:blur(12px)!important; transform:scale(1.01)!important; opacity:.28!important; pointer-events:none!important; transition:.25s ease!important; z-index:calc(var(--vv-z-header) - 1)!important; } body.cart-window-visible .vv-custom-menu a, body.cart-window-visible .vv-custom-menu a:hover, body.cart-window-visible .vv-custom-menu a:focus{ color:var(--vv-gray)!important; pointer-events:none!important; transition:none!important; } body.cart-window-visible .vv-hero, body.cart-window-visible .vv-category-teaser, body.cart-window-visible .vv-bento-categories, body.cart-window-visible #content, body.cart-window-visible #content-wrapper, body.cart-window-visible .content-wrapper, body.cart-window-visible .index-content-wrapper, body.cart-window-visible .homepage-group-title-wrapper, body.cart-window-visible .products-wrapper, body.cart-window-visible .products-slider-holder, body.cart-window-visible .homepage-products-heading-31, body.cart-window-visible #footer, body.cart-window-visible .footer, body.cart-window-visible .footer-newsletter-full-width, body.cart-window-visible .footer-bottom-full-width{ filter:blur(12px)!important; transform:scale(1.01)!important; opacity:.72!important; pointer-events:none!important; transition:.25s ease!important; } /* logo */ body.cart-window-visible #header .site-name img, body.cart-window-visible #header .logo img{ filter:brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(416%) hue-rotate(327deg) brightness(103%) contrast(95%)!important; } /* ikonky vpravo */ body.cart-window-visible #header i, body.cart-window-visible #header svg, body.cart-window-visible #header svg *, body.cart-window-visible #header a:not(.cart-count)::before{ color:var(--vv-gray)!important; fill:var(--vv-gray)!important; stroke:var(--vv-gray)!important; } /* hover ikon */ body.cart-window-visible #header a:hover i, body.cart-window-visible #header a:hover svg, body.cart-window-visible #header a:hover svg *, body.cart-window-visible #header a:not(.cart-count):hover::before{ color:var(--vv-red)!important; fill:var(--vv-red)!important; stroke:var(--vv-red)!important; } } /* ========================= SYSTEM MESSAGES ========================= */ @media(min-width:769px){ @keyframes vvSystemMessageOut{ 0%, 78%{ opacity:1; visibility:visible; pointer-events:auto; } 100%{ opacity:0; visibility:hidden; pointer-events:none; } } @keyframes vvSystemBlurOut{ 0%, 78%{ opacity:1; visibility:visible; } 100%{ opacity:0; visibility:hidden; } } body:has(.messages .msg-success)::after, body:has(.messages .message-success)::after, body:has(.messages .success)::after, body:has(.messages .msg-info)::after, body:has(.messages .message-info)::after, body:has(.messages .msg-warning)::after, body:has(.messages .message-warning)::after, body:has(.messages .msg-error)::after, body:has(.messages .message-error)::after, body:has(.messages > *)::after{ content:""!important; position:fixed!important; inset:0!important; background:rgba(249,240,234,.12)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; z-index:2147483000!important; animation:vvSystemBlurOut 4s ease forwards!important; pointer-events:none!important; } body:has(.messages .msg-success) #header .site-name, body:has(.messages .message-success) #header .site-name, body:has(.messages .success) #header .site-name, body:has(.messages .msg-info) #header .site-name, body:has(.messages .message-info) #header .site-name, body:has(.messages .msg-warning) #header .site-name, body:has(.messages .message-warning) #header .site-name, body:has(.messages .msg-error) #header .site-name, body:has(.messages .message-error) #header .site-name, body:has(.messages > *) #header .site-name, body:has(.messages .msg-success) #header .logo, body:has(.messages .message-success) #header .logo, body:has(.messages .success) #header .logo, body:has(.messages .msg-info) #header .logo, body:has(.messages .message-info) #header .logo, body:has(.messages .msg-warning) #header .logo, body:has(.messages .message-warning) #header .logo, body:has(.messages .msg-error) #header .logo, body:has(.messages .message-error) #header .logo, body:has(.messages > *) #header .logo{ position:relative!important; z-index:2147483300!important; } body:has(.messages .msg-success) .messages, body:has(.messages .message-success) .messages, body:has(.messages .success) .messages, body:has(.messages .msg-info) .messages, body:has(.messages .message-info) .messages, body:has(.messages .msg-warning) .messages, body:has(.messages .message-warning) .messages, body:has(.messages .msg-error) .messages, body:has(.messages .message-error) .messages, body:has(.messages > *) .messages{ position:fixed!important; top:50%!important; left:50%!important; transform:translate(-50%, -50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; width:min(760px, calc(100vw - 56px))!important; min-width:0!important; max-width:min(760px, calc(100vw - 56px))!important; height:auto!important; min-height:0!important; max-height:calc(100vh - 96px)!important; box-sizing:border-box!important; overflow:visible!important; margin:0!important; padding:24px 40px!important; background:var(--vv-cream)!important; border:1px solid rgba(249,240,234,.48)!important; border-radius:var(--vv-card-radius)!important; box-shadow:0 18px 55px rgba(0,0,0,.10)!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:15.5px!important; font-weight:500!important; line-height:1.42!important; text-align:center!important; z-index:2147483200!important; pointer-events:auto!important; animation:vvSystemMessageOut 4s ease forwards!important; } body:has(.messages .msg-success) .messages .msg-success, body:has(.messages .message-success) .messages .message-success, body:has(.messages .success) .messages .success, body:has(.messages .msg-info) .messages .msg-info, body:has(.messages .message-info) .messages .message-info, body:has(.messages .msg-warning) .messages .msg-warning, body:has(.messages .message-warning) .messages .message-warning, body:has(.messages .msg-error) .messages .msg-error, body:has(.messages .message-error) .messages .message-error, body:has(.messages > *) .messages > *{ display:block!important; align-items:initial!important; justify-content:center!important; align-self:center!important; min-height:0!important; height:auto!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; box-sizing:border-box!important; float:none!important; position:static!important; transform:none!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:15.5px!important; font-weight:500!important; line-height:1.42!important; overflow-wrap:break-word!important; word-break:normal!important; text-align:center!important; text-wrap:balance!important; } body:has(.messages .msg-success) .messages .msg-success *, body:has(.messages .message-success) .messages .message-success *, body:has(.messages .success) .messages .success *, body:has(.messages .msg-info) .messages .msg-info *, body:has(.messages .message-info) .messages .message-info *, body:has(.messages .msg-warning) .messages .msg-warning *, body:has(.messages .message-warning) .messages .message-warning *, body:has(.messages .msg-error) .messages .msg-error *, body:has(.messages .message-error) .messages .message-error *, body:has(.messages > *) .messages > * *{ display:inline!important; background:transparent!important; border:0!important; box-shadow:none!important; color:inherit!important; font:inherit!important; line-height:inherit!important; } body:has(.vv-cart-removal-message)::after, body > .vv-cart-removal-message, body:has(.vv-cart-removal-message) .messages.vv-cart-removal-messages{ animation-duration:2s!important; } } @media(min-width:769px) and (prefers-reduced-motion:reduce){ body:has(.vv-cart-removal-message)::after, body > .vv-cart-removal-message, body:has(.vv-cart-removal-message) .messages.vv-cart-removal-messages{ animation-timing-function:step-end!important; } } /* Compact system feedback while the desktop cart dialog stays open. */ @media(min-width:769px){ body.cart-window-visible:has(.messages .msg-success)::after, body.cart-window-visible:has(.messages .message-success)::after, body.cart-window-visible:has(.messages .success)::after{ content:none!important; display:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } body.cart-window-visible:has(.messages .msg-success) .messages, body.cart-window-visible:has(.messages .message-success) .messages, body.cart-window-visible:has(.messages .success) .messages{ top:88px!important; right:28px!important; bottom:auto!important; left:auto!important; transform:none!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; width:auto!important; min-width:0!important; max-width:min(420px,calc(100vw - 56px))!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; text-align:left!important; pointer-events:none!important; } body.cart-window-visible:has(.messages .msg-success) .messages .msg-success, body.cart-window-visible:has(.messages .message-success) .messages .message-success, body.cart-window-visible:has(.messages .success) .messages .success{ display:block!important; width:auto!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:11px 16px!important; background:rgba(249,240,234,.96)!important; border:1px solid rgba(255,255,255,.62)!important; border-radius:18px!important; box-shadow:0 12px 28px rgba(0,0,0,.12)!important; color:var(--vv-gray)!important; font-size:13px!important; font-weight:700!important; line-height:1.3!important; text-align:left!important; } } /* ========================= MOBILE LOGIN FINAL OVERRIDE ========================= */ @media(max-width:768px){ body.user-action-visible #login, body.user-action-visible .user-action-login{ padding-bottom:22px!important; max-height:calc(100dvh - 128px)!important; } body.user-action-visible #login .formLogin, body.user-action-visible .user-action-login .formLogin, body.user-action-visible #login #customerLogin, body.user-action-visible .user-action-login #customerLogin{ display:block!important; width:100%!important; margin:0!important; padding:0!important; } body.user-action-visible #login .login-wrapper, body.user-action-visible .user-action-login .login-wrapper{ display:grid!important; grid-template-columns:minmax(0, 1fr) auto!important; grid-auto-flow:row!important; align-items:start!important; justify-content:stretch!important; column-gap:14px!important; row-gap:0!important; width:100%!important; margin:8px 0 0!important; padding:0!important; } body.user-action-visible #login .password-helper, body.user-action-visible .user-action-login .password-helper{ grid-column:1!important; grid-row:1!important; align-self:start!important; justify-self:start!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:8px!important; width:auto!important; max-width:100%!important; margin:0!important; padding:0!important; text-align:left!important; } body.user-action-visible #login .btn-login, body.user-action-visible #login button[type="submit"], body.user-action-visible .user-action-login .btn-login, body.user-action-visible .user-action-login button[type="submit"]{ grid-column:2!important; grid-row:1!important; align-self:start!important; justify-self:end!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:126px!important; max-width:none!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0 20px!important; border-radius:21px!important; line-height:1!important; white-space:nowrap!important; } body.user-action-visible #login .password-helper a, body.user-action-visible .user-action-login .password-helper a{ display:block!important; width:auto!important; max-width:100%!important; font-size:13.5px!important; line-height:1.18!important; white-space:nowrap!important; } } @media(max-width:380px){ body.user-action-visible #login .login-wrapper, body.user-action-visible .user-action-login .login-wrapper{ column-gap:10px!important; } body.user-action-visible #login .btn-login, body.user-action-visible #login button[type="submit"], body.user-action-visible .user-action-login .btn-login, body.user-action-visible .user-action-login button[type="submit"]{ min-width:112px!important; padding:0 16px!important; font-size:14px!important; } body.user-action-visible #login .password-helper a, body.user-action-visible .user-action-login .password-helper a{ font-size:12.5px!important; } } @media(max-width:768px){ body.search-window-visible.user-action-visible #header .navigation-buttons button.top-nav-button-login, body.search-window-visible.user-action-visible #header .navigation-buttons button[data-target="login"]{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } body.user-action-visible #login .smart-label-wrapper > label, body.user-action-visible #login .smart-label-wrapper > label .required-asterisk, body.user-action-visible .user-action-login .smart-label-wrapper > label, body.user-action-visible .user-action-login .smart-label-wrapper > label .required-asterisk{ color:var(--vv-gray)!important; -webkit-text-fill-color:var(--vv-gray)!important; } body.user-action-visible #login .smart-label-wrapper > label .required-asterisk::after, body.user-action-visible .user-action-login .smart-label-wrapper > label .required-asterisk::after{ color:var(--vv-red)!important; -webkit-text-fill-color:var(--vv-red)!important; } body.user-action-visible #login .login-form .submit-wrapper, body.user-action-visible .user-action-login .login-form .submit-wrapper{ display:flex!important; align-items:center!important; justify-content:flex-end!important; width:100%!important; margin:0 0 6px!important; padding:0!important; } body.user-action-visible #login .login-form, body.user-action-visible .user-action-login .login-form{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-auto-flow:row!important; align-items:start!important; column-gap:14px!important; row-gap:0!important; width:100%!important; } body.user-action-visible #login .login-form .smart-label-wrapper, body.user-action-visible .user-action-login .login-form .smart-label-wrapper{ grid-column:1 / -1!important; } body.user-action-visible #login .login-form .submit-wrapper, body.user-action-visible .user-action-login .login-form .submit-wrapper{ grid-column:2!important; grid-row:3!important; align-self:start!important; } body.user-action-visible #login .login-form .submit-wrapper button[type="submit"], body.user-action-visible .user-action-login .login-form .submit-wrapper button[type="submit"]{ align-self:auto!important; justify-self:auto!important; width:auto!important; min-width:110px!important; max-width:none!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0 16px!important; border-radius:18px!important; font-size:15px!important; line-height:1!important; } body.user-action-visible #login .login-form .alternative-links, body.user-action-visible .user-action-login .login-form .alternative-links{ grid-column:1!important; grid-row:3!important; align-self:start!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:8px!important; width:100%!important; margin:0 0 16px!important; padding:0!important; } } @media(min-width:769px){ body.in-postupy .vv-custom-menu, body.in-postupy .vv-custom-menu a, body.in-postupy .vv-custom-menu a:link, body.in-postupy .vv-custom-menu a:visited, body.in-postupy .vv-custom-menu a:hover, body.in-postupy .vv-custom-menu a:focus, body.in-postupy .vv-custom-menu a:active{ color:#404041!important; -webkit-text-fill-color:#404041!important; text-shadow:none!important; } body.in-postupy #header .navigation-buttons button.top-nav-button-login, body.in-postupy #header .navigation-buttons button.top-nav-button-login:hover, body.in-postupy #header .navigation-buttons button[data-target="login"], body.in-postupy #header .navigation-buttons button[data-target="login"]:hover, body.in-postupy #header .navigation-buttons a.cart-count, body.in-postupy #header .navigation-buttons a.cart-count:hover, body.in-postupy #header .navigation-buttons a[href*="kosik"], body.in-postupy #header .navigation-buttons a[href*="kosik"]:hover, body.in-postupy #header .navigation-buttons [data-target="cart"], body.in-postupy #header .navigation-buttons [data-target="cart"]:hover, body.in-postupy #header .top-navigation-tools button, body.in-postupy #header .top-navigation-tools button:hover, body.in-postupy #header .top-navigation-tools a, body.in-postupy #header .top-navigation-tools a:hover{ color:#404041!important; -webkit-text-fill-color:#404041!important; fill:#404041!important; stroke:#404041!important; text-shadow:none!important; } body.in-postupy #header .navigation-buttons button.top-nav-button-login::before, body.in-postupy #header .navigation-buttons button.top-nav-button-login::after, body.in-postupy #header .navigation-buttons button.top-nav-button-login i, body.in-postupy #header .navigation-buttons button.top-nav-button-login i::before, body.in-postupy #header .navigation-buttons button.top-nav-button-login i::after, body.in-postupy #header .navigation-buttons button[data-target="login"]::before, body.in-postupy #header .navigation-buttons button[data-target="login"]::after, body.in-postupy #header .navigation-buttons button[data-target="login"] i, body.in-postupy #header .navigation-buttons button[data-target="login"] i::before, body.in-postupy #header .navigation-buttons button[data-target="login"] i::after, body.in-postupy #header .navigation-buttons a.cart-count::before, body.in-postupy #header .navigation-buttons a.cart-count::after, body.in-postupy #header .navigation-buttons a.cart-count i, body.in-postupy #header .navigation-buttons a.cart-count span, body.in-postupy #header .navigation-buttons a.cart-count span::before, body.in-postupy #header .navigation-buttons a.cart-count span::after, body.in-postupy #header .navigation-buttons a[href*="kosik"]::before, body.in-postupy #header .navigation-buttons a[href*="kosik"]::after, body.in-postupy #header .navigation-buttons a[href*="kosik"] i, body.in-postupy #header .navigation-buttons a[href*="kosik"] span, body.in-postupy #header .navigation-buttons a[href*="kosik"] span::before, body.in-postupy #header .navigation-buttons a[href*="kosik"] span::after, body.in-postupy #header .navigation-buttons .icon-login, body.in-postupy #header .navigation-buttons .icon-login::before, body.in-postupy #header .navigation-buttons .icon-login::after, body.in-postupy #header .navigation-buttons .icon-cart, body.in-postupy #header .navigation-buttons .icon-cart::before, body.in-postupy #header .navigation-buttons .icon-cart::after{ color:#404041!important; -webkit-text-fill-color:#404041!important; fill:#404041!important; stroke:#404041!important; border-color:#404041!important; } } /* ========================= ONLINE VRACENI ZBOZI ========================= */ body.vv-withdrawal-open{ overflow:hidden!important; } body.vv-withdrawal-open #content-wrapper .breadcrumbs, body.vv-withdrawal-open .content-wrapper .breadcrumbs{ opacity:0!important; visibility:hidden!important; filter:blur(18px)!important; pointer-events:none!important; } /* Keep the return article panel close to its final action. */ html body.type-post.vv-withdrawal-page .news-item-detail article > .text{ margin-bottom:0!important; padding-bottom:0!important; } html body.type-post.vv-withdrawal-page .news-item-detail article > footer:not(:has(a,button,input,textarea,p)){ display:none!important; } html body.type-post.vv-withdrawal-page .news-item-detail article::before{ bottom:-28px!important; } html body.type-post.vv-withdrawal-page .news-item-detail article::after{ bottom:-27px!important; } html body.type-post.vv-withdrawal-page .news-item-detail{ margin-bottom:72px!important; } .vv-withdrawal-cta, .vv-withdrawal-modal{ color:var(--vv-gray,#404041)!important; font-family:var(--vv-font,var(--template-font,"Jost",sans-serif))!important; letter-spacing:0!important; } .vv-withdrawal-cta{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:24px!important; align-items:center!important; box-sizing:border-box!important; width:fit-content!important; max-width:100%!important; margin:22px 0 0!important; padding:18px 24px!important; background:var(--vv-red,#ac4d43)!important; border:1px solid rgba(255,255,255,.58)!important; border-radius:24px!important; box-shadow:0 12px 28px rgba(172,77,67,.18)!important; } .vv-withdrawal-cta__copy{ min-width:0!important; } .vv-withdrawal-cta__arrow{ width:10px!important; height:10px!important; border-top:2px solid #fff8f0!important; border-right:2px solid #fff8f0!important; transform:rotate(45deg)!important; margin-right:3px!important; } button.vv-withdrawal-cta{ appearance:none!important; text-align:left!important; text-transform:none!important; cursor:pointer!important; } button.vv-withdrawal-cta:hover{ border-color:rgba(172,77,67,.4)!important; } button.vv-withdrawal-cta:focus-visible{ outline:3px solid var(--vv-red,#ac4d43)!important; outline-offset:4px!important; } .vv-withdrawal-eyebrow{ display:block!important; margin:0 0 8px!important; color:var(--vv-red,#ac4d43)!important; font-size:12px!important; font-weight:800!important; line-height:1.2!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .vv-withdrawal-cta__title, .vv-withdrawal-modal h2{ margin:0!important; color:var(--vv-dark,#27263f)!important; font-family:var(--vv-font,var(--template-font,"Jost",sans-serif))!important; font-weight:800!important; letter-spacing:0!important; } .vv-withdrawal-cta__title{ display:block!important; color:#faf2e7!important; font-size:clamp(16.66px,2.023vw,26.18px)!important; line-height:1.02!important; } .vv-withdrawal-cta__description{ display:block!important; max-width:620px!important; margin:8px 0 0!important; color:#faf2e7!important; font-size:10.44px!important; font-weight:650!important; line-height:1.45!important; } .vv-withdrawal-cta__action{ display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:0!important; } .vv-withdrawal-cta__action p{ max-width:260px!important; margin:0!important; color:rgba(64,64,65,.72)!important; font-size:12.5px!important; line-height:1.35!important; text-align:right!important; } .vv-withdrawal-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; min-width:0!important; min-height:44px!important; padding:0 20px!important; border:1px solid rgba(172,77,67,.28)!important; border-radius:999px!important; box-shadow:none!important; font-family:var(--vv-font,var(--template-font,"Jost",sans-serif))!important; font-size:14.5px!important; font-weight:800!important; line-height:1.1!important; letter-spacing:0!important; text-align:center!important; text-decoration:none!important; text-transform:none!important; white-space:normal!important; cursor:pointer!important; transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important; } .vv-withdrawal-button:hover, .vv-withdrawal-button:focus{ transform:translateY(-1px)!important; text-decoration:none!important; } .vv-withdrawal-button:disabled{ cursor:wait!important; opacity:.68!important; transform:none!important; } .vv-withdrawal-button--primary{ background:var(--vv-red,#ac4d43)!important; border-color:var(--vv-red,#ac4d43)!important; color:#fff!important; } .vv-withdrawal-button--primary:hover, .vv-withdrawal-button--primary:focus{ background:#933d35!important; border-color:#933d35!important; color:#fff!important; } .vv-withdrawal-button--secondary{ background:#fff!important; border-color:rgba(64,64,65,.18)!important; color:var(--vv-dark,#27263f)!important; } .vv-withdrawal-modal[hidden]{ display:none!important; } .vv-withdrawal-modal [hidden]{ display:none!important; } .vv-withdrawal-modal{ position:fixed!important; inset:0!important; z-index:2147483400!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; padding:56px 22px 64px!important; } .vv-withdrawal-modal__backdrop{ position:absolute!important; inset:0!important; background:rgba(64,64,65,.34)!important; -webkit-backdrop-filter:blur(16px) saturate(1.08)!important; backdrop-filter:blur(16px) saturate(1.08)!important; } .vv-withdrawal-modal__panel{ position:relative!important; z-index:1!important; box-sizing:border-box!important; width:min(700px,calc(100vw - 72px))!important; max-height:min(760px,calc(100vh - 120px))!important; max-height:min(760px,calc(100svh - 120px))!important; overflow:auto!important; margin:0!important; padding:30px 36px 34px!important; background: linear-gradient(135deg,rgba(255,250,246,.58),rgba(239,225,208,.36) 48%,rgba(255,250,246,.42))!important; border:1px solid rgba(255,255,255,.56)!important; border-radius:34px!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), inset 0 -26px 54px rgba(255,255,255,.18), 0 28px 86px rgba(64,64,65,.20)!important; -webkit-backdrop-filter:blur(24px) saturate(1.16)!important; backdrop-filter:blur(24px) saturate(1.16)!important; outline:none!important; } .vv-withdrawal-modal__close{ position:absolute!important; top:16px!important; right:16px!important; width:38px!important; height:38px!important; margin:0!important; padding:0!important; background:rgba(255,250,246,.58)!important; border:1px solid rgba(255,255,255,.62)!important; border-radius:50%!important; box-shadow:0 10px 28px rgba(64,64,65,.10)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; cursor:pointer!important; } .vv-withdrawal-modal__close::before, .vv-withdrawal-modal__close::after{ content:""!important; position:absolute!important; top:18px!important; left:10px!important; width:16px!important; height:2px!important; background:var(--vv-dark,#27263f)!important; border-radius:2px!important; } .vv-withdrawal-modal__close::before{ transform:rotate(45deg)!important; } .vv-withdrawal-modal__close::after{ transform:rotate(-45deg)!important; } .vv-withdrawal-step{ display:block!important; } .vv-withdrawal-step[hidden]{ display:none!important; } .vv-withdrawal-modal h2{ max-width:calc(100% - 48px)!important; font-size:28px!important; line-height:1.12!important; } .vv-withdrawal-intro, .vv-withdrawal-modal p{ color:var(--vv-gray,#404041)!important; font-size:15px!important; font-weight:500!important; line-height:1.5!important; } .vv-withdrawal-intro{ max-width:620px!important; margin:12px 0 22px!important; } .vv-withdrawal-form{ display:grid!important; gap:16px!important; margin-top:20px!important; } .vv-withdrawal-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .vv-withdrawal-form label, .vv-withdrawal-copy{ display:grid!important; gap:7px!important; min-width:0!important; color:var(--vv-dark,#27263f)!important; font-size:13.5px!important; font-weight:800!important; line-height:1.25!important; } .vv-withdrawal-form input[type="text"], .vv-withdrawal-form input[type="email"], .vv-withdrawal-form input[type="date"], .vv-withdrawal-form textarea, .vv-withdrawal-copy textarea{ display:block!important; box-sizing:border-box!important; width:100%!important; min-height:44px!important; margin:0!important; padding:11px 13px!important; background:#fff!important; border:1px solid rgba(64,64,65,.16)!important; border-radius:8px!important; box-shadow:none!important; color:var(--vv-gray,#404041)!important; font-family:var(--vv-font,var(--template-font,"Jost",sans-serif))!important; font-size:15px!important; font-weight:500!important; line-height:1.35!important; letter-spacing:0!important; } .vv-withdrawal-form textarea, .vv-withdrawal-copy textarea{ min-height:96px!important; resize:vertical!important; } .vv-withdrawal-copy textarea{ min-height:180px!important; } .vv-withdrawal-form input:focus, .vv-withdrawal-form textarea:focus, .vv-withdrawal-copy textarea:focus{ border-color:rgba(172,77,67,.48)!important; outline:2px solid rgba(172,77,67,.15)!important; outline-offset:2px!important; } .vv-withdrawal-checkbox{ display:flex!important; align-items:flex-start!important; gap:9px!important; box-sizing:border-box!important; margin:0!important; padding:12px 13px!important; background:#fff!important; border:1px solid rgba(64,64,65,.13)!important; border-radius:8px!important; color:var(--vv-gray,#404041)!important; font-size:14px!important; font-weight:650!important; line-height:1.35!important; } .vv-withdrawal-checkbox input{ flex:0 0 auto!important; width:17px!important; height:17px!important; margin:1px 0 0!important; accent-color:var(--vv-red,#ac4d43)!important; } .vv-withdrawal-partial-toggle{ display:inline-flex!important; align-items:center!important; gap:9px!important; width:auto!important; max-width:100%!important; box-sizing:border-box!important; margin:-2px 0 0!important; padding:2px 0!important; background:transparent!important; border:0!important; border-radius:0!important; color:var(--vv-gray,#404041)!important; font-size:14px!important; font-weight:750!important; line-height:1.35!important; } .vv-withdrawal-partial-box{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:18px!important; min-width:18px!important; height:18px!important; min-height:18px!important; box-sizing:border-box!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; background:rgba(255,255,255,.86)!important; border:2px solid rgba(64,64,65,.46)!important; border-radius:4px!important; box-shadow:inset 0 1px 1px rgba(255,255,255,.75)!important; cursor:pointer!important; } .vv-withdrawal-partial-box::before{ content:""!important; width:9px!important; height:9px!important; background:var(--vv-red,#ac4d43)!important; border-radius:2px!important; transform:scale(0)!important; transition:transform .12s ease!important; } .vv-withdrawal-partial-box[aria-pressed="true"]{ background:rgba(255,255,255,.96)!important; border-color:var(--vv-red,#ac4d43)!important; } .vv-withdrawal-partial-box[aria-pressed="true"]::before{ transform:scale(1)!important; } .vv-withdrawal-partial-box:focus-visible{ outline:2px solid rgba(172,77,67,.22)!important; outline-offset:3px!important; } .vv-withdrawal-partial-input{ display:none!important; } .vv-withdrawal-partial-toggle span{ cursor:default!important; pointer-events:none!important; } .vv-withdrawal-partial textarea{ min-height:132px!important; } .vv-withdrawal-form textarea::placeholder{ color:rgba(64,64,65,.38)!important; opacity:1!important; } .vv-withdrawal-notes{ display:grid!important; gap:8px!important; margin:2px 0!important; padding:14px!important; background:rgba(239,225,208,.34)!important; border:1px solid rgba(172,77,67,.13)!important; border-radius:8px!important; } .vv-withdrawal-notes p, .vv-withdrawal-privacy{ margin:0!important; color:rgba(64,64,65,.82)!important; font-size:13px!important; line-height:1.45!important; } .vv-withdrawal-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; flex-wrap:wrap!important; margin-top:4px!important; } .vv-withdrawal-actions--split{ justify-content:space-between!important; } .vv-withdrawal-review{ margin:18px 0!important; } .vv-withdrawal-review dl{ display:grid!important; gap:10px!important; margin:0!important; } .vv-withdrawal-review dl > div{ display:grid!important; grid-template-columns:160px minmax(0,1fr)!important; gap:12px!important; padding:12px 0!important; border-bottom:1px solid rgba(64,64,65,.11)!important; } .vv-withdrawal-review dt{ color:rgba(64,64,65,.68)!important; font-size:13px!important; font-weight:800!important; } .vv-withdrawal-review dd{ min-width:0!important; margin:0!important; color:var(--vv-dark,#27263f)!important; font-size:15px!important; font-weight:650!important; line-height:1.4!important; overflow-wrap:anywhere!important; } .vv-withdrawal-statement, .vv-withdrawal-warning{ margin:14px 0 0!important; padding:13px 14px!important; border-radius:8px!important; font-size:14px!important; line-height:1.45!important; } .vv-withdrawal-statement{ background:#fff!important; border:1px solid rgba(172,77,67,.14)!important; } .vv-withdrawal-warning{ background:#fff4df!important; border:1px solid rgba(172,77,67,.24)!important; color:#6f342e!important; } .vv-withdrawal-next{ display:grid!important; gap:9px!important; margin:16px 0!important; padding-left:22px!important; color:var(--vv-gray,#404041)!important; font-size:15px!important; font-weight:550!important; line-height:1.45!important; } .vv-withdrawal-copy{ margin-top:14px!important; } @media(max-width:700px){ .vv-withdrawal-cta{ grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; padding:16px 18px!important; border-radius:22px!important; } .vv-withdrawal-cta__action{ align-items:stretch!important; } .vv-withdrawal-cta__action p{ max-width:none!important; text-align:left!important; } .vv-withdrawal-button{ width:100%!important; } .vv-withdrawal-modal{ align-items:flex-end!important; padding:36px 12px 18px!important; } .vv-withdrawal-modal__panel{ width:100%!important; max-height:calc(100vh - 72px)!important; max-height:calc(100svh - 72px)!important; padding:26px 18px 22px!important; border-radius:28px!important; } .vv-withdrawal-modal h2{ font-size:24px!important; } .vv-withdrawal-grid{ grid-template-columns:1fr!important; } .vv-withdrawal-review dl > div{ grid-template-columns:1fr!important; gap:4px!important; } .vv-withdrawal-actions, .vv-withdrawal-actions--split{ justify-content:stretch!important; } }