/* eKonsument v2.4 — original mobile storefront (from supplied screenshots).
   All header/carousel/product rules are mobile-only. Desktop untouched. */
@media (max-width:767px) {
  /* BLACK BAR — original large SKLEP logo; search stays in black bar. */
  #header {position:relative!important;z-index:1000!important;}
  #header .header-nav.eko-blackbar {
    display:block!important;box-sizing:border-box!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;border:0!important;
    background:#211c19!important;
  }
  #header .eko-blackbar-inner {
    display:block!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    height:64px!important;min-height:64px!important;
    padding:0 14px!important;margin:0!important;
  }
  #header .eko-mobile-nav {
    display:flex!important;position:relative!important;
    align-items:center!important;justify-content:space-between!important;
    width:100%!important;height:64px!important;min-height:64px!important;
    margin:0!important;padding:0!important;
  }
  #header .eko-mobile-brand {
    display:flex!important;position:relative!important;z-index:2!important;
    align-items:center!important;justify-content:flex-start!important;
    width:min(370px,calc(100vw - 100px))!important;
    max-width:min(370px,calc(100vw - 100px))!important;
    height:60px!important;margin:0!important;padding:0!important;
    text-decoration:none!important;
  }
  #header .eko-mobile-brand img {
    display:block!important;box-sizing:border-box!important;
    width:100%!important;max-width:370px!important;
    height:60px!important;max-height:60px!important;
    margin:0!important;padding:0!important;
    object-fit:contain!important;object-position:left center!important;
  }
  /* PS9 may move the desktop logo and user widget into these slots. The explicit
     mobile brand above is intentional; avoid duplicates and unreadable icons. */
  #header .eko-mobile-nav #_mobile_logo,
  #header .eko-mobile-nav #_mobile_user_info {display:none!important;}
  #header .eko-mobile-nav .eko-search-panel--mobile {
    position:absolute!important;top:14px!important;right:0!important;left:auto!important;
    width:36px!important;height:36px!important;z-index:15!important;
  }
  #header .eko-mobile-nav .eko-search-panel--mobile .eko-search-form {
    width:min(205px,calc(100vw - 94px))!important;
    max-width:calc(100vw - 94px)!important;
  }
  /* WHITE BAR — old menu button, cart caption and circular basket. */
  #header .header-top.eko-whitebar {
    display:block!important;position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;min-height:73px!important;
    margin:0!important;padding:0!important;
    border:0!important;background:#fff!important;
    box-shadow:none!important;
  }
  #header .eko-whitebar > .container {
    position:relative!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    margin:0 auto!important;padding:0 14px!important;
  }
  #header .eko-mobile-toolbar {
    display:flex!important;position:relative!important;
    box-sizing:border-box!important;align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;width:100%!important;height:73px!important;
    margin:0!important;padding:0!important;
  }
  #header #menu-icon.eko-mobile-menu-button {
    display:flex!important;position:relative!important;
    box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
    flex:0 0 52px!important;width:52px!important;height:49px!important;
    margin:0!important;padding:7px!important;
    border:1px solid #a0a0a0!important;border-radius:3px!important;
    background:#555!important;color:#fff!important;
    box-shadow:0 0 2px #888!important;
    cursor:pointer!important;
  }
  #header #menu-icon.eko-mobile-menu-button:focus-visible {outline:3px solid #eb008b!important;outline-offset:2px!important;}
  #header .eko-hamburger-lines {display:flex!important;flex-direction:column!important;justify-content:space-around!important;width:35px!important;height:31px!important;}
  #header .eko-hamburger-lines span {display:block!important;width:100%!important;height:4px!important;border-radius:4px!important;background:#fff!important;}
  #header .eko-mobile-cart-link {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 1 auto!important;min-width:0!important;
    margin:0 0 0 auto!important;padding:3px 0!important;
    color:#111!important;background:transparent!important;
    text-decoration:none!important;white-space:nowrap!important;
    font:700 14px/1.3 Arial,Helvetica,sans-serif!important;
  }
  #header .eko-mobile-cart-link:hover {color:#e60086!important;}
  #header .eko-cart-arrow {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;
    width:16px!important;height:16px!important;margin-right:8px!important;
    border-radius:50%!important;background:#6b6b6b!important;color:#fff!important;
    font:700 18px/1 Arial,Helvetica,sans-serif!important;
    padding-bottom:5px!important;
  }
  #header .eko-cart-count {margin-left:5px!important;white-space:nowrap!important;}
  #header .eko-mobile-basket-link {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 52px!important;width:52px!important;height:52px!important;
    margin:0!important;padding:0!important;text-decoration:none!important;
  }
  #header .eko-mobile-basket-link svg {display:block!important;width:52px!important;height:52px!important;max-width:none!important;}
  #header .eko-native-mobile-cart {
    position:absolute!important;overflow:hidden!important;
    width:1px!important;height:1px!important;top:0!important;left:0!important;
    opacity:0!important;pointer-events:none!important;
  }
  /* Keep native PS9 top-menu module in the DOM for responsive relocation.
     The actual mobile categories appear in #mobile_top_menu_wrapper below. */
  #header .eko-header-row {
    display:block!important;position:static!important;
    height:0!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  #header .eko-header-widgets {
    position:static!important;min-height:0!important;
    margin:0!important;padding:0!important;
  }
  #header #mobile_top_menu_wrapper {
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    box-sizing:border-box!important;z-index:2000!important;
    width:100%!important;max-width:100vw!important;
    max-height:calc(100dvh - 138px)!important;overflow-y:auto!important;
    margin:0!important;padding:12px 14px 22px!important;
    border-top:2px solid #e60086!important;
    background:#fff!important;box-shadow:0 12px 24px rgba(0,0,0,.25)!important;
  }
  #header #mobile_top_menu_wrapper .js-top-menu,
  #header #mobile_top_menu_wrapper .top-menu,
  #header #mobile_top_menu_wrapper .top-menu li {
    float:none!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    list-style:none!important;
  }
  #header #mobile_top_menu_wrapper .top-menu > li {position:relative!important;border-bottom:1px solid #e6e6e6!important;}
  #header #mobile_top_menu_wrapper .top-menu a {
    display:block!important;box-sizing:border-box!important;
    width:auto!important;max-width:100%!important;
    margin:0!important;padding:13px 38px 13px 13px!important;
    color:#222!important;background:transparent!important;
    text-align:left!important;text-transform:uppercase!important;
    white-space:normal!important;font:500 15px/1.3 Arial,Helvetica,sans-serif!important;
  }
  #header #mobile_top_menu_wrapper .top-menu a:hover,
  #header #mobile_top_menu_wrapper .top-menu a:focus {color:#e60086!important;}
  #header #mobile_top_menu_wrapper .sub-menu {
    position:static!important;top:auto!important;left:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    padding:0 0 5px 12px!important;margin:0!important;
    border:0!important;box-shadow:none!important;background:#fafafa!important;
  }
  #header #mobile_top_menu_wrapper .sub-menu a {padding:10px 34px 10px 13px!important;font-size:14px!important;}
  #header #mobile_top_menu_wrapper .navbar-toggler {
    display:flex!important;position:absolute!important;top:4px!important;right:2px!important;
    align-items:center!important;justify-content:center!important;
    width:40px!important;height:40px!important;margin:0!important;padding:0!important;
    color:#e60086!important;z-index:3!important;cursor:pointer!important;
  }
  #header #mobile_top_menu_wrapper [data-eko-fallback="1"] .sub-menu {display:none;}
  #header #mobile_top_menu_wrapper [data-eko-fallback="1"] li.eko-expanded > .sub-menu {display:block!important;}
  #header #mobile_top_menu_wrapper .js-top-menu-bottom {padding:12px!important;}

  /* SLIDER — original grey surrounding strip, inset image and large arrows. */
  #index #carousel,
  #index .page-home .carousel {
    position:relative!important;left:0!important;
    display:block!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    margin:0 auto 34px!important;padding:17px 14px 14px!important;
    background:#dedede!important;overflow:hidden!important;
  }
  #index #carousel .carousel-inner,
  #index .page-home .carousel .carousel-inner {
    display:block!important;width:100%!important;
    max-width:100%!important;height:auto!important;
    aspect-ratio:1170 / 454!important;
    margin:0!important;padding:0!important;
  }
  #index #carousel .carousel-item figure,
  #index #carousel .carousel-item figure img {margin:0!important;padding:0!important;}
  #index #carousel .direction {
    right:23px!important;bottom:23px!important;left:auto!important;top:auto!important;
    width:100px!important;height:46px!important;
  }
  #index #carousel .direction .carousel-control {
    width:46px!important;height:46px!important;border-width:2px!important;
  }
  #index #carousel .direction .carousel-control .icon-prev,
  #index #carousel .direction .carousel-control .icon-next {width:42px!important;height:42px!important;}

  /* PRODUCT LIST — one large, centered product per row, like the old store. */
  #index .eko-home-products {margin:40px auto 35px!important;}
  #index .eko-products-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;column-gap:0!important;row-gap:40px!important;
    width:100%!important;max-width:100%!important;
    margin:0 auto!important;padding:0!important;
  }
  #index .eko-products-grid > .product {
    display:block!important;float:none!important;flex:none!important;
    box-sizing:border-box!important;
    width:min(100%,280px)!important;max-width:280px!important;
    margin:0 auto!important;padding:0!important;
  }
  #index .eko-products-grid .product-miniature,
  #index .eko-products-grid .thumbnail-container {width:100%!important;max-width:100%!important;}
  #index .eko-products-grid .product-thumbnail {
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;height:260px!important;
    margin:0!important;padding:15px!important;
    border:1px solid #ddd!important;background:#fff!important;
  }
  #index .eko-products-grid .product-thumbnail picture {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;}
  #index .eko-products-grid .product-thumbnail img {
    display:block!important;position:static!important;
    width:auto!important;height:auto!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;
  }
  #index .eko-products-grid .product-description {
    display:block!important;position:static!important;
    width:100%!important;min-height:0!important;height:auto!important;
    margin:0!important;padding:14px 0 0!important;text-align:center!important;
    background:#fff!important;
  }
  #index .eko-products-grid .product-title {min-height:0!important;margin:0 0 20px!important;line-height:1.45!important;}
  #index .eko-products-grid .product-title a {
    font:400 16px/1.45 Arial,Helvetica,sans-serif!important;
    color:#444!important;text-align:center!important;
  }
  #index .eko-products-grid .product-price-and-shipping,
  #index .eko-products-grid .product-price-and-shipping .price {
    font:700 21px/1.35 Arial,Helvetica,sans-serif!important;
    color:#222!important;text-align:center!important;
  }
}
@media (max-width:359px) {
  #header .eko-mobile-brand {width:min(196px,calc(100vw - 94px))!important;}
  #header .eko-mobile-brand img {max-width:196px!important;}
  #header .eko-mobile-cart-link {font-size:12px!important;}
  #header #menu-icon.eko-mobile-menu-button {flex-basis:47px!important;width:47px!important;height:46px!important;}
  #header .eko-mobile-basket-link {flex-basis:44px!important;width:44px!important;height:44px!important;}
  #header .eko-mobile-basket-link svg {width:44px!important;height:44px!important;}
  #index .eko-products-grid > .product {width:min(100%,260px)!important;max-width:260px!important;}
  #index .eko-products-grid .product-thumbnail {height:240px!important;}
  #index #carousel .direction {right:20px!important;bottom:20px!important;width:84px!important;height:39px!important;}
  #index #carousel .direction .carousel-control {width:39px!important;height:39px!important;}
  #index #carousel .direction .carousel-control .icon-prev,
  #index #carousel .direction .carousel-control .icon-next {width:35px!important;height:35px!important;}
}

/* COOKIE NOTICE — faithful to the original HTML: black 90%-opaque strip,
   exact Polish text and magenta "Tak, zgadzam się" button. */
#cookieNotice {
  position:fixed!important;bottom:0!important;left:0!important;right:0!important;
  z-index:9999!important;box-sizing:border-box!important;width:100%!important;
  margin:0!important;padding:0!important;
  background:rgba(0,0,0,.9)!important;color:#fff!important;
  box-shadow:0 0 10px 0 #fff!important;
  text-align:center!important;font:14px/1.3 Arial,Helvetica,sans-serif!important;
}
#cookieNotice[hidden] {display:none!important;}
#cookieNotice #cookieNoticeContent {
  display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;
  align-items:center!important;gap:12px!important;
  box-sizing:border-box!important;width:100%!important;max-width:1170px!important;
  margin:0 auto!important;padding:9px 16px!important;
}
#cookieNotice .eko-cookie-text {color:#fff!important;margin:0!important;padding:0!important;font:inherit!important;}
#cookieNotice .closeButtonNormal {
  display:block!important;box-sizing:border-box!important;
  width:150px!important;max-width:100%!important;
  min-height:30px!important;margin:0!important;padding:4px 5px!important;
  border:0!important;border-radius:2px!important;
  color:#fff!important;background:#eb0689!important;
  text-align:center!important;font:14px/1.3 Arial,Helvetica,sans-serif!important;
  cursor:pointer!important;
}
#cookieNotice .closeButtonNormal:hover,
#cookieNotice .closeButtonNormal:focus-visible {background:#cc0077!important;outline-offset:2px!important;}
@media (max-width:767px) {
  #cookieNotice {font-size:14px!important;}
  #cookieNotice #cookieNoticeContent {
    grid-template-columns:minmax(0,1fr) minmax(112px,40%)!important;
    gap:8px!important;padding:10px 12px!important;
  }
  #cookieNotice .closeButtonNormal {width:100%!important;min-height:34px!important;font-size:14px!important;}
}