/* ========================= 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:2147483200!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(249,240,234,.12)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; z-index:2147483000!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:#edc7bf!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:2147483200!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: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; } 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; } } /* ========================= 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; } 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; min-height:68px!important; height:68px!important; padding:0 32px!important; background:var(--vv-cream)!important; border-radius:var(--vv-card-radius)!important; border:0!important; box-shadow:none!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; 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; } } /* ========================= 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 #header .cart-widget-products-inner, body.cart-window-visible .cart-widget-product, body.cart-window-visible .cart-widget-products-inner{ 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:empty, body.cart-window-visible .cart-widget-products-inner:empty, body.cart-window-visible #header .cart-widget-products-inner:not(:has(.cart-widget-product)), body.cart-window-visible .cart-widget-products-inner:not(:has(.cart-widget-product)){ min-height:130px!important; } body.cart-window-visible #header .cart-widget-products-inner:not(:has(.cart-widget-product)) > *, body.cart-window-visible .cart-widget-products-inner:not(:has(.cart-widget-product)) > *, body.cart-window-visible #header .cart-widget-empty, body.cart-window-visible #header .empty-cart, body.cart-window-visible #header .cart-empty, body.cart-window-visible .cart-widget-empty, body.cart-window-visible .empty-cart, body.cart-window-visible .cart-empty{ font-size:0!important; } body.cart-window-visible #header .cart-widget-products-inner:empty::before, body.cart-window-visible .cart-widget-products-inner:empty::before, body.cart-window-visible #header .cart-widget-products-inner:not(:has(.cart-widget-product))::before, body.cart-window-visible .cart-widget-products-inner:not(:has(.cart-widget-product))::before, body.cart-window-visible #header .cart-widget-empty::before, body.cart-window-visible #header .empty-cart::before, body.cart-window-visible #header .cart-empty::before, body.cart-window-visible .cart-widget-empty::before, body.cart-window-visible .empty-cart::before, body.cart-window-visible .cart-empty::before{ content:"v košíku zatím nic není"!important; display:flex!important; align-items:center!important; justify-content:center!important; min-height:130px!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:18px!important; font-weight:700!important; text-align:center!important; } body.cart-window-visible #header .cart-widget-product, body.cart-window-visible .cart-widget-product{ padding:24px 28px!important; margin-bottom:18px!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 #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-red)!important; font-weight:700!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{ font-size:20px!important; font-weight:700!important; line-height:1!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:20px!important; font-weight:700!important; line-height:1!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:"V košíku je:"; display:block!important; margin-bottom:22px!important; color:var(--vv-gray)!important; font-family:var(--vv-font)!important; font-size:20px!important; font-weight:700!important; letter-spacing:-0.02em!important; } /* neakční texty pod položkami košíku */ body.cart-window-visible .cart-widget-products + p, body.cart-window-visible .cart-widget-products ~ p, body.cart-window-visible .cart-widget-products + div:not(.cart-widget-button):not(.buttons), body.cart-window-visible .cart-widget-products ~ div:not(.cart-widget-button):not(.buttons), body.cart-window-visible .cart-widget-free-shipping, body.cart-window-visible .cart-widget-free-shipping *, body.cart-window-visible .cart-free-shipping, body.cart-window-visible .cart-free-shipping *, body.cart-window-visible .free-shipping, body.cart-window-visible .free-shipping *, body.cart-window-visible .delivery-free, body.cart-window-visible .delivery-free *{ color:var(--vv-gray)!important; } /* pokračovat do košíku */ body.cart-window-visible .cart-widget-button a, body.cart-window-visible .cart-widget-button .btn, body.cart-window-visible .cart-widget-button button, body.cart-window-visible a[href*="kosik"]{ color:var(--vv-hover)!important; transition:color .2s ease!important; background:transparent!important; border:none!important; box-shadow:none!important; font-family:var(--vv-font)!important; font-weight:700!important; } body.cart-window-visible .cart-widget-button a:hover, body.cart-window-visible .cart-widget-button .btn:hover, body.cart-window-visible .cart-widget-button button:hover, body.cart-window-visible a[href*="kosik"]:hover{ color:var(--vv-gray)!important; transform:none!important; } } /* ========================= 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{ color:var(--vv-hover)!important; background:transparent!important; border:none!important; box-shadow:none!important; font-family:var(--vv-font)!important; font-weight:700!important; transition:color .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-gray)!important; background:transparent!important; transform: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: linear-gradient(45deg, transparent calc(50% - 1px), var(--vv-gray) calc(50% - 1px), var(--vv-gray) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), var(--vv-gray) calc(50% - 1px), var(--vv-gray) calc(50% + 1px), transparent calc(50% + 1px))!important; background-color:transparent!important; background-repeat:no-repeat!important; background-size:20px 20px!important; background-position:center!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; } body.cart-window-visible #header .navigation-buttons a.cart-count::before, body.cart-window-visible #header .navigation-buttons a.cart-count::after{ content:none!important; display:none!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(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(93%) contrast(90%)!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; } } /* ========================= 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; } }