/* Kuponi.si */
:root {
  --primary: #e63946;
  --primary-dark: #c1121f;
  --dark: #1d3557;
  --bg: #f7f8fa;
  --card: #ffffff;
  --border: #e2e6ea;
  --text: #23303e;
  --muted: #6b7a8d;
  --success: #2a9d54;
  --warn: #e9a600;
  --radius: 0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
main.container { padding-top: 20px; padding-bottom: 48px; min-height: 70vh; }
h2 { margin: 28px 0 14px; font-size: 1.35rem; }
code { background: #eef1f4; padding: 1px 5px; border-radius:0; font-size: 0.85em; }

/* Header */
.site-header { background: var(--card); border-bottom: 1px solid var(--border); }
.header-inner { display: flex; align-items: center; gap: 24px; padding: 14px 16px; }
.logo { font-size: 1.4rem; font-weight: 800; color: var(--primary); white-space: nowrap; }
.logo span { color: var(--dark); }
.search-form { flex: 1; display: flex; max-width: 520px; }
.search-form input { flex: 1; padding: 10px 14px; border: 2px solid var(--border); border-right: 0; border-radius:0; font-size: 0.95rem; outline: none; }
.search-form input:focus { border-color: var(--primary); }
.search-form button { padding: 10px 20px; background: var(--primary); color: #fff; border: 0; border-radius:0; font-weight: 700; cursor: pointer; }
.cat-nav { background: var(--dark); }
.cat-nav .container { display: flex; gap: 4px; overflow-x: auto; }
.cat-nav a { color: #dce6f2; padding: 10px 14px; font-size: 0.92rem; white-space: nowrap; }
.cat-nav a:hover, .cat-nav a.active { background: rgba(255,255,255,0.12); color: #fff; }

/* Števec ponudb */
.deals-counter { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 12px 18px; margin-bottom: 16px; text-align: center; color: var(--muted); font-size: 0.98rem; }
.deals-counter strong { color: var(--primary); font-size: 1.1rem; }

/* Smart search + autocomplete */
.search-wrap { flex: 1; max-width: 560px; position: relative; }
.suggest-box { position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: var(--card); border: 1px solid var(--border); border-radius:0; box-shadow: 0 10px 30px rgba(29,53,87,0.15); z-index: 50; overflow: hidden; max-height: 70vh; overflow-y: auto; }
.suggest-box a { display: block; padding: 9px 14px; font-size: 0.92rem; border-bottom: 1px solid var(--bg); }
.suggest-box a:hover { background: var(--bg); color: var(--primary); }
.sg-group { padding: 6px 14px; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.4px; color: var(--muted); background: var(--bg); font-weight: 700; }
.header-link { white-space: nowrap; font-weight: 600; color: var(--dark); }
.header-link:hover { color: var(--primary); }

/* Sponzorirano + trust značke */
.badge-sponsored { position: absolute; top: 10px; left: 10px; background: #ffd166; color: #6b4e00; font-weight: 800; padding: 3px 9px; border-radius:0; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.3px; }
.badge-sponsored.inline { position: static; display: inline-block; margin-bottom: 8px; }
.deal-card.is-sponsored { border-color: #ffd166; box-shadow: 0 0 0 1px #ffd16680; }
.trust-badges { display: flex; flex-wrap: wrap; gap: 5px; margin: 2px 0; }
.trust-badges.lg { margin: 10px 0; }
.tb { font-size: 0.72rem; font-weight: 700; padding: 2px 7px; border-radius:0; white-space: nowrap; }
.tb-verified { background: #e2f5e9; color: var(--success); }
.tb-ship { background: #e8f1fd; color: #1d5fbf; }
.tb-excl { background: #fdeede; color: #b5730a; }
.tb-code { background: #fbe4ec; color: #b3155e; }

/* Kuponska koda */
.coupon-code { display: flex; align-items: center; gap: 12px; margin: 14px 0; flex-wrap: wrap; }
.cc-label { font-weight: 600; color: var(--muted); }
.cc-btn { display: inline-flex; align-items: center; gap: 10px; border: 2px dashed var(--primary); background: #fff5f5; border-radius:0; padding: 8px 14px; cursor: pointer; font-size: 1rem; }
.cc-value { font-weight: 800; letter-spacing: 1px; color: var(--primary-dark); font-family: monospace; }
.cc-copy { font-size: 0.8rem; color: var(--primary); font-weight: 700; }
.flash-banner { background: #fff2f3; color: var(--primary-dark); font-weight: 700; padding: 10px 14px; border-radius:0; margin: 12px 0; }

/* Vrteča vrstica logotipov (marquee) */
.logo-marquee { overflow: hidden; position: relative; padding: 8px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.logo-track { display: flex; gap: 40px; width: max-content; animation: logo-scroll 40s linear infinite; }
.logo-marquee:hover .logo-track { animation-play-state: paused; }
.logo-item { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 120px; }
.logo-item img { height: 46px; width: auto; max-width: 110px; object-fit: contain; filter: grayscale(1) opacity(0.72); transition: transform 0.2s, filter 0.2s; }
.logo-item:hover img { transform: scale(1.12); filter: grayscale(1) opacity(1); }
.logo-item .partner-mono { width: 52px; height: 52px; align-items: center; justify-content: center; }
.logo-name { font-size: 0.8rem; color: var(--muted); font-weight: 600; white-space: nowrap; }
.logo-item:hover .logo-name { color: var(--primary); }
@keyframes logo-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .logo-track { animation: none; flex-wrap: wrap; justify-content: center; } }

/* Partnerji (mreža na /trgovine) */
.partners-row { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; }
.partners-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
.partner-chip { flex: 0 0 auto; width: 150px; background: var(--card); border: 1px solid var(--border); border-top: 3px solid var(--border); border-radius:0; padding: 16px 12px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; transition: transform 0.15s; }
.partner-chip.big { width: auto; }
.partner-chip:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(29,53,87,0.1); }
.partner-chip img { height: 40px; object-fit: contain; filter: grayscale(1) opacity(0.8); }
.partner-mono { width: 46px; height: 46px; border-radius:0; background: var(--dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem; }
.partner-name { font-weight: 700; font-size: 0.9rem; }
.partner-count { font-size: 0.78rem; color: var(--muted); }

/* Kategorijske ploščice */
.cat-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.cat-tile { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 16px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; }
.cat-tile:hover { border-color: var(--primary); color: var(--primary); }
.cat-tile-count { background: var(--bg); color: var(--muted); border-radius:0; padding: 2px 10px; font-size: 0.8rem; }

/* Hitri filtri */
.quick-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.qf { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 6px 14px; font-size: 0.86rem; font-weight: 600; }
.qf:hover { border-color: var(--primary); color: var(--primary); }
.qf-static { color: var(--muted); }
.filter-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.filter-chips label { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 6px 14px; font-size: 0.86rem; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.filter-chips input:checked + label, .filter-chips label.on { background: var(--primary); color: #fff; border-color: var(--primary); }

/* E-novice */
.newsletter { background: linear-gradient(120deg, var(--dark), #2c4a76); border-radius:0; color: #fff; margin: 32px 0; }
.nl-inner { padding: 32px; text-align: center; max-width: 620px; margin: 0 auto; }
.nl-inner h2 { color: #fff; margin: 0 0 8px; }
.nl-inner p { opacity: 0.85; margin-bottom: 16px; }
.nl-form { display: flex; gap: 8px; max-width: 460px; margin: 0 auto 8px; }
.nl-form input { flex: 1; padding: 12px 14px; border: 0; border-radius:0; font-size: 0.95rem; }
.nl-inner small { opacity: 0.6; font-size: 0.78rem; }

/* Trgovina head */
.store-head { display: flex; align-items: center; gap: 18px; background: var(--card); border: 1px solid var(--border); border-top: 4px solid var(--dark); border-radius:0; padding: 20px; margin-bottom: 18px; }
.store-logo { height: 56px; object-fit: contain; }
.store-mono { width: 60px; height: 60px; border-radius:0; background: var(--dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.4rem; }
.chip-inline { background: var(--bg); border-radius:0; padding: 2px 9px; font-size: 0.82rem; margin-left: 4px; }
.hero-cta { display: inline-block; margin-top: 12px; background: var(--primary); padding: 8px 18px; border-radius:0; font-weight: 700; }

/* Hero */
.hero-deal { background: linear-gradient(120deg, var(--dark), #2c4a76); border-radius:0; color: #fff; margin-bottom: 10px; overflow: hidden; position: relative; }
.hero-badge { position: absolute; top: 14px; left: 14px; background: var(--primary); padding: 4px 12px; border-radius:0; font-weight: 700; font-size: 0.85rem; }
.hero-inner { display: flex; gap: 28px; align-items: center; padding: 28px; color: #fff; }
.hero-inner img { width: 320px; border-radius:0; }
.hero-inner h1 { font-size: 1.7rem; margin-bottom: 6px; }
.hero-store { opacity: 0.75; margin-bottom: 12px; }

/* Deal cards */
.deals-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.deals-list { display: flex; flex-direction: column; gap: 12px; }
.deals-list .deal-card { flex-direction: row; }
.deals-list .deal-img { width: 180px; flex-shrink: 0; }
.deal-card { position: relative; background: var(--card); border: 1px solid var(--border); border-radius:0; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.15s, box-shadow 0.15s; }
.stretched-link { position: absolute; inset: 0; z-index: 1; }
.fav-btn { position: absolute; top: 8px; right: 8px; z-index: 3; width: 34px; height: 34px; border-radius:0; border: 0; background: rgba(255,255,255,0.92); box-shadow: 0 2px 6px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #c9ccd1; transition: transform 0.12s, color 0.12s; }
.fav-btn svg { fill: currentColor; }
.fav-btn:hover { transform: scale(1.12); color: #f5b301; }
.fav-btn.faved { color: #f5b301; }
.fav-inline { position: static; width: auto; height: auto; box-shadow: none; background: none; font-size: 1rem; color: #c9ccd1; }
.fav-inline.faved { color: #f5b301; }
.deal-title-row { display: flex; align-items: flex-start; gap: 12px; }
.deal-title-row h1 { flex: 1; }
.fav-detail { position: static; width: 44px; height: 44px; border: 1px solid var(--border); flex-shrink: 0; }
.deal-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(29,53,87,0.12); }
.deal-img { position: relative; aspect-ratio: 4/3; background: #eef1f4; }
.deal-img img { width: 100%; height: 100%; object-fit: cover; }
.img-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 3rem; opacity: 0.4; }
.img-placeholder.big { aspect-ratio: 4/3; font-size: 5rem; }
.badge-discount { position: absolute; bottom: 10px; left: 10px; background: var(--primary); color: #fff; font-weight: 800; padding: 3px 9px; border-radius:0; font-size: 0.9rem; z-index: 2; }
.badge-discount.big { font-size: 1.2rem; position: static; }
.deal-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.deal-store { font-size: 0.78rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.4px; }
.deal-body h3 { font-size: 0.98rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.deal-prices { margin-top: auto; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.deal-prices strong { color: var(--primary); font-size: 1.15rem; }
.deal-prices.big strong { font-size: 1.8rem; color: #ffd166; }
.deal-prices s { color: var(--muted); font-size: 0.9rem; }
.variant-count { font-size: 0.75rem; background: #eef1f4; color: var(--muted); padding: 2px 8px; border-radius:0; }
.deal-countdown { border: 2px solid var(--primary); }
.countdown { background: #fff2f3; color: var(--primary-dark); font-weight: 700; padding: 6px 10px; border-radius:0; font-size: 0.9rem; text-align: center; }

/* Compact table */
.deals-compact, .variants-table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--border); border-radius:0; overflow: hidden; }
.deals-compact th, .deals-compact td, .variants-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); text-align: left; }
.deals-compact thead { background: #eef1f4; font-size: 0.85rem; }
.deals-compact a:hover { color: var(--primary); }

/* Deal detail */
.breadcrumbs { font-size: 0.88rem; color: var(--muted); margin-bottom: 16px; }
.breadcrumbs a:hover { color: var(--primary); }
.deal-detail { display: grid; grid-template-columns: 380px 1fr; gap: 28px; background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 24px; }
.deal-detail-img { position: relative; }
.deal-detail-img img { border-radius:0; width: 100%; }
.deal-detail-info h1 { font-size: 1.5rem; margin-bottom: 8px; }
.deal-desc { color: var(--muted); margin: 10px 0; white-space: pre-line; }
.variant-title { font-weight: 600; }
.variant-attrs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.attr-chip { background: #eef1f4; border-radius:0; padding: 2px 8px; font-size: 0.8rem; display: inline-flex; gap: 4px; align-items: center; }
.v-price strong { color: var(--primary); font-size: 1.1rem; display: block; }
.v-price s { color: var(--muted); font-size: 0.85rem; }
.btn-cta { display: inline-block; background: var(--primary); color: #fff; font-weight: 700; padding: 9px 18px; border-radius:0; border: 0; cursor: pointer; font-size: 0.95rem; }
.btn-cta:hover { background: var(--primary-dark); }

/* Page tools */
.page-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.page-head small { color: var(--muted); font-weight: 400; font-size: 0.95rem; }
.page-tools { display: flex; gap: 10px; align-items: center; }
.style-switch { display: flex; border: 1px solid var(--border); border-radius:0; overflow: hidden; background: var(--card); }
.style-switch a { padding: 7px 12px; font-size: 1rem; }
.style-switch a.active { background: var(--dark); color: #fff; }
.cat-intro { color: var(--muted); font-size: 0.98rem; line-height: 1.6; max-width: 900px; margin: -4px 0 18px; }
.subcat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.chip { background: var(--card); border: 1px solid var(--border); padding: 5px 14px; border-radius:0; font-size: 0.88rem; }
.chip:hover { border-color: var(--primary); color: var(--primary); }
.chip.on { background: var(--primary); color: #fff; border-color: var(--primary); }
.chip.active { background: var(--dark); color: #fff; border-color: var(--dark); font-weight: 700; }
.chip.active:hover { color: #fff; }
.sibling-nav { margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.chip-parent { background: var(--bg); font-weight: 600; }
select, input[type="text"], input[type="search"], input[type="url"], input[type="number"], input[type="password"] { padding: 8px 10px; border: 1px solid var(--border); border-radius:0; font-size: 0.92rem; background: var(--card); }
.pagination { display: flex; gap: 6px; justify-content: center; margin: 28px 0; }
.pagination a { padding: 7px 13px; background: var(--card); border: 1px solid var(--border); border-radius:0; }
.pagination a.active { background: var(--primary); border-color: var(--primary); color: #fff; }
.empty-note { color: var(--muted); padding: 30px 0; text-align: center; }
.error-page { text-align: center; padding: 70px 0; }
.error-page h1 { font-size: 4rem; color: var(--primary); }
.error-page p { margin-bottom: 20px; color: var(--muted); }
.site-footer { margin-top: 40px; background: var(--card); color: var(--text); font-size: 0.9rem; border-top: 1px solid var(--border); }
/* Zgornji trak z vrednostmi */
.footer-features { background: var(--bg); border-bottom: 1px solid var(--border); }
.footer-features-inner { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; padding: 26px 0; }
.ff-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; color: var(--muted); font-size: 0.86rem; line-height: 1.4; }
.ff-ico { color: #9aa7b5; }
.ff-ico svg { width: 44px; height: 44px; display: block; }
.ff-item strong { color: var(--text); }
.ff-item a { color: var(--primary); font-weight: 600; }
/* Stolpci povezav */
.footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 34px 0 26px; }
.footer-col h4 { font-size: 0.98rem; margin-bottom: 12px; color: var(--dark); }
.footer-col a { display: block; color: var(--muted); padding: 5px 0; }
.footer-col a::before { content: "•"; color: var(--primary); font-weight: 700; margin-right: 8px; }
.footer-col a:hover { color: var(--primary); }
/* Pomoč + social */
.footer-help { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; background: var(--bg); border: 1px solid var(--border); border-radius:0; padding: 18px 22px; margin-bottom: 24px; }
.fh-left { display: flex; align-items: center; gap: 12px; }
.fh-face { color: var(--dark); display: inline-flex; }
.fh-face svg { width: 38px; height: 38px; }
.fh-left a { color: var(--primary); font-weight: 700; }
.fh-social { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.fh-social a { color: var(--dark); display: inline-flex; }
.fh-social svg { width: 30px; height: 30px; display: block; }
.fh-social a:hover { color: var(--primary); }
/* Copyright */
.footer-bottom { background: var(--dark); color: #b9c6d8; padding: 18px 0; font-size: 0.82rem; }
.footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.footer-bottom a { color: #cdd9e8; }
.footer-bottom a:hover { color: #fff; }
.footer-legal { display: flex; gap: 16px; }
@media (max-width: 900px) {
  .footer-features-inner { grid-template-columns: repeat(2, 1fr); }
  .footer-cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) { .footer-features-inner, .footer-cols { grid-template-columns: 1fr; } }
/* Statične informativne strani */
.static-page { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 30px 34px; max-width: 820px; margin: 0 auto; line-height: 1.7; }
.static-page h1 { margin-bottom: 16px; color: var(--dark); }
.static-page h3 { margin: 22px 0 6px; color: var(--dark); font-size: 1.05rem; }
.static-page p, .static-page li { color: var(--text); margin-bottom: 10px; }
.static-page a { color: var(--primary); font-weight: 600; }
.static-page .page-steps, .static-page .page-list { padding-left: 22px; margin: 10px 0; }
.static-page .page-steps li, .static-page .page-list li { margin-bottom: 8px; }
.static-page .contact-big { font-size: 1.2rem; margin: 14px 0; }
.static-page .page-note { background: #fff7e6; border: 1px solid var(--warn); border-radius:0; padding: 10px 14px; font-size: 0.88rem; color: #7a5b00; }
.mon-fieldset { border: 1px solid var(--border); border-radius:0; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.mon-fieldset legend { font-weight: 700; font-size: 0.85rem; padding: 0 6px; }
.mon-fieldset .cb { flex-direction: row !important; align-items: center; gap: 6px !important; font-weight: 500; }

/* ===== Admin ===== */
body.admin { background: #f2f4f7; }
.admin-header { background: var(--dark); color: #fff; }
.admin-header .logo { color: #fff; }
.admin-nav { display: flex; gap: 2px; flex: 1; flex-wrap: wrap; }
.admin-nav a { padding: 8px 13px; border-radius:0; font-size: 0.92rem; color: #cdd9e8; }
.admin-nav a:hover, .admin-nav a.active { background: rgba(255,255,255,0.14); color: #fff; }
.admin-tools { display: flex; gap: 14px; align-items: center; font-size: 0.88rem; color: #cdd9e8; }
.admin-title { margin: 22px 0 18px; font-size: 1.5rem; }
.admin-panel { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 20px; margin-bottom: 20px; }
.admin-panel h2 { margin: 0 0 12px; font-size: 1.1rem; }
.admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.admin-table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--border); border-radius:0; font-size: 0.9rem; }
.admin-table th, .admin-table td { padding: 9px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.admin-table thead { background: #eef1f4; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.3px; }
.admin-table a { color: var(--dark); font-weight: 600; }
.admin-table a:hover { color: var(--primary); }
.row-pending { background: #fff9e8; }
.views-cell { white-space: nowrap; font-variant-numeric: tabular-nums; }
.views-cell .click-sub { color: var(--muted); font-size: 0.82em; }
.truncate { max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.badge { display: inline-block; padding: 2px 9px; border-radius:0; font-size: 0.78rem; font-weight: 700; background: #eef1f4; color: #6b7280; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
@media (max-width: 900px) { .two-col { grid-template-columns: 1fr; } }
.badge-success { background: #e2f5e9; color: var(--success); }
.badge-error { background: #fde4e4; color: var(--primary-dark); }
.badge-running, .badge-paused { background: #fdf3d7; color: #8a6d00; }
.stat-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 22px; }
.stat-card { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 18px; display: flex; flex-direction: column; }
.stat-card.warn { border-color: var(--warn); background: #fffaf0; }
.stat-num { font-size: 2rem; font-weight: 800; color: var(--dark); }
.info-box { background: #e8f1fd; border: 1px solid #b9d4f5; border-radius:0; padding: 12px 16px; margin-bottom: 18px; font-size: 0.92rem; }
.form-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.form-stack { display: flex; flex-direction: column; gap: 12px; }
.form-stack label { display: flex; flex-direction: column; gap: 4px; font-size: 0.9rem; font-weight: 600; }
.form-stack.compact { gap: 6px; }
.form-inline-label { flex-direction: row !important; align-items: center; justify-content: space-between; gap: 10px !important; }
.form-inline-label span { min-width: 110px; }
.form-inline-label input { flex: 1; }
.filter-bar, .bulk-bar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 12px 14px; margin-bottom: 14px; font-size: 0.9rem; }
.bulk-bar { background: #f0f4fa; }
.rule-opt { display: flex; gap: 6px; align-items: center; font-size: 0.85rem; }
.hint { color: var(--muted); font-size: 0.86rem; margin-bottom: 10px; }
.hint-label { font-weight: 400 !important; font-size: 0.85rem !important; flex-direction: row !important; align-items: center; flex-wrap: wrap; }
.btn-small { padding: 5px 12px; border-radius:0; border: 1px solid var(--border); background: var(--card); cursor: pointer; font-size: 0.85rem; }
.btn-small:hover { border-color: var(--primary); color: var(--primary); }
.btn-danger { background: #fff; color: var(--primary-dark); border: 1px solid var(--primary); padding: 7px 14px; border-radius:0; cursor: pointer; }
.btn-danger:hover { background: var(--primary); color: #fff; }
.btn-link { background: none; border: 0; cursor: pointer; color: var(--dark); font-size: inherit; text-decoration: underline; }
.btn-link.danger { color: var(--primary); font-size: 1.1rem; text-decoration: none; }
.inline-form { display: inline; }
.mt { margin-top: 14px; display: inline-block; }
.xml-preview { background: #1e2530; color: #c9e3a6; padding: 14px; border-radius:0; font-size: 0.78rem; overflow: auto; max-height: 420px; white-space: pre-wrap; word-break: break-all; }
.xml-preview.small { max-height: 200px; max-width: 400px; }
.attr-checkboxes { display: flex; flex-wrap: wrap; gap: 8px; }
.attr-checkboxes .attr-chip { cursor: pointer; }
.warn-list { padding-left: 18px; font-size: 0.82rem; color: var(--warn); }
.error-msg { color: var(--primary-dark); }
.error-msg.small { font-size: 0.8rem; }
/* Avtentikacija (uporabniki) */
.auth-box { max-width: 400px; margin: 30px auto; background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 30px; }
.auth-box h1 { font-size: 1.5rem; margin-bottom: 18px; text-align: center; }
.auth-form { display: flex; flex-direction: column; gap: 12px; }
.auth-form label { display: flex; flex-direction: column; gap: 4px; font-size: 0.9rem; font-weight: 600; }
.auth-form input { padding: 10px 12px; border: 1px solid var(--border); border-radius:0; font-size: 0.95rem; }
.auth-alt { text-align: center; margin-top: 16px; font-size: 0.9rem; color: var(--muted); }
.auth-alt a { color: var(--primary); font-weight: 600; }
.btn-google { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 11px; border: 1px solid var(--border); border-radius:0; background: #fff; font-weight: 600; color: var(--text); }
.btn-google:hover { background: var(--bg); }
.g-icon { width: 22px; height: 22px; border-radius:0; background: conic-gradient(from -45deg, #ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.85rem; }
.auth-sep { text-align: center; margin: 16px 0; position: relative; color: var(--muted); font-size: 0.85rem; }
.auth-sep::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: var(--border); }
.auth-sep span { background: var(--card); padding: 0 12px; position: relative; }

/* Header račun */
.header-link.account { display: flex; align-items: center; gap: 6px; }
.acc-avatar { width: 26px; height: 26px; border-radius:0; background: var(--dark); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 700; overflow: hidden; }
.acc-avatar img { width: 100%; height: 100%; object-fit: cover; }

/* Profil */
.profile-head { display: flex; align-items: center; gap: 16px; background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 20px; margin-bottom: 20px; }
.profile-avatar { width: 60px; height: 60px; border-radius:0; background: var(--dark); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 800; overflow: hidden; }
.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.fav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.fav-card { position: relative; background: var(--card); border: 1px solid var(--border); border-radius:0; overflow: hidden; display: flex; flex-direction: column; }
.fav-card.is-expired { opacity: 0.65; }
.fav-img { position: relative; aspect-ratio: 4/3; background: #eef1f4; display: block; }
.fav-img img { width: 100%; height: 100%; object-fit: cover; }
.fav-card.is-expired .fav-img img { filter: grayscale(1); }
.badge-expired { position: absolute; top: 10px; left: 10px; background: #6b7a8d; color: #fff; font-weight: 700; padding: 3px 10px; border-radius:0; font-size: 0.8rem; }
.fav-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.fav-body h3 { font-size: 0.95rem; }
.fav-remove { position: absolute; top: 8px; right: 8px; }
.fav-remove button { width: 28px; height: 28px; border-radius:0; border: 0; background: rgba(255,255,255,0.9); box-shadow: 0 2px 6px rgba(0,0,0,0.15); cursor: pointer; color: var(--muted); font-size: 0.9rem; }
.fav-remove button:hover { color: var(--primary); }

.login-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-box { background: var(--card); border: 1px solid var(--border); border-radius:0; padding: 36px; display: flex; flex-direction: column; gap: 14px; width: 320px; }
.login-box h1 { font-size: 1.3rem; text-align: center; }

@media (max-width: 800px) {
  .admin-grid, .deal-detail { grid-template-columns: 1fr; }
  .hero-inner { flex-direction: column; align-items: flex-start; }
  .hero-inner img { width: 100%; }
  .header-inner { flex-wrap: wrap; }
}

/* ---- Predlog kategorije (stran ponudbe) ---- */
.suggest-cat{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:0}
.suggest-cat h2{font-size:1.1rem;margin:0 0 .5rem}
.suggest-ok{background:#e7f7ed;color:#137a3a;padding:.5rem .75rem;border-radius:0;margin:.5rem 0}
.suggest-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}
.suggest-form select,.suggest-form input{padding:.55rem .7rem;border:1px solid var(--border,#d1d5db);border-radius:0;font:inherit}
.suggest-form input{flex:1;min-width:160px}
/* ---- Admin: predlogi ---- */
.tabs{display:flex;gap:.4rem;margin-bottom:1rem}
.tabs .tab{padding:.45rem .9rem;border-radius:0;background:#f1f3f5;color:#333;text-decoration:none;font-size:.9rem}
.tabs .tab.active{background:#2563eb;color:#fff}
.badge-count{background:#e11d48;color:#fff;border-radius:0;padding:0 .45rem;font-size:.72rem;margin-left:.15rem}
.btn-approve{background:#16a34a;color:#fff;border:none}
.btn-reject{background:#e5e7eb;color:#333;border:none}

/* ---- Facetni filtri (velikost/barva) ---- */
.facet-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.5rem 0}
.facet-label{font-weight:600;font-size:.85rem;color:var(--muted,#6b7280);margin-right:.25rem}
.size-chip{min-width:2.2rem;text-align:center;font-variant-numeric:tabular-nums}
.chip.on{background:#2563eb;color:#fff;border-color:#2563eb}
.chip-clear{font-size:.8rem;color:#e11d48;text-decoration:none;padding:.2rem .4rem}
.avail-facet{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.6rem 0}
.avail-facet .chip{background:#f1f3f5;border:1px solid var(--border,#e5e7eb);border-radius:0;padding:.25rem .55rem;font-size:.85rem;text-decoration:none;color:#333}
.avail-facet .size-chip:hover{background:#2563eb;color:#fff}

/* ---- Facetna vrstica z dropdown meniji (več-izbira) ---- */
.facet-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.75rem 0;padding:.5rem;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:0}
.facet-dd{position:relative}
.facet-dd-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border:1px solid var(--border,#d1d5db);border-radius:0;background:#fff;font:inherit;font-size:.9rem;cursor:pointer;white-space:nowrap}
.facet-dd-btn:hover{border-color:#2563eb}
.facet-dd-btn.has-sel{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:600}
.dd-count{background:#2563eb;color:#fff;border-radius:0;font-size:.72rem;padding:0 .4rem;min-width:1.1rem;text-align:center}
.dd-caret{font-size:.7rem;opacity:.6}
.facet-dd-panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;min-width:210px;max-width:320px;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:0;box-shadow:0 8px 28px rgba(0,0,0,.14);padding:.4rem}
.dd-opts{display:flex;flex-direction:column;max-height:280px;overflow-y:auto;gap:.1rem}
.dd-opt{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:0;font-size:.88rem;cursor:pointer}
.dd-opt:hover{background:#f1f5f9}
.dd-opt input{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}
.facet-apply{padding:.5rem 1.1rem;border:none;border-radius:0;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.facet-apply:hover{background:#1d4ed8}
.facet-reset{padding:.5rem .75rem;color:#e11d48;text-decoration:none;font-size:.88rem}

/* ---- Pametno iskanje ---- */
.search-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:.6rem .9rem;border-radius:0;margin:.5rem 0}
.search-note a{color:#c2410c;font-weight:600}
.search-suggest{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.search-suggest .chip{background:#f1f5f9;border:1px solid var(--border,#e5e7eb);border-radius:0;padding:.35rem .8rem;text-decoration:none;color:#334155;font-size:.88rem}
.search-suggest .chip.on{background:#2563eb;color:#fff;border-color:#2563eb}
.search-suggest .chip:hover{border-color:#2563eb}
.search-fallback{color:var(--muted,#6b7280);margin:.75rem 0;font-style:italic}
.search-count{color:var(--muted,#6b7280);margin:.5rem 0}

/* iskalno polje znotraj facetnega dropdowna */
.dd-search{width:100%;box-sizing:border-box;padding:.45rem .6rem;margin-bottom:.4rem;border:1px solid var(--border,#d1d5db);border-radius:0;font:inherit;font-size:.88rem}
.dd-search:focus{outline:none;border-color:#2563eb}

/* Domača stran: malenkost širša + 5 ponudb v vrsti (na dovolj širokih zaslonih) */
body.home main.container { max-width: 1320px; }
@media (min-width: 1150px) {
  body.home .deals-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Kategorije znotraj strani trgovine (filtriranje v profilu trgovine) */
.store-cats{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem}
.store-cats .chip{background:#f1f5f9;border:1px solid var(--border,#e5e7eb);border-radius:0;padding:.35rem .8rem;text-decoration:none;color:#334155;font-size:.88rem}
.store-cats .chip:hover{border-color:#2563eb}
.store-cats .chip.on{background:#2563eb;color:#fff;border-color:#2563eb}

/* ---- Mini kartica (karusel + vrteča vrstica) ---- */
.mini-card{flex:0 0 210px;display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.mini-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(29,53,87,.12)}
.mini-img{position:relative;aspect-ratio:1/1;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mini-img img{width:100%;height:100%;object-fit:contain}
.mini-img .img-placeholder{font-size:2rem}
.mini-img .badge-discount{position:absolute;left:8px;bottom:8px;background:#e11d48;color:#fff;font-weight:700;font-size:.8rem;padding:.1rem .45rem;border-radius:0}
.mini-body{padding:.55rem .65rem;display:flex;flex-direction:column;gap:.2rem;min-height:0}
.mini-store{font-size:.72rem;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.02em}
.mini-title{font-size:.85rem;line-height:1.25;max-height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mini-price{font-size:.9rem;margin-top:.15rem}
.mini-price s{color:var(--muted,#9ca3af);font-size:.8rem;margin-left:.25rem}
.mini-countdown{font-size:.78rem;color:#c2410c;font-weight:600;margin-top:.1rem}
/* ---- Karusel s puščicami ---- */
.carousel{position:relative}
.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 2px;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track .mini-card{scroll-snap-align:start}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:38px;border-radius:0;border:1px solid var(--border,#e5e7eb);background:#fff;color:#1f2937;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center}
.carousel-arrow:hover{background:#2563eb;color:#fff;border-color:#2563eb}
.carousel-arrow.prev{left:-10px}
.carousel-arrow.next{right:-10px}
/* ---- Vrteča vrstica "nazadnje ogledane" ---- */
.deal-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.deal-marquee-track{display:flex;gap:14px;width:max-content;animation:deal-scroll 70s linear infinite}
.deal-marquee:hover .deal-marquee-track{animation-play-state:paused}
.deal-marquee .mini-card{flex:0 0 190px}
@keyframes deal-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.deal-marquee-track{animation:none}}

/* Paginacija: info + skok na stran */
.pagination-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0 1.5rem;color:var(--muted,#6b7280);font-size:.9rem}
.page-jump{display:flex;align-items:center;gap:.4rem}
.page-jump label{display:flex;align-items:center;gap:.4rem}
.page-jump input{width:70px;padding:.35rem .5rem;border:1px solid var(--border,#d1d5db);border-radius:0;font:inherit}
.page-jump button{padding:.4rem .8rem;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:0;font:inherit;cursor:pointer}
.page-jump button:hover{background:#1d4ed8}

/* ---- Navigacija kategorij: gumb "Vse kategorije" + mega-meni + drsljiv trak ---- */
.site-header,.cat-nav{overflow:visible}
.cat-nav .container.cat-nav-inner{display:flex;align-items:center;gap:10px;overflow:visible}
.mega-wrap{position:relative;flex:0 0 auto}
.mega-btn{display:inline-flex;align-items:center;gap:.4rem;background:#2563eb;color:#fff;border:none;padding:.5rem .9rem;border-radius:0;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap}
.mega-btn:hover{background:#1d4ed8}
.mega-menu{position:absolute;top:100%;left:0;z-index:200;display:flex;background:#fff;color:#1f2937;border:1px solid var(--border,#e5e7eb);border-radius:0;box-shadow:0 12px 34px rgba(0,0,0,.16);width:auto;max-height:78vh;overflow:hidden;transform-origin:top;animation:mega-open .16s ease-out}
.mega-menu.show-panels{width:min(1040px,95vw);min-height:360px}
.mega-menu[hidden]{display:none}
@keyframes mega-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
/* leva vrstica kategorij */
.mega-side{flex:0 0 240px;background:#f8fafc;border-right:1px solid var(--border,#e5e7eb);padding:8px 0;overflow-y:auto;max-height:78vh}
.mega-cat{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.12rem 1rem;color:#1f2937;text-decoration:none;font-size:.9rem;border-left:3px solid transparent}
.mega-cat:hover,.mega-cat.active{background:#fff;color:#2563eb;border-left-color:#2563eb;font-weight:600}
.mc-left{display:flex;align-items:center;gap:.6rem;min-width:0;overflow:hidden}
.mc-left>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-ico{width:18px;height:18px;flex:0 0 18px;color:#9aa7b5}
.mega-arrow{color:#94a3b8;font-size:1.1rem}
.mega-cat.active .mega-arrow{color:#2563eb}
/* desni panel s podkategorijami */
.mega-panels{display:none;flex:1 1 auto;position:relative;padding:20px 24px;overflow-y:auto;max-height:78vh}
.mega-menu.show-panels .mega-panels{display:block}
.mega-panel{display:none}
.mega-panel.active{display:block}
.mega-panel-title{display:inline-block;font-size:1.05rem;font-weight:700;color:#111827;text-decoration:none;margin-bottom:14px;border-bottom:2px solid #2563eb;padding-bottom:3px}
.mega-panel-title:hover{color:#2563eb}
.mega-panel-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 24px;align-items:start}
.mega-sub{color:#374151;font-size:.9rem;text-decoration:none;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-sub:hover{color:#2563eb}
/* Skupina v panelu: L2 naslov + L3 povezave pod njim (celotno drevo v dropdownu) */
.mega-group{min-width:0}
.mega-group-title{display:block;color:#111827;font-size:.88rem;font-weight:700;text-decoration:none;padding:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-group-title:hover{color:#2563eb}
.mega-sub3{display:block;color:#4b5563;font-size:.82rem;text-decoration:none;padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-sub3:hover{color:#2563eb}
.mega-viewall{color:#2563eb;font-weight:600;text-decoration:none}
.mega-viewall:hover{text-decoration:underline}
.cat-strip{display:flex;gap:4px;align-items:center;overflow-x:auto;white-space:nowrap;flex:1 1 auto;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cat-strip::-webkit-scrollbar{display:none}
.cat-strip a{white-space:nowrap;flex:0 0 auto}
.cat-strip-count{color:#dce6f2;padding:10px 14px;font-size:0.92rem;white-space:nowrap}
.cat-strip-count strong{color:#fff}
.cat-strip-disc{color:#aebfd4;font-size:0.86rem}
.cat-strip-disc strong{color:#dce6f2}
@media (max-width:640px){ .mega-btn span,.mega-btn{font-size:.85rem} }

/* Override: mega-meni besedilo ne sme podedovati svetle barve iz .cat-nav a */
.mega-menu .mega-cat{color:#1f2937;padding:.12rem 1rem;font-size:.9rem}
.mega-menu .mega-cat:hover,.mega-menu .mega-cat.active{color:#2563eb}
.mega-menu .mega-sub{color:#374151;padding:3px 0}
.mega-menu .mega-sub:hover{color:#2563eb}
.mega-menu .mega-panel-title{color:#111827;padding:0 0 3px}
.mega-menu .mega-panel-title:hover{color:#2563eb}
.mega-menu .mega-viewall{color:#2563eb;padding:0}
.mega-menu .mega-group-title{color:#111827;font-size:.88rem;padding:0 0 3px}
.mega-menu .mega-group-title:hover{color:#2563eb}
.mega-menu .mega-sub3{color:#4b5563;font-size:.82rem;padding:1px 0}
.mega-menu .mega-sub3:hover{color:#2563eb}

/* ---- Sponzorirane ponudbe (3 v vrsti) ---- */
.sponsored-section{background:linear-gradient(180deg,#fff8e6,#fffdf7);border:1px solid #ffe6a1;border-radius:0;padding:14px 16px 18px;margin:16px 0}
.sponsored-section>h2{margin:4px 0 12px;color:#8a6d1a}
.sponsored-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,220px));gap:12px;justify-content:start}
.sponsored-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdf3,#fff);border:1px solid #ffd166;border-radius:0;overflow:hidden;box-shadow:0 0 0 1px #ffd16644;transition:transform .15s,box-shadow .15s}
.sponsored-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(184,140,20,.2)}
.sponsored-img{background:#fffdf6}
.sponsored-tag{position:absolute;top:10px;left:10px;z-index:2;background:#ffd166;color:#6b4e00;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.3px;padding:3px 9px;border-radius:0}
.sponsored-img{position:relative;aspect-ratio:16/9;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sponsored-img img{width:100%;height:100%;object-fit:contain}
.sponsored-img .img-placeholder{font-size:2rem}
.sponsored-img .badge-discount{position:absolute;left:8px;bottom:8px;background:#e11d48;color:#fff;font-weight:700;font-size:.8rem;padding:.12rem .45rem;border-radius:0}
.sponsored-body{padding:.6rem .75rem .75rem;display:flex;flex-direction:column;gap:.25rem}
.sponsored-store{font-size:.75rem;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.02em}
.sponsored-body h3{font-size:.88rem;line-height:1.3;margin:0;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sponsored-store{font-size:.72rem}
.sponsored-cta{margin-top:.25rem;color:#2563eb;font-weight:600;font-size:.82rem}
.sponsored-tag{font-size:.66rem;padding:2px 7px}
@media (max-width:520px){.sponsored-row{grid-template-columns:1fr}}

/* Sponzorirano: 2×2 velika mreža */
.reco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:16px 0 24px}
.reco-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--border);padding:30px 34px;color:inherit;transition:transform .15s,box-shadow .15s;min-height:200px}
.reco-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(29,53,87,.12)}
.reco-info{display:flex;flex-direction:column;gap:10px;min-width:0}
.reco-name{font-size:.98rem;font-weight:600;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reco-price strong{font-size:1.4rem;color:var(--primary-dark)}
.reco-price s{color:var(--muted);font-size:.9rem;margin-left:7px}
.reco-img{position:relative;flex:0 0 185px;width:185px;height:185px;display:flex;align-items:center;justify-content:center}
.reco-img img{max-width:100%;max-height:100%;object-fit:contain}
.reco-img .img-placeholder{font-size:3rem}
.reco-img .badge-discount{position:absolute;top:6px;left:6px;background:#e11d48;color:#fff;font-weight:700;font-size:.72rem;padding:.1rem .4rem}
@media (max-width:560px){.reco-grid{grid-template-columns:1fr}.reco-img{flex-basis:130px;width:130px;height:130px}}

/* Hero slider (izpostavljene banner slike) */
.hero-slider{position:relative;margin:16px 0 24px;border:1px solid var(--border);overflow:hidden;background:#0d1b2a}
.hs-viewport{position:relative;width:100%;aspect-ratio:1200/350}
.hs-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none;display:block}
.hs-slide.active{opacity:1;pointer-events:auto}
.hs-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:none;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.hs-arrow:hover{background:rgba(0,0,0,.68)}
.hs-arrow.prev{left:14px}.hs-arrow.next{right:14px}
.hs-dots{position:absolute;left:0;right:0;bottom:12px;z-index:3;display:flex;gap:8px;justify-content:center}
.hs-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:background .15s,transform .15s}
.hs-dot.active{background:#fff;transform:scale(1.25)}
@media (max-width:560px){.hs-arrow{width:36px;height:36px;font-size:1.3rem}}

/* Kategorijske sekcije na domači: banner + drsljiv trak */
.home-section{display:grid;grid-template-columns:250px 1fr;gap:16px;margin:22px 0;align-items:stretch}
.hs-banner{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px 22px;color:#fff;min-height:230px;overflow:hidden}
.hs-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.85;font-weight:600}
.hs-title{font-size:1.7rem;font-weight:800;line-height:1.15}
.hs-cta{margin-top:10px;align-self:flex-start;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:700;font-size:.9rem;padding:9px 16px}
.hs-banner:hover .hs-cta{background:#fff;color:var(--dark)}
.hs-carousel{min-width:0}
.hs-carousel .carousel-track{height:100%;align-items:stretch}
.hs-carousel .carousel-arrow.prev{left:4px}
.hs-carousel .carousel-arrow.next{right:4px}
@media (max-width:760px){.home-section{grid-template-columns:1fr}.hs-banner{min-height:130px}.hs-title{font-size:1.4rem}}