<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#header .search-form .search-toggle {
  background-image: url(https://cdn.myshoptet.com/usr/www.playbag.cz/user/documents/upload/temp/i/iconSearch.svg) !important;
}

.search-toggle:before {
  content: ' ';
  position: fixed;
  inset: 0;
}

#header .header-top .top-nav-button-account:before,
#header .header-top .top-nav-button-login:before {
  background-image: url(https://cdn.myshoptet.com/usr/www.playbag.cz/user/documents/upload/temp/i/iconUser.svg) !important;
}

#header .navigation-buttons .btn.cart-count:before {
  background-image: url(https://cdn.myshoptet.com/usr/www.playbag.cz/user/documents/upload/temp/i/iconCart.svg) !important;
}

.headerBox img {
  max-height: 40px;
}

.header-top .dropdown {
  display: none;
}

body:not(.admin-logged) .filter-section-parametric-id-37 {
  display: none !important;
}
body.admin-logged .filter-section-parametric-id-37 h4:before {
	content: '(jsem admin)'
}

.type-index .products:before,
.h4.homepage-group-title:before,
h4.homepage-group-title:before {
  background: transparent !important;
}

.flag.flag-new,
.flags .flag.flag-new,
.flag.flag-doprava-zdarma, 
.flags .flag.flag-doprava-zdarma,
.discount-side .price-save,
.discount-side .percents,
.flag.flag-sleva,
.flags .flag.flag-sleva,
.flag.flag-tip,
.flags .flag.flag-tip,
.flag.flag-action,
.flags .flag.flag-action{
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  display: inline-block !important;
}


.flag.flag-new,
.flags .flag.flag-new    { background: #FCEE45 !important; color: #000000 !important; }
.flag.flag-doprava-zdarma, 
.flags .flag.flag-doprava-zdarma
                         { background: #D9D9D9 !important; color: #000000 !important; }
.discount-side .price-save,
.discount-side .percents,
.flag.flag-sleva,
.flags .flag.flag-sleva  { background: #EB473D !important; color: #FFFFFF !important; }
.flag.flag-tip,
.flags .flag.flag-tip    { background: #000000 !important; color: #FFFFFF !important; }
.flag.flag-action,
.flags .flag.flag-action { background: #39FF14 !important; color: #000000 !important; }


.products-block.products .product .p .name {
  height: auto !important;
  min-height: auto !important;
}

.widget-parameter-list {
  display: none !important;
}

.product .p .widget-parameter-value {
  display: none;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  padding: 0 !important;
  margin: 0 2px !important;
  border: 0 !important;
}

.product .p .widget-parameter-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.products-block.products .product .ratings-wrapper {
  display: flex;
  flex-direction: row-reverse;

  width: max-content !important;
}

.products-block.products .product .availability {
  margin-left: 0 !important;
}

.stars {
  height: 11px;
}

#products .stars {
  width: 80px !important;
}

.products-block.products .product .stars .star {
  width: 10px;
  height: 10px;
  margin: 0 3px 0 2px;
}

[data-micro-rating-count]:after {
  content: '(' attr(data-micro-rating-count) ')';
  font-size: 10px;
  color: #CDCDCD;
  position: relative;
  top: 1px;
}

.product-top .p-final-price-wrapper.in-discount .discount-side .price-save,
.products-block.products .product .prices.in-discount .percents {
  font-size: 12px;
  font-weight: 700;
  padding: 3px 5px;
  width: 60px;
  text-align: center;
}

.product .p .widget-parameter-wrapper .widget-parameter-list {
  padding: 0 !important;
  margin: 0 !important;
}

.product .p li.widget-parameter-value a[title="Barva: bílá"] {
  font-size: 0;
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #dadada;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;

  padding: 0 !important;
  margin: 0 !important;
}

.product .p li.widget-parameter-value a[title="Barva: černá"] {
  font-size: 0;
  background: black;
  border-radius: 50px;
  border: 0;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;

  padding: 0 !important;
  margin: 0 !important;
}

.product .p li.widget-parameter-value a[title="Barva: hnědá"] {
  font-size: 0;
  background: #663300;
  border-radius: 50px;
  border: 0;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;

  padding: 0 !important;
  margin: 0 !important;
}

.flags .flag.flag-freeshipping {
  display: none;
}

#filters #clear-filters {
  position: absolute;
  top: 10px;
}

footer .site-name {
  display: none !important;
}

#navigation ul &gt; li &gt; a,
#navigation ul &gt; li &gt; a b,
.products-block.products .product .p .name span,
#carousel .item .extended-banner-texts .extended-banner-title {
  font-family: "Roboto", sans-serif;
}

body.in-dekujeme #onlinePaymentButton,
.fixed-cart-line .fcl-form .btn,
#colorbox .advanced-order .extra.step .btn-conversion,
.cart-widget.popup-widget #continue-order-button,
.cart-table .related .cart-related-button .btn {
  background: var( --color-secondary );
}

body.in-dekujeme #onlinePaymentButton:hover,
.fixed-cart-line .fcl-form .btn:hover,
#colorbox .advanced-order .extra.step .btn-conversion:hover,
.cart-widget.popup-widget #continue-order-button:hover,
.cart-table .related .cart-related-button .btn:hover {
  background: var( --color-secondary-hover );
}

.cart-related-availability {
  display: block;
  min-width: 150px;
}

.cart-table .related .cart-related-availability span {
  color: var( --color-secondary ) !important;
}

#register-form .btn-login {
  background: var( --color-primary );
}

#register-form .btn-login:hover {
  background: var( --color-primary-hover );
}

@media (min-width: 768px) {
  .flags .flag {
    font-size: 1em !important;
    font-weight: 500 !important;
    padding: 5px 8px !important;
  }

	header#header {
		position: relative;
		height: 193px;
		padding-top: 0;
		border-top: 36px solid var( --color-primary );
	}

	.topFlag ~ header#header {
		height: 157px;
		padding-top: 0;
		border-top: none;
	}

  header#header:before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    height: 2px;
  }

  .header-top .site-name-wrapper {
    display: none !important;
  }

  #header .header-top {
    position: relative;
    top: -3rem;

    display: block;
    height: auto !important;
    padding: 0;
    margin: 0;
  }

  #header .header-top .site-name-wrapper {
    margin-right: auto;
    min-height: 150px;
    display: block;
  }
  
  #header.fixed-menu #navigation,
  #header.fixed-menu #navigation ul.menu-level-1 &gt; li &gt; a {
    height: 35px !important;
    line-height: 35px !important;
  }

  .one-column-body.type-page h1,
  .one-column-body .category-title {
    padding-bottom: 0 !important;
    margin-top: 18px !important;
	line-height: 32px;
	font-size: 30px;
  }

  .one-column-body.type-detail h1 {
    padding-bottom: 0 !important;
    margin-top: 6px !important;
	line-height: 54px;
	font-size: 30px;
  }

  .one-column-body.type-page h1,
  .one-column-body.type-detail h1 {
    margin-bottom: 0 !important
  }

  .type-category .products {
    margin-top: 50px !important;
  }

  .category-content-wrapper #category-header,
  .category-content-wrapper #filters-wrapper {
    margin-top: 0 !important;
  }

  .type-category .cat-header-scroll-wrapper .cat-header-content {
    top: 0;
    transition: top 0.5s ease-in-out;
  }

  .type-category .cat-header-scroll-wrapper .cat-header-content.fixed {
    position: fixed !important;
    top: 157px !important;
    padding: 5px 0;
  }

  .type-category .cat-header-scroll-wrapper .cat-header-content.fixed:before {
    width: 104vw;
  }

  .type-category .cat-header-scroll-wrapper {
    min-height: 0 !important;
    height: 0;
  }

  .topFlag {
    background: #000;
	padding: 1.5px 0 2px 0;
    height: 36px;
  }


  .topFlag .topFlagDetail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top:8px;
    padding-bottom: 8px;
  }

  .topFlag .topFlagDetail div.topFlagDetailLeft {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  #topbar-text-1,
  #topbar-text-2 {
    text-transform: uppercase;
    text-decoration: none;
	font-size: 15px;
	color: #fff;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
	font-size: 15px;
  }

  .topFlagDetailRight div a {
	color: #fff
  }

  .topFlagDetailRight div a.active {
    font-weight: 500;
    text-decoration: underline;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight div {
    margin-left: 10px;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight .textUnderline {
    font-weight: 500;
    text-decoration: underline;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight div a:not(.active) {
    font-weight: 500;
    text-decoration: none;
  }

  #header.fixed-menu {
    min-height: 156px;
    position: fixed;
    z-index: 9999 !important;
  }

  header#header .navigation-wrapper {
    margin-top: 80px;
  }

  .topFlag~header#header .navigation-wrapper {
    margin-top: 0;
  }

  #navigation {
    height: 35px;
    float: none !important;
    margin-left: -12px !important;
	margin-top: 38px;
    margin-bottom: 21px;
	transition: none;
    width: 100% !important;
    position: relative !important;
    top: 0 !important;;
  }

  body.type-category #navigation {
	margin-top: 21px;
  }

  body.ordering-process #navigation {
	margin-top: 118px;
  }

  body.ordering-process .topFlag~header#header #navigation {
	margin-top: 38px;
  }

  .type-category #navigation {
    position: relative !important;
    /* top: -7px !important; */
    transform: translateY(0%) !important;
  }

  #navigation ul.menu-level-1 &gt; li &gt; a {
    line-height: 35px !important;
    margin: 0 20px !important;
    margin: 0 !important;
    padding: 0 12px;
  }

  #navigation ul.menu-level-1 &gt; li &gt; a.active {
    background: #000;
	  color: #fff;
  }

  .menu-helper:after {
    content: "";
    background: white
      url(https://cdn.myshoptet.com/usr/www.playbag.cz/user/documents/menu.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  #carousel .carousel-indicators {
    display: none;
  }

  #carousel .item .extended-banner-texts {
    display: flex;
  }

  #carousel .item .extended-banner-texts .extended-banner-title {
    color: white;
    font-weight: 400;
    text-transform: uppercase;

    border: 0px;
    padding: 0;
    margin: 0;
    font-size: 60px;
    font-family: "Akkurat", sans-serif;
  }

  html:not(.st-animations-disable) #carousel .extended-banner-texts &gt; span {
    border: 0;
  }

  html:not(.st-animations-disable)
    #carousel
    .extended-banner-texts
    &gt; span:hover {
    color: #000;
    background: rgba(255, 236, 10, 1);
    border: 0;
  }

  .wide-carousel .extended-banner-texts .extended-banner-link {
    margin-top: 30px !important;
  }

  #carousel .extended-banner-texts .extended-banner-title {
    max-width: max-content;
  }

  #carousel .extended-banner-texts .extended-banner-text:hover,
  #carousel .extended-banner-texts .extended-banner-title:hover {
    color: white !important;
    background: transparent !important;
  }

  #carousel .extended-banner-link {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none !important;

    background: white;
    border: 1px solid white;
    padding: 20px 30px !important;
  }

  #carousel .item .extended-banner-texts .extended-banner-text {
    color: #fff;
    text-align: center;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  #carousel .extended-banner-link:after {
    display: none;
  }

  .type-detail .p-detail .stars {
    margin-right: 1rem;
    margin-top: -6px;
  }

  .type-detail .p-detail .stars .star:before {
    line-height: 15px;
    color: rgba(254, 181, 13, 1) !important;
  }

  .products-block.products .product .stars .star:before {
    color: rgba(254, 181, 13, 1) !important;
  }

  .product .p .flag.flag-freeshipping {
    display: none !important;
  }

  .products-block.products .product .prices {
    margin-bottom: 5px;
  }

  .product .flag{
    line-height: 15px;
    margin-bottom: 0;
    padding: 0 8px;
  }

  .flag.flag-doprava-zdarma {
    width: max-content;
    max-width: 100%;
    line-height: 20px;
    margin-bottom: 0;
  }

  body.type-product .flag {
    margin-bottom: 10px;
    line-height: 20px;
    height: 30px;
  }

  .breadcrumbs-wrapper,
  body.blank-mode .container.breadcrumbs-wrapper {
    position: relative;
    z-index: 998;
  }

  .breadcrumbs-wrapper:before,
  body.blank-mode .container.breadcrumbs-wrapper:before {
    content: " ";
	position: absolute;
    width: 100vw;
	min-height: 54px;
    left: 50%;
    transform: translateX(-50%);
    background: #CDCDCD4D;
  }

  .breadcrumbs &gt; span &gt; a::after {
    display: none !important;
  }

  .container.breadcrumbs-wrapper {
    position: relative;
    z-index: 999;
  }

  #filters .filter-section:nth-of-type(1) .filter-label span {
    font-size: 12px !important;
  }

  .type-detail .cat-header-scroll-wrapper .cat-header-content.fixed,
  .type-category .cat-header-scroll-wrapper .cat-header-content.fixed {
    position: relative;
  }

  .type-detail .flags-inline:before,
  .type-detail .flags-inline:after {
    content: " ";
    display: none;
  }

  .type-detail
    .p-detail
    .p-thumbnails-wrapper
    .p-thumbnails
    .p-thumbnails-inner
    .p-thumbnail.highlighted {
    border: 2px solid black;
  }

  .type-detail .fixed-cart-line {
    display: none !important;
  }

  .type-detail .breadcrumbs-wrapper:before {
    content: "";
    width: 100vw;
    height: 100%;
    min-height: 44px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 236, 10, 1);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .type-detail .container.breadcrumbs-wrapper {
    position: relative;
    z-index: 9;
  }

  .type-detail .p-info-wrapper h1 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    order: -100 !important;
  }

  .type-detail .p-info-wrapper .p-code,
  .type-detail .p-info-wrapper .brand-wrap {
    display: none !important;
  }

  .type-detail .description-inner .extended-description {
    display: none !important;
  }

  .type-detail .benefitBanner .benefitBanner__data,
  .type-detail .benefitBanner .benefitBanner__item .benefitBanner__title {
    color: rgba(0, 0, 0, 1) !important;
  }

  .type-detail .p-detail .price-line {
    order: 0 !important;
  }

  .product-top .availability-label[style="color: #009901"]:before {
    display: none !important;
  }

  .type-detail .product-top .availability-label,
  .type-detail .product-top .availability-amount {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    line-height: normal;
    color: #32cb00 !important;
    text-transform: none;

    margin-top: 0;
    margin-bottom: 4px;

    display: inline-block;
  }

  .p-detail .p-thumbnails .thumbnail-next,
  .p-detail .p-thumbnails .thumbnail-prev {
    opacity: .3;
  }

  .type-detail .p-detail .availability-value {
    order: 0 !important;
    font-size: 15px;
  }

  .type-detail .p-final-price-wrapper .price-standard &gt; span {
    color: rgba(205, 205, 205, 1);
  }

  .product-top
    .p-final-price-wrapper.in-discount
    .discount-side
    .price-standard {
    color: #dadada;
  }

  .type-detail .product-top .p-final-price-wrapper.in-discount .discount-side {
    width: auto !important;
    background: white;
    margin: 0 0 0 -25px;
    padding: 0;
  }

  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .price-side
    .price-final {
    color: #000001 !important;
    background: white;
  }

  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .price-side
    .price-final
    .price-final-holder {
    font-size: 40px;
    font-weight: 700;
  }

  .homepage-box {
    border-top-color: white;
    border-bottom-color: white;
    background-color: white;

    padding: 0;
    margin: 0;
  }

  .homepage-box.welcome-wrapper,
  .homepage-box.welcome-wrapper h1 {
    display: none;
  }

  .products-block.products .product .prices.in-discount {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .products-block.products .product .prices.in-discount .old-price {
    position: relative;
    top: -5px;
    font-size: 12px;
    font-weight: 600;
    color: #cdcdcd;
    width: max-content;
  }

  .products-block.products .product .prices.in-discount .price-side {
    background: white;
    padding: 0;
    margin: 0;
  }

  .products-block.products .product .prices.in-discount .discount-side {
    background: white !important;
  }

  .products-block.products
    .product
    .prices.in-discount
    .price-side
    .price-final
    strong {
    color: black;
  }

  .pagination-wrapper {
    margin: 2rem 0;
    padding: 0;
  }

  body.id-1 .container {
    background: transparent !important;
  }

  .topText {
    background: white;
  }

  #navigation ul.menu-level-1 &gt; li &gt; a:after {
    display: none;
  }

  .type-category .category-header &gt; div,
  .type-category .category-header form {
    visibility: hidden;
  }

  .type-category .category-title:before {
    width: 100vw;
    max-width: max-content;
  }

  .type-category .container.content-wrapper {
    padding: 0;
    z-index: 999;
  }

  .filter-sections {
    background-color: #ffffff;
  }

  .logoFiltr {
    width: max-content;
    position: relative;
    top: 45px;
  }

.katFilter {
	position: relative;
	top: -1rem;
}

.katFilter a {
	font-family: Roboto;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 30px 0 0;
}

  .filter-section h4 {
    cursor: pointer;
  }

  #price-filter-form {
    display: none;
  }

  #filters .slider-wrapper {
    display: none;

    padding: 0 !important;
    margin: 0 0 40px !important;
    max-width: 600px;
    width: 100%;
  }

  #content #filters .filter-sections .filter-section {
    border-bottom: 1px solid #dadada !important;
    padding-bottom: 0rem;
    margin-bottom: 0;
    margin-bottom: 1rem;
  }

  #content #filters .filter-sections .filter-section:last-of-type {
    border-bottom: 0 solid #dadada !important;
  }

  .filter-section.filter-section-count {
    border: 0 !important;
  }

  .type-category .container.content-wrapper {
    background: transparent;
  }

  .colorFix {
    width: 50px !important;
    height: 30px !important;
    background: red;
  }

  .zasilkovna-choose{
	position: relative;
	z-index: 9;
  }

  .scrolled .top-navigation-bar {
    display: none;
  }

  .headerBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    min-height: 80px;
    margin: 0 auto;
  }

  .headerBoxDetail.hD1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .headerBoxDetail.hD2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerBoxDetail a {
    text-decoration: none;
  }

  .headerBoxDetail.hD1 span {
    font-size: 25px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 30px 0 0;
  }

  .titleHomepageBanner,
  .h4.homepage-group-title{
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 100px 0 30px 0;
  }

  .homepage-group-title {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: black;
  }

  .homepageBanner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    text-shadow: 0px 0px 1px black;
  }

  .homepage-box {
    border-top-color: white;
    border-bottom-color: white;
    background-color: white;
  }

  .products-block {
    padding: 0 !important;
    margin: 0 !important;
  }

  .homepageBannerRight {
    display: grid;
    gap: 8px;
  }

  .homepageBannerLeft div,
  .homepageBannerRight div {
    position: relative;
  }

  .homepageBannerLeft .text,
  .homepageBannerRight .text {
    min-height: 90px;

    position: absolute;
    left: 40px;
    bottom: 30px;
  }

  .homepageBannerLeft a,
  .homepageBannerRight a {
    text-decoration: none;
  }

  .homepageBannerLeft .text h2,
  .homepageBannerRight .text h2 {
    font-size: 40px;
    font-weight: 700;
    color: white;
    padding: 0;
    margin: 0;
  }

  .homepageBannerLeft .text h3,
  .homepageBannerRight .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: white;
    padding: 0;
    margin: 1rem 0 0;
  }

  .topText {
    padding: 4rem;
  }

  .topText .topTextDetail img {
    max-height: 40px;
  }

  .topText .topTextDetail-links a {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-left: 20px;
    display: inline-block;
  }

  .social-desktop {
    display: block;
  }

  .social-mobile {
    display: none;
  }

  body.id-1 footer#footer,
  body.type-category footer#footer {
    position: relative;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
  }

  body.type-detail footer#footer {
    position: relative;
    background-color: transparent !important;
    padding: 0;
    margin: 0 0 0 0;
  }

  .custom-footer__banner16,
  .custom-footer__banner18,
  .custom-footer__banner19 {
    width: 33.33% !important;
  }

  .custom-footer__banner16 h2,
  .custom-footer__banner18 h2,
  .custom-footer__banner19 h2 {
    margin-top: 2rem;
  }

  .custom-footer__banner17 {
    width: 100% !important;
    display: block;
    clear: both;
  }

  footer h2 {
    font-size: 15px;
    font-weight: 500;
    color: black;
  }

  footer#footer {
    position: relative;
  }

  footer#footer::before {
    content: "";
    position: absolute;
    bottom: 215px;
    left: 0;
    width: 100%;
    min-height: 270px;
    background: #fafafa;
  }

  footer li {
    margin-bottom: 1rem;
  }

  .footerBlock {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2rem auto;
    padding: 0 2rem;
    width: 100%;
  }

  .footerBlockLeft {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: max-content;
  }

  .footerBlockLeft img {
    max-height: 20px;
    margin-right: 5px;
  }

  .products-block.products .product .image{
	position: static;
  }

  .products-block.products .product .image:before{
	position: absolute;
	inset: 0;
	top: -20px;
	content: ' ';
	z-index: 1;
  }

  .products-block.products .product:hover .image:before {
	top: -35px;
  }

  .products-block.products .product .prices .price-final strong {
    font-size: 25px;
    font-weight: 600;
  }
  
  .products-block.products .product .p .name span {
    font-size: 18px;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 600;
  }

  .homepageBannerLeft img,
  .homepageBannerRight img {
    width: 100%;
    height: auto;
  }

  .footerBlock .footerBlockRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .custom-footer.elements-4 {
    background: #fafafa;
    padding: 0 1rem;
    border: 0;
  }

  body footer .container.footer-bottom .copyright {
    visibility: hidden;
  }

  .menu-helper {
    position: absolute;
    right: 30px !important;
    margin-top: 0;
    top: 84%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

@media only screen and (max-width: 480px) {
  #header .site-name {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 99;
  }

  .mobileBenefit {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .products-block.products .product .stars-wrapper {
    position: absolute;
    top: -3px;
    left: 7px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .mobileBenefit {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .products-block.products .product .stars-wrapper {
    position: absolute;
    top: -3px;
    left: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .topText {
    display: grid;
    grid-template-columns: 1fr;
  }

  .topTextDetail img {
    margin: 0 auto 2rem;
    display: block;
  }

  .topText .topTextDetail-links a {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .topText {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}

@media (max-width: 500px) {
  .products-block.products .product .prices.in-discount .discount-side {
    background: white !important;
    display: block;
    margin: 0;
    text-align: left;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 768px) {

  .cart-widget.popup-widget {
    top: 100px !important;
  }

  #navigation .navFilter ~ .navFilter,
  #navigation .logoNav ~ .logoNav {
    display: none;
  }

  .id-1 #content-wrapper {
    margin-top: 55px !important;
  }

  .one-column-body .category-title:before,
  .one-column-body.type-detail h1:before,
  .one-column-body.type-page h1:before {
    content: "";
    background: white;
  }

  .overall-wrapper{
	padding-top: 36px;
	position: relative;
  }

  .overall-wrapper:before {
  	content: ' ';
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	height: 36px;
  	background: #000;
  }

  .topFlag {
    background: #000;
    padding: 0 1rem;
    width: 100%;
    z-index: 9;
	height: 36px;
	min-height: 36px;
	position: absolute;
	top: 0;
  }

  .topFlagImage a {
    margin: 0 5px;
  }

  .topFlag .topFlagDetail {
    display: grid;
    grid-template-columns: 1fr auto;
    height: 36px;
  }
  
  .topFlagDetailRight a {
    margin: 0 5px;
  }

  .topFlag .topFlagDetail div.topFlagDetailLeft {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	height: 36px;
  }

  #topbar-text-1,
  #topbar-text-2 {
  	text-transform: uppercase;
  	text-decoration: none;
	display: block;
	line-height: 15px;
	color: #FFF;
	font-weight: 700;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
	line-height:36px;
  }

  .topFlag .topFlagDetail div.topFlagDetailRight a {
	color: #fff;
  }

  .mobileSlider {
	display: block;
    min-height: 400px;
    position: relative;
  }

  .mobileSlider img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .row.banners-row.has-text-banner {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
  }

  .mobileSlider h2 {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;

    width: 100%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
  }

  .mobileSlider h3 {
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;

    width: 100%;

    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
  }

  .mobileSlider a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: white;
    padding: 20px 30px;
    width: max-content;
  }

  .headerBox {
    display: none;
  }

  #header {
    position: relative !important;
    box-shadow: 0 0 0;
  }

  .logoNav {
    width: max-content;
    position: relative;
    top: -3rem;
    left: 1rem;
  }

  #navigation .navigationActions {
    display: none;
  }

  #navigation .navText {
    position: absolute;
    left: 1rem;
    bottom: 0rem;

    display: flex;
    background: white;
    width: 100%;
    padding: 10px;
  }

  #navigation .navText &gt; div {
    margin-right: 10px;
  }

  .search-window-visible #header .search-form {
    z-index: 9999;
  }

  #header .search-form {
    position: fixed;
    top: 108px;
  }
  
  body.search-window-visible .toggle-window[data-testid="linkSearchIcon"]:after{
    content: ' ';
    position: fixed;
    inset: 0;
	  background: #0007;
  }

  .type-index .products {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }

  .mobileBenefit {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    line-height: normal;
    background: var(--Yellow, #ffec0a);
    padding: 2rem;
  }

  .mobileBenefit strong {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    line-height: normal;

    display: block;
  }

  .mobileBenefit &gt; div {
    background: url(https://cdn.myshoptet.com/usr/www.playbag.cz/user/documents/upload/temp/m/icon1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 4rem;
  }

  h2.titleHomepageBanner {
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    line-height: normal;
    text-align: center;
    max-width: 60%;
    margin: 2rem auto 2rem;
  }

  .homepageBannerRight div:nth-of-type(2) .text {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);

    height: auto !important;
    max-height: 40px;
  }

  .h4.homepage-group-title {
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    line-height: normal;
    text-align: center;
  }

  .flags .flag {
    font-size: 12px;
    font-weight: 700;
    line-height: 2.2;
    height: 26px;
    text-transform: uppercase;
    width: max-content;
    max-width: 100%;
    min-width: max-content;
    min-height: 20px;
    padding: 0px 10px;
    margin: 0 5px;
  }

  .flag.flag-doprava-zdarma {
    font-size: 12px;
    font-weight: 700;
    background: rgba(128, 128, 128, 0.1) !important;
    line-height: 2.2;
    text-transform: uppercase;
    width: max-content;
    max-width: 100%;
    min-width: max-content;
    min-height: 20px;
    padding: 0px 10px;
    margin: 0;
  }

  .product .p .flag.flag-freeshipping {
    display: none;
  }

  .products-block.products .product .p-in {
    background: transparent;
    padding: 1rem !important;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
  }

  .products-block.products .product .prices {
    margin-bottom: 0px;
  }

  .products-block.products .product .p .name {
    margin-top: 0;
    margin-bottom: 0;
  }

  .products-block.products .product:hover{
	top:0;
  }

  .products-block.products .product .image {
  	position: static;
  }

  .products-block.products .product .image:before {
  	position: absolute;
  	inset: 0;
  	top: -20px;
  	content: ' ';
  	z-index: 1;
  }

  .products-block.products .product .p .name span {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
  }

  .products-block.products .product .prices.in-discount {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .products-block.products .product .prices.in-discount .discount-side {
    background: white !important;
  }

  .products-block.products .product .prices.in-discount .old-price {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #cdcdcd;
    width: max-content;
  }

  .products-block.products .product .prices.in-discount .price-side {
    background: white;
    padding: 0;
    margin: 0;
  }

  .products-block.products .product .prices.in-discount .percents {
    padding: 6px 5px;
  }

  .products-block.products
    .product
    .prices.in-discount
    .price-side
    .price-final
    strong {
    color: black;
  }

  .products-block.products .product .stars .star:before {
    color: rgba(254, 181, 13, 1) !important;
  }

  .type-index .products:before {
    content: "";
    background: transparent;
  }

  .homepageBannerLeft div,
  .homepageBannerRight div {
    position: relative;
  }

  .homepageBannerLeft .text,
  .homepageBannerRight .text {
    position: absolute;
    left: 40px;
    bottom: 30px;
  }

  .homepageBannerLeft a,
  .homepageBannerRight a {
    text-decoration: none;
  }

  .homepageBannerLeft img,
  .homepageBannerRight img {
    width: 100%;
    height: 100%;
  }

  .homepageBannerLeft .text h2,
  .homepageBannerRight .text h2 {
    color: #fff;
    text-align: center;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0;
  }

  .homepageBannerLeft .text h3,
  .homepageBannerRight .text h3 {
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    padding: 0;
    margin: 5px 0 0;
  }

  .welcome-wrapper {
    display: none;
  }

  #filters-wrapper .filters-close-btn {
    position: relative;
  }

  .logoFiltr {
    width: max-content;
    position: relative;
    top: 1rem;
  }

  .navigation-in {
    top: 2rem;
  }

  .navFilter {
    position: relative;
    left: 1rem;
  }

  .katFilter {
    position: relative;
  }

  .navFilter a,
  .katFilter a {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 20px 0 0;
    text-decoration: none;
  }

  body.gender_lady .navFilter a.gender_lady,
  body.gender_gentleman .navFilter a.gender_gentleman,
  body.gender_lady .katFilter a.gender_lady,
  body.gender_gentleman .katFilter a.gender_gentleman {
    color: #fff;
    text-decoration: none;
  }

  body.gender_lady .navFilter a.gender_lady:before,
  body.gender_gentleman .navFilter a.gender_gentleman:before,
  body.gender_lady .katFilter a.gender_lady:before,
  body.gender_gentleman .katFilter a.gender_gentleman:before{
    content: ' ';
    position: absolute;
    z-index: -1;
    inset: -5px -10px;
    background-color: #000;
  }

  #filters .slider-wrapper {
    display: none;
  }

  .filter-section.filter-section-boolean {
    display: none;
  }

  #content #filters .filter-section h4 {
    margin: 0 !important;
    padding: 0 !important;
  }

  #content #filters .filter-section h4 + form {
    margin-top: 1rem;
  }

  #content #filters .filter-sections .filter-section {
    border-bottom: 1px solid #dadada !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
  }
  
  #content #filters.filters-show {
  	padding: 15px 20px 80px 20px;
  }

  .category-header {
    display: none;
  }

  .type-detail .breadcrumbs-wrapper {
    position: relative;
    margin-top: 0 !important;
    background: #CDCDCD4D !important;
    border-bottom: 1px solid #fff;
    display: block;
    z-index: 1;
  }

  .type-detail .p-detail .price-line {
    -ms-flex-order: 0;
    order: 0;
  }

  .type-detail
    .p-detail
    .p-thumbnails-wrapper
    .p-thumbnails
    .p-thumbnails-inner
    .p-thumbnail.highlighted {
    border: 0;
  }

  .type-detail .p-detail div.col-xs-12.p-info-wrapper .stars-wrapper,
  .type-detail .p-detail div.p-info-wrapper .stars-wrapper {
    -ms-flex-order: 0;
    order: 0;
  }

  .type-detail .p-detail .p-detail-inner h1 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
  }

  .type-detail .product-top .p-final-price-wrapper.in-discount .discount-side {
    width: max-content;
  }

  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .price-side
    .price-final
    .price-final-holder {
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #000;
  }

  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .discount-side
    .price-save {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: #f59300;
    line-height: 12px;
    text-align: center;

    background: #fef6eb;
    padding: 3px 10px;
    margin-right: auto;
    margin-left: 0;
  }

  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .discount-side {
    background: #fef6eb;
  }

  .type-detail .product-top .p-final-price-wrapper.in-discount .price-side,
  .type-detail .product-top .p-final-price-wrapper.in-discount .discount-side {
    background: white;
  }

  .type-detail .product-top .p-final-price-wrapper.in-discount .price-side,
  .type-detail
    .product-top
    .p-final-price-wrapper.in-discount
    .discount-side
    .price-standard {
    color: #000000 !important;
  }

  .type-detail .product-top .add-to-cart button {
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
  }

  .type-detail .p-detail .stars .star:before {
    line-height: 15px;
    color: rgba(254, 181, 13, 1) !important;
  }

  .type-detail .shp-tabs-wrapper #p-detail-tabs {
    display: block;
  }

  .type-detail .p-detail .availability-value {
    -ms-flex-order: 0;
    order: 0;
    padding: 0;
    margin: 0;
  }

  .type-detail .product-top .availability-label[style="color: #009901"] {
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #32cb00 !important;
  }

  .type-detail .product-top .availability-value .availability-amount {
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #32cb00 !important;
    opacity: 1;
  }

  .type-detail .product-top .availability-label[style="color: #009901"]:before {
    display: none;
  }

  .type-detail .shp-tabs-holder ul.shp-tabs li {
    text-align: left;
    width: 90%;
  }

  .one-column-body.type-page h1,
  .one-column-body.type-detail h1,
  .one-column-body .category-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 17px !important;
    padding-bottom: 0 !important;
  }

  footer#footer {
    position: relative;
    background-color: transparent !important;
    padding: 0;
    margin: -84px 0px 0 0;
  }

  .topText {
    padding: 60px 0 20px 0;
    background: white;
  }

  .topText img {
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }

  .social-desktop {
    display: none;
  }

  .social-mobile {
    display: block;
    text-align: center;
    padding: 30px 0 15px 0;
  }

  .social-mobile a{
    width: 48px;
    height: 28px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
  }

  .social-mobile a img{
    width: auto;
    height: 28px;
    display: inline-block;
  }

  footer#footer .custom-footer {
    padding-top: 0;
  }

  .topText .topTextDetail-links a {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    margin: 0 0 10px 0;
    display: block;
  }

  #footer {
    background-color: white;
  }

  footer .site-name {
    display: none;
  }

  #footer h2,
  #footer ul li {
    text-align: center;
  }

  #footer ul li a {
  	line-height: 48px;
  }

  footer ul li {
    padding: 0 !important;
    list-style: none;
    color: #000;
    letter-spacing: 0;
  }

  .topText,
  .footerBlock {
    display: grid;
    grid-template-columns: 1fr;
  }

  .footerBlock {
    margin: 2rem auto;
  }

  .footerBlockLeft img,
  .footerBlockRight img {
    margin: 0 auto 2rem;
    display: block;
  }

  .footerBlockLeft {
    display: block;
    width: 100%;
    text-align: center;
  }

  .footerBlockLeft a {
    display: inline-block ;
  }

  .footerBlockLeft img {
    max-height: 32px;
    margin: 0 5px 20px 5px;
  }
}

@media (min-width: 1200px) {
  .custom-footer {
    padding-top: 30px;
    padding-left: 0;
  }

  #footer .site-name {
    display: none;
  }
}

@media only screen and (min-width: 1440px) {
  .topText {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  body footer .container.footer-bottom {
  	margin-top: -50px;
  	background: white !important;
  }
}

@media only screen and (min-width: 768px) {
	html:not(.scrolled) .admin-logged .popup-widget.cart-widget,
	html:not(.scrolled) .popup-widget.cart-widget {
		top: 125px;
	}

	html.scrolled .admin-logged .popup-widget.cart-widget,
	html.scrolled .popup-widget.cart-widget {
		top: 64px;
	}
}

@media only screen and (min-width: 992px) {
	html:not(.scrolled) .admin-logged .popup-widget.cart-widget {
		top: 150px;
	}
}</pre></body></html>