/* =========================================================
   Trgovina (predlog) – trgovina.html
   Ponovno uporablja: .postnina, .cip/.izbira vzorce, .lestvica je nova
   ========================================================= */

/* --- Uvod --- */
.trg-uvod { position: relative; overflow: hidden; padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem); }
.trg-uvod::after {
  content: ""; position: absolute; right: -3rem; top: 1rem; width: min(30rem, 44vw); aspect-ratio: 811 / 506.3; z-index: -1;
  background: var(--c-zlata); opacity: .16; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA4MTEgNTA2LjMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxMjMpICAtLT4KICA8cGF0aCBkPSJNMy41LDM2NC42bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVINDAuN0wzLjUsMzY0LjZNMCwzNjQuNmwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNUgzOUwwLDM2NC42aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTEzMi45LDQzOC44bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU0xMjkuNSw0MzguOGwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNMTMyLjksMjkwLjNsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTEyOS41LDI5MC4zbDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik0yNjYuMiwzNjQuNmwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMjYyLjgsMzY0LjZsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTI2Ni4yLDIxNmwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMjYyLjgsMjE2bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik0zOTUuNyw0MzguOGwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMzkyLjIsNDM4LjhsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTM5NS43LDI5MC4zbDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU0zOTIuMiwyOTAuM2wzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNMzk1LjcsMTQxLjhsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTM5Mi4yLDE0MS44bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik01MjksMzY0LjZsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTUyNS41LDM2NC42bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik01MjksMjE2bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU01MjUuNSwyMTZsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTUyOSw2Ny41TDU2Ni4zLDNoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNNTI1LjUsNjcuNWwzOSw2Ny41aDc4bDM5LTY3LjVMNjQyLjUsMGgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNNjU4LjUsMjkwLjNsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTY1NSwyOTAuM2wzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNNjU4LjUsMTQxLjhsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTY1NSwxNDEuOGwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KPC9zdmc+") center / contain no-repeat;
          mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA4MTEgNTA2LjMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxMjMpICAtLT4KICA8cGF0aCBkPSJNMy41LDM2NC42bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVINDAuN0wzLjUsMzY0LjZNMCwzNjQuNmwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNUgzOUwwLDM2NC42aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTEzMi45LDQzOC44bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU0xMjkuNSw0MzguOGwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNMTMyLjksMjkwLjNsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTEyOS41LDI5MC4zbDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik0yNjYuMiwzNjQuNmwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMjYyLjgsMzY0LjZsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTI2Ni4yLDIxNmwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMjYyLjgsMjE2bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik0zOTUuNyw0MzguOGwzNy4zLTY0LjVoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNMzkyLjIsNDM4LjhsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTM5NS43LDI5MC4zbDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU0zOTIuMiwyOTAuM2wzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNMzk1LjcsMTQxLjhsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTM5Mi4yLDE0MS44bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik01MjksMzY0LjZsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTUyNS41LDM2NC42bDM5LDY3LjVoNzhsMzktNjcuNS0zOS02Ny41aC03OGwtMzksNjcuNWgwWiIgZmlsbD0iIzIzMWYyMCIvPgogIDxwYXRoIGQ9Ik01MjksMjE2bDM3LjMtNjQuNWg3NC41bDM3LjMsNjQuNS0zNy4zLDY0LjVoLTc0LjVsLTM3LjMtNjQuNU01MjUuNSwyMTZsMzksNjcuNWg3OGwzOS02Ny41LTM5LTY3LjVoLTc4bC0zOSw2Ny41aDBaIiBmaWxsPSIjMjMxZjIwIi8+CiAgPHBhdGggZD0iTTUyOSw2Ny41TDU2Ni4zLDNoNzQuNWwzNy4zLDY0LjUtMzcuMyw2NC41aC03NC41bC0zNy4zLTY0LjVNNTI1LjUsNjcuNWwzOSw2Ny41aDc4bDM5LTY3LjVMNjQyLjUsMGgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNNjU4LjUsMjkwLjNsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTY1NSwyOTAuM2wzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KICA8cGF0aCBkPSJNNjU4LjUsMTQxLjhsMzcuMy02NC41aDc0LjVsMzcuMyw2NC41LTM3LjMsNjQuNWgtNzQuNWwtMzcuMy02NC41TTY1NSwxNDEuOGwzOSw2Ny41aDc4bDM5LTY3LjUtMzktNjcuNWgtNzhsLTM5LDY3LjVoMFoiIGZpbGw9IiMyMzFmMjAiLz4KPC9zdmc+") center / contain no-repeat;
}
/* Uvod v dveh stolpcih: besedilo levo, fotografija izdelkov desno (nižji in bolj poln uvod) */
.trg-uvod__mreza {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(2rem, 5vw, 5rem); align-items: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}
.trg-uvod__vsebina { display: grid; justify-items: start; gap: 1rem; max-width: 40rem; }
.trg-uvod h1 { font-size: clamp(2.4rem, 1.5rem + 2.8vw, 4.2rem); }
.trg-uvod__slika { position: relative; aspect-ratio: 16 / 10; max-height: 26rem; width: 100%; border-radius: 22px; overflow: hidden; box-shadow: 0 18px 40px rgba(120, 60, 0, .12); }
.trg-uvod__slika img { width: 100%; height: 100%; object-fit: cover; object-position: 82% 50%; }
@media (max-width: 860px) {
  .trg-uvod__mreza { grid-template-columns: 1fr; }
  .trg-uvod__slika { display: none; }   /* na telefonu kompaktno – slike so v karticah */
}
.trg-uvod__opis { font-size: var(--fs-uvod); line-height: 1.45; max-width: 40rem; }
.postnina--vrstica { width: auto; padding: .55rem 1rem .55rem .55rem; border-radius: var(--r-gumb); }
.postnina--vrstica .postnina__ikona { width: 2.2rem; height: 2.2rem; }

/* Filter */
.trg-filter { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: clamp(1.75rem, 3vw, 2.5rem); }
/* enak videz kot izbira vrste medu na vstopni strani (.vrsta__oznaka) */
.trg-filter__gumb {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  min-width: 9rem; min-height: 3.25rem; padding: .6rem 1.4rem;
  border: 0; border-radius: var(--r-gumb); background: var(--c-pill); color: var(--c-naslov);
  font-size: var(--fs-gumb); cursor: pointer;
  transition: background-color var(--prehod), color var(--prehod), box-shadow var(--prehod);
}
.trg-filter__gumb span {
  font-size: .8rem; font-weight: 600; min-width: 1.5rem; padding: .1rem .4rem; border-radius: 999px;
  background: rgba(255, 255, 255, .75); color: var(--c-besedilo-blago); font-variant-numeric: tabular-nums;
  transition: background-color var(--prehod), color var(--prehod);
}
.trg-filter__gumb:hover { background: #f1e3cb; }
.trg-filter__gumb[aria-pressed="true"] { background: linear-gradient(180deg, #f26a12, #dc5506); color: #fff; box-shadow: 0 6px 16px rgba(220, 85, 6, .28); }
.trg-filter__gumb[aria-pressed="true"] span { background: rgba(255, 255, 255, .22); color: #fff; }
.trg-filter__gumb:focus-visible { outline: 3px solid var(--c-zelena); outline-offset: 3px; }

/* --- Skupine --- */
.trg-izdelki { display: grid; gap: clamp(3rem, 6vw, 5.5rem); padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3.5rem, 7vw, 6.5rem); }
.trg-skupina { display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); scroll-margin-top: 6rem; }
.trg-skupina__glava { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 2rem; padding-bottom: .9rem; border-bottom: 1px solid var(--c-crta); }
.trg-skupina__glava h2 { font-size: clamp(2rem, 1.5rem + 1.8vw, 3rem); }
.trg-skupina__glava p { color: var(--c-besedilo-blago); }

/* --- Mreža kartic --- */
.trg-mreza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); list-style: none; margin: 0; padding: 0; }
.kartica {
  display: grid; grid-template-rows: auto 1fr; height: 100%;
  border-radius: 18px; background: var(--c-kartica); border: 1px solid #f1e5d1; overflow: hidden;
  transition: box-shadow .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1), border-color .25s ease;
}
.kartica:hover { box-shadow: 0 16px 34px rgba(120, 60, 0, .09); border-color: #ecd2aa; }
.kartica__slika {
  position: relative; display: grid; place-items: center; aspect-ratio: 5 / 4;
  background: radial-gradient(circle at 50% 46%, #fff6e6 0%, #fbe7c6 55%, #f4d9ad 100%);
}
.kartica__slika img { width: 62%; height: 92%; object-fit: contain; transition: opacity .28s ease, transform .5s cubic-bezier(.22, .61, .36, 1); }
.kartica:hover .kartica__slika img { transform: translateY(-4px) scale(1.02); }
.kartica__slika img.je-menjava { opacity: 0; transform: scale(.95); }
.kartica__vsebina { display: grid; align-content: start; gap: .7rem; padding: 1.25rem 1.35rem 1.4rem; }
.kartica__naziv { font-size: clamp(1.6rem, 1.3rem + .8vw, 2rem); }
.kartica__naziv a { text-decoration: none; }
.kartica__naziv a:hover { color: var(--c-oranzna-temna); }
.kartica__naziv small { font-family: var(--f-besedilo); font-size: .95rem; font-weight: 500; color: var(--c-besedilo-blago); }
.kartica__geslo { color: var(--c-besedilo-blago); font-size: 1rem; line-height: 1.45; }

/* Čipi za embalažo */
.kartica__emb { display: flex; gap: .4rem; border: 0; margin: .15rem 0 0; padding: 0; min-width: 0; }
.cip { position: relative; flex: 1; }
.cip input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.cip span {
  display: grid; place-items: center; min-height: 2.5rem; padding: .3rem .4rem; border-radius: 10px;
  border: 2px solid #efe0c8; background: #fff; font-size: .9375rem; font-weight: 500; color: var(--c-naslov);
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.cip:hover span { border-color: #f0c89c; }
.cip input:checked + span { border-color: var(--c-oranzna); background: #fff4e8; color: var(--c-oranzna-temna); }
.cip input:focus-visible + span { outline: 3px solid var(--c-zelena); outline-offset: 2px; }

.kartica__dno { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .35rem; }
.kartica__cena { font-size: 1.45rem; font-weight: 600; color: var(--c-naslov); font-variant-numeric: tabular-nums; }
.kartica__cena--manjka { font-size: .95rem; font-weight: 500; color: var(--c-besedilo-blago); }
.kartica__gumb { min-height: 2.85rem; padding: .55em 1.1em; font-size: 1rem; }

/* Izdelki v pripravi */
.kartica__slika--prazna { background: repeating-linear-gradient(135deg, #f6efe1 0 14px, #f2e8d6 14px 28px); }
.kartica__slika--prazna span { padding: .45rem .9rem; border-radius: var(--r-gumb); background: rgba(255, 255, 255, .85); font-size: .875rem; color: var(--c-besedilo-blago); }
.trg-mreza--ostalo { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* --- Paket: izpostavljena kartica --- */
.paket-kartica {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); overflow: hidden;
  border-radius: 22px; background: var(--c-ozadje-toplo); border: 1px solid #f0dfc3;
}
.paket-kartica__slika { min-height: 100%; }
.paket-kartica__slika img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.paket-kartica__vsebina { display: grid; justify-items: start; align-content: center; gap: 1rem; padding: clamp(1.75rem, 4vw, 3.5rem); }
.paket-kartica h3 { font-size: clamp(2rem, 1.5rem + 1.8vw, 3rem); }
.lestvica { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; width: 100%; list-style: none; margin: .25rem 0 .5rem; padding: 0; }
.lestvica li {
  position: relative; display: grid; justify-items: center; gap: .1rem; padding: 1rem .5rem .9rem; text-align: center;
  border-radius: 14px; background: #fff; border: 2px solid #f0dfc3; font-variant-numeric: tabular-nums;
}
.lestvica__kosov { font-size: .95rem; color: var(--c-besedilo-blago); }
.lestvica__cena { font-size: 1.45rem; font-weight: 600; color: var(--c-naslov); }
.lestvica__na-kos { font-size: .8rem; color: var(--c-oranzna-temna); }
.lestvica--najboljse { border-color: var(--c-oranzna) !important; background: #fff8ef !important; }
.lestvica__oznaka {
  position: absolute; top: -.75rem; padding: .15rem .6rem; border-radius: 999px; background: var(--c-oranzna); color: #fff;
  font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
}

/* --- Odzivnost --- */
@media (max-width: 1100px) {
  .trg-mreza, .trg-mreza--ostalo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paket-kartica { grid-template-columns: 1fr; }
  .paket-kartica__slika { aspect-ratio: 16 / 8; }
}
@media (max-width: 560px) {
  .trg-mreza, .trg-mreza--ostalo { gap: .75rem; }
  .kartica { border-radius: 14px; }
  .kartica__vsebina { padding: .9rem .8rem 1rem; gap: .55rem; }
  .kartica__naziv { font-size: 1.35rem; }
  .kartica__geslo { font-size: .875rem; }
  .cip span { min-height: 2.3rem; font-size: .8125rem; padding-inline: .15rem; }
  .kartica__emb { gap: .25rem; }
  .kartica__dno { flex-direction: column; align-items: stretch; gap: .5rem; }
  .kartica__cena { font-size: 1.25rem; }
  .kartica__gumb { width: 100%; font-size: .9375rem; padding-inline: .5em; }
  .paket-kartica__slika { aspect-ratio: 4 / 3; }
  .lestvica { gap: .4rem; }
  .lestvica__cena { font-size: 1.2rem; }
  .trg-filter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .trg-filter__gumb { min-width: 0; padding-inline: .75rem; }
}
@media (max-width: 560px) {
  .lestvica__oznaka { font-size: .6rem; letter-spacing: .02em; padding: .12rem .45rem; }
}

/* Vzorec panja pri »Iz panja«: sega do desnega roba strani (skupina je v vsebniku, zato ga ne obrežemo) */
.trg-skupina.panj-ozadje { overflow-x: visible; }
main:has(.trg-izdelki) { overflow-x: clip; }   /* obreže vzorec ob robu strani, brez vodoravnega drsenja */
.trg-skupina.panj-ozadje::before { right: calc((100% - 100vw) / 2 - 4rem); }

/* kartica brez cene: gumb desno */
.kartica__dno > .kartica__gumb:only-child { margin-left: auto; }