/* SLN navigacija, breadcrumb, podkategorije, filteri (TEST) */
:root {
  --sln-gold: #d4af37;
  --sln-bg: #0f1013;
  --sln-card: #17181c;
  --sln-card-2: #1f2026;
  --sln-border: rgba(255, 255, 255, .10);
  --sln-text: #f0f0f0;
  --sln-muted: #a7a7a7;
  --sln-radius: 12px;
}

/* ---------- Desktop traka: Sve kategorije + istaknute + Brendovi ---------- */
.sln-nav { position: relative; }
.sln-nav-bar { display: flex; align-items: center; gap: 10px; padding: 10px 0 12px; border-bottom: 2px solid #ddd; }
.sln-nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; flex: 1; }
.sln-nav-list > li, .sln-nav-right .has-sub { position: relative; }
.sln-nav-right { margin-left: auto; }
.sln-nav .cat-pill { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.sln-nav .cat-pill i { font-size: 11px; opacity: .7; }
.sln-nav .cat-pill.is-active { background: var(--sln-gold); color: #0b0c0f !important; border-color: var(--sln-gold); }

/* dugme Sve kategorije */
.sln-all { position: relative; }
.sln-all-btn { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: 999px; background: var(--sln-gold); color: #0b0c0f; border: 1px solid var(--sln-gold); font-weight: 700; font-size: 14px; cursor: pointer; white-space: nowrap; font-family: inherit; }
.sln-all-btn .sln-all-caret { font-size: 11px; transition: transform .2s; }
.sln-all.is-open .sln-all-btn .sln-all-caret, .sln-all:hover .sln-all-btn .sln-all-caret { transform: rotate(180deg); }
.sln-all-panel { display: none; position: absolute; left: 0; top: calc(100% + 8px); z-index: 70; width: 300px; }
.sln-all-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 12px; }
.sln-all:hover > .sln-all-panel, .sln-all.is-open > .sln-all-panel { display: block; }
.sln-all-list { list-style: none; margin: 0; padding: 8px; background: var(--sln-card); border: 1px solid var(--sln-border); border-radius: var(--sln-radius); box-shadow: 0 18px 40px rgba(0, 0, 0, .55); }
.sln-all-list > li { position: static; }
.sln-all-list > li > a { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 8px; color: var(--sln-text); font-size: 14px; }
.sln-all-list > li > a span { color: var(--sln-muted); font-size: .85em; }
.sln-all-list > li > a i { margin-left: auto; font-size: 11px; opacity: .6; }
.sln-all-list > li:hover > a, .sln-all-list > li.is-active > a { background: rgba(255, 255, 255, .07); color: var(--sln-gold); }
.sln-all-list > li.sln-all-extra { border-top: 1px solid var(--sln-border); margin-top: 6px; padding-top: 6px; }
.sln-all-sub { display: none; position: absolute; left: 100%; top: 0; bottom: 0; min-width: 480px; max-width: 720px; margin-left: 6px; background: var(--sln-card); border: 1px solid var(--sln-border); border-radius: var(--sln-radius); padding: 14px 16px; box-shadow: 0 18px 40px rgba(0, 0, 0, .55); overflow: auto; }
.sln-all-list > li.has-sub:hover > .sln-all-sub { display: block; }

/* padajuci paneli istaknutih kategorija i brendova */
.sln-mega { display: none; position: absolute; left: 0; top: calc(100% + 8px); z-index: 60; min-width: 520px; max-width: 760px; }
.sln-mega-narrow { min-width: 240px; }
.sln-mega-right { left: auto; right: 0; }
.sln-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 12px; }
.sln-mega-inner { background: var(--sln-card); border: 1px solid var(--sln-border); border-radius: var(--sln-radius); padding: 14px 16px 12px; box-shadow: 0 18px 40px rgba(0, 0, 0, .55); }
.has-sub:hover > .sln-mega, .has-sub:focus-within > .sln-mega { display: block; }
.sln-mega-all { display: block; font-weight: 700; color: var(--sln-gold); padding: 4px 8px 10px; border-bottom: 1px solid var(--sln-border); margin-bottom: 8px; }
.sln-mega-all span, .sln-mega-cols span, .sln-m-sub span, .sln-chip span { color: var(--sln-muted); font-size: .85em; margin-left: 4px; }
.sln-mega-cols { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 18px; }
.sln-mega-cols.sln-one-col { columns: 1; }
.sln-mega-cols.sln-three-col { columns: 3; }
.sln-mega-cols li { break-inside: avoid; }
.sln-mega-cols a { display: block; padding: 6px 8px; border-radius: 8px; color: var(--sln-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.sln-mega-cols a:hover, .sln-mega-cols a.is-current { background: rgba(255, 255, 255, .07); color: #fff; }
.sln-mega-cols a.is-current { color: var(--sln-gold); }

/* ---------- Mobilni meni (akordeon u fullscreen overlay-u) ---------- */
.sln-mobile { list-style: none; margin: 0; padding: 0; text-align: left; }
.sln-mobile > li { border-bottom: 1px solid var(--sln-border); }
.sln-mobile > li > a, .sln-m-row > a { display: block; padding: 14px 12px; font-size: 17px; font-weight: 600; color: var(--sln-text); }
.sln-m-row { display: flex; align-items: center; }
.sln-m-row > a { flex: 1; }
.sln-acc { background: none; border: 0; color: var(--sln-gold); width: 52px; height: 52px; font-size: 20px; cursor: pointer; transition: transform .2s; }
.sln-mobile li.is-open > .sln-m-row .sln-acc { transform: rotate(180deg); }
.sln-m-sub { list-style: none; margin: 0; padding: 0 0 8px 0; display: none; background: rgba(255, 255, 255, .03); }
.sln-mobile li.is-open > .sln-m-sub { display: block; }
.sln-m-sub a { display: block; padding: 10px 12px 10px 28px; font-size: 15px; color: var(--sln-text); }
.sln-m-sub a.sln-m-all { color: var(--sln-gold); font-weight: 600; }
.sln-mobile .sale-tab { color: #ff6b6b; }

/* ---------- Breadcrumb ---------- */
.sln-crumb { margin: 18px 0 10px; font-size: 14px; }
.sln-crumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
.sln-crumb li { display: flex; align-items: center; color: var(--sln-muted); }
.sln-crumb li + li::before { content: "›"; margin: 0 8px; color: var(--sln-muted); }
.sln-crumb a { color: var(--sln-muted); }
.sln-crumb a:hover { color: var(--sln-gold); }
.sln-crumb span[aria-current] { color: var(--sln-text); font-weight: 600; }

/* ---------- Plocice podkategorija ---------- */
.sln-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin: 0 0 34px; }
.sln-tile { display: block; background: var(--sln-card); border: 1px solid var(--sln-border); border-radius: var(--sln-radius); overflow: hidden; transition: transform .2s, border-color .2s; }
.sln-tile:hover { transform: translateY(-3px); border-color: var(--sln-gold); }
.sln-tile-img { height: 120px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sln-tile-img img { width: 100% !important; height: 100% !important; max-height: 100%; object-fit: contain; display: block; }
.sln-tile-name { padding: 10px 10px 2px; font-weight: 600; color: var(--sln-text); font-size: 14px; line-height: 1.25; }
.sln-tile-count { padding: 0 10px 10px; font-size: 12px; color: var(--sln-muted); }

/* ---------- Srodne podkategorije (chips) ---------- */
.sln-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.sln-chip { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--sln-border); color: var(--sln-text); font-size: 13px; background: rgba(255, 255, 255, .03); }
.sln-chip:hover { border-color: var(--sln-gold); }
.sln-chip.is-current { background: var(--sln-gold); color: #0b0c0f; border-color: var(--sln-gold); }
.sln-chip.is-current span { color: #0b0c0f; }

/* ---------- Raspored strane kategorije: filteri + proizvodi ---------- */
.sln-cat-layout { display: flex; gap: 26px; align-items: flex-start; }
.sln-cat-main { flex: 1; min-width: 0; }
.sln-filters { width: 250px; flex: 0 0 250px; background: var(--sln-card); border: 1px solid var(--sln-border); border-radius: var(--sln-radius); padding: 14px; position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow: auto; }
.sln-f-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: var(--sln-text); }
.sln-f-head span { color: var(--sln-muted); font-size: 13px; }
.sln-f-group { border-top: 1px solid var(--sln-border); padding: 10px 0 6px; }
.sln-f-title { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .4px; color: var(--sln-muted); margin-bottom: 6px; }
.sln-f-check { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 14px; color: var(--sln-text); cursor: pointer; }
.sln-f-check span { margin-left: auto; color: var(--sln-muted); font-size: 12px; }
.sln-f-check input { accent-color: var(--sln-gold); width: 16px; height: 16px; margin: 0; }
.sln-f-group.is-long .sln-f-opts .sln-f-check:nth-child(n+9) { display: none; }
.sln-f-group.is-long.is-expanded .sln-f-opts .sln-f-check { display: flex; }
.sln-f-more { background: none; border: 0; color: var(--sln-gold); padding: 4px 0; cursor: pointer; font-size: 13px; }
.sln-f-price { display: flex; gap: 8px; }
.sln-f-price input { width: 100%; min-width: 0; background: var(--sln-card-2); border: 1px solid var(--sln-border); color: var(--sln-text); border-radius: 8px; padding: 7px 8px; font-size: 14px; }
.sln-f-actions { display: flex; gap: 8px; margin-top: 12px; }
.sln-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 14px; border-radius: 8px; background: var(--sln-gold); color: #0b0c0f; font-weight: 700; border: 1px solid var(--sln-gold); cursor: pointer; font-size: 14px; flex: 1; }
.sln-btn-ghost { background: transparent; color: var(--sln-text); border-color: var(--sln-border); }
.sln-toolbar { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; color: var(--sln-muted); font-size: 14px; }
.sln-sort { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.sln-sort select { background: var(--sln-card-2); color: var(--sln-text); border: 1px solid var(--sln-border); border-radius: 8px; padding: 7px 10px; font-size: 14px; }
.sln-only-mobile { display: none; }
.sln-empty { padding: 40px 0; text-align: center; color: var(--sln-muted); }

/* ---------- Pocetna: kategorije i brendovi ---------- */
.sln-home-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.sln-home-brands { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin-top: 18px; }
.sln-brand-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: 96px; background: #fff; border-radius: var(--sln-radius); border: 1px solid var(--sln-border); color: #111; text-align: center; padding: 10px 12px; transition: transform .2s, box-shadow .2s; }
.sln-brand-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0, 0, 0, .35); background: var(--sln-gold); color: #0b0c0f !important; border-color: var(--sln-gold); }
.sln-brand-card:hover .sln-brand-name, .sln-brand-card:hover small { color: #0b0c0f !important; }
.sln-tile:hover .sln-tile-name { color: var(--sln-gold); }
.sln-tile:hover .sln-tile-count { color: var(--sln-text); }
.sln-brand-name { font-weight: 800; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.1; }
.sln-brand-card small { display: block; font-size: 12px; color: #777; font-weight: 500; }

/* ---------- Mobilno ---------- */
@media (max-width: 767px) {
  .sln-nav { display: none; }
  .sln-only-mobile { display: inline-flex; flex: 0 0 auto; }
  .sln-cat-layout { display: block; }
  .sln-filters { display: none; position: static; width: auto; max-height: none; margin-bottom: 16px; }
  .sln-filters.is-open { display: block; }
  .sln-tiles { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .sln-tile-img { height: 96px; }
  .sln-home-cats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .sln-home-brands { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .sln-brand-card { height: 78px; }
  .sln-brand-name { font-size: 17px; }
  .sln-toolbar { flex-wrap: wrap; }
  .sln-sort { margin-left: 0; width: 100%; }
  .sln-sort select { flex: 1; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .sln-mega { min-width: 420px; }
  .sln-all-sub { min-width: 380px; }
  .sln-all-btn { padding: 9px 12px; font-size: 13px; }
  .sln-filters { width: 210px; flex-basis: 210px; }
}

/* ---------- Back to top ---------- */
.sln-totop { position: fixed; right: 18px; bottom: 18px; z-index: 90; width: 46px; height: 46px; border-radius: 50%; background: var(--sln-gold); color: #0b0c0f; border: 0; box-shadow: 0 8px 20px rgba(0, 0, 0, .45); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .25s, transform .25s, visibility .25s; }
.sln-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.sln-totop:hover { background: #e4c352; }
@media (max-width: 767px) { .sln-totop { right: 12px; bottom: 12px; width: 42px; height: 42px; } }
/* ---------- Hero: proizvodi na akciji (smenjuju se) ---------- */
.hero-card--slider { position: relative; display: flex; flex-direction: column; min-height: 0; }
.hero-card--slider .hero-slides { position: relative; display: grid; flex: 1 1 auto; min-height: 0; }
.hero-card--slider .hero-slide { grid-area: 1 / 1; display: flex; flex-direction: column; min-height: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.hero-card--slider .hero-slide.is-active { opacity: 1; visibility: visible; }
.hero-card--slider .hero-visual { position: relative; flex: 1 1 auto; min-height: 200px; height: auto; display: block; padding: 0; }
.hero-card--slider .hero-visual a { position: absolute; inset: 12px; display: block; border-radius: 12px; background: #fff; overflow: hidden; }
.hero-card--slider .banner-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain; padding: 8px; box-sizing: border-box; }
.hero-card--slider .hero-card-bottom { flex: 0 0 auto; margin-top: 0; }
.hero-slide-info { min-width: 0; flex: 1 1 auto; }
.hero-card--slider a.hero-product { display: block; font-weight: 800; color: inherit; text-decoration: none; line-height: 1.25; margin: 2px 0 4px; }
.hero-card--slider a.hero-product:hover { color: #d4af37; }
.hero-price { font-size: 14px; }
.hero-price s { color: rgba(255, 255, 255, .55); margin-right: 6px; }
.hero-price strong { color: #d4af37; font-size: 16px; }
.hero-card--slider .hero-add { flex: 0 0 auto; width: auto; white-space: nowrap; }
.hero-dots { flex: 0 0 auto; display: flex; justify-content: center; gap: 8px; padding: 10px 0 12px; }
.hero-dot { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; cursor: pointer; background: rgba(255, 255, 255, .25); transition: background .2s, transform .2s; }
.hero-dot.is-active { background: #d4af37; transform: scale(1.25); }
@media (max-width: 991px) { .hero-card--slider .hero-visual { min-height: 240px; } }
@media (max-width: 480px) { .hero-card--slider .hero-card-bottom { flex-wrap: wrap; } .hero-card--slider .hero-add { width: 100%; } }

/* Hero naslov: h1 globalno nasledjuje padding od .hero-copy (26px) pa je uvucen; vracamo na 0 */
.hero h1, .hero .lead { padding: 0 !important; }

/* ---------- Paginacija ---------- */
.sln-pager { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 26px 0 10px; }
.sln-pager-info { font-size: 13px; color: var(--sln-muted); }
.sln-pager-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.sln-pager-item { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--sln-border); background: var(--sln-card); color: var(--sln-text); font-weight: 600; text-decoration: none; }
.sln-pager-item:hover { border-color: var(--sln-gold); color: var(--sln-gold); }
.sln-pager-item.is-current { background: var(--sln-gold); border-color: var(--sln-gold); color: #0b0c0f; }
.sln-pager-dots { display: inline-flex; align-items: center; padding: 0 4px; color: var(--sln-muted); }

/* ---------- Mobilni: gornja traka kompaktna, dugme Dodaj u korpu staje u karticu ---------- */
@media (max-width: 767px) {
  .top-strip .container { flex-direction: column; align-items: center; gap: 4px; font-size: 12px; padding-top: 6px; padding-bottom: 6px; }
  .top-strip .top-left { display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
  .top-strip .top-right { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 14px; line-height: 1.5; }
  .top-strip .top-right .muted { display: none; }
  .top-strip .top-right .link { white-space: nowrap; }
  .top-strip .pill { padding: 3px 8px; font-size: 12px; }
  .sp-add-to-cart.btn { font-size: 13px; padding: 10px 10px; letter-spacing: 0; }
  .sp-add-to-cart.btn i { margin-right: 4px !important; }
}
@media (max-width: 420px) {
  .sp-add-to-cart.btn { font-size: 12px; padding: 10px 8px; }
}
@media (min-width: 768px) {
  .sp-add-to-cart.btn { font-size: 14px; padding: 11px 12px; }
}

/* ---------- Mobilni "Meni" red: kompaktan, sa brzim linkovima ---------- */
@media (max-width: 767px) {
  .mobile-menu-btn-holder { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; }
  .mobile-menu-btn { width: auto; flex: 1 1 auto; margin-top: 0; padding: 8px 14px; border-radius: 999px; border-width: 1px; gap: 10px; justify-content: flex-start; font-size: 15px; }
  .mobile-menu-btn p { margin: 0; font-size: 15px; }
  .mobile-menu-btn .btn-toggle { display: inline-flex; }
  .mobile-quick-link { flex: 0 0 auto; display: inline-flex; align-items: center; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--sln-gold); color: var(--sln-gold); font-weight: 700; font-size: 14px; text-decoration: none; white-space: nowrap; }
  .mobile-quick-link:hover { background: var(--sln-gold); color: #0b0c0f; }
}
@media (min-width: 768px) { .mobile-quick-link { display: none; } }

/* ---------- 2. krug (22.10.): sifra, trust boxovi, sijalica ---------- */
.product-miniature .product-title + .product-title, .productsHolder .product-title + .product-title { margin-top: 8px !important; }
.promotion .item { text-align: center !important; }
.promotion .item .text { text-align: center !important; width: 100%; }
.promotion .item .text a { display: block; }
.promotion .item .text p { margin: 8px 0 0 !important; }
.sln-theme-toggle .ico-bulb { color: #f2d06b; text-shadow: 0 0 6px rgba(242, 208, 107, .95), 0 0 14px rgba(242, 208, 107, .55); transition: color .2s, text-shadow .2s; }
html[data-theme="light"] .sln-theme-toggle .ico-bulb { color: #111111; text-shadow: none; }

/* trust boxovi: ikona (prazan "Icon" blok) pomera tekst u 2. boxu; sakrivamo je u sva tri */
.promotion .item .icon { display: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; }
.promotion .item .text { margin: 0 auto !important; padding: 0 12px !important; }

/* Sve kategorije: podmeni je bio 6px + 8px odvojen od liste, pa se gasio dok se mis prevlaci; uklonjen razmak + nevidljivi "most" */
.sln-all-sub { margin-left: 0 !important; }
.sln-all-sub::before { content: ""; position: absolute; left: -20px; top: 0; bottom: 0; width: 20px; }
.sln-all-list > li.has-sub:hover > .sln-all-sub, .sln-all-list > li.has-sub:focus-within > .sln-all-sub { display: block; }

/* podmeni ostaje otvoren dok je mis u panelu (JS is-hover), ne gasi se pri prelasku preko ivice liste */
.sln-all-list > li.has-sub.is-hover > .sln-all-sub { display: block; }
.sln-all-list > li.is-hover > a { background: rgba(255, 255, 255, .07); color: var(--sln-gold); }

/* naslov proizvoda: fiksna visina (5vh) je pravila preklapanje sifre kod naslova u 4 reda; sada raste sa tekstom */
#products .product-title, .product-miniature .product-title, .productsHolder .product-title { height: auto !important; min-height: 45px; }
#products .product-title + .product-title, .product-miniature .product-title + .product-title, .productsHolder .product-title + .product-title { min-height: 0; }

/* mega meni ne sme da izadje van ekrana */
.sln-mega { max-width: min(760px, calc(100vw - 32px)); }
.sln-mega.sln-mega-right { left: auto; right: 0; }

/* ---------- SLN Gradnja: istaknut link na sestrinski sajt ---------- */
.sln-nav-right { display: flex; align-items: center; gap: 8px; }
.cat-pill.sln-pill-gradnja { background: var(--sln-gold); border-color: var(--sln-gold); color: #0b0c0f; font-weight: 700; }
.cat-pill.sln-pill-gradnja:hover { filter: brightness(1.08); color: #0b0c0f; }
.cat-pill.sln-pill-gradnja i { font-size: 11px; margin-left: 4px; opacity: .8; }
html[data-theme="light"] .cat-pill.sln-pill-gradnja { background: #d4af37 !important; border-color: #b8901f !important; color: #1b1b1b !important; }
.sln-m-gradnja > a { font-weight: 700; color: var(--sln-gold) !important; }

/* pilule u meniju: bez podvlacenja i tamnog okvira pri kliku; fokus tastaturom = tanak zlatni prsten */
.sln-nav a.cat-pill, .sln-nav a.cat-pill:hover, .sln-nav a.cat-pill:focus, .sln-nav a.cat-pill:active { text-decoration: none !important; outline: none !important; }
.sln-nav a.cat-pill:focus-visible { box-shadow: 0 0 0 3px rgba(201, 162, 39, .45) !important; }

/* mobilni: SLN Gradnja istaknuto (brzi link + prva stavka menija) */
@media (max-width: 767px) {
  .mobile-quick-link.is-gold { background: var(--sln-gold); color: #0b0c0f; border-color: var(--sln-gold); }
  .sln-mobile > li.sln-m-gradnja { margin: 0 0 10px; }
  .sln-mobile > li.sln-m-gradnja > a { display: block; background: var(--sln-gold); color: #0b0c0f !important; border-radius: 999px; padding: 10px 16px; font-weight: 700; text-align: center; }
}

/* mobilni header kompaktniji: logo i korpa/sijalica u istom redu, pretraga ispod */
@media (max-width: 767px) {
  .header-row { grid-template-columns: 1fr auto !important; gap: 8px 10px !important; }
  .header-row > .logo { grid-column: 1; grid-row: 1; }
  .header-row > .headerRight { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  .header-row > .search { grid-column: 1 / -1; grid-row: 2; }
  .header-row > .mobile-menu-btn-container { grid-column: 1 / -1; grid-row: 3; }
  .header-row > .fullscreen-menu-overlay { grid-column: 1 / -1; }
}

/* tablet (768-1150px): meni tece u jednom nizu i uredno se prelama, Brendovi ide u niz, manje pilule */
@media (min-width: 768px) and (max-width: 1150px) {
  .sln-nav-bar { flex-wrap: wrap; gap: 8px; row-gap: 8px; }
  .sln-nav-list, .sln-nav-right { display: contents; }
  .sln-nav .cat-pill { font-size: 13px; padding: 8px 11px; }
  .sln-all-btn { font-size: 13px; padding: 8px 12px; }
}