.site-header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  border-bottom: 1px solid #0d0807;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.wp-block-search__inside-wrapper {
  background: #ece9e7;
}

.top-bar {
  text-align: center;
  padding: 10px 0;
}

.category-switch a {
  margin: 0 15px;
  color: #333;
  text-decoration: none;
}

.bottom-bar {
  align-items: center;
}

.logo a {
  font-size: 24px;
  text-decoration: none;
  color: #000;
}

.category-menu .menu-items {
  display: flex;
}

.category-menu.menu-items ul {
  display: flex;
  list-style-type: none;
}

.menu-items ul li {
  display: flex;
  list-style-type: none;
}

.menu-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}

.cart {
  position: relative;
}

.cart-count {
  box-sizing: border-box;
  background: #0d0807;
  color: #fff;
  border-radius: 50%;
  padding: 4px 6px;
  font-size: 12px;
  position: absolute;
  top: -8px;
  right: -5px;
  font-size: 1rem;
  min-width: 20px;
}

.category-switch a {
  background: #ece9e7;
  padding: 1.8rem;
  font-size: 1.4rem;
  color: #0d0807;
}

.category-switch a.active {
  background: #8d8482;
  padding: 1.8rem;
  font-size: 1.4rem;
  color: white;
}

nav.category-menu ul li a {
  font-size: 1.4rem;
  color: #0d0807;
  font-weight: 200;
  text-decoration: none;
}

nav.category-menu ul {
  display: flex;
  gap: 2rem;
  list-style: none;
  padding-inline-start: 0;
}

.category-switch {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.top-bar .cart a {
  display: flex;
  color: #f5f7f8;
  position: relative;
}

.top-bar .logo img {
  max-width: 310px;
}

a.logowanie {
  font-size: 1.4rem;
  color: #0d0807;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

#root header .specrow {
  justify-content: flex-start;
}

.header-sidebar button:after {
  content: url(https://collectiveq.pl/wp-content/uploads/2025/04/search.png);
}

.header-sidebar button {
  background: #ece9e7;
  border: 0;
  border-radius: 50%;
}

.header-sidebar input#wp-block-search__input-1 {
  font-size: 1.4rem;
  font-family: "ivyepic-variable";
  font-style: italic;
  font-weight: 200;
  padding: 1rem;
  border: 0;
  background: transparent;
  margin-right: 1rem;
}

footer.site-footer {
  background: #0d0807;
  color: white;
  width: 100%;
}

.specrow.row.footer-top {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.logo-social img {
  max-width: 250px;
}

#root p.dolacz {
  margin-top: 4rem;
  font-size: 2rem;
}

.footer-col ul {
  padding-inline-start: 0;
  list-style: none;
  line-height: 24px;
}

.footer-col ul a {
  color: white;
  font-size: 1.4rem;
  text-decoration: none;
}

h4.footer-heading {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

#root .social-icons img {
  width: 32px;
}

.social-icons {
  display: flex;
  gap: 3.2rem;
  flex-direction: row;
  margin-top: 4rem;
}

.header-sidebar input#wp-block-search__input-2 {
  font-size: 1.4rem;
  font-family: "ivyepic-variable";
  font-style: italic;
  font-weight: 200;
  padding: 1rem;
  border: 0;
  background: transparent;
  margin-right: 1rem;
  color: #000000;
}

.col-3.footer-col {
  flex: 0 0 20%;
  width: 20%;
}

.col-3.footer-col.logo-social {
  flex: 0 0 40%;
  width: 40%;
}

#root .footer-bottom {
  border-top: 1px solid #adadad;
  width: 100%;
  margin: 0;
  padding-top: 2rem;
  padding-bottom: 1rem;
  text-align: center;
}

#root .footer-bottom span,
#root .footer-bottom a {
  color: #adadad;
  font-size: 1.4rem;
  text-decoration: none;
}

.footer-bottom-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 4rem;
}

/* Domyślnie ukryj mobile-header */
.mobile-header,
.mobile-menu-modal {
  display: none;
}

.mobile-current-section {
  margin-bottom: 20px;
  border-bottom: 1px solid #0d0807;
  padding-bottom: 10px;
  margin-top: 10px;
  max-width: 80%;
}

.mobile-current-section h2 {
  font-size: 3rem;
  font-weight: 400;
  margin: 0;
  color: #0d0807;
  font-family: "ivyepic-variable";
}

#root .dane p.text {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

header#site-header,
footer#site-footer {
  display: none;
}

a {
  cursor: pointer;
}

.guaven_woos_titlediv span {
  color: #0d0807;
  text-decoration: none;
  border-bottom: 0;
  font-size: 1.2rem;
  font-family: "IBM Plex Sans";
}

#root .guaven_woos_img {
  width: 100px;
  position: relative;
}

.guaven_woos_suggestion_list a:-webkit-any-link {
  text-decoration: none;
}

li.guaven_woos_showallli {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

li.guaven_woos_showallli a {
  font-size: 1.2rem;
  color: #0d0807;
  text-decoration: none;
}

#root .guaven_woos_showallli {
  border-top: 0;
}

.guaven_woos_titlediv {
  padding-top: 5px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
}

#root .guaven_woos_suggestion_list span.woocommerce-Price-amount.amount {
  font-weight: 600;
}

p:has(> input#parcel_machine_id),
.card-inner:has(.marketking_create_shipment_other),
a#easypack_need_one_else_parcel {
  display: none !important;
}

ul#menu-languages,
ul.language-menu,
.language-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.language-menu li {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.menu-item-object-language_switcher .trp-flag-image {
  width: 24px;
}

#stripe-warning:has(div) {
  background: #e91e63;
  padding: 3rem;
  color: white;
}

div#stripe-warning a {
  background: #0d0807;
  padding: 1rem 3rem;
  border: 1px solid black;
  color: white;
  text-decoration-line: none;
  text-transform: uppercase;
  font-family: "IBM Plex Sans";
}

div#stripe-warning div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 1480px) {
  .category-switch a,
  .category-switch a.active {
    padding: 1rem;
  }

  .most-popular-categories .popular-product-categories {
    gap: 0.5rem;
  }

  section.email-subscribe-banner form {
    right: 20%;
    width: 25%;
  }
}

@media (max-width: 1024px) {
  .site-header,
  .top-bar,
  .bottom-bar {
    display: none !important;
  }
  .mobile-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #fff;
    z-index: 1001;
    position: relative;
    padding: 1rem;
  }
  .mobile-header .mobile-logo img {
    height: 38px;
  }
  .mobile-header .mobile-menu-toggle,
  .mobile-header .mobile-icons a {
    background: none;
    border: none;
    padding: 0;
  }
  .mobile-header .mobile-icons {
    display: flex;
    gap: 18px;
    align-items: center;
  }
  a.mobile-cart {
    position: relative;
  }
  .mobile-header .cart-count {
    background: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    padding: 3px 6px;
    position: absolute;
    top: -10px;
    right: -10px;
    width: fit-content;
  }

  /* Modal menu */
  .mobile-menu-modal {
    clip-path: circle(
      0% at 40px 40px
    ); /* Dostosuj pozycję do miejsca hamburgera */
    transition: clip-path 1s cubic-bezier(0.77, 0, 0.18, 1);
    position: fixed;
    inset: 0;
    z-index: 9999;
    justify-content: center;
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    display: flex;
  }
  .mobile-menu-modal.open {
    clip-path: circle(150% at 40px 40px);
  }

  .mobile-menu-modal-content {
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    background: #f5f7f8;
    position: relative;
    padding: 40px 24px 24px 24px;
    /* Efekt początkowy: małe kółko w miejscu hamburgera */
    clip-path: circle(
      0% at 40px 40px
    ); /* Dostosuj pozycję do miejsca hamburgera */
    transition: clip-path 1.6s cubic-bezier(0.77, 0, 0.18, 1);
    will-change: clip-path;
    overflow: hidden;
    padding: 4rem;
  }

  .mobile-menu-modal.open .mobile-menu-modal-content {
    clip-path: circle(150% at 40px 40px);
  }

  button.mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 8rem;
    background: none;
    border: 0;
  }

  .mobile-menu-close:hover {
    color: #e74c3c;
  }
  .mobile-menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10rem;
  }
  .mobile-menu-items li {
    margin-bottom: 22px;
  }
  .mobile-menu-items a {
    font-size: 1.3rem;
    color: #111;
    text-decoration: none;
  }

  .mobile-menu-items ul {
    display: none;
    padding-left: 18px;
    margin-top: 8px;
    transition: max-height 0.3s;
  }
  .mobile-menu-items li.open > ul {
    display: block;
  }
  .mobile-menu-items .submenu-toggle {
    background: none;
    border: none;
    font-size: 1.2em;
    margin-left: 8px;
    cursor: pointer;
    vertical-align: middle;
    color: #333;
    transition: transform 0.2s;
  }
  .mobile-menu-items li.open > .submenu-toggle {
    transform: rotate(90deg);
  }
  .mobile-menu-items li.menu-item-has-children > a {
    display: inline-block;
  }

  img.men-mob {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 300px;
  }

  ul.mobile-menu-items li a {
    font-size: 3rem;
    font-family: "ivyepic-variable";
    font-variation-settings: "wdth" 100, "wght" 200, "slnt" -10;
    background: #f5f7f8;
    padding: 0.5rem;
  }

  nav.menu-menu-mobile-container {
    margin-top: 10rem;
  }

  ul.sub-menu {
    list-style: none;
    margin-top: 5rem;
  }

  ul.mobile-menu-items ul.sub-menu li a {
    font-size: 2.5rem;
  }

  .mobile-language-menu {
    position: absolute;
    bottom: 80px;
    left: 40px;
    z-index: 10;
  }

  .mobile-language-menu ul.mobile-language-items {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 15px;
  }

  .mobile-language-menu ul.mobile-language-items li {
    margin: 0;
    padding: 5px;
  }

  .mobile-language-menu .trp-flag-image {
    width: 36px;
    height: auto;
  }

  #root .social-icons img {
    width: 28px;
  }
}

/* Nie potrzebujesz już animacji slideIn, bo efekt robi clip-path */