:root{
 --red:#787878;
 --red-dark:#5f5f5f;
 --ink:#20242a;
 
 --line:#e5e7eb;
 --soft:#f4f5f7;
 --green:#168447;
 
 
 --shadow:0 10px 28px rgba(0,0,0,.09);
 font-family:Arial,Helvetica,sans-serif;
 }
 *{box-sizing:border-box}
 html{scroll-behavior:smooth}
 body{margin:0;background:#ececec;color:var(--ink)}
 a{color:inherit;text-decoration:none}
 button,input{font:inherit}
 .page{max-width:1220px;margin:auto;background:white;min-height:100vh;box-shadow:0 0 30px rgba(0,0,0,.08)}
 .topbar{height:36px;background:#696969;color:#e4e4e4;font-size:13px;border-bottom:1px solid #575757;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
 .inner{max-width:1160px;margin:auto;padding:0 14px}
 .topbar .inner{height:100%;display:flex;justify-content:space-between;align-items:center}
 .topbar b{color:white}
 .topbar-language{display:flex;align-items:center;gap:10px;color:#f2f2f2;font-size:12px;font-weight:800}
 .topbar-language-label{white-space:nowrap;letter-spacing:.04em}
.topbar-footer-jump-group{display:flex;align-items:center;gap:10px;min-width:0}
.topbar-footer-jump-label{color:#f2f2f2;font-size:10px;line-height:1;font-weight:800;letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;opacity:.88}
 .topbar-footer-jump{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:#787878;
  color:#fff;
  cursor:pointer;
  position:relative;
  z-index:5;
  padding:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.18);
  opacity:1;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;
}
 .topbar-footer-jump::before{content:none}
 .topbar-footer-jump:hover{
  background:#5f5f5f;
  border-color:rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 4px rgba(0,0,0,.20);
  transform:none;
}
 .topbar-footer-jump:active{
  background:#575757;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
  transform:translateY(1px);
}
 .topbar-footer-jump:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:2px;
}
 .topbar-footer-jump-icon{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
}
 .topbar-footer-jump-icon svg{display:block;width:16px;height:16px;overflow:visible}
 .topbar-footer-jump-icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:square;
  stroke-linejoin:miter;
  filter:none;
}
 .topbar-footer-jump:hover .topbar-footer-jump-icon{transform:translateY(1px)}
.topbar-footer-jump-group:has(.topbar-footer-jump:hover) .topbar-footer-jump-label{color:#fff;opacity:1}
.language-switch{position:relative;display:grid;grid-template-columns:44px 44px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:0;background:#787878;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.18);overflow:hidden;isolation:isolate}
 .language-switch::after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.14);pointer-events:none}
 .language-switch-indicator{position:absolute;z-index:0;top:0;bottom:0;left:0;width:44px;border-radius:0;background:#575757;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.18);transform:translateX(0);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .16s ease,box-shadow .16s ease}
 .language-switch[data-active="en"] .language-switch-indicator{transform:translateX(44px)}
 .language-option{position:relative;z-index:3;display:grid;place-items:center;width:44px;height:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#dedede;font-size:11px;font-weight:900;letter-spacing:.07em;cursor:pointer;outline:none;transition:color .16s ease,background .16s ease,transform .11s ease}
 .language-option:hover{color:#fff;background:rgba(255,255,255,.06)}
 .language-option:active{transform:translateY(1px)}
 .language-option.is-active{color:#fff}
 .language-option:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:-3px}
 .language-switch.is-changing .language-switch-indicator{background:#5f5f5f;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.08)}
 .header{display:grid;grid-template-columns:minmax(280px,1fr) 250px;gap:20px;align-items:center;padding:18px 14px}
 .brand-logo-img{display:block;width:260px;height:108px;object-fit:contain;object-position:left center;max-width:100%}
 .logo{display:flex;align-items:center;gap:9px;font-size:30px;font-weight:900;letter-spacing:-1.8px}
 
 .logo small{display:block;font-size:10px;letter-spacing:1.5px;color:#777;margin-top:-2px}
 .head-actions{display:flex;justify-content:flex-end;gap:18px}
 .head-action{display:flex;gap:9px;align-items:center}
 .head-action .ico{font-size:25px}
 .head-action strong{display:block;font-size:14px}
 .head-action span{font-size:12px;color:#777}
 .cart-action{min-width:194px;min-height:54px;justify-content:center;padding:16px 22px;border:1px solid #cfcfcf;background:#f5f5f5;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:background .18s,border-color .18s,box-shadow .18s}
 .cart-action:hover{background:#ececec;border-color:#b7b7b7;box-shadow:0 2px 5px rgba(0,0,0,.10)}
 .cart-action strong{display:block;font-size:16px;line-height:1.2;color:#4f4f4f;white-space:nowrap}
 .cart-action #cartTotal{font-size:inherit;color:inherit}
 .nav{background:#696969;color:white;border-bottom:1px solid #575757;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
 .nav .inner{display:flex;align-items:center}
 .nav a{padding:15px 18px;font-weight:800;font-size:14px}
 .nav a:hover{background:#5f5f5f}
 .nav .category{background:#575757}
 
 .hero{margin-top:20px;min-height:370px;border-radius:0;overflow:hidden;position:relative;background:linear-gradient(120deg,#15181d 0 58%,#787878 58%);color:white;padding:52px 48px}
 .hero h1{font-size:43px;line-height:1.04;max-width:520px;margin:0 0 15px;letter-spacing:-1.3px}
 .hero p{font-size:18px;line-height:1.55;max-width:560px;color:#e5e7eb}
 
 
 
 
 
 .benefit{padding:18px 20px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #d5d5d5;border-radius:0;background:#f7f7f7;min-height:96px;box-shadow:none}
 
 .benefit>div{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;min-height:56px;width:100%}
 
 
 .section{margin-top:48px}
 .section h2{font-size:28px;margin:0 0 12px}
 
 
 
 
 
 
 
 
 .stock{color:var(--green);font-weight:800;margin:14px 0}
 
 
 
 
 .qty{height:50px;border:1px solid #bbb;border-radius:5px;padding:0 10px}
 
 
 
 
 .card{border:1px solid var(--line);border-radius:10px;padding:30px;background:white}
 .card h3{margin-top:0}
 .specs{width:100%;border-collapse:collapse}
 .specs td{padding:11px 8px;border-bottom:1px solid var(--line)}
 .specs td:first-child{color:#777;width:45%}
 .steps{display:grid;gap:13px}
 .step{display:flex;gap:12px}
 .num{width:30px;height:30px;border-radius:0;background:var(--red);color:white;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
 
 
 
 
 
 
 
 
 


 footer{
  background:#575757;
  color:#ececec;
  border-top:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.footer-content{
  display:grid;
  grid-template-columns:1fr 1fr 1.35fr;
  align-items:start;
  gap:64px;
  padding:42px 14px 34px;
}
.footer-column h3{
  margin:0 0 16px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.footer-links{
  display:grid;
  gap:3px;
}
.footer-links a,
.footer-email{
  display:block;
  width:max-content;
  max-width:100%;
  padding:6px 0;
  color:#e7e7e7;
  font-size:14px;
  line-height:1.45;
  text-decoration:none;
  transition:color .16s ease,transform .16s ease;
}
.footer-links a:hover,
.footer-email:hover{
  color:#fff;
  transform:translateX(3px);
}
.footer-links a:focus-visible,
.footer-email:focus-visible,
.language-option:focus-visible,
.footer-language select:focus-visible,
.footer-back-top:focus-visible{
  outline:2px solid rgba(255,255,255,.78);
  outline-offset:3px;
  border-radius:3px;
}
.footer-contact-note{
  margin:0 0 5px;
  color:#cfcfcf;
  font-size:13px;
  line-height:1.5;
}
.footer-social-column{
  justify-self:end;
  width:100%;
  max-width:390px;
}
.social-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.social-link{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:54px;
  padding:7px 32px 7px 8px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.065);
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.social-link::after{
  content:"↗";
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.52);
  font-size:14px;
  transition:color .18s ease,transform .18s ease;
}
.social-link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.13);
}
.social-link:hover::after{
  color:#fff;
  transform:translate(2px,-50%);
}
.social-link:active{transform:translateY(0)}
.social-link:focus-visible{outline:3px solid rgba(255,255,255,.62);outline-offset:3px}
.social-logo-wrap{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.social-logo{display:block;max-width:100%;max-height:100%;object-fit:contain}
.social-logo-discord{width:31px;height:24px;object-fit:cover;object-position:center}
.social-logo-youtube{width:31px;height:24px;object-fit:contain}
.social-link-text{
  display:grid;
  gap:1px;
  min-width:0;
}
.social-link-text strong{
  font-size:13px;
  line-height:1.2;
}
.social-link-text small{
  overflow:hidden;
  color:#cfcfcf;
  font-size:10px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 14px 20px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#d7d7d7;
  font-size:12px;
}
.footer-bottom-actions{
  display:flex;
  align-items:center;
  gap:18px;
}
.footer-language{
  display:flex;
  align-items:center;
  gap:9px;
  color:#d7d7d7;
  font-size:12px;
  font-weight:700;
}
.footer-language select{
  min-width:112px;
  height:34px;
  padding:0 30px 0 11px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:7px;
  background-color:rgba(255,255,255,.09);
  color:#fff;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  outline:none;
  color-scheme:dark;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.footer-language select:hover{
  background-color:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.34);
}
.footer-language select:focus-visible{
  border-color:rgba(255,255,255,.72);
  box-shadow:0 0 0 3px rgba(255,255,255,.16);
}
.footer-language option{
  background:#4f4f4f;
  color:#fff;
}
.footer-back-top-group{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-back-top-label{
  color:#f2f2f2;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  white-space:nowrap;
  text-transform:uppercase;
  opacity:.88;
}
.footer-back-top{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  color:#f5f5f5;
  background:#666;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.18);
  text-decoration:none;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;
}
.footer-back-top:hover{
  background:#5f5f5f;
  border-color:rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 4px rgba(0,0,0,.20);
}
.footer-back-top:active{
  background:#575757;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
  transform:translateY(1px);
}
.footer-back-top:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:2px;
  border-radius:0;
}
.footer-back-top-icon{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  transition:transform .16s ease;
}
.footer-back-top-icon svg{display:block;width:16px;height:16px;overflow:visible}
.footer-back-top-icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:square;
  stroke-linejoin:miter;
}
.footer-back-top:hover .footer-back-top-icon{transform:translateY(-1px)}
.footer-back-top-group:has(.footer-back-top:hover) .footer-back-top-label{color:#fff;opacity:1}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .topbar-footer-jump,.topbar-footer-jump-icon,.footer-back-top,.footer-back-top-icon{transition:none!important}
  .social-link,.social-link::after,.footer-links a,.footer-email,.language-option,.language-switch-indicator,.footer-language select,.footer-back-top{transition:none}
  .social-link:hover,.footer-links a:hover,.footer-email:hover,.footer-back-top:hover{transform:none}
  .language-option:active{transform:none}
}
 .toast{position:fixed;right:20px;bottom:20px;background:#15171a;color:white;padding:14px 18px;border-radius:8px;box-shadow:var(--shadow);opacity:0;transform:translateY(90px);transition:.25s;z-index:100}
 .toast.show{opacity:1;transform:translateY(0)}
 .hidden{display:none!important}

 
 
 
 .legal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
 
 
 .legal-body{display:block}
 .legal-card.is-collapsed .legal-body{display:none}
 .legal-card.is-collapsed{padding-bottom:22px}
 .legal-card.is-collapsed .legal-head{margin-bottom:0}
 .legal-card h3{margin:28px 0 8px;font-size:19px}
 .legal-card p,.legal-card li{color:#4b5563;line-height:1.65}
 .legal-card ol,.legal-card ul{padding-left:22px}
 
 .legal-contact{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;padding:18px;background:var(--soft);border-radius:8px}
 .legal-contact b{color:#333}
 .legal-contact span{color:#555}
 
 
 

 
 
 
 
 
 
 
 .header{
 grid-template-columns:minmax(210px,1fr) auto;
 gap:clamp(12px,3vw,34px);
 padding-top:clamp(12px,2vw,22px);
 padding-bottom:clamp(12px,2vw,22px);
 }
 
 
 .nav .inner{
 overflow-x:auto;
 overscroll-behavior-inline:contain;
 scrollbar-width:none;
 }
 .nav .inner::-webkit-scrollbar{display:none}
 .nav a{flex:0 0 auto}
 main{padding-top:clamp(18px,2.5vw,34px)}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 

 

 

 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


 .hero-product-img{
 position:absolute;
 right:68px;
 top:50%;
 transform:translateY(-50%);
 width:340px;
 max-width:34%;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 18px 34px rgba(0,0,0,.35));
 }


 


 
 
 
 
 .product-option.available:hover{
 transform:translateY(-4px);
 box-shadow:0 12px 24px rgba(0,0,0,.15);
 border-color:#787878;
 }
 
 
 
 
 
 
 
 
 
 
 

 
 .section-title-row{
 display:flex;
 justify-content:space-between;
 align-items:end;
 margin-bottom:18px;
 }
 .section-title-row h2{margin:0 0 6px}
 .section-title-row p{margin:0;color:#777}
 .product-cards{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:22px;
 }
 .shop-card{
 position:relative;
 background:#fff;
 border:1px solid #dfe2e6;
 box-shadow:0 8px 22px rgba(0,0,0,.07);
 overflow:hidden;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
 }
 .shop-card:hover{
 transform:translateY(-4px);
 box-shadow:0 14px 30px rgba(0,0,0,.12);
 border-color:#aeb3b8;
 }
 .shop-card-badge{
 position:absolute;
 top:14px;
 left:14px;
 z-index:2;
 background:#168447;
 color:#fff;
 padding:6px 9px;
 font-size:11px;
 font-weight:900;
 letter-spacing:.4px;
 }
 .shop-card-badge.neutral{background:#787878}
 .shop-card-image{
 height:250px;
 display:grid;
 place-items:center;
 padding:22px;
 background:#f6f7f8;
 border-bottom:1px solid #e5e7eb;
 }
 .shop-card-image img{
 max-width:100%;
 max-height:100%;
 object-fit:contain;
 filter:drop-shadow(0 16px 20px rgba(0,0,0,.18));
 }
 .placeholder-image{background:linear-gradient(145deg,#fafafa,#eceeef)}
 
 
 
 
 .shop-card-body{padding:20px}
 .shop-card-brand{
 color:#787878;
 font-size:12px;
 font-weight:900;
 letter-spacing:1px;
 margin-bottom:7px;
 }
 .shop-card h3{
 margin:0 0 10px;
 min-height:48px;
 font-size:19px;
 line-height:1.28;
 }
 .shop-card-stock{
 color:#777;
 font-size:13px;
 font-weight:800;
 margin-bottom:20px;
 }
 .shop-card-stock.ready{color:#168447}
 .shop-card-footer{
 display:grid;
 gap:14px;
 align-items:end;
 }
 .shop-card-price{
 font-size:28px;
 font-weight:900;
 color:#20242a;
 }
 .shop-card-price small{
 font-size:13px;
 font-weight:400;
 color:#777;
 }
 
 .card-buy{
 width:100%;
 min-height:48px;
 border:0;
 background:#168447;
 color:#fff;
 font-weight:900;
 font-size:16px;
 cursor:pointer;
 }
 .card-buy:hover{background:#116d3a}
 .card-buy.disabled{
 background:#9ca0a5;
 cursor:not-allowed;
 }
 
 

 
 .mini-categories{
 display:flex;
 gap:10px;
 margin:0 0 22px;
 padding:8px;
 background:#eeeeee;
 border:1px solid #d7d7d7;
 }
 .mini-category{
 min-height:44px;
 padding:0 19px;
 border:1px solid #bdbdbd;
 background:#fff;
 color:#303236;
 font-weight:900;
 cursor:pointer;
 transition:background .15s ease,color .15s ease,border-color .15s ease;
 }
 .mini-category:hover{
 border-color:#787878;
 background:#f7f7f7;
 }
 .mini-category.active{
 background:#313236;
 border-color:#313236;
 color:#fff;
 }
 
 
 .masterspool-art{
 width:178px;
 height:178px;
 border:30px solid #25282d;
 border-radius:0;
 display:grid;
 place-items:center;
 background:#777;
 box-shadow:0 15px 26px rgba(0,0,0,.16);
 }
 .masterspool-art span{
 width:78px;
 height:78px;
 border-radius:0;
 display:grid;
 place-items:center;
 background:#fff;
 color:#111;
 font-weight:900;
 letter-spacing:1px;
 }
 
 
 
 
 

 
 .product-slider{
 position:relative;
 padding:0 58px;
 }
 .product-slider .product-cards{
 display:flex;
 gap:22px;
 overflow-x:auto;
 scroll-behavior:smooth;
 scroll-snap-type:x mandatory;
 scrollbar-width:none;
 padding:8px 2px 24px;
 }
 .product-slider .product-cards::-webkit-scrollbar{display:none}
 .product-slider .shop-card{
 flex:0 0 calc((100% - 44px) / 3);
 min-width:0;
 scroll-snap-align:start;
 }

 .slider-arrow{
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 z-index:8;
 width:auto;
 height:auto;
 border:0;
 background:transparent;
 color:#313236;
 font-size:64px;
 line-height:1;
 font-weight:300;
 cursor:pointer;
 padding:8px 10px;
 box-shadow:none;
 text-shadow:0 2px 8px rgba(0,0,0,.18);
 transition:color .15s ease,transform .15s ease,opacity .15s ease;
 }
 .slider-arrow:hover{
 background:transparent;
 color:#787878;
 transform:translateY(-50%) scale(1.08);
 }
 .slider-arrow:disabled{
 opacity:.18;
 cursor:default;
 transform:translateY(-50%);
 }
 .slider-prev{left:8px}
 .slider-next{right:8px}


 
 
 
 
 
 

 #reklamace{
 margin-bottom:80px;
 }



.benefit>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}





.box-checkout-overlay{
 position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;align-items:center;justify-content:center;
 z-index:99999;padding:24px;
}
.box-checkout-overlay.show{display:flex}
.box-checkout{
 width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;color:#20242a;border:1px solid #bdbdbd;
 box-shadow:0 25px 80px rgba(0,0,0,.35);padding:28px;position:relative;
}
.box-checkout h2{margin-top:0;font-size:28px}
.box-checkout-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#555}
.box-checkout form label{display:block;font-size:13px;font-weight:700;margin:13px 0}
.box-checkout input,.box-checkout textarea,.box-checkout select{width:100%;padding:11px;border:1px solid #c9c9c9;margin-top:6px;background:#fff}

.box-checkout-total{font-size:22px;font-weight:900;margin:20px 0}
.box-checkout-submit{width:100%;padding:13px;border:0;background:#2f2f2f;color:#fff;font-weight:900;cursor:pointer}
.box-checkout-message{margin-top:14px;line-height:1.5}.box-payment-success{margin-top:16px;border:1px solid #c9c9c4;background:#f8f8f5}.box-payment-success-head{padding:16px 18px;background:#2f2f2f;color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.box-payment-success-head strong{font-size:16px}.box-payment-success-head small{opacity:.8}.box-payment-success>p{margin:16px 18px 10px;color:#555}.box-payment-details{margin:0 18px 16px;border:1px solid #ddd;background:#fff}.box-payment-details>div{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border-bottom:1px solid #e6e6e2}.box-payment-details>div:last-child{border-bottom:0}.box-payment-details span{color:#6b6b6b;font-size:13px}.box-payment-details strong{text-align:right;word-break:break-word}.box-payment-note{padding:12px 18px;background:#eef4e9;border-top:1px solid #c9d8c1;font-size:13px}.box-payment-success+.x{display:none}



.box-checkout-breakdown div{display:flex;justify-content:space-between;gap:20px;padding:4px 0;font-size:14px}

.empty-catalog{min-width:100%;padding:34px;border:1px dashed #c9c9c4;background:#fafaf8;text-align:center;color:#666;box-sizing:border-box}

.box-pickup-panel{margin:14px 0;padding:15px;border:1px solid #d7d7d2;background:#f7f7f4}.box-pickup-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.box-pickup-head strong,.box-pickup-head small{display:block}.box-pickup-head small{margin-top:4px;color:#777}.box-pickup-map{border:0;background:#2f2f2f;color:#fff;padding:10px 12px;cursor:pointer;white-space:nowrap}.box-pickup-status{font-size:12px;color:#496d3f;margin-top:8px;line-height:1.4}
.box-coupon-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.box-coupon-row button{height:42px;white-space:nowrap}.box-coupon-status{font-size:12px;color:#555;margin:-4px 0 10px;min-height:18px}




.benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:26px 0 42px;
  border:0;
  background:transparent;
  overflow:visible;
}
.benefit,
.benefit:last-child{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:96px;
  padding:18px 20px;
  text-align:center;
  background:#f7f7f7;
  border:1px solid #d5d5d5;
  border-radius:10px;
  box-shadow:none;
}
.benefit > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:56px;
  text-align:center;
}
.benefit b{
  display:block;
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
  color:#2f2f2f;
}
.benefit small{
  display:block;
  margin:0 auto;
  max-width:230px;
  font-size:13px;
  line-height:1.35;
  color:#626262;
  text-align:center;
}


.benefits{
  gap:0;
  border:1px solid #d5d5d5;
  background:#f7f7f7;
  overflow:hidden;
  border-radius:10px;
}
.benefit,
.benefit:last-child{
  border:0;
  border-right:1px solid #d5d5d5;
  background:#f7f7f7;
}
.benefit:last-child{
  border-right:0;
}


.details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.details > .card{
  display:flex;
  flex-direction:column;
  min-height:390px;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #d5d5d5;
  border-radius:10px;
  box-shadow:none;
}
.details > .card h3{
  margin:0;
  padding:20px 22px;
  font-size:20px;
  line-height:1.25;
  color:#2f2f2f;
  background:#f7f7f7;
  border-bottom:1px solid #d5d5d5;
}
.details .specs{
  width:calc(100% - 44px);
  margin:8px 22px 20px;
  border-collapse:collapse;
}
.details .specs td{
  height:48px;
  padding:12px 4px;
  border-bottom:1px solid #e2e2e2;
  vertical-align:middle;
  font-size:14px;
}
.details .specs tr:last-child td{border-bottom:0}
.details .specs td:first-child{
  width:50%;
  color:#666;
}
.details .specs td:last-child{
  text-align:right;
  color:#2f2f2f;
}
.details .steps{
  display:grid;
  gap:0;
  margin:8px 22px 20px;
}
.details .step{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:10px 4px;
  border-bottom:1px solid #e2e2e2;
}
.details .step:last-child{border-bottom:0}
.details .step > div{line-height:1.35}
.details .step b{
  display:block;
  margin-bottom:3px;
  font-size:14px;
  color:#2f2f2f;
}
.details .step small{
  display:block;
  color:#666;
  font-size:13px;
  line-height:1.35;
}
.details .num{
  width:30px;
  height:30px;
  border-radius:8px;
  background:#787878;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:700;
  font-size:13px;
}


.legal-wrap{
  display:grid;
  gap:24px;
}
.legal-card{
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #d5d5d5;
  border-radius:10px;
  box-shadow:none;
}
.legal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:72px;
  margin:0;
  padding:14px 18px 14px 22px;
  background:#f7f7f7;
  border-bottom:1px solid #d5d5d5;
}
.legal-card.is-collapsed{
  padding:0;
}
.legal-card.is-collapsed .legal-head{
  margin:0;
  border-bottom:0;
}
.legal-card h2{
  margin:0;
  font-size:20px;
  line-height:1.25;
  color:#2f2f2f;
}
.legal-toggle{
  min-width:112px;
  min-height:42px;
  padding:10px 18px;
  border:1px solid #bdbdbd;
  border-radius:8px;
  background:#fff;
  color:#333;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s,border-color .18s;
}

.legal-toggle:focus-visible{
  outline:2px solid #787878;
  outline-offset:2px;
}
.legal-body{
  padding:8px 22px 26px;
}


:root{
  --box-panel-border:#cfcfcf;
  --box-panel-head:#f3f3f3;
}
.cart-action,.qty,.card,.toast,.benefits,.benefit,.details > .card,.details .num,.legal-card,.legal-toggle,.legal-contact,.shop-card,.social-link,.social-logo-wrap,.footer-language select,.box-checkout,.box-checkout input,.box-checkout textarea,.box-checkout select,.box-checkout-submit,.box-pickup-panel,.box-pickup-map,.empty-catalog{
  border-radius:0 !important;
}
.benefits,.details > .card,.legal-card,.shop-card{
  border-color:var(--box-panel-border) !important;
}
.details > .card h3,
.legal-head,
.benefit,
.benefit:last-child{
  background:var(--box-panel-head) !important;
}
.details > .card,
.legal-card,
.benefits{
  box-shadow:0 2px 8px rgba(0,0,0,.045) !important;
}
.shop-card{
  border-radius:0 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.065);
}
.shop-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.legal-toggle{
  background:#787878;
  color:#fff;
  border-color:#787878;
}
.cart-action,
.qty{
  background:#fff;
}
.legal-toggle:hover{
  background:#5f5f5f;
  border-color:#5f5f5f;
}
.cart-action:hover{
  background:#e9e9e9;
}



.legal-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:
    background-color .20s ease,
    border-color .20s ease,
    box-shadow .20s ease,
    transform .18s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.legal-toggle::after{
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transform-origin:center;
  transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.legal-toggle:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 12px rgba(0,0,0,.16);
}
.legal-toggle:active{
  transform:translateY(0) scale(.97);
  box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.legal-toggle[aria-expanded="true"]::after{
  transform:rotate(225deg) translate(-1px,-1px);
}
.legal-toggle[aria-expanded="true"]{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
@media (prefers-reduced-motion: reduce){
  .legal-toggle,
  .legal-toggle::after{
    transition:none;
  }
  .legal-toggle:hover,
  .legal-toggle:active{
    transform:none;
  }
}



.intro-screen{
 position:fixed;
 inset:0;
 z-index:999999;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#ffffff;
 color:#1f2329;
 opacity:1;
 visibility:visible;
 transition:opacity .72s ease, visibility .72s ease;
}
.intro-screen.is-hidden{
 opacity:0;
 visibility:hidden;
 pointer-events:none;
}







body.intro-active{overflow:hidden;}
body.intro-active .page{
  opacity:0;
  visibility:hidden;
  filter:none;
  transform:none;
}
.page{
  opacity:1;
  visibility:visible;
  transition:opacity .24s ease, visibility .24s ease, filter .72s ease, transform .72s ease;
}


@media (prefers-reduced-motion: reduce){
 .intro-screen,.page{transition:none !important; animation:none !important;}
 
 body.intro-active .page{opacity:0; visibility:hidden; filter:none; transform:none;}
}



[data-site-reveal]{
  will-change:opacity,transform,filter,clip-path;
  transition:
    opacity .72s cubic-bezier(.2,.72,.18,1),
    transform .84s cubic-bezier(.2,.72,.18,1),
    filter .72s ease,
    clip-path .9s cubic-bezier(.2,.72,.18,1);
  transition-delay:calc(var(--reveal-delay, 0) * 1ms);
}
.site-assembling [data-site-reveal]{
  opacity:0;
  filter:blur(7px);
  pointer-events:none;
}
.site-assembling [data-site-reveal="top"]{
  transform:translateY(-14px);
}
.site-assembling [data-site-reveal="hero"]{
  transform:translateY(20px) scale(.99);
  clip-path:inset(0 0 100% 0);
}
.site-assembling [data-site-reveal="up"]{
  transform:translateY(18px) scale(.995);
}
.site-assembling [data-site-reveal="left"]{
  transform:translateX(-18px) scale(.995);
}
.site-assembling [data-site-reveal="right"]{
  transform:translateX(18px) scale(.995);
}
.site-assembled [data-site-reveal]{
  opacity:1;
  transform:none;
  filter:none;
  clip-path:inset(0 0 0 0);
  pointer-events:auto;
}
.site-assembled .benefit{
  animation:benefitAssemble .58s cubic-bezier(.2,.72,.18,1) both;
}
.site-assembled .benefit:nth-child(1){animation-delay:1.08s}
.site-assembled .benefit:nth-child(2){animation-delay:1.16s}
.site-assembled .benefit:nth-child(3){animation-delay:1.24s}
@keyframes benefitAssemble{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){
  [data-site-reveal],
  .site-assembled .benefit{
    transition:none!important;
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
  }
}





.box-checkout-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:0 44px 20px 0;
  border-bottom:1px solid #dedede;
}




.box-checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);
  gap:28px;
  padding-top:24px;
}
.box-checkout-fields,
.box-checkout-summary{
  min-width:0;
}
.box-checkout-fields > h3,
.box-checkout-summary > h3{
  margin:0 0 14px;
  font-size:16px;
  font-weight:800;
}


.box-cart-product-image{
  grid-row:1 / span 2;
  width:82px;
  height:82px;
  overflow:hidden;
  border:1px solid #e0e0e0;
  background:#f4f4f4;
}
.box-cart-product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.box-cart-product-info{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.box-cart-product-info > span{
  color:#787878;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.box-cart-product-info > strong{
  overflow:hidden;
  color:#272727;
  font-size:15px;
  line-height:1.25;
  text-overflow:ellipsis;
}
.box-cart-product-info > small{
  color:#656565;
  font-size:12px;
}
.box-cart-quantity{
  grid-column:2;
  display:grid;
  grid-template-columns:40px 46px 40px;
  align-items:center;
  justify-content:start;
  width:max-content;
  border:1px solid #c9c9c9;
  background:#fff;
}
.box-cart-quantity button,
.box-cart-quantity output{
  display:grid;
  width:100%;
  height:38px;
  margin:0;
  place-items:center;
  border:0;
  background:#fff;
  color:#262626;
  font-size:20px;
  font-weight:700;
  line-height:1;
}

.box-cart-quantity button{
  cursor:pointer;
  transition:background .16s,color .16s;
}

.box-cart-quantity button:disabled{
  color:#b8b8b8;
  cursor:not-allowed;
}
.box-checkout-summary .box-coupon-row{
  margin-top:15px;
}
.box-checkout-summary .box-coupon-row label{
  margin:0;
}
.box-coupon-row button{
  min-width:86px;
  border:0;
  background:#787878;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:background .18s;
}




.box-checkout-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:16px 0;
  padding-top:2px;
  font-size:17px;
}




.box-checkout input,
.box-checkout textarea,
.box-checkout select{
  min-height:44px;
  border-color:#cfcfcf;
  outline:none;
  transition:border-color .16s,box-shadow .16s;
}
.box-checkout textarea{
  min-height:88px;
  resize:vertical;
}
.box-checkout input:focus,
.box-checkout textarea:focus,
.box-checkout select:focus{
  border-color:#787878;
  box-shadow:0 0 0 3px rgba(120,120,120,.12);
}




.box-checkout-field-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.box-checkout-field-stack input,
.box-checkout-field-stack select{
  width:100%;
}



.box-checkout-empty[hidden],
#boxCheckoutForm[hidden]{
  display:none!important;
}
.box-checkout-empty{
  display:flex;
  min-height:390px;
  padding:54px 24px 46px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.box-checkout-empty-image{
  display:block;
  width:210px;
  max-width:64vw;
  height:auto;
  margin:0 0 24px;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.box-checkout-empty h3{
  margin:0;
  color:#252525;
  font-size:27px;
  line-height:1.2;
}
.box-checkout-empty p{
  max-width:390px;
  margin:10px 0 0;
  color:#707070;
  line-height:1.55;
}





.box-checkout-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.box-checkout-steps li{position:relative;min-width:0}
.box-checkout-steps li:not(:last-child)::after{content:"";position:absolute;z-index:0;top:19px;left:calc(50% + 28px);right:calc(-50% + 28px);height:1px;background:#d4d4d4}
.box-checkout-step-button{position:relative;z-index:1;display:flex;width:100%;flex-direction:column;align-items:center;gap:8px;padding:0 8px 12px;border:0;background:transparent;color:#777;font:inherit;cursor:pointer}
.box-checkout-step-button span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #cfcfcf;border-radius:0;background:#fff;color:#555;font-size:14px;font-weight:900;transition:background .18s,border-color .18s,color .18s,transform .18s}
.box-checkout-step-button strong{overflow:hidden;max-width:100%;font-size:13px;line-height:1.25;text-align:center;text-overflow:ellipsis}


.box-checkout-step-button:disabled{opacity:.45;cursor:not-allowed}

.box-checkout-section + .box-checkout-section{margin-top:18px}
.box-checkout-section > h3{margin:0 0 14px;font-size:16px;font-weight:800}





body.checkout-open{overflow:hidden}
.box-checkout-overlay{padding:22px;background:rgba(17,17,17,.66);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.box-checkout{display:flex;width:min(1160px,100%);max-height:94vh;padding:0;flex-direction:column;overflow:hidden;border:1px solid #c9c9c9;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}
.box-checkout-top{position:relative;z-index:3;flex:0 0 auto;background:#fff;border-bottom:1px solid #dedede}
.box-checkout-heading{padding:26px 72px 20px 30px;border:0}
.box-checkout-heading h2{margin:0;font-size:29px;line-height:1.15;letter-spacing:-.02em}
.box-checkout-close{top:20px;right:24px;width:40px;height:40px;border:1px solid #d5d5d5;background:#fff;font-size:25px}

.box-checkout-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 30px 34px;scroll-behavior:smooth}
.box-checkout-scroll{
  scrollbar-width:thin;
  scrollbar-color:#a2a2a2 #e8e8e8;
}
.box-checkout-scroll::-webkit-scrollbar{width:10px;height:10px}
.box-checkout-scroll::-webkit-scrollbar-track{
  background:linear-gradient(90deg,#eeeeee 0%,#dcdcdc 100%);
  border-left:1px solid #c8c8c8;
}
.box-checkout-scroll::-webkit-scrollbar-thumb{
  border:1px solid #858585;
  border-radius:999px;
  background:linear-gradient(90deg,#8f8f8f 0%,#d7d7d7 35%,#ababab 65%,#777777 100%);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.65),inset -1px 0 0 rgba(80,80,80,.18);
}
.box-checkout-scroll::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,#818181 0%,#e0e0e0 35%,#a0a0a0 65%,#6d6d6d 100%);
}
.box-checkout-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:0;align-items:start}
.box-checkout-fields{display:grid;gap:20px}
.box-checkout-section{padding:0;border:1px solid #d3d3d3;background:#fff;scroll-margin-top:18px}
.box-checkout-section+.box-checkout-section{margin-top:0}
.box-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #dedede;background:#f5f5f5}
.box-section-heading>div>span{display:block;margin-bottom:3px;color:#777;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.box-section-heading h3{margin:0;font-size:18px;line-height:1.2}
.box-cart-count{color:#666;font-size:12px;font-weight:700}
.box-cart-product{display:grid;grid-template-columns:104px minmax(0,1fr) auto minmax(135px,auto);gap:18px;align-items:center;padding:20px;border:0;background:#fff}
.box-cart-product-image{grid-row:auto;width:104px;height:104px;border:1px solid #e0e0e0;background:#f7f7f7}
.box-cart-product-info{gap:5px;align-self:center}
.box-cart-product-info>span{font-size:10px;letter-spacing:.13em}
.box-cart-product-info>strong{font-size:17px;line-height:1.3;white-space:normal}
.box-cart-product-info>small{font-size:13px}
.box-cart-actions{display:flex;flex-direction:column;align-items:center;gap:8px}
.box-cart-quantity{grid-column:auto;grid-template-columns:42px 48px 42px;border-color:#c7c7c7}
.box-cart-quantity button,.box-cart-quantity output{height:42px}


.box-cart-line-price small{display:block;margin-bottom:4px;color:#777;font-size:11px}
.box-cart-line-price strong{font-size:20px;white-space:nowrap}
.box-method-block{padding:20px}
.box-method-block+.box-method-block{padding-top:0}
.box-field-label{margin:0 0 9px;color:#252525;font-size:13px;font-weight:800}
.box-choice-list{display:grid;gap:9px}
.box-choice-card{position:relative;display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;margin:0!important;padding:13px 15px;border:1px solid #d3d3d3;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
.box-choice-card:hover{border-color:#999;background:#fafafa}
.box-choice-card:has(input:checked){border-color:#2b2b2b;box-shadow:inset 3px 0 0 #2b2b2b}
.box-choice-card input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;opacity:0;pointer-events:none}
.box-choice-control{display:grid;width:18px;height:18px;place-items:center;border:1px solid #9e9e9e;border-radius:50%}
.box-choice-control::after{content:"";width:8px;height:8px;border-radius:0;background:#2b2b2b;transform:scale(0);transition:transform .14s}
.box-choice-card:has(input:checked) .box-choice-control{border-color:#2b2b2b}
.box-choice-card:has(input:checked) .box-choice-control::after{transform:scale(1)}
.box-choice-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.box-choice-copy strong{font-size:13px;line-height:1.3}
.box-choice-copy small{color:#777;font-size:11px;font-weight:500}
.box-choice-price{font-size:13px;font-weight:800;white-space:nowrap}
.box-method-empty{margin:0;padding:14px;border:1px dashed #ccc;color:#777;font-size:13px}
.box-pickup-panel{margin:0 20px 20px;padding:16px;background:#f7f7f7}
.box-pickup-panel label{margin:13px 0 0!important}
.box-checkout-field-stack{gap:0;padding:20px}
.box-checkout-field-stack label{margin:0 0 15px!important;font-size:13px}
.box-checkout-field-stack label:last-child{margin-bottom:0!important}
.box-checkout input,.box-checkout textarea,.box-checkout select{min-height:46px;margin-top:7px;padding:11px 12px;border:1px solid #c9c9c9;background:#fff;font-size:14px}
.box-checkout input::placeholder{color:#929292}
.box-checkout input:focus,.box-checkout textarea:focus,.box-checkout select:focus{border-color:#333;box-shadow:0 0 0 2px rgba(0,0,0,.08)}
.box-checkout-summary{position:sticky;top:0;align-self:start;padding:20px;border:1px solid #d0d0d0;background:#f6f6f6;scroll-margin-top:18px}
.box-checkout-summary>h3{margin:0 0 17px;padding-bottom:14px;border-bottom:1px solid #d8d8d8;font-size:18px}
.box-checkout-summary .box-coupon-row{margin:0}
.box-coupon-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.box-coupon-row label{margin:0!important;font-size:12px}
.box-coupon-row input{height:44px;min-height:44px}
.box-coupon-row button{height:44px;min-width:82px;padding:0 14px;background:#6f6f6f}
.box-coupon-row button:hover{background:#3e3e3e}
.box-coupon-status{margin:7px 0 0;min-height:16px}
.box-checkout-breakdown{margin-top:16px;padding:14px 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.box-checkout-breakdown div{padding:6px 0;font-size:13px}
.box-checkout-breakdown span{color:#666}
.box-checkout-breakdown .is-discount span,.box-checkout-breakdown .is-discount strong{color:#3d7134}
.box-checkout-total{margin:17px 0;align-items:end;font-size:17px}
.box-checkout-total strong{font-size:26px;line-height:1}


.box-checkout-safe-note{margin:10px 0 0;color:#777;font-size:11px;line-height:1.45;text-align:center}
.box-checkout-message{font-size:13px}
.box-checkout-steps{padding:0 30px 18px}
.box-checkout-steps ol{max-width:720px;margin:0 auto}

.box-checkout-step-button{gap:7px;padding:0 8px;color:#777}
.box-checkout-step-button span{width:34px;height:34px;border-color:#c8c8c8;font-size:13px}
.box-checkout-step-button strong{font-size:12px}
.box-checkout-steps li.is-active .box-checkout-step-button{color:#202020}
.box-checkout-steps li.is-active .box-checkout-step-button span,.box-checkout-step-button:hover:not(:disabled) span{border-color:#292929;background:#292929;color:#fff;transform:none}
.box-checkout-empty{min-height:430px;padding:58px 24px}
.box-checkout-empty-image{width:185px;margin-bottom:22px}
.box-checkout-empty h3{font-size:25px}






.box-checkout-success[hidden]{display:none!important}
.box-checkout-success{
  min-height:430px;
  display:grid;
  place-items:center;
  padding:44px 24px;
  outline:none;
}
.box-checkout-success .box-payment-success{
  width:min(640px,100%);
  margin:0;
  box-shadow:0 12px 34px rgba(0,0,0,.08);
}
.box-checkout-message:not(:empty){
  margin-top:13px;
  padding:11px 12px;
  border:1px solid #d9b7b7;
  background:#fff4f4;
  color:#8b1f1f;
  line-height:1.45;
}
.box-choice-card input:checked ~ .box-choice-control{border-color:#2b2b2b}
.box-choice-card input:checked ~ .box-choice-control::after{transform:scale(1)}
.box-checkout input:invalid:not(:placeholder-shown){border-color:#a83a3a}
.box-checkout input:disabled,.box-checkout select:disabled{cursor:not-allowed;background:#ededed;color:#777}
.box-checkout-close:focus-visible,.box-checkout-step-button:focus-visible,.box-cart-quantity button:focus-visible,.box-coupon-row button:focus-visible,.box-checkout-submit:focus-visible{
  outline:3px solid rgba(30,30,30,.28);
  outline-offset:2px;
}






.box-checkout-steps ol{
  max-width:860px;
  column-gap:18px;
}
.box-checkout-steps li{
  display:flex;
  align-items:center;
  justify-content:center;
}
.box-checkout-steps li:not(:last-child)::after{
  content:"→";
  top:50%;
  right:-9px;
  left:auto;
  width:auto;
  height:auto;
  transform:translate(50%,-50%);
  background:transparent;
  color:#b0b0b0;
  font-size:18px;
  line-height:1;
}
.box-checkout-step-button{
  width:auto;
  max-width:100%;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 10px;
}
.box-checkout-step-button span{
  flex:0 0 auto;
  border-radius:0 !important;
}
.box-checkout-step-button strong{
  max-width:none;
  text-align:left;
  white-space:normal;
}





.box-pickup-panel{border-radius:0}
.box-pickup-map{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;letter-spacing:.01em;border-radius:0;transition:opacity .18s ease,transform .18s ease}
.box-pickup-map:hover{transform:translateY(-1px)}
.box-pickup-map:disabled{opacity:.58;cursor:wait;transform:none}
.box-pickup-panel input[readonly]{background:#fff;color:#242424;cursor:default;border-color:#bdbdb8}
.box-pickup-status{min-height:18px;font-weight:650}
.box-pickup-status:empty{display:none}

/* BOXSIRIUS: pevné desktopové rozložení na všech zařízeních */
html{
  -webkit-text-size-adjust:100%;
}
body{
  min-width:1220px;
  overflow-x:auto;
}
.page{
  width:1220px;
  max-width:none;
  margin:0 auto;
}
.inner{
  width:1160px;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:14px;
  padding-right:14px;
}
.header{
  grid-template-columns:1fr 250px;
  gap:20px;
  padding:18px 14px;
}
.brand-logo-img{width:260px;height:108px}
.head-actions{flex-wrap:nowrap}
.nav .inner{overflow:visible}
main{padding:28px 14px 40px}
.hero{min-height:370px;padding:52px 48px}
.hero h1{max-width:560px;font-size:43px}
.hero p{max-width:560px;font-size:18px}
.benefits{grid-template-columns:repeat(3,1fr)}
.details{grid-template-columns:1.25fr .75fr}

/* Košík – finální desktopové rozložení bez překrývání */
.box-checkout-overlay{
  align-items:center;
  padding:24px;
}
.box-checkout{
  width:1160px;
  max-width:1160px;
  max-height:calc(100vh - 48px);
  padding:0;
}
.box-checkout-layout{
  grid-template-columns:minmax(0,1fr) 340px;
  gap:28px;
}
.box-checkout-summary{
  position:sticky;
  top:0;
  order:initial;
}
.box-checkout-steps ol{
  min-width:0;
  max-width:860px;
}
.box-cart-product{
  grid-template-columns:104px minmax(0,1fr) 150px 160px;
  gap:18px;
  padding:20px;
}
.box-cart-actions{
  min-width:150px;
  align-items:stretch;
}
.box-cart-quantity{
  width:100%;
  grid-template-columns:44px 1fr 44px;
  border:1px solid #c8c8c8;
  background:#fff;
}
.box-cart-quantity button,
.box-cart-quantity output{
  height:44px;
}
.box-cart-quantity button{
  position:relative;
  background:#fff;
  color:#2a2a2a;
  font-size:21px;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.box-cart-quantity button:hover:not(:disabled){
  background:#292929;
  color:#fff;
}
.box-cart-quantity button:active:not(:disabled){
  background:#111;
}
.box-cart-quantity button:disabled{
  background:#f6f6f6;
  color:#b5b5b5;
}
.box-cart-quantity output{
  border-right:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
  background:#fafafa;
  font-size:14px;
  font-weight:800;
}
.box-cart-line-price{
  min-width:160px;
  align-self:center;
  text-align:right;
}
.box-cart-line-price strong{font-size:20px}

/* Jednotný design akčních tlačítek košíku */
.box-coupon-row button,
.box-pickup-map,
.box-checkout-submit,
.box-checkout-close{
  border-radius:0;
  font:inherit;
}
.box-coupon-row button,
.box-pickup-map{
  min-height:46px;
  padding:0 16px;
  border:1px solid #606060;
  background:#707070;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.box-coupon-row button:hover:not(:disabled),
.box-pickup-map:hover:not(:disabled){
  border-color:#3c3c3c;
  background:#505050;
  transform:none;
}
.box-coupon-row button:active:not(:disabled),
.box-pickup-map:active:not(:disabled){
  background:#353535;
}
.box-pickup-map:disabled,
.box-coupon-row button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.box-checkout-submit{
  min-height:54px;
  padding:14px 18px;
  border:1px solid #1d1d1d;
  background:#292929;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.box-checkout-submit:hover:not(:disabled){
  border-color:#090909;
  background:#0f0f0f;
  transform:none;
}
.box-checkout-submit:active:not(:disabled){background:#000}
.box-checkout-submit:disabled{opacity:.55;cursor:not-allowed}
.box-checkout-close{
  display:grid;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  padding:0;
  place-items:center;
  border:1px solid #d0d0d0;
  background:#fff;
  color:#333;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.box-checkout-close:hover{
  border-color:#a8a8a8;
  background:#f0f0f0;
  color:#111;
  transform:none;
}
.box-checkout-close:active{background:#e4e4e4}
.box-checkout button:focus-visible,
.box-checkout input:focus-visible,
.box-checkout select:focus-visible,
.box-checkout textarea:focus-visible{
  outline:3px solid rgba(32,32,32,.28);
  outline-offset:2px;
}

/* BOXSIRIUS scrollbar – původní šedý design s kulatým jezdcem */
:root{--box-scrollbar-size:12px}
html,body{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}
.box-scroll-rail{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:100048;
  width:var(--box-scrollbar-size);
  margin:0;
  padding:0;
  border-left:1px solid #c3c3c3;
  background:linear-gradient(90deg,#eeeeee 0%,#dddddd 52%,#cfcfcf 100%);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.9),inset -1px 0 0 rgba(120,120,120,.12);
  pointer-events:none;
}
.box-scroll-rail::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#bababa 0%,#f1f1f1 50%,#b7b7b7 100%);
  box-shadow:inset 0 0 1px rgba(0,0,0,.18);
  opacity:.78;
}
.box-scroll-dot{
  position:fixed;
  top:0;
  right:1px;
  z-index:100050;
  width:10px;
  height:10px;
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:1px solid #7f7f7f;
  border-radius:0;
  background:radial-gradient(circle at 34% 27%,#ffffff 0%,#eeeeee 20%,#c4c4c4 49%,#909090 76%,#777777 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.96),0 1px 2px rgba(0,0,0,.24);
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  will-change:transform;
}
.box-scroll-dot::before{
  content:"";
  position:absolute;
  left:2px;
  top:1px;
  width:4px;
  height:3px;
  border-radius:0;
  background:rgba(255,255,255,.82);
  pointer-events:none;
}
.box-scroll-dot:hover{
  background:radial-gradient(circle at 34% 27%,#ffffff 0%,#f4f4f4 23%,#cdcdcd 50%,#858585 100%);
}
.box-scroll-dot:active,
.box-scroll-dot.is-dragging{
  cursor:grabbing;
  background:radial-gradient(circle at 34% 27%,#ededed 0%,#c8c8c8 38%,#858585 100%);
}
.box-scroll-dot:focus-visible{
  outline:2px solid rgba(55,55,55,.55);
  outline-offset:2px;
}
.box-scroll-arrow-button{
  position:fixed;
  right:0;
  z-index:100051;
  width:var(--box-scrollbar-size);
  height:var(--box-scrollbar-size);
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:0;
  border-left:1px solid #c3c3c3;
  background:linear-gradient(180deg,#fafafa 0%,#e5e5e5 48%,#c8c8c8 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(110,110,110,.14);
  color:#5c5c5c;
  cursor:pointer;
}
.box-scroll-arrow-up{top:0;border-bottom:1px solid #bdbdbd}
.box-scroll-arrow-down{bottom:0;border-top:1px solid #bdbdbd}
.box-scroll-arrow-button::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  transform:translate(-50%,-50%);
  border-style:solid;
}
.box-scroll-arrow-up::before{
  border-width:0 3px 4px 3px;
  border-color:transparent transparent currentColor transparent;
}
.box-scroll-arrow-down::before{
  border-width:4px 3px 0 3px;
  border-color:currentColor transparent transparent transparent;
}
.box-scroll-arrow-button:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eeeeee 50%,#cfcfcf 100%);
  color:#333;
}
.box-scroll-arrow-button:active{
  background:linear-gradient(180deg,#c7c7c7 0%,#e6e6e6 100%);
}
.box-scroll-arrow-button:focus-visible{
  outline:2px solid rgba(55,55,55,.55);
  outline-offset:-2px;
}
.box-scroll-rail.is-hidden,
.box-scroll-dot.is-hidden,
.box-scroll-arrow-button.is-hidden,
body.intro-active .box-scroll-rail,
body.intro-active .box-scroll-dot,
body.intro-active .box-scroll-arrow-button{
  display:none;
}


/* BOXSIRIUS – jemné mikroanimace tlačítek: lift + press bez lesku */
.card-buy,
.cart-action,
.mini-category,
.legal-toggle,
.box-coupon-row button,
.box-pickup-map,
.box-checkout-submit{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease;
  will-change:transform;
}

.card-buy:hover:not(:disabled),
.cart-action:hover,
.mini-category:hover:not(:disabled),
.legal-toggle:hover:not(:disabled),
.box-coupon-row button:hover:not(:disabled),
.box-pickup-map:hover:not(:disabled),
.box-checkout-submit:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 7px 16px rgba(0,0,0,.16);
}

.card-buy:active:not(:disabled),
.cart-action:active,
.mini-category:active:not(:disabled),
.legal-toggle:active:not(:disabled),
.box-coupon-row button:active:not(:disabled),
.box-pickup-map:active:not(:disabled),
.box-checkout-submit:active:not(:disabled){
  transform:translateY(1px) scale(.985);
  box-shadow:0 2px 5px rgba(0,0,0,.14);
  transition-duration:.07s;
}

/* Malá tlačítka v košíku: jen čistý press bez lesklého přejezdu */
.box-cart-quantity button,
.slider-arrow,
.box-checkout-close,
.box-checkout-step-button span{
  transition:
    transform .14s cubic-bezier(.2,.8,.2,1),
    box-shadow .14s ease,
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}
.box-cart-quantity button:hover:not(:disabled),
.box-checkout-close:hover,
.box-checkout-step-button:hover:not(:disabled) span{
  transform:translateY(-1px);
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.box-cart-quantity button:active:not(:disabled),
.box-checkout-close:active,
.box-checkout-step-button:active:not(:disabled) span{
  transform:translateY(1px) scale(.96);
  box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.slider-prev:hover:not(:disabled){transform:translateX(-2px)}
.slider-next:hover:not(:disabled){transform:translateX(2px)}
.slider-arrow:active:not(:disabled){transform:scale(.92)}

@media (prefers-reduced-motion:reduce){
  .card-buy,
  .cart-action,
  .mini-category,
  .legal-toggle,
  .box-coupon-row button,
  .box-pickup-map,
  .box-checkout-submit,
  .box-cart-quantity button,
  .slider-arrow,
  .box-checkout-close,
  .box-checkout-step-button span{
    transition-duration:.01ms !important;
  }
  .card-buy:hover:not(:disabled),
  .cart-action:hover,
  .mini-category:hover:not(:disabled),
  .legal-toggle:hover:not(:disabled),
  .box-coupon-row button:hover:not(:disabled),
  .box-pickup-map:hover:not(:disabled),
  .box-checkout-submit:hover:not(:disabled),
  .box-cart-quantity button:hover:not(:disabled),
  .box-checkout-close:hover,
  .box-checkout-step-button:hover:not(:disabled) span,
  .slider-arrow:hover:not(:disabled){
    transform:none;
  }
}


/* BOXSIRIUS logo micro-interaction — intentionally subtle */
.header .logo .brand-logo-img{
  transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .55s ease;
  transform-origin:center center;
  filter:
    drop-shadow(0 3px 4px rgba(0,0,0,.045))
    drop-shadow(0 9px 16px rgba(0,0,0,.035));
}
.header .logo:hover .brand-logo-img{
  transform:translateY(-2px) scale(1.012);
  filter:
    drop-shadow(0 4px 5px rgba(0,0,0,.065))
    drop-shadow(0 13px 22px rgba(0,0,0,.055));
}
.header .logo:active .brand-logo-img{
  transform:translateY(0) scale(.996);
  transition-duration:.16s;
}
@media (prefers-reduced-motion:reduce){
  .header .logo .brand-logo-img{
    transition:none!important;
    transform:none!important;
    filter:drop-shadow(0 3px 4px rgba(0,0,0,.045)) drop-shadow(0 9px 16px rgba(0,0,0,.035))!important;
  }
}

/* ==========================================================
   BOXSIRIUS — ČISTÉ BOČNÍ ČÁRY / BEZ 3D
   Jen dvě svislé čáry 3 px vlevo a vpravo.
   Žádný stín, žádná hloubka, žádné pseudo-stěny.
   ========================================================== */
:root{
  --box-side-line:3px;
  --box-side-line-color:#000;
}

body{
  min-width:1300px;
  padding:0;
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
  background:#e7e7e7;
}

/* ANIMOVANÉ POZADÍ — jednotlivé tečky jako pomalý sníh. */
.box-ambient-background{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#e7e7e7;
}

/* Tečky jsou jen v bočních pásech za hlavní bílou stránkou. */
.box-snow-side{
  position:absolute;
  top:0;
  bottom:0;
  width:max(42px,calc((100vw - 1220px) / 2));
  overflow:hidden;
  pointer-events:none;
}
.box-snow-left{left:0}
.box-snow-right{right:0}

.box-snow-dot{
  --size:3px;
  --duration:26s;
  --delay:-10s;
  --sway-a:7px;
  --sway-b:-6px;
  --snow-scale:1;
  position:absolute;
  left:var(--x,50%);
  top:-10vh;
  display:block;
  width:var(--size);
  height:var(--size);
  border-radius:0;
  background:rgba(45,45,45,var(--alpha,.46));
  box-shadow:none;
  transform:translate3d(0,-10vh,0);
  will-change:transform;
  animation-name:boxSnowFall;
  animation-duration:var(--duration);
  animation-timing-function:linear;
  animation-delay:var(--delay);
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

/* Jednotlivé čtverečky padají pomalu jako lehký sníh a během pádu se jemně kývají do stran. */
@keyframes boxSnowFall{
  0%{transform:translate3d(0,-12vh,0) scale(var(--snow-scale))}
  22%{transform:translate3d(var(--sway-a),18vh,0) scale(var(--snow-scale))}
  48%{transform:translate3d(var(--sway-b),46vh,0) scale(var(--snow-scale))}
  74%{transform:translate3d(var(--sway-a),78vh,0) scale(var(--snow-scale))}
  100%{transform:translate3d(0,122vh,0) scale(var(--snow-scale))}
}

.page{
  position:relative;
  z-index:2;
  overflow:visible;
  margin:0 auto;
  min-height:100vh;
  background:#fff;
  border-top:0;
  border-bottom:0;
  border-left:var(--box-side-line) solid var(--box-side-line-color);
  border-right:var(--box-side-line) solid var(--box-side-line-color);
  outline:0;
  box-shadow:none;
}

.page::before,
.page::after{
  content:none!important;
  display:none!important;
}

.topbar{
  position:relative;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);
}

/* MOBIL / DOTYK: desktopový layout zůstává, ale sníh se přizpůsobí škálování iOS/Androidu.
   Třída se přidává inline v HEAD, takže není závislá na cache externího JS ani na pointer media query. */
.box-touch-device .box-ambient-background{
  z-index:4;
  background:transparent;
}
.box-touch-device .box-snow-side{
  top:0;
  bottom:0;
  width:46px;
  overflow:hidden;
  opacity:1;
}
.box-touch-device .box-snow-left{left:0;right:auto}
.box-touch-device .box-snow-right{right:0;left:auto}
.box-touch-device .box-snow-dot{
  --snow-scale:2.35;
  animation-duration:var(--mobile-duration,var(--duration));
  animation-play-state:running;
  background:rgba(24,24,24,max(.48,var(--alpha,.42)));
  will-change:transform;
  backface-visibility:hidden;
  transform-origin:center;
}
/* Na telefonu stačí méně částic, ale ty zbývající jsou výraznější a plynulejší. */
.box-touch-device .box-snow-side .box-snow-dot:nth-child(n+12){display:none}

/* Fallback pro dotykové prohlížeče, kde inline detekce není k dispozici. */
@media (hover:none), (pointer:coarse){
  .box-snow-side{width:46px}
  .box-snow-dot{--snow-scale:2.35;animation-duration:var(--mobile-duration,var(--duration))}
}

/* Přístupnost: Reduce Motion ponechá čtverečky viditelné, ale statické. */
@media (prefers-reduced-motion:reduce){
  .box-snow-dot{
    animation:none!important;
    transform:translate3d(0,42vh,0) scale(var(--snow-scale,1))!important;
    opacity:.42!important;
  }
}

@media print{
  .box-ambient-background{display:none!important}
}


/* Mobil / dotyk: logo bez lesku/hover efektu. */
html.box-touch-device .header .logo .brand-logo-img{
  transition:none!important;
  transform:none!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.045)) drop-shadow(0 9px 16px rgba(0,0,0,.035))!important;
}
html.box-touch-device .header .logo:hover .brand-logo-img,
html.box-touch-device .header .logo:active .brand-logo-img{
  transform:none!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.045)) drop-shadow(0 9px 16px rgba(0,0,0,.035))!important;
}
@media (hover:none), (pointer:coarse){
  .header .logo .brand-logo-img,
  .header .logo:hover .brand-logo-img,
  .header .logo:active .brand-logo-img{
    transition:none!important;
    transform:none!important;
    filter:drop-shadow(0 3px 4px rgba(0,0,0,.045)) drop-shadow(0 9px 16px rgba(0,0,0,.035))!important;
  }
}