@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap&subset=latin-ext');
html{scroll-behavior:smooth}
.body-banners section[id],#caste-otazky,#co-je-v-baleni{scroll-margin-top:118px}
#header{--th-bg:#3b0716;--th-cream:#fdf0ee;--th-pink:#f4a3b6;
  background:transparent!important;border:0!important;box-shadow:none!important;font-family:Inter,Roboto,sans-serif;pointer-events:none}
#header .navigation-wrapper,#header .th-panel{pointer-events:auto}
#header #navigation,
#header .navigation-buttons a[data-target="search"],
#header .navigation-buttons a[data-target="navigation"]{display:none!important}
#header .navigation-wrapper{display:flex!important;align-items:center;flex-wrap:nowrap!important;box-sizing:border-box;
  background:rgba(74,21,32,.8);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(253,240,238,.12);border-radius:999px;position:relative;box-shadow:0 10px 30px -14px rgba(20,0,6,.45)}
html body #header .navigation-buttons > .top-nav-button-login{display:none!important}
#header .site-name{margin:0!important;padding:0!important;flex:0 0 auto;display:flex;align-items:center;height:auto}
#header .site-name a{display:flex;align-items:center;height:auto;padding:0}
#header .site-name img{width:auto;height:auto;transition:transform .25s ease;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
#header .site-name a:hover img{transform:rotate(-4deg) scale(1.05)}

/* odkazy */
.th-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:40px}
.th-nav a{color:var(--th-cream)!important;font-size:15px;font-weight:600;text-decoration:none!important;white-space:nowrap;position:relative;padding:8px 0;transition:color .2s ease}
.th-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:var(--th-pink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.th-nav a:hover{color:var(--th-pink)!important}
.th-nav a:hover::after{transform:scaleX(1)}

/* ikony + tlačítko */
#header .navigation-buttons{display:flex!important;align-items:center;gap:6px;margin-left:auto;position:static;height:auto;float:none}
#header .navigation-buttons > .top-nav-button-login,
#header .navigation-buttons > .cart-count{position:relative;display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;margin:0;background:none!important;border:0;border-radius:50%;font-size:0!important;color:transparent}
#header .navigation-buttons > .top-nav-button-login::before,
#header .navigation-buttons > .cart-count::before{content:""!important;display:block;width:20px;height:20px;background-color:var(--th-cream)!important;font-size:0!important;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;transition:background-color .2s ease}
#header .navigation-buttons > .top-nav-button-login::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.2-3.6 4-5.5 7.5-5.5s6.3 1.9 7.5 5.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.2-3.6 4-5.5 7.5-5.5s6.3 1.9 7.5 5.5'/%3E%3C/svg%3E")}
#header .navigation-buttons > .cart-count::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1 12.5h-11z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1 12.5h-11z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E")}
#header .navigation-buttons > .top-nav-button-login:hover::before,
#header .navigation-buttons > .cart-count:hover::before{background-color:var(--th-pink)!important}
#header .navigation-buttons > .cart-count i{position:absolute;top:4px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--th-pink)!important;color:#3b0716!important;font:700 10px/17px Inter,Roboto,sans-serif!important;font-style:normal;text-align:center;box-sizing:border-box}
.th-buy,#header .navigation-buttons > a.th-buy{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;margin-left:8px;width:auto!important;min-width:0!important;height:52px!important;line-height:1!important;padding:0 26px!important;border-radius:999px!important;font-size:15px!important;overflow:visible;background:var(--th-cream);color:#3b0716!important;font-size:15px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background-color .2s ease,transform .2s ease}
.th-buy:hover{background:#fff;transform:translateY(-1px)}
.th-buy .th-d::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;background:#3b0716;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.th-buy .th-m{display:none}
#header .navigation-buttons > a.th-buy::before{content:none!important;display:none!important}
.th-burger,.th-panel{display:none}

/* ---------- PC ---------- */
@media (min-width:992px){
  #header{position:sticky!important;top:0;z-index:1000;padding:20px 24px!important;margin-bottom:-112px!important;height:112px;box-sizing:border-box}
  #content-wrapper{padding-top:112px!important;background:linear-gradient(#3b0716,#3b0716) top left/100% 113px no-repeat}
  #header .navigation-wrapper{max-width:1200px;width:100%;margin:0 auto;height:72px;min-height:0;padding:0 10px 0 26px}
  #header .site-name img{max-height:50px}
}
@media (min-width:992px) and (max-width:1100px){.th-nav{gap:24px}.th-nav a{font-size:14px}}

/* ---------- mobil ---------- */
@media (max-width:991px){
  #header{padding:12px!important;height:auto!important;box-sizing:border-box}
  .overall-wrapper{padding-top:84px!important;background:linear-gradient(#3b0716,#3b0716) top left/100% 85px no-repeat}
  .body-banners section[id],#caste-otazky,#co-je-v-baleni{scroll-margin-top:92px}
  #header .navigation-wrapper{width:100%;max-width:none;height:60px;min-height:0;margin:0;padding:0 8px 0 16px}
  #header .site-name img{max-height:36px}
  .th-nav{display:none}
  #header .navigation-buttons{gap:2px}
  #header .navigation-buttons > .top-nav-button-login{display:none!important}
  #header .navigation-buttons > a.th-buy{height:44px!important;padding:0 18px!important;margin-left:4px}
  .th-buy .th-d{display:none}.th-buy .th-m{display:inline}
  .th-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 0 2px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
  .th-burger span,.th-burger span::before{display:block;width:18px;height:1.8px;background:var(--th-cream);border-radius:2px;transition:transform .25s ease}
  .th-burger span{position:relative;transform:translateY(-3px)}
  .th-burger span::before{content:"";position:absolute;left:0;top:6px}
  #header.th-open .th-burger span{transform:translateY(0) rotate(45deg)}
  #header.th-open .th-burger span::before{top:0;transform:rotate(-90deg)}
  .th-panel{display:block;position:absolute;left:12px;right:12px;top:80px;padding:8px 20px;border-radius:24px;background:#4a1520;border:1px solid rgba(253,240,238,.1);box-shadow:0 24px 40px -16px rgba(0,0,0,.5);
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  #header.th-open .th-panel{opacity:1;visibility:visible;transform:none}
  .th-panel a{display:block;padding:15px 0;border-bottom:1px solid rgba(253,240,238,.1);color:var(--th-cream)!important;font-size:17px;font-weight:600;text-decoration:none!important}
  .th-panel a:last-child{border-bottom:0}
}

/* mobilní lišta s cenou na detailu produktu – zelené tlačítko */
.mobile-buy-bar__btn{background:#80a845!important;color:#fff!important}
.mobile-buy-bar__btn:active{background:#6f9539!important}

/* bez zákaznických účtů – skrytí přihlášení a registrace všude */
html body #header .navigation-buttons > .top-nav-button-login,
html body [data-testid="signin"],
html body a.login-button,
html body .co-contact-information .form-group--inline:has(.login-button),
html body .stay-in-touch .form-group:has(#set-registration),
html body #navigation .navigationActions{display:none!important}