/* Podstrani: ponudba, kategorije */
.gumbi--sredina { justify-content: center; }
.drobtine { font-size: var(--fs-small); color: var(--ink-50); margin-bottom: var(--sp-6); }
.drobtine a { color: var(--ink-70); text-underline-offset: 3px; display: inline-flex; min-height: 44px; align-items: center; }
.pod-hero__lok { max-width: 300px; width: 100%; justify-self: end; }
@media (max-width: 899px) { .pod-hero__lok { max-width: 200px; justify-self: start; } }

/* Kartice kategorij */
.kategorije { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-6); }
.kategorije--dve { grid-template-columns: repeat(2, 1fr); max-width: 900px; margin-inline: auto; }
@media (max-width: 899px) { .kategorije, .kategorije--dve { grid-template-columns: 1fr; } }
.kat { display: grid; grid-template-columns: 1fr; gap: var(--sp-3); padding: var(--sp-6); border-radius: var(--r-lg); background: var(--bg); text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--line), var(--el-1); transition: transform var(--d-4) var(--e-out), box-shadow var(--d-4) var(--e-out); }
.kat:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(195,162,90,.6), var(--el-2); }
.kat__lok { width: 46%; margin-bottom: var(--sp-4); transition: transform var(--d-6) var(--e-out); }
.kat:hover .kat__lok { transform: scale(1.03); }
.kat h2, .kat h3 { font-size: var(--fs-h2); }
.kat p { color: var(--ink-70); }
.kat__vec { margin-top: var(--sp-3); font-weight: 600; font-size: var(--fs-small); color: var(--accent-dark); }
.kat__vec span { display: inline-block; transition: transform var(--d-4) var(--e-out); }
.kat:hover .kat__vec span { transform: translateX(4px); }
@media (max-width: 899px) { .kat { grid-template-columns: 96px 1fr; column-gap: var(--sp-6); align-items: center; }
  .kat__lok { width: 100%; grid-row: span 3; margin: 0; } .kat__vec { margin-top: 0; } }

/* Celoten meni */
.ves-meni { background: var(--bg-soft); }
.ves-meni__karta { position: relative; max-width: 1040px; margin-inline: auto; background: var(--bg); border-radius: var(--r-sm);
  padding: clamp(var(--sp-7), 6vw, var(--sp-12)); box-shadow: var(--el-2), 0 40px 80px -50px rgba(80,55,20,.35); display: grid; gap: var(--sp-11); }
.ves-meni__karta::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(195,162,90,.55); border-radius: 2px; pointer-events: none; }
.kategorija { scroll-margin-top: 110px; }
.kategorija + .kategorija { border-top: 1px solid var(--line); padding-top: var(--sp-11); }
.kategorija__glava { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-8); }
.kategorija__glava h2 { font-size: var(--fs-h1); font-style: italic; color: var(--accent-dark); }
.povezava-kat { font-size: var(--fs-small); font-weight: 600; color: var(--ink-70); text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.skupine { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--sp-9); }
.skupina h3 { font: 500 var(--fs-small)/1.4 var(--b); color: var(--ink-50); margin-bottom: var(--sp-5); padding-bottom: var(--sp-3); border-bottom: 1px solid var(--line); }
.skupina ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-5); }
.skupina li { display: grid; gap: 2px; }
.skupina b { font: 500 var(--fs-h4)/1.2 var(--h); }
.skupina span { font-size: var(--fs-small); color: var(--ink-50); }
.skupine--velike .skupina b { font-size: var(--fs-h3); }
.primer { margin: var(--sp-6) 0 var(--sp-9); text-align: center; font-size: var(--fs-caption); color: var(--ink-50); }
.se-naslov { font-size: var(--fs-h1); text-align: center; margin-bottom: var(--sp-9); }