/* =========================================================
   HARPERS — OCZYSZCZONY CSS
   Wersja bez duplikatów i sprzecznych selektorów
   ========================================================= */

/* ---------- KOSZYK / CHECKOUT ---------- */

.basket__unknown_delivery {
  display: none !important;
}

/* Ukrycie newslettera w checkout */
.cop_newsletter,
.cop_newsletter__wrapper,
.cop_section_newsletter,
.cop_section--newsletter {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ukrycie uwagi dotyczącej dostawy */
.cop_remarks__item.--delivery {
  display: none !important;
}

/* Separator logowania — podmiana tekstu „lub” */
.cop_login__separator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cop_login__separator > span {
  position: relative !important;
  flex: 0 0 auto !important;
  padding: 0 8px !important;
  background: #fff !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.cop_login__separator > span::before {
  content: "lub złóż zamówienie bez rejestracji" !important;
  display: inline-block !important;
  max-width: 90vw !important;
  color: #333 !important;
  font-family: var(--font-family, "Aktiv Grotesk", Arial, sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Ukrycie checkboxa rejestracji */
#register_client_checkbox,
label[for="register_client_checkbox"] {
  display: none !important;
}

.cop_login__register {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Podmiana tekstów linków płatności i dostawy */
.cop_payments__change_link,
.cop_deliveries__change_link {
  font-family: "Aktiv Grotesk", Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1.4 !important;
  color: transparent !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.cop_payments__change_link::after {
  content: "Zobacz więcej metod płatności" !important;
}

.cop_deliveries__change_link::after {
  content: "Zobacz więcej opcji dostawy" !important;
}

.cop_payments__change_link::after,
.cop_deliveries__change_link::after {
  display: inline !important;
  color: #333 !important;
  font-size: 1.4rem !important;
  line-height: 1.4 !important;
  text-decoration: underline !important;
}

.cop_payments__change_link:hover::after,
.cop_payments__change_link:focus::after,
.cop_deliveries__change_link:hover::after,
.cop_deliveries__change_link:focus::after {
  color: #333 !important;
  text-decoration: underline !important;
}

/* Ukrycie zgód marketingowych */
.cop_terms_item.--mailing,
.cop_terms_item.--sms,
input[id*="client_mailing_checkbox"],
input[id*="client_sms_checkbox"],
label[for*="client_mailing_checkbox"],
label[for*="client_sms_checkbox"] {
  display: none !important;
}

/* Porządkowanie odstępów sekcji zgód */
.cop_summary_item.--terms.cop_terms {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cop_summary_item.--terms.cop_terms > .cop_terms_item {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cop_terms_item.--agree,
.cop_summary_item.--clauses {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.cop_summary_item.--buttons,
.cop_buttons {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.cop_documents {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cop__content {
  gap: 20px !important;
  grid-gap: 20px !important;
}

/* ---------- MENU ---------- */

/* Pre-spring */
.nav-link.--l1[href*="pre-spring-309"] {
  color: #769c77 !important;
}

/* Winter sale — mobile */
@media (max-width: 757px) {
  a[href*="-winter-sale-236"],
  a[href*="-winter-sale-236"]:hover,
  a[href*="-winter-sale-236"]:focus,
  a[href*="-winter-sale-236"].active {
    color: #cf0024 !important;
  }
}

/* Czerwone pozycje menu wyprzedażowego — desktop i mobile */
#menu_navbar .nav-link[href*="/pl/menu/botki-297"],
#menu_navbar .nav-link[href*="/pl/menu/trzewiki-298"],
#menu_navbar .nav-link[href*="/pl/menu/sztyblety-299"],
#menu_navbar .nav-link[href*="/pl/menu/kozaki-300"],
#menu_navbar .nav-link[href*="/pl/menu/polbuty-262"],
#menu_navbar .nav-link[href*="/pl/menu/wyprzedaz-229"],
#menu_navbar .nav-link[href*="/pl/menu/komfortowe-promocje-294"],
#menu_navbar .nav-link[href*="/pl/menu/kategorie-obuwia-387"],
#menu_navbar .nav-link[href*="/pl/menu/klapki-383"],
#menu_navbar .nav-link[href*="/pl/menu/sandaly-384"],
#menu_navbar .nav-link[href*="/pl/menu/baleriny-386"],
#menu_navbar .nav-link[href*="/pl/menu/polbuty-385"],
#menu_navbar .nav-link[href*="/pl/menu/rozmiary-obuwia-388"],
.nav-link[href*="/pl/menu/botki-297"],
.nav-link[href*="/pl/menu/trzewiki-298"],
.nav-link[href*="/pl/menu/sztyblety-299"],
.nav-link[href*="/pl/menu/kozaki-300"],
.nav-link[href*="/pl/menu/polbuty-262"],
.nav-link[href*="/pl/menu/wyprzedaz-229"],
.nav-link[href*="/pl/menu/komfortowe-promocje-294"],
.nav-link[href*="/pl/menu/kategorie-obuwia-387"],
.nav-link[href*="/pl/menu/klapki-383"],
.nav-link[href*="/pl/menu/sandaly-384"],
.nav-link[href*="/pl/menu/baleriny-386"],
.nav-link[href*="/pl/menu/polbuty-385"],
.nav-link[href*="/pl/menu/rozmiary-obuwia-388"] {
  color: #851818 !important;
}


/* Ukrycie RSS */
#menu_blog_rss {
  display: none !important;
}

/* Ukrycie tytułów w drzewach menu */
#main_tree5 ul .title span,
#main_tree5_2 ul .title span {
  display: none !important;
}

/* W drzewie 5_2 pokazuj tylko pierwsze trzy elementy */
#main_tree5_2 .main_tree_sub_item.menu5slider_item {
  display: none !important;
}

#main_tree5_2 .main_tree_sub_item.menu5slider_item:nth-child(-n+3) {
  display: block !important;
}

#main_tree5_3 {
  display: none !important;
}

/* ---------- LOOKBOOK: MENU BUTTONS 2 ---------- */

#menu_buttons2.section {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 30px 0 !important;
  overflow: hidden !important;
}

#menu_buttons2 .menu_button_row.swiper-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 auto !important;
  gap: 15px !important;
  transform: none !important;
}

#menu_buttons2 .menu_button_wrapper.swiper-slide {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

#menu_buttons2 .menu_button_wrapper a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 446 / 512 !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

#menu_buttons2 .menu_button_wrapper img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#menu_buttons2 .menu_button_wrapper span {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 5 !important;
  padding: 40px 15px 15px !important;
  color: #fff !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

@media (min-width: 768px) {
  #menu_buttons2 .menu_button_row.swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* ---------- BANNERY 3 ---------- */

#menu_banners3 .menu_button_wrapper {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

#menu_banners3 .menu_button_wrapper:not(:first-child) {
  display: none !important;
}