/* Muli/Mulish: lokálny font, dostupný aj pri otvorení webu bez internetu. */
@font-face{
  font-family:'Mulish';
  src:url('fonts/Mulish-Variable.ttf') format('truetype');
  font-weight:200 900;
  font-style:normal;
  font-display:swap;
}
body.theme-2{font-family:'Mulish',Arial,sans-serif;font-weight:400;line-height:1.5}
.theme-2 button,.theme-2 input,.theme-2 select,.theme-2 textarea{font-family:inherit}
.theme-2 h1,.theme-2 h2,.theme-2 h3,
.theme-2 .modern-main h1 em,.theme-2 .promo-copy h2 em,.theme-2 .modern-side h2{
  font-family:'Mulish',Arial,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.45px;
}
.theme-2 .modern-main h1 em,.theme-2 .promo-copy h2 em{color:inherit}
.theme-2 .modern-main h1,.theme-2 .promo-copy h2{font-size:40px;line-height:1.16;margin:17px 0}
.theme-2 .modern-main .hero-copy,.theme-2 .promo-copy{padding-left:76px}
.theme-2 .modern-main .hero-copy{width:61%}
.theme-2 .modern-side h2{font-size:27px;line-height:1.2}
.theme-2 .hero-copy p,.theme-2 .promo-copy p{font-size:13px;line-height:1.75}
.theme-2 .section-top h2{font-size:27px;line-height:1.25}
.theme-2 .stories h2{font-size:28px;line-height:1.2}
.theme-2 .brand-word{font-weight:900;letter-spacing:-1px}
.theme-2 .brand-word small{font-weight:600;letter-spacing:.8px}
.theme-2 .brand{gap:9px}
.theme-2 .brand-mark{width:52px;height:56px;flex-shrink:0;object-fit:contain}
.theme-2 .store-footer .brand-mark{width:43px;height:46px}
.theme-2 .trade-logo-mark{position:absolute;left:50%;top:50%;width:84px;height:90px;transform:translate(-50%,-50%)}
.theme-2 .eyebrow,.theme-2 .overline{font-size:10px;font-weight:700;letter-spacing:1px}
.theme-2 .main-nav button{font-size:13px;font-weight:700}
.theme-2 .game-tile strong{font-size:13px;font-weight:700}
.theme-2 .product-name{font-size:14px;font-weight:800;line-height:1.4}
.theme-2 .product-game{font-size:9px;letter-spacing:.4px}
.theme-2 .product-meta,.theme-2 .stock{font-size:11px}
.theme-2 .filter-tabs button{font-size:12px;font-weight:600}
.theme-2 .product-bottom>strong{font-weight:800;letter-spacing:-.4px}
.theme-2 .button{font-weight:800;letter-spacing:0}
.theme-2 .footer-grid h3{font-weight:800}
.theme-2 .trade-card-mark{font-family:'Mulish',Arial,sans-serif}
@media(max-width:1150px){
  .theme-2 .modern-main h1,.theme-2 .promo-copy h2{font-size:34px}
  .theme-2 .modern-main .hero-copy,.theme-2 .promo-copy{padding-left:68px}
  .theme-2 .main-nav>.wrap{gap:25px}
  .theme-2 .main-nav button{font-size:12px}
  .theme-2 .game-tile strong{font-size:11px}
  .theme-2 .modern-main .hero-copy{width:64%}
}
@media(max-width:900px){
  .theme-2 .modern-main h1{font-size:38px}
  .theme-2 .promo-copy h2{font-size:34px}
  .theme-2 .hero-copy p,.theme-2 .promo-copy p{font-size:12px}
  .theme-2 .product-name{font-size:12px}
  .theme-2 .product-meta,.theme-2 .stock{font-size:10px}
  .theme-2 .main-nav button{font-size:11px}
}
@media(max-width:640px){
  .theme-2 .brand-mark{width:42px;height:46px}
  .theme-2 .brand-word{font-size:26px}
  .theme-2 .trade-logo-mark{width:65px;height:70px}
  .theme-2 .modern-main .hero-copy,.theme-2 .promo-copy{width:100%;padding:28px 25px 0}
  .theme-2 .modern-main h1,.theme-2 .promo-copy h2{font-size:33px;line-height:1.14;letter-spacing:-.5px;margin:17px 0}
  .theme-2 .hero-copy p,.theme-2 .promo-copy p{font-size:11px;line-height:1.75}
  .theme-2 .section-top h2{font-size:23px}
  .theme-2 .main-nav button{font-size:10px}
  .theme-2 .game-tile strong{font-size:10px}
  .theme-2 .product-name{font-size:11px}
  .theme-2 .product-game{font-size:8px}
  .theme-2 .product-meta,.theme-2 .stock{font-size:9px}
  .theme-2 .filter-tabs button{font-size:9px}
  .theme-2 .eyebrow,.theme-2 .overline{font-size:8px;letter-spacing:.8px}
  .banner-controls{padding:0;min-height:0}
  .banner-navigation .banner-prev,.banner-navigation .banner-next{width:40px;height:44px;top:72%;padding:10px;background:#fffffff0}
  .banner-prev{left:9px}.banner-next{right:9px}
  .banner-navigation .banner-play{top:10px;right:10px;width:28px;height:28px;padding:7px}
}
@media(max-width:360px){
  .theme-2 .modern-main .hero-copy,.theme-2 .promo-copy{padding-inline:23px}
  .theme-2 .modern-main h1,.theme-2 .promo-copy h2{font-size:29px;letter-spacing:-.6px}
  .theme-2 .product-name{font-size:10.5px}
  .theme-2 .filter-tabs button{font-size:8px}
}