/* NOVÁ PLEŤ – menu, hlavička, kontaktní lišta a filtry */

/* NOVÁ PLEŤ – obrázky v rozbalovacím menu */
  @media (min-width: 768px) {
    #navigation .menu-level-1 > li.menu-item-715 > a > .submenu-arrow,
    #navigation .menu-level-1 > li.menu-item-808 > a > .submenu-arrow,
    #navigation .menu-level-1 > li.menu-item-889 > a > .submenu-arrow {
      display: inline-block !important;
      margin-left: 7px !important;
      padding: 0 !important;
      font-size: 9px !important;
      line-height: 1 !important;
      vertical-align: middle !important;
      -webkit-text-stroke: 0 !important;
    }

    #navigation .menu-level-1 > li.menu-item-715 > a > .submenu-arrow::after,
    #navigation .menu-level-1 > li.menu-item-808 > a > .submenu-arrow::after,
    #navigation .menu-level-1 > li.menu-item-889 > a > .submenu-arrow::after {
      display: block !important;
    }

    #navigation .menu-item-715 > .menu-level-2 > li > .menu-no-image,
    #navigation .menu-item-808 > .menu-level-2 > li > .menu-no-image,
    #navigation .menu-item-889 > .menu-level-2 > li > .menu-no-image {
      width: 100% !important;
    }

    #navigation .menu-item-715 > .menu-level-2 > li > .menu-no-image > a,
    #navigation .menu-item-808 > .menu-level-2 > li > .menu-no-image > a,
    #navigation .menu-item-889 > .menu-level-2 > li > .menu-no-image > a {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      width: 100% !important;
      min-height: 58px !important;
      padding: 7px 14px !important;
      line-height: 1.25 !important;
    }

    #navigation .menu-item-715 > .menu-level-2 > li > .menu-no-image > a::before,
    #navigation .menu-item-808 > .menu-level-2 > li > .menu-no-image > a::before,
    #navigation .menu-item-889 > .menu-level-2 > li > .menu-no-image > a::before {
      content: "";
      display: block;
      flex: 0 0 48px;
      width: 48px;
      height: 48px;
      border: 1px solid #f0e6e2;
      border-radius: 7px;
      background-color: #fff;
      background-image: var(--np-menu-img);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }

    /* Korejská kosmetika – přímo ověřené PNG adresy */
    #navigation .menu-item-715 .menu-item-856 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-bestsellery.png");
    }

    #navigation .menu-item-715 .menu-item-805 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-vyhodne-balicky.png");
    }

    #navigation .menu-item-715 .menu-item-802 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-cisteni-pleti.png");
    }

    #navigation .menu-item-715 .menu-item-853 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-tonery-esence.png");
    }

    #navigation .menu-item-715 .menu-item-792 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-sera.png");
    }

    #navigation .menu-item-715 .menu-item-783 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-masky.png");
    }

    #navigation .menu-item-715 .menu-item-838 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-ocni-kremy.png");
    }

    #navigation .menu-item-715 .menu-item-786 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-kremy.png");
    }

    #navigation .menu-item-715 .menu-item-925 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-spf50.png");
    }

    #navigation .menu-item-715 .menu-item-847 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-rty-rasy.png");
    }

    #navigation .menu-item-715 .menu-item-859 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-luxusn%C3%AD-pece.png");
    }

    #navigation .menu-item-715 .menu-item-862 {
      --np-menu-img: url("https://www.novaplet.cz/user/documents/upload/CSS%20slo%C5%BEka/np-cat-bez-krabicky.png");
    }

    /* Korejská péče o vlasy – zachování stávajících obrázků */
    #navigation .menu-item-808 .menu-item-811 {
      --np-menu-img: url("/user/documents/upload/Fotky%20-%20korejsk%C3%A1%20p%C3%A9%C4%8De%20o%20vlasy/%C5%A0amp%C3%B3ny.png");
    }

    #navigation .menu-item-808 .menu-item-814 {
      --np-menu-img: url("/user/documents/upload/Fotky%20-%20korejsk%C3%A1%20p%C3%A9%C4%8De%20o%20vlasy/Kondicion%C3%A9ry.png");
    }

    #navigation .menu-item-808 .menu-item-817 {
      --np-menu-img: url("/user/documents/upload/Fotky%20-%20korejsk%C3%A1%20p%C3%A9%C4%8De%20o%20vlasy/Masky%2C%20esence%2C%20s%C3%A9ra.png");
    }

    /* Kosmetické přístroje – zachování stávajících obrázků */
    #navigation .menu-item-889 .menu-item-907 {
      --np-menu-img: url("/user/documents/upload/Kosmetick%C3%A9%20p%C5%99%C3%ADstroje/Boost.png");
    }

    #navigation .menu-item-889 .menu-item-892 {
      --np-menu-img: url("/user/documents/upload/Kosmetick%C3%A9%20p%C5%99%C3%ADstroje/LumiSpa.png");
    }

    #navigation .menu-item-889 .menu-item-901 {
      --np-menu-img: url("/user/documents/upload/Kosmetick%C3%A9%20p%C5%99%C3%ADstroje/GalvanicSpa.png");
    }

    #navigation .menu-item-889 .menu-item-904 {
      --np-menu-img: url("/user/documents/upload/Kosmetick%C3%A9%20p%C5%99%C3%ADstroje/WellSpa%20iO.png");
    }

    #navigation .menu-item-889 .menu-item-910 {
      --np-menu-img: url("/user/documents/upload/Kosmetick%C3%A9%20p%C5%99%C3%ADstroje/%C3%9Astn%C3%AD%20p%C3%A9%C4%8De.png");
    }

    #navigation .menu-item-808 > .menu-level-2 > li > .menu-no-image > a::before,
    #navigation .menu-item-889 > .menu-level-2 > li > .menu-no-image > a::before {
      background-size: cover;
    }

    #navigation .menu-item-889 .menu-item-913 > .menu-no-image > a::before {
      display: none !important;
      content: none !important;
    }
  }

  /* NOVÁ PLEŤ – kontaktní lišta */
  #np-contact-bar {
    position: relative;
    z-index: 50;
    width: 100%;
    border-top: 5px solid #292929;
    background: #f4d1d3;
    color: #111;
    font-size: 14px;
  }

  #np-contact-bar .np-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    max-width: 1170px;
    min-height: 35px;
    margin: 0 auto;
    padding: 0 16px;
  }

  #np-contact-bar a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #111 !important;
    font-weight: 500;
    text-decoration: none !important;
  }

  #np-contact-bar a:hover {
    text-decoration: underline !important;
  }

  #np-contact-bar svg {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
  }

  /* NOVÁ PLEŤ – nativní vyhledávání Shoptetu v hlavičce */
  @media (min-width: 992px) {
    #header .header-top-wrapper > .site-name {
      order: 1;
    }

    #header .header-top-wrapper > .navigation-tools {
      order: 2;
      align-self: stretch;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
    }

    #header .header-top-wrapper > .navigation-buttons {
      order: 3;
    }

    #header .header-top-wrapper > .user-action {
      order: 4;
    }

    #header .navigation-buttons > [data-target="search"] {
      display: none !important;
    }

    #header .navigation-tools > .np-header-search-widget {
      position: static !important;
      display: block !important;
      width: 100% !important;
      max-width: 370px !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      background: transparent !important;
      box-shadow: none !important;
      overflow: visible !important;
      z-index: 100 !important;
    }

    #header .np-header-search-widget > .search-widget-close {
      display: none !important;
    }

    #header .np-header-search-widget form.np-header-search {
      position: relative;
      display: block !important;
      width: 100%;
      max-width: 370px;
      height: 46px;
      margin: 0 !important;
      overflow: visible !important;
      border: 2px solid #ece8e6;
      border-radius: 25px;
      background: #fff;
      transition: border-color 0.2s, box-shadow 0.2s;
    }

    #header .np-header-search-widget form.np-header-search:focus-within {
      border-color: #d9aaa8;
      box-shadow: 0 0 0 3px rgba(217, 170, 168, 0.16);
    }

    #header .np-header-search-widget form.np-header-search fieldset {
      width: 100%;
      height: 100%;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }

    #header .np-header-search-widget form.np-header-search .search-form-input-group {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
    }

    #header .np-header-search-widget form.np-header-search .search-input-icon {
      display: none !important;
    }

    #header .np-header-search-widget form.np-header-search input[type="search"] {
      flex: 1 1 auto;
      min-width: 0;
      height: 42px !important;
      margin: 0 !important;
      padding: 0 8px 0 19px !important;
      border: 0 !important;
      border-radius: 23px 0 0 23px !important;
      outline: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #111 !important;
      font-size: 14px !important;
    }

    #header .np-header-search-widget form.np-header-search input::placeholder {
      color: #777;
      opacity: 1;
    }

    #header .np-header-search-widget form.np-header-search .search-button {
      flex: 0 0 52px;
      width: 52px;
      height: 42px;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden;
      border: 0 !important;
      border-radius: 0 23px 23px 0 !important;
      background-color: transparent !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: 21px 21px !important;
      color: transparent !important;
      font-size: 0 !important;
    }

    #header .np-header-search-widget form.np-header-search .search-button:hover {
      background-color: #f7eeee !important;
    }

    #header .np-header-search-widget .search-whisperer,
    #header .np-header-search-widget .search-results-groups {
      top: calc(100% + 8px);
      overflow: hidden;
      border: 1px solid #e2d8d5;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(40, 32, 32, 0.16);
    }
  }

  @media (max-width: 991px) {
    #np-contact-bar {
      font-size: 12px;
    }

    #np-contact-bar .np-contact-inner {
      min-height: 34px;
      gap: 10px;
      padding: 0 10px;
    }

    #np-contact-bar .np-contact-label {
      display: none;
    }

    #np-contact-bar svg {
      flex-basis: 16px;
      width: 16px;
      height: 16px;
    }
  }

@media (min-width: 992px) {
    body.np-cosmetics-listing .category-content-wrapper {
      display: grid !important;
      grid-template-columns: 250px minmax(0, 1fr);
      grid-auto-flow: row;
      column-gap: 32px;
      align-items: start;
    }

    body.np-cosmetics-listing .category-content-wrapper > * {
      grid-column: 2;
      min-width: 0;
    }

    body.np-cosmetics-listing .category-content-wrapper > #filters-wrapper {
      grid-column: 1;
      grid-row: 1 / span 20;
      width: 100%;
      margin: 0;
      padding: 0 20px 0 0;
      border-right: 1px solid #e7dddd;
      box-sizing: border-box;
    }

    body.np-cosmetics-listing #filters-wrapper label.filter-label::before,
    body.np-cosmetics-listing #filters-wrapper label.filter-label::after {
      display: none !important;
      content: none !important;
    }

    body.np-cosmetics-listing #filters-wrapper .filters-unveil-button-wrapper {
      display: none !important;
    }

    body.np-cosmetics-listing #filters-wrapper #filters,
    body.np-cosmetics-listing #filters-wrapper #category-filter-hover {
      position: static !important;
      display: block !important;
      width: 100% !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      box-shadow: none !important;
      background: transparent !important;
    }

    body.np-cosmetics-listing #filters-wrapper .slider-wrapper,
    body.np-cosmetics-listing #filters-wrapper .filter-section {
      margin: 0 !important;
      padding: 17px 0 !important;
      border: 0 !important;
      border-bottom: 1px solid #e7dddd !important;
      background: transparent !important;
    }

    body.np-cosmetics-listing #filters-wrapper h4 {
      margin: 0 0 13px !important;
      color: #4b3b3b !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 1.3px !important;
      text-transform: uppercase !important;
    }

    body.np-cosmetics-listing #filters-wrapper .filter-label {
      display: block !important;
      width: auto !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0 !important;
      color: #554949;
      font-size: 14px;
      line-height: 1.35;
      white-space: normal !important;
      overflow-wrap: anywhere;
    }

    body.np-cosmetics-listing #filters-wrapper fieldset {
      display: block !important;
      width: 100% !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0 !important;
    }

    body.np-cosmetics-listing #filters-wrapper fieldset > div {
      display: grid !important;
      grid-template-columns: 18px minmax(0, 1fr) !important;
      grid-auto-flow: row !important;
      grid-auto-rows: auto !important;
      align-items: flex-start !important;
      column-gap: 9px !important;
      row-gap: 0 !important;
      width: 100% !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0 !important;
      float: none !important;
      clear: both;
      box-sizing: border-box;
    }

    body.np-cosmetics-listing #filters-wrapper fieldset > div > input[type="checkbox"] {
      position: static !important;
      display: block !important;
      grid-column: 1 !important;
      width: 16px !important;
      min-width: 16px !important;
      height: 16px !important;
      margin: 7px 0 0 !important;
      opacity: 1 !important;
      float: none !important;
    }

    body.np-cosmetics-listing #filters-wrapper fieldset > div > label,
    body.np-cosmetics-listing #filters-wrapper fieldset > div > .filter-label {
      grid-column: 2 !important;
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 6px 0 !important;
      float: none !important;
      box-sizing: border-box !important;
    }

    body.np-cosmetics-listing #filters-wrapper .filter-count {
      display: inline-block !important;
      margin-left: 4px;
      color: #9a8989;
      white-space: nowrap;
    }

    body.np-cosmetics-listing #filters-wrapper .filter-total-count {
      padding-top: 5px;
      color: #756565;
      font-size: 13px;
    }

    body.np-cosmetics-listing .category-header {
      margin-top: 0 !important;
    }

    body.np-cosmetics-listing .listSorting__controls {
      justify-content: flex-end;
    }
  }

  @media (max-width: 991px) {
    body.np-cosmetics-listing .category-content-wrapper {
      display: block !important;
    }
  }