:root {
  --bg: #0b0f14;
  --bg-soft: #0f141b;
  --panel: rgba(255,255,255,0.05);
  --panel-solid: #111821;
  --text: #e8eef6;
  --muted: #9ca9bb;
  --line: rgba(255,255,255,0.10);
  --accent: #55d7ff;
  --accent-soft: rgba(85, 215, 255, 0.14);
  --accent-alt: #86efac;
  --warm: #fbbf24;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  --radius: 28px;
  --radius-sm: 18px;
  --container: 1240px;
  --font-main: "Times New Roman", Times, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.trag-ljubimaca-body {
  margin: 0;
  background:
    radial-gradient(circle at top, rgba(85,215,255,0.13), transparent 32%),
    linear-gradient(180deg, #0b0f14 0%, #0e1116 100%);
  color: var(--text);
  font-family: var(--font-main);
  font-size: 14px;
  line-height: 1.65;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

.container {
  width: min(var(--container), calc(100% - 32px));
  margin: 0 auto;
}

.container-narrow { max-width: 860px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(11, 15, 20, 0.78);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

.header-inner {
  display: grid;
  grid-template-columns: 1.2fr 2fr auto;
  gap: 20px;
  align-items: center;
  padding: 18px 0;
}

.site-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.site-tagline {
  margin: 6px 0 0;
  color: var(--muted);
}

.trag-nav,
.footer-nav {
  list-style: none;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.trag-nav a,
.footer-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
  transition: 0.2s ease;
}

.trag-nav a {
  font-size: 12px;
}

.trag-nav a:hover,
.footer-nav a:hover,
.button:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.09);
}

.language-pills {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.lang-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--muted);
  background: rgba(255,255,255,0.03);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.lang-pill-active {
  color: #03141d;
  background: var(--accent);
  border-color: rgba(85, 215, 255, 0.2);
  font-weight: 700;
}

.site-main { padding-bottom: 40px; }

.section-space { padding: 72px 0; }
.section-heading { margin-bottom: 28px; max-width: 820px; }
.section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: #bae6fd;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 12px;
}

.section-heading h1,
.section-heading h2,
.hero-copy h1,
.post-card h1 {
  margin: 0 0 14px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-size: clamp(34px, 5vw, 48px);
}

.section-heading p,
.hero-copy p,
.post-card p,
.preview-body p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.hero-grid,
.split-grid,
.footer-grid,
.contact-grid,
.preview-grid,
.feature-grid,
.card-grid,
.filter-grid,
.form-grid {
  display: grid;
  gap: 24px;
}

.hero-grid {
  grid-template-columns: 1.2fr 0.9fr;
  align-items: stretch;
}

.split-grid {
  grid-template-columns: 1fr 0.95fr;
  align-items: start;
}

.split-grid-contact {
  grid-template-columns: 0.95fr 1.05fr;
}

.card-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.filter-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 24px;
  margin-bottom: 28px;
  align-items: center;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 20px;
}

.card,
.feature-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(8px);
}

.card {
  padding: 28px;
}

.hero-panel { padding: 24px; }
.feature-card { padding: 22px; }
.feature-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 22px; }
.feature-card p { margin: 0; color: var(--muted); }

.badge-pill,
.mini-pill,
.card-meta,
.approval-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.badge-pill,
.mini-pill,
.card-meta {
  border: 1px solid rgba(85, 215, 255, 0.2);
  background: var(--accent-soft);
  color: #d7f6ff;
}

.mini-pill-alt {
  border-color: rgba(134, 239, 172, 0.18);
  background: rgba(134, 239, 172, 0.12);
  color: #dffde6;
}

.mini-pill-id,
.support-partner-id {
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-color: rgba(85, 215, 255, 0.42);
  background: linear-gradient(135deg, rgba(85, 215, 255, 0.18), rgba(85, 215, 255, 0.08));
  color: #f2fcff;
  box-shadow: 0 10px 24px rgba(11, 60, 94, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.support-partner-id {
  align-self: flex-start;
}

.card-meta-warm {
  border-color: rgba(251, 191, 36, 0.2);
  background: rgba(251, 191, 36, 0.12);
  color: #fde7a9;
}

.meta-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
}

.memory-card h3,
.partner-card h3,
.blog-card h3,
.lost-card h3,
.preview-body h3,
.contact-panel h3 {
  margin: 14px 0 10px;
  font-size: 30px;
  line-height: 1.15;
}

.muted {
  color: var(--muted);
  margin: 6px 0;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 18px;
  border: 1px solid transparent;
  transition: 0.2s ease;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-main);
}

.button-primary {
  background: var(--accent);
  color: #03141d;
  box-shadow: 0 18px 35px rgba(85,215,255,0.18);
}

.button-secondary {
  border-color: var(--line);
  background: rgba(255,255,255,0.03);
  color: var(--text);
}

.button-small {
  min-height: 40px;
  padding: 10px 14px;
  font-size: 14px;
  margin-top: 12px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

label {
  display: block;
  font-size: 14px;
  color: var(--text);
}

label span {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
}

input,
select,
textarea {
  width: 100%;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(4, 7, 10, 0.58);
  color: var(--text);
  padding: 14px 16px;
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.5;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(85, 215, 255, 0.55);
  background: rgba(4, 7, 10, 0.78);
}

textarea { resize: vertical; min-height: 150px; }
.full-width { grid-column: 1 / -1; }

.preview-card { overflow: hidden; padding: 0; }
.preview-top {
  height: 140px;
  background: linear-gradient(135deg, rgba(85,215,255,0.2), rgba(255,255,255,0.03));
}
.preview-body { padding: 30px; }

.preview-grid,
.contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 20px 0;
}

.preview-meta-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.03);
}

.filter-note,
.approval-note {
  color: #d2eef7;
  border: 1px solid rgba(85,215,255,0.16);
  background: rgba(85,215,255,0.09);
  min-height: 100%;
  justify-content: center;
  line-height: 1.5;
}

.approval-note {
  margin: 0 0 18px;
  border-radius: 22px;
  padding: 14px 18px;
}

.contact-panel { min-height: 100%; }

.post-card,
.content-stack {
  display: grid;
  gap: 24px;
}

.post-card h2,
.post-card h1 {
  margin-top: 0;
  margin-bottom: 16px;
}

.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }

.site-footer {
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,0.02);
  padding: 34px 0 48px;
}

.footer-grid {
  grid-template-columns: 1.2fr 1fr 0.8fr;
  align-items: start;
}

.footer-grid h3,
.footer-grid h4 {
  margin-top: 0;
  margin-bottom: 12px;
}

.footer-grid p {
  margin: 0 0 10px;
  color: var(--muted);
}

.is-hidden { display: none !important; }

@media (max-width: 1100px) {
  .header-inner,
  .hero-grid,
  .split-grid,
  .split-grid-contact,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .primary-nav { order: 3; }
  .language-pills { justify-content: flex-start; }

  .card-grid-three,
  .filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .section-space { padding: 54px 0; }
  .container { width: min(var(--container), calc(100% - 20px)); }
  .card,
  .feature-card { padding: 22px; border-radius: 24px; }
  .form-grid,
  .feature-grid,
  .card-grid-two,
  .card-grid-three,
  .filter-grid,
  .preview-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .trag-nav a,
  .footer-nav a,
  .button {
    width: 100%;
  }

  .hero-actions { flex-direction: column; }
  .memory-card h3,
  .partner-card h3,
  .blog-card h3,
  .lost-card h3,
  .preview-body h3,
  .contact-panel h3 {
    font-size: 24px;
  }

  body.trag-ljubimaca-body { font-size: 14px; }
  .section-heading p,
  .hero-copy p,
  .post-card p,
  .preview-body p { font-size: 16px; }
}



.js-tab-panel { display: none; }
.js-tab-panel.is-active { display: block; }
.tab-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.upload-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.upload-card { display: block; border: 1px dashed var(--line); border-radius: var(--radius-sm); padding: 18px; background: rgba(255,255,255,0.03); }
.upload-card span { display: block; margin-bottom: 12px; color: var(--text); }
.upload-card small { display: block; margin-top: 10px; color: #c8ecf8; }
.upload-card input[type="file"] { width: 100%; color: var(--muted); }
.upload-card input[type="file"]::file-selector-button { border: 0; background: var(--accent); color: #03141d; padding: 10px 14px; border-radius: 12px; margin-right: 10px; font-weight: 700; cursor: pointer; }
.approval-note { margin: 18px 0; border: 1px solid rgba(134,239,172,0.18); background: rgba(134,239,172,0.12); color: #dffde6; }
.approval-note-info { border-color: rgba(85,215,255,0.18); background: rgba(85,215,255,0.12); color: #d7f6ff; }
.approval-note-pending { border-color: rgba(251,191,36,0.2); background: rgba(251,191,36,0.12); color: #fde7a9; }
.preview-upload-summary { margin: 18px 0 14px; padding: 22px; border: 1px dashed var(--line); border-radius: var(--radius-sm); text-align: center; color: var(--muted); background: rgba(0,0,0,0.12); }
.preview-pill-waiting { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(251,191,36,0.2); background: rgba(251,191,36,0.12); color: #fde7a9; font-size: 12px; margin-bottom: 16px; }
.trag-notice { padding: 14px 0; border-bottom: 1px solid var(--line); }
.trag-notice p { margin: 0; }
.trag-notice-success { background: rgba(134,239,172,0.14); color: #e9fff0; }
.trag-notice-error { background: rgba(248,113,113,0.14); color: #ffe8e8; }
.filter-grid-lost { grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr)); }
.lost-card-meta p { margin: 10px 0; color: var(--muted); }
.button.is-active { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); }

@media (max-width: 980px) {
  .upload-grid,
  .filter-grid-lost,
  .filter-grid,
  .card-grid-three,
  .card-grid-two,
  .feature-grid,
  .hero-grid,
  .split-grid,
  .split-grid-contact { grid-template-columns: 1fr; }
  .header-inner { grid-template-columns: 1fr; }
}


.upload-thumb-box { position: relative; min-height: 170px; border: 1px dashed var(--line); border-radius: 18px; background: rgba(0,0,0,0.18); margin-bottom: 14px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.upload-thumb-image { width: 100%; height: 170px; object-fit: cover; display: block; }
.upload-thumb-placeholder { padding: 18px; text-align: center; color: var(--muted); }
.memory-live-photo-box { position: relative; min-height: 260px; border-radius: 24px; overflow: hidden; border: 1px solid var(--line); background: rgba(0,0,0,0.18); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.memory-live-photo { width: 100%; height: 260px; object-fit: cover; display: block; }
.memory-live-photo-placeholder { color: var(--muted); text-align: center; padding: 24px; }
.memory-live-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.memory-thumb-button { width: 74px; height: 74px; padding: 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: rgba(255,255,255,0.04); cursor: pointer; }
.memory-thumb-button img { width: 100%; height: 100%; object-fit: cover; display: block; }
.memory-thumb-button.is-active { box-shadow: 0 0 0 2px rgba(85,215,255,0.55); border-color: rgba(85,215,255,0.55); }


.memory-card {
  overflow: hidden;
  padding: 0;
}

.memory-card-visual {
  position: relative;
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, rgba(85,215,255,.18), rgba(255,255,255,.02));
  border-bottom: 1px solid var(--line);
}

.memory-card-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.memory-card-body {
  padding: 24px;
}

.memory-card-body h3 {
  margin: 12px 0 14px;
  font-size: 28px;
  line-height: 1.15;
}

.memory-card-meta-list {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

.memory-card-meta-list p {
  margin: 0;
  color: var(--muted);
}

.memory-owner-text {
  min-height: 110px;
  margin-bottom: 18px !important;
}


.quick-access-strip {
  display: grid;
  grid-template-columns: 1.3fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 24px;
}
.support-map-grid { margin-top: 18px; }
.support-map-card { display: grid; grid-template-columns: 34px 1fr; gap: 16px; align-items: start; }
.support-map-pin { width: 34px; height: 34px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(85,215,255,0.14); color: var(--accent); font-size: 24px; line-height: 1; }
.share-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.share-label { color: var(--muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.share-chip-list { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.share-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: var(--text); text-decoration: none; box-shadow: 0 12px 30px rgba(0,0,0,0.18); transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.share-chip:hover,
.share-chip:focus-visible { transform: translateY(-1px); border-color: rgba(85,215,255,0.4); background: rgba(255,255,255,0.07); box-shadow: 0 16px 36px rgba(0,0,0,0.22); outline: none; }
.share-chip-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; color: #dff8ff; flex: 0 0 auto; }
.share-chip-icon svg { width: 18px; height: 18px; display: block; }
.share-chip-text { font-size: 13px; font-weight: 600; letter-spacing: .01em; }
.share-chip--whatsapp .share-chip-icon { color: #4ade80; }
.share-chip--facebook .share-chip-icon { color: #7dd3fc; }
.share-chip--email .share-chip-icon { color: #facc15; }
@media (max-width: 640px) {
  .share-actions { align-items: flex-start; }
  .share-chip-list { width: 100%; }
  .share-chip { flex: 1 1 calc(50% - 10px); justify-content: center; }
}
.report-panel { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); display: grid; gap: 12px; align-items: start; }
.report-panel-toggle { justify-self: start; }
.report-panel-body[hidden] { display: none !important; }
.report-form { margin-top: 0; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,0.03); display: grid; gap: 12px; max-width: 520px; }
.report-form label span { display: block; margin-bottom: 6px; color: var(--muted); }
.report-form select, .report-form input { width: 100%; }
@media (max-width: 980px) {
  .quick-access-strip,
  .support-map-card { grid-template-columns: 1fr; }
}

.support-map-embed { margin: 14px 0 16px; }
.support-map-embed iframe { width: 100%; min-height: 240px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,0.04); }

.support-live-map-card { margin-top: 18px; }
.support-live-map { width: 100%; min-height: 420px; margin-top: 14px; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: rgba(255,255,255,0.04); }
.support-live-map .leaflet-popup-content-wrapper { border-radius: 14px; }
.support-live-map .leaflet-popup-content { margin: 12px 14px; font-family: var(--font-main); }
.support-live-map .leaflet-control-attribution { font-size: 10px; }


.support-local-map-card { margin-top: 18px; }
.support-local-map-wrap { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; margin-top: 14px; }
.support-local-map { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: rgba(255,255,255,0.04); }
.support-local-map-legend { display: grid; gap: 12px; }
.support-local-map-item { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: start; padding: 12px 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,0.03); }
.support-local-map-number { width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--accent); color: #03141d; font-weight: 700; }
@media (max-width: 980px) { .support-local-map-wrap { grid-template-columns: 1fr; } }


.compact-hero-panel { display:flex; flex-direction:column; justify-content:space-between; }
.compact-heading { margin-bottom: 18px; }
.compact-title { font-size: 28px !important; }
.home-entry-grid { display:grid; gap:14px; grid-template-columns:1fr; }
.entry-tile { display:block; padding:18px; border-radius:22px; border:1px solid var(--line); background:rgba(255,255,255,0.03); transition:.2s ease; }
.entry-tile:hover { transform:translateY(-1px); background:rgba(255,255,255,0.06); }
.entry-tile h3 { margin:12px 0 8px; font-size:20px; }
.entry-tile p { margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.home-tabs-section { padding-top: 28px; }
.compact-section-heading { margin-bottom: 20px; }
.home-tabs { padding: 20px; }
.home-tab-buttons { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.home-tab-button { appearance:none; border:1px solid var(--line); background:rgba(255,255,255,0.03); color:var(--text); border-radius:999px; padding:10px 16px; min-height:40px; cursor:pointer; font-family:var(--font-main); font-size:14px; transition:.2s ease; }
.home-tab-button.is-active, .home-tab-button:hover { background:var(--accent-soft); border-color:rgba(85,215,255,.24); color:#d7f6ff; }
.home-tab-panel[hidden] { display:none !important; }
.tab-panel-head { display:flex; gap:16px; justify-content:space-between; align-items:flex-start; margin-bottom:18px; }
.tab-panel-head h3 { margin:8px 0 0; font-size:26px; line-height:1.2; }
.compact-card-grid { gap:18px; }
.compact-card { padding:22px; box-shadow:none; }
.compact-card h3 { font-size:22px; }
.compact-card p { font-size:15px; line-height:1.6; }
.support-compact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.compact-meta-list p { margin:6px 0; }
.home-bottom-compact { padding-top: 26px; }
.compact-duo-grid { display:grid; gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.compact-info-card h2 { margin: 0 0 10px; font-size:30px; line-height:1.15; }
.compact-info-card p { color:var(--muted); }
.compact-actions { margin-top:18px; }
.compact-email { margin-top:18px; color:#bae6fd !important; word-break:break-word; }
@media (max-width: 980px) {
  .tab-panel-head, .compact-duo-grid, .support-compact-grid { grid-template-columns:1fr; display:grid; }
  .tab-panel-head { gap:12px; }
}


.quick-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.quick-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}
.quick-stat-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(85,215,255,.22);color:#d7f6ff;font-weight:700;font-size:14px}
.quick-stat-label{font-size:14px;color:var(--text);line-height:1.3}
.entry-tile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.entry-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:18px;line-height:1}
.entry-order{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#bae6fd}
.entry-tile{position:relative;overflow:hidden;min-height:198px}
.entry-tile::after{content:"";position:absolute;inset:auto -20% -45% 35%;height:140px;background:radial-gradient(circle, rgba(85,215,255,.10), transparent 65%);pointer-events:none}
.entry-tile-memory .entry-icon{background:rgba(85,215,255,.12);border-color:rgba(85,215,255,.22)}
.entry-tile-search .entry-icon{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.22)}
.entry-tile-adoption .entry-icon{background:rgba(134,239,172,.10);border-color:rgba(134,239,172,.22)}
.entry-tile-support .entry-icon{background:rgba(244,114,182,.10);border-color:rgba(244,114,182,.22)}
.home-value-strip{padding-top:24px;padding-bottom:34px}
.value-card-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.value-card{padding:24px;box-shadow:none}
.value-card h3{margin:14px 0 10px;font-size:22px}
.value-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.value-card-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:var(--accent-soft);border:1px solid rgba(85,215,255,.22);color:#d7f6ff;font-size:20px}
.home-tabs{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03))}
.home-tab-button{padding:11px 18px}
.compact-info-card{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03))}
@media (max-width: 1100px){.quick-stat-grid,.value-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 980px){.quick-stat-grid,.value-card-grid{grid-template-columns:1fr}.entry-tile{min-height:auto}}


.site-header{background:rgba(10,14,19,.84);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.header-inner{grid-template-columns:1.1fr 1.7fr auto;gap:18px}
.brand-block{display:flex;flex-direction:column;gap:6px}
.brand-lockup{display:flex;align-items:flex-start;gap:16px}
.brand-copy{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:6px}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:312px;min-width:312px;padding:4px;border-radius:22px;border:1px solid rgba(85,215,255,.14);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));box-shadow:0 14px 30px rgba(0,0,0,.22);overflow:hidden}
.brand-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px rgba(85,215,255,.10))}
.hero-brand-seal{position:absolute;inset:18px 18px auto auto;width:min(42%,240px);opacity:.22;pointer-events:none;z-index:0;filter:drop-shadow(0 12px 24px rgba(85,215,255,.10))}
.hero-brand-seal img{width:100%;height:auto}
.brand-note{margin:0;color:#bae6fd;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.header-utility{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px 12px;flex-wrap:wrap}
.header-cta-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.header-panel-button{margin-top:0;min-height:38px;padding:9px 14px;border-radius:999px}
.hero-subactions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:2px}
.hero-subactions-label{display:inline-flex;align-items:center;min-height:38px;padding:0 4px 0 0;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hero-subaction-button{border-radius:999px;padding-inline:16px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)), rgba(255,255,255,.02)}
.hero-subaction-button:hover{border-color:rgba(85,215,255,.24)}
.hero-section{padding-top:52px;position:relative;overflow:hidden}
.hero-section::before{content:"";position:absolute;inset:-10% auto auto -10%;width:480px;height:480px;background:radial-gradient(circle, rgba(85,215,255,.12), transparent 68%);pointer-events:none;filter:blur(4px)}
.hero-section::after{content:"";position:absolute;inset:auto -8% -18% auto;width:420px;height:420px;background:radial-gradient(circle, rgba(134,239,172,.08), transparent 70%);pointer-events:none}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch;position:relative;z-index:1}
.hero-copy{padding-top:10px}
.hero-eyebrow-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.hero-floating-note{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#e8eef6;font-size:12px;letter-spacing:.03em}
.hero-copy h1{max-width:760px;font-size:clamp(30px,3.8vw,46px);line-height:1.08;letter-spacing:-0.02em;margin-bottom:14px}
.hero-copy p{max-width:760px}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-trust-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#dce8f6;font-size:13px}
.quick-stat-grid{margin-top:22px}
.quick-stat{padding:16px 18px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025))}
.quick-stat .quick-stat-number{width:44px;height:44px;font-size:16px}
.hero-premium-panel{padding:22px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));position:relative;overflow:hidden}
.hero-premium-panel::before{content:"";position:absolute;inset:-10% -20% auto auto;width:260px;height:260px;background:radial-gradient(circle, rgba(85,215,255,.14), transparent 68%);pointer-events:none}
.hero-panel-headline{position:relative;z-index:1}
.hero-panel-headline p{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.hero-panel-highlight{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);margin:18px 0}
.hero-panel-highlight h3{margin:14px 0 8px;font-size:24px;line-height:1.18}
.hero-panel-highlight p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.hero-panel-mini-stats{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.hero-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero-entry-grid .entry-tile{min-height:190px;background:rgba(255,255,255,.035)}
.hero-entry-grid .entry-tile:hover{background:rgba(255,255,255,.07)}
@media (max-width:1200px){.header-inner{grid-template-columns:1fr}.header-utility{justify-content:flex-start;align-items:flex-start}.primary-nav{order:3}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(30px,5.2vw,42px);line-height:1.1}.hero-brand-seal{width:min(34%,200px)}}
@media (max-width:980px){.hero-panel-highlight{grid-template-columns:1fr}.hero-panel-mini-stats{align-items:flex-start}.hero-entry-grid{grid-template-columns:1fr}.brand-note{letter-spacing:.12em}.hero-subactions{align-items:flex-start}.hero-subactions-label{min-height:auto;padding-right:0;flex-basis:100%}.hero-subaction-button{flex:1 1 220px}.brand-mark{width:238px;min-width:238px;padding:4px}.hero-brand-seal{width:150px;opacity:.18}.hero-copy h1{max-width:100%;font-size:clamp(28px,7vw,36px);line-height:1.12;letter-spacing:-0.015em}}


body.trag-ljubimaca-body {
  --page-glow-left: rgba(85,215,255,0.13);
  --page-glow-right: rgba(134,239,172,0.08);
  --header-tint: rgba(10,14,19,0.84);
}
body.trag-ljubimaca-body {
  background:
    radial-gradient(circle at 12% 8%, var(--page-glow-left), transparent 28%),
    radial-gradient(circle at 88% 82%, var(--page-glow-right), transparent 26%),
    linear-gradient(180deg, #0b0f14 0%, #0e1116 100%);
}
body.trag-ljubimaca-body .site-header,
body.trag-ljubimaca-body .site-header {
  background: var(--header-tint);
}
body.trag-ljubimaca-body .section-space {
  position: relative;
}
body.trag-ljubimaca-body .section-space::after {
  content: "";
  position: absolute;
  inset: 16px 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
  pointer-events: none;
}
body.trag-ljubimaca-body .card,
body.trag-ljubimaca-body .feature-card,
body.trag-ljubimaca-body .compact-info-card,
body.trag-ljubimaca-body .home-tabs,
body.trag-ljubimaca-body .hero-premium-panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03)),
    radial-gradient(circle at top right, rgba(255,255,255,.05), transparent 34%);
}
body.trag-ljubimaca-body .section-kicker,
body.trag-ljubimaca-body .brand-note,
body.trag-ljubimaca-body .compact-email {
  color: color-mix(in srgb, var(--accent) 58%, white 42%);
}
body.trag-ljubimaca-body .entry-tile::after {
  background: radial-gradient(circle, var(--accent-soft), transparent 65%);
}
body.trag-ljubimaca-body .quick-stat-number,
body.trag-ljubimaca-body .value-card-icon,
body.trag-ljubimaca-body .support-local-map-number {
  border-color: color-mix(in srgb, var(--accent) 24%, white 8%);
}
body.section-tone-home {
  --accent: #55d7ff;
  --accent-soft: rgba(85,215,255,.14);
  --page-glow-left: rgba(85,215,255,0.14);
  --page-glow-right: rgba(134,239,172,0.09);
  --header-tint: rgba(10,14,19,0.84);
}
body.section-tone-memory {
  --accent: #7fe3ff;
  --accent-soft: rgba(127,227,255,.16);
  --page-glow-left: rgba(127,227,255,0.17);
  --page-glow-right: rgba(116,129,255,0.10);
  --header-tint: rgba(9,18,28,0.86);
}
body.section-tone-memory .preview-top,
body.section-tone-memory .hero-section::before {
  background: linear-gradient(135deg, rgba(127,227,255,.22), rgba(116,129,255,.08));
}
body.section-tone-search {
  --accent: #ffb86a;
  --accent-soft: rgba(255,184,106,.15);
  --page-glow-left: rgba(255,184,106,0.14);
  --page-glow-right: rgba(239,68,68,0.10);
  --header-tint: rgba(24,14,12,0.88);
}
body.section-tone-search .card-meta-warm,
body.section-tone-search .lost-status-searching {
  box-shadow: 0 0 0 1px rgba(255,184,106,.08) inset;
}
body.section-tone-adoption {
  --accent: #9af5b5;
  --accent-soft: rgba(154,245,181,.14);
  --page-glow-left: rgba(154,245,181,0.14);
  --page-glow-right: rgba(251,191,36,0.08);
  --header-tint: rgba(11,20,16,0.86);
}
body.section-tone-adoption .preview-top {
  background: linear-gradient(135deg, rgba(154,245,181,.20), rgba(251,191,36,.08));
}
body.section-tone-support {
  --accent: #b8abff;
  --accent-soft: rgba(184,171,255,.15);
  --page-glow-left: rgba(184,171,255,0.13);
  --page-glow-right: rgba(85,215,255,0.08);
  --header-tint: rgba(15,14,28,0.88);
}
body.section-tone-support .button-primary {
  box-shadow: 0 18px 35px rgba(184,171,255,0.18);
}
body.section-tone-network {
  --accent: #7cefd8;
  --accent-soft: rgba(124,239,216,.14);
  --page-glow-left: rgba(124,239,216,0.12);
  --page-glow-right: rgba(251,191,36,0.09);
  --header-tint: rgba(10,20,22,0.86);
}
body.section-tone-journal {
  --accent: #8cb7ff;
  --accent-soft: rgba(140,183,255,.14);
  --page-glow-left: rgba(140,183,255,0.13);
  --page-glow-right: rgba(85,215,255,0.07);
  --header-tint: rgba(12,16,26,0.87);
}
body.section-tone-default {
  --accent: #55d7ff;
  --accent-soft: rgba(85,215,255,.14);
  --page-glow-left: rgba(85,215,255,0.13);
  --page-glow-right: rgba(255,255,255,0.04);
  --header-tint: rgba(10,14,19,0.84);
}
body.section-tone-memory .button-primary,
body.section-tone-search .button-primary,
body.section-tone-adoption .button-primary,
body.section-tone-support .button-primary,
body.section-tone-network .button-primary,
body.section-tone-journal .button-primary,
body.section-tone-default .button-primary {
  color: #081018;
}
body.section-tone-memory .hero-trust-pill,
body.section-tone-search .hero-trust-pill,
body.section-tone-adoption .hero-trust-pill,
body.section-tone-support .hero-trust-pill,
body.section-tone-network .hero-trust-pill,
body.section-tone-journal .hero-trust-pill {
  border-color: color-mix(in srgb, var(--accent) 18%, rgba(255,255,255,.08));
}
.entry-tile-memory {
  background:
    linear-gradient(180deg, rgba(127,227,255,.07), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
}
.entry-tile-search {
  background:
    linear-gradient(180deg, rgba(255,184,106,.06), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
}
.entry-tile-adoption {
  background:
    linear-gradient(180deg, rgba(154,245,181,.06), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
}
.entry-tile-support {
  background:
    linear-gradient(180deg, rgba(184,171,255,.06), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
}
.home-tab-panel[data-tab-panel="memories"] .compact-card,
.home-tab-panel[data-tab-panel="memories"] .memory-card {
  background: linear-gradient(180deg, rgba(127,227,255,.06), rgba(255,255,255,.03));
}
.home-tab-panel[data-tab-panel="lost"] .compact-card {
  background: linear-gradient(180deg, rgba(255,184,106,.05), rgba(255,255,255,.03));
}
.home-tab-panel[data-tab-panel="adoption"] .compact-card {
  background: linear-gradient(180deg, rgba(154,245,181,.05), rgba(255,255,255,.03));
}
.home-tab-panel[data-tab-panel="support"] .compact-card {
  background: linear-gradient(180deg, rgba(184,171,255,.05), rgba(255,255,255,.03));
}
.home-tab-panel[data-tab-panel="blog"] .compact-card {
  background: linear-gradient(180deg, rgba(140,183,255,.05), rgba(255,255,255,.03));
}
.value-card:nth-child(1) .value-card-icon { background: rgba(127,227,255,.14); border-color: rgba(127,227,255,.22); }
.value-card:nth-child(2) .value-card-icon { background: rgba(255,184,106,.14); border-color: rgba(255,184,106,.22); }
.value-card:nth-child(3) .value-card-icon { background: rgba(154,245,181,.14); border-color: rgba(154,245,181,.22); }
.value-card:nth-child(4) .value-card-icon { background: rgba(184,171,255,.14); border-color: rgba(184,171,255,.22); }
@media (max-width: 760px) {
  body.trag-ljubimaca-body {
    background:
      radial-gradient(circle at 16% 6%, var(--page-glow-left), transparent 34%),
      linear-gradient(180deg, #0b0f14 0%, #0e1116 100%);
  }
}

.header-utility{
  display:grid;
  gap:10px;
  justify-items:end;
  align-items:end;
}
.header-meta-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.header-chip,
.header-contact-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color:#dce8f6;
  font-size:12px;
  letter-spacing:.04em;
  transition:.2s ease;
}
.header-chip:hover,
.header-contact-link:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  transform:translateY(-1px);
}
.header-chip-search{
  border-color:rgba(85,215,255,.22);
  box-shadow:0 0 0 1px rgba(85,215,255,.06) inset;
}
.header-chip-contact{
  border-color:rgba(184,171,255,.20);
}
.header-contact-link{
  color:#c9f4ff;
}
.header-contact-note{
  margin:0;
  font-size:12px;
  color:var(--muted);
  text-align:right;
}
.site-footer{
  position:relative;
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 10% 0%, rgba(85,215,255,.10), transparent 28%),
    radial-gradient(circle at 92% 24%, rgba(184,171,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  padding:42px 0 20px;
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 26%);
  pointer-events:none;
}
.footer-premium-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.1fr 1fr .9fr;
  gap:22px;
  align-items:stretch;
}
.footer-brand-panel,
.footer-search-panel,
.footer-contact-panel{
  min-height:100%;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028)),
    radial-gradient(circle at top right, rgba(255,255,255,.04), transparent 34%);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.footer-brand-panel{
  display:grid;
  gap:18px;
}
.footer-brand-mark{
  width:256px;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:22px;
  border:1px solid rgba(85,215,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.02));
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.footer-brand-mark img{
  width:100%;
  height:auto;
  filter:drop-shadow(0 10px 22px rgba(85,215,255,.16));
}
.footer-brand-copy h3,
.footer-panel-head h4{
  margin:0 0 12px;
}
.footer-brand-copy h3{
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.footer-brand-copy p,
.footer-panel-head p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.footer-panel-head{
  margin-bottom:18px;
}
.footer-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-mini-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(85,215,255,.16);
  background:rgba(85,215,255,.10);
  color:#d8f7ff;
  font-size:12px;
  letter-spacing:.04em;
}
.footer-search-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.footer-search-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:12px 16px;
  text-align:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  color:var(--text);
  font-size:14px;
  transition:.2s ease;
}
.footer-search-link:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border-color:rgba(85,215,255,.18);
}
.footer-email-link{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  padding:12px 16px;
  border-radius:18px;
  border:1px solid rgba(85,215,255,.18);
  background:rgba(85,215,255,.10);
  color:#d7f6ff;
  font-size:16px;
  box-shadow:0 0 0 1px rgba(85,215,255,.05) inset;
  word-break:break-word;
}
.footer-contact-actions{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-bottom-bar{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:18px;
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  font-size:12px;
}
@media (max-width: 1200px){
  .footer-premium-shell{grid-template-columns:1fr}
  .header-utility{justify-items:start;align-items:start}
  .header-meta-row{justify-content:flex-start}
  .header-contact-note{text-align:left}
}
@media (max-width: 760px){
  .footer-search-grid{grid-template-columns:1fr}
  .footer-contact-actions .button,
  .footer-search-link,
  .header-chip,
  .header-contact-link{width:100%}
  .footer-brand-copy h3{font-size:26px}
}


.button,
.home-tab-button,
.footer-search-link,
.header-chip,
.header-contact-link,
.lang-pill {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.button::before,
.home-tab-button::before,
.footer-search-link::before,
.header-chip::before,
.header-contact-link::before,
.lang-pill::before {
  content: "";
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 48%;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04));
  opacity: .7;
  pointer-events: none;
  z-index: 0;
}

.button > *,
.home-tab-button > *,
.footer-search-link > *,
.header-chip > *,
.header-contact-link > *,
.lang-pill > * {
  position: relative;
  z-index: 1;
}

.button {
  min-height: 48px;
  padding: 13px 20px;
  gap: 8px;
  border-radius: 19px;
  letter-spacing: .01em;
  box-shadow:
    0 14px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.button:hover,
.footer-search-link:hover,
.header-chip:hover,
.header-contact-link:hover,
.home-tab-button:hover,
.lang-pill:hover {
  transform: translateY(-2px);
  border-color: rgba(164,223,255,.34);
  box-shadow:
    0 18px 34px rgba(0,0,0,.24),
    0 0 0 1px rgba(170,228,255,.08) inset,
    0 8px 20px rgba(132,204,255,.10);
}

.button:active,
.footer-search-link:active,
.header-chip:active,
.header-contact-link:active,
.home-tab-button:active,
.lang-pill:active {
  transform: translateY(0);
  box-shadow:
    0 10px 20px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.button:focus-visible,
.footer-search-link:focus-visible,
.header-chip:focus-visible,
.header-contact-link:focus-visible,
.home-tab-button:focus-visible,
.lang-pill:focus-visible,
.upload-card input[type="file"]:focus-visible::file-selector-button {
  outline: none;
  box-shadow:
    0 0 0 2px rgba(10,14,19,.86),
    0 0 0 4px rgba(85,215,255,.34),
    0 18px 34px rgba(0,0,0,.22);
}

.button-primary {
  border-color: rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.03)),
    linear-gradient(135deg, var(--accent), #d7f6ff 180%);
  color: #061018;
  text-shadow: 0 1px 0 rgba(255,255,255,.18);
  box-shadow:
    0 18px 36px rgba(0,0,0,.20),
    0 12px 28px rgba(85,215,255,.18),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.button-primary:hover {
  border-color: rgba(188,233,255,.42);
  background:
    linear-gradient(180deg, rgba(236,247,255,.28), rgba(255,255,255,.06)),
    linear-gradient(135deg, #8edfff, #eefbff 180%);
  color: #041018;
}

.button-secondary {
  border-color: rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
  color: #edf6ff;
  box-shadow:
    0 12px 26px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.button-secondary:hover {
  border-color: rgba(170,228,255,.34);
  background:
    linear-gradient(180deg, rgba(232,245,255,.14), rgba(255,255,255,.05)),
    rgba(132,204,255,.08);
  color: #f7fcff;
}

.button-small {
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 16px;
  font-size: 14px;
}

.home-tab-button {
  min-height: 42px;
  padding: 11px 18px;
  border-color: rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(255,255,255,.02);
  color: #dbe8f6;
  box-shadow: 0 12px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

.home-tab-button.is-active,
.home-tab-button:hover {
  border-color: rgba(170,228,255,.34);
  background:
    linear-gradient(180deg, rgba(236,247,255,.18), rgba(255,255,255,.05)),
    rgba(132,204,255,.10);
  color: #f2fbff;
}

.header-panel-button {
  border-radius: 999px;
}

.header-chip,
.header-contact-link,
.lang-pill {
  box-shadow: 0 10px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}

.lang-pill {
  min-height: 38px;
  color: #cfdeec;
  border-color: rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(255,255,255,.02);
}

.lang-pill-active {
  color: #051019;
  border-color: rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04)),
    linear-gradient(135deg, var(--accent), #ddfbff 180%);
  box-shadow:
    0 16px 30px rgba(0,0,0,.18),
    0 10px 24px rgba(85,215,255,.14),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.footer-search-link {
  border-radius: 20px;
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}

.upload-card input[type="file"]::file-selector-button {
  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.03)),
    linear-gradient(135deg, var(--accent), #ddfbff 180%);
  color: #061018;
  padding: 10px 15px;
  border-radius: 14px;
  margin-right: 10px;
  font-weight: 700;
  cursor: pointer;
  box-shadow:
    0 12px 24px rgba(0,0,0,.14),
    0 10px 18px rgba(85,215,255,.14),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.button-psych {
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    rgba(85,215,255,.10);
  border-color: rgba(85,215,255,.24);
}

@media (max-width: 760px) {
  .button, .footer-search-link { width: 100%; }
  .hero-actions .button, .section-actions .button, .utility-actions .button, .compact-actions .button { width: auto; }
}


.trust-layer-section { padding-top: 16px; }
.trust-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.trust-link-card,
.trust-info-card,
.trust-cta-card {
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    rgba(255,255,255,.025);
  box-shadow: 0 20px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.trust-link-card {
  padding: 24px;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.trust-link-card:hover {
  transform: translateY(-2px);
  border-color: rgba(85,215,255,.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03)),
    rgba(85,215,255,.06);
  box-shadow: 0 24px 48px rgba(0,0,0,.26), 0 12px 26px rgba(85,215,255,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.trust-link-card h3,
.trust-info-card h2,
.trust-cta-card h2 {
  margin: 0 0 12px;
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.2;
}
.trust-link-card p,
.trust-info-card p,
.trust-cta-card p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}
.trust-page-hero { padding-bottom: 18px; }
.trust-page-pill-row { margin-top: 12px; }
.trust-info-grid {
  display: grid;
  gap: 22px;
}
.trust-info-card {
  padding: 28px;
  scroll-margin-top: 110px;
}
.trust-cta-card {
  margin-top: 24px;
  padding: 26px 28px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.trust-cta-card .section-kicker { margin-bottom: 10px; }
.footer-legal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-legal-title {
  color: #cfe0ef;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-legal-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: #dbe8f6;
  box-shadow: 0 10px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-legal-link:hover {
  background: rgba(132,204,255,.10);
  border-color: rgba(170,228,255,.34);
}
@media (max-width: 980px) {
  .trust-link-grid { grid-template-columns: 1fr 1fr; }
  .trust-cta-card,
  .footer-legal-row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 760px) {
  .trust-link-grid { grid-template-columns: 1fr; }
  .trust-link-card,
  .trust-info-card,
  .trust-cta-card { padding: 22px; }
}


.primary-nav{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.primary-nav .trag-nav{flex:1 1 auto}
.primary-nav .trag-nav .menu-item-utility{margin-left:4px}
.primary-nav .trag-nav .menu-item-quick-search a{
  border-color:rgba(85,215,255,.18);
  background:linear-gradient(180deg, rgba(85,215,255,.10), rgba(255,255,255,.03));
  box-shadow:0 0 0 1px rgba(85,215,255,.05) inset;
}
.primary-nav .trag-nav .menu-item-quick-search a:hover{
  border-color: rgba(170,228,255,.34);
  background:linear-gradient(180deg, rgba(186,230,253,.18), rgba(255,255,255,.06));
  box-shadow:0 0 0 1px rgba(170,228,255,.10) inset, 0 10px 20px rgba(132,204,255,.10);
}
.header-utility{display:flex;align-items:center;justify-content:flex-end}
@media (max-width:1200px){.primary-nav{justify-content:flex-start}.header-utility{justify-content:flex-start}}
@media (max-width:760px){.primary-nav .trag-nav{width:100%}.primary-nav .trag-nav .menu-item-utility{margin-left:0}}


.button,
.home-tab-button,
.footer-search-link,
.header-chip,
.header-contact-link,
.lang-pill {
  transform-style: preserve-3d;
  will-change: transform, box-shadow, border-color, background;
}

.button::after,
.home-tab-button::after,
.footer-search-link::after,
.header-chip::after,
.header-contact-link::after,
.lang-pill::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -7px;
  height: 14px;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(7,16,24,.34) 0%, rgba(7,16,24,.16) 52%, rgba(7,16,24,0) 78%);
  filter: blur(4px);
  opacity: .78;
  pointer-events: none;
  z-index: -1;
  transition: opacity .24s ease, transform .24s ease, filter .24s ease;
}

.button,
.footer-search-link,
.header-chip,
.header-contact-link,
.home-tab-button,
.lang-pill {
  border-width: 1px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 3px 0 rgba(6,15,22,.44),
    0 14px 24px rgba(0,0,0,.16),
    0 22px 40px rgba(0,0,0,.22);
  transition:
    transform .22s cubic-bezier(.22,.8,.28,1),
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease;
}

.button:hover,
.footer-search-link:hover,
.header-chip:hover,
.header-contact-link:hover,
.home-tab-button:hover,
.lang-pill:hover {
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 4px 0 rgba(6,15,22,.46),
    0 18px 30px rgba(0,0,0,.18),
    0 28px 46px rgba(0,0,0,.24),
    0 0 0 1px rgba(170,228,255,.08);
}

.button:hover::after,
.footer-search-link:hover::after,
.header-chip:hover::after,
.header-contact-link:hover::after,
.home-tab-button:hover::after,
.lang-pill:hover::after {
  opacity: .92;
  transform: translateY(2px) scale(1.03);
  filter: blur(5px);
}

.button:active,
.footer-search-link:active,
.header-chip:active,
.header-contact-link:active,
.home-tab-button:active,
.lang-pill:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 1px 0 rgba(6,15,22,.38),
    0 10px 18px rgba(0,0,0,.14),
    0 14px 26px rgba(0,0,0,.18);
}

.button:active::after,
.footer-search-link:active::after,
.header-chip:active::after,
.header-contact-link:active::after,
.home-tab-button:active::after,
.lang-pill:active::after {
  opacity: .58;
  transform: translateY(-1px) scale(.98);
  filter: blur(3px);
}

.button-primary {
  border-color: rgba(214,244,255,.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.05) 46%, rgba(255,255,255,0) 47%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
    linear-gradient(135deg, #73d8ff 0%, #b9efff 52%, #eefcff 100%);
  color: #051019;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 3px 0 rgba(14,75,98,.40),
    0 16px 28px rgba(0,0,0,.18),
    0 24px 42px rgba(85,215,255,.18);
}

.button-primary:hover {
  border-color: rgba(233,248,255,.46);
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.07) 46%, rgba(255,255,255,0) 47%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
    linear-gradient(135deg, #86e0ff 0%, #c9f4ff 52%, #f7fdff 100%);
  color: #041018;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(255,255,255,.06),
    0 4px 0 rgba(14,75,98,.42),
    0 20px 32px rgba(0,0,0,.18),
    0 30px 46px rgba(85,215,255,.22);
}

.button-primary:active {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 1px 0 rgba(14,75,98,.34),
    0 12px 22px rgba(0,0,0,.16),
    0 16px 28px rgba(85,215,255,.14);
}

.button-secondary,
.footer-search-link,
.header-chip,
.header-contact-link,
.lang-pill,
.home-tab-button {
  border-color: rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03) 46%, rgba(255,255,255,0) 47%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
    rgba(255,255,255,.035);
  color: #e8f4ff;
}

.button-secondary:hover,
.footer-search-link:hover,
.header-chip:hover,
.header-contact-link:hover,
.lang-pill:hover,
.home-tab-button:hover,
.home-tab-button.is-active {
  border-color: rgba(170,228,255,.32);
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.04) 46%, rgba(255,255,255,0) 47%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
    rgba(132,204,255,.08);
  color: #f7fcff;
}

.header-panel-button {
  border-radius: 999px;
  padding-inline: 16px;
}


.site-footer{
  padding-bottom:24px;
}
.footer-premium-shell{
  grid-template-columns:1.2fr .9fr .9fr .9fr;
  gap:18px;
}
.footer-card-panel{
  min-height:100%;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028)),
    radial-gradient(circle at top right, rgba(255,255,255,.04), transparent 34%);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.footer-nav-panel,
.footer-user-panel,
.footer-legal-panel{
  display:flex;
  flex-direction:column;
}
.footer-link-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-list-link{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  color:var(--text);
  font-size:14px;
  line-height:1.45;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
  box-shadow:0 12px 26px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-list-link:hover{
  transform:translateY(-2px);
  border-color:rgba(170,228,255,.34);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow:0 18px 34px rgba(0,0,0,.22), 0 8px 20px rgba(132,204,255,.10), inset 0 1px 0 rgba(255,255,255,.07);
}
.footer-list-link:active{
  transform:translateY(0);
  box-shadow:0 10px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
.footer-bottom-bar{
  justify-content:center;
  text-align:center;
  padding-top:22px;
  margin-top:22px;
}
@media (max-width: 1200px){
  .footer-premium-shell{grid-template-columns:1fr 1fr;}
}
@media (max-width: 760px){
  .footer-premium-shell{grid-template-columns:1fr;}
  .footer-list-link{width:100%;}
}


.hero-section{padding-top:52px;position:relative;overflow:hidden;background:
linear-gradient(180deg, rgba(7,12,18,.97) 0%, rgba(9,15,22,.92) 42%, rgba(10,15,22,.70) 76%, rgba(10,15,22,0) 100%)}
.hero-section::before{content:"";position:absolute;inset:-18% auto auto -10%;width:540px;height:540px;background:radial-gradient(circle, rgba(85,215,255,.10), rgba(85,215,255,.035) 28%, transparent 72%);pointer-events:none;filter:blur(18px)}
.hero-section::after{content:"";position:absolute;inset:auto -10% -24% auto;width:460px;height:460px;background:radial-gradient(circle, rgba(85,215,255,.06), rgba(85,215,255,.02) 34%, transparent 76%);pointer-events:none;filter:blur(18px)}
.hero-section .container{position:relative}
.hero-section .container::before{content:"";position:absolute;inset:18px 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(85,215,255,.14), transparent);opacity:.7;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:28px;align-items:start;position:relative;z-index:1}
.hero-copy{padding-top:14px;max-width:740px}
.hero-eyebrow-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.hero-floating-note{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#d8e8f8;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.hero-copy .section-kicker{margin-bottom:10px}
.hero-copy h1{max-width:760px;font-size:clamp(38px,4.7vw,64px);line-height:1.01;letter-spacing:-.04em;margin:0 0 18px;text-wrap:balance}
.hero-copy p{max-width:690px;font-size:18px;line-height:1.8;color:var(--muted);margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-actions .button{min-height:52px;padding-inline:22px;border-radius:20px}
.hero-actions .button-soft{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border-color:rgba(255,255,255,.09);color:#eff8ff}
.hero-actions .button-soft:hover{background:linear-gradient(180deg, rgba(85,215,255,.16), rgba(85,215,255,.08));border-color:rgba(85,215,255,.24)}
.hero-support-copy{margin-top:18px!important;max-width:620px!important;color:#d7e8f7!important;font-size:15px!important;line-height:1.72!important}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.quick-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;max-width:740px}
.quick-stat{padding:18px 14px;background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.16)}
.quick-stat .quick-stat-number{width:44px;height:44px;font-size:15px;background:rgba(85,215,255,.12);border-color:rgba(85,215,255,.18)}
.quick-stat .quick-stat-label{font-size:12px;line-height:1.45}
.hero-sidecard{padding:24px;position:relative;overflow:hidden;min-height:auto;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 72px rgba(0,0,0,.28)}
.hero-sidecard::before{content:"";position:absolute;inset:-18% -18% auto auto;width:240px;height:240px;background:radial-gradient(circle, rgba(85,215,255,.12), transparent 72%);pointer-events:none}
.hero-preview-card,.hero-entry-card{position:relative;z-index:1}
.hero-preview-card{padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(8,15,23,.82), rgba(10,17,27,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-preview-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hero-preview-topline .section-kicker{margin:0}
.hero-preview-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(85,215,255,.18);background:rgba(85,215,255,.10);color:#ddf7ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.hero-preview-media{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(85,215,255,.08), rgba(255,255,255,.03));aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}
.hero-preview-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));pointer-events:none}
.hero-preview-media img{max-width:72%;max-height:72%;filter:drop-shadow(0 18px 28px rgba(85,215,255,.12))}
.hero-preview-body{padding-top:18px}
.hero-preview-pills{margin:0 0 12px}
.hero-preview-body h2{margin:0 0 10px;font-size:34px;line-height:1.02;letter-spacing:-.03em}
.hero-preview-location{margin:0 0 10px;color:#dce8f5!important;font-size:14px!important;letter-spacing:.04em;text-transform:uppercase}
.hero-preview-text{margin:0!important;font-size:15px!important;line-height:1.72!important;color:var(--muted)!important}
.hero-preview-body-empty{padding-top:0}
.hero-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.hero-entry-card{display:grid;gap:8px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;text-decoration:none;color:inherit;min-height:186px}
.hero-entry-card:hover{transform:translateY(-2px);border-color:rgba(85,215,255,.24);background:rgba(255,255,255,.05);box-shadow:0 18px 32px rgba(0,0,0,.18)}
.hero-entry-kicker{display:block;color:#bdefff;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.hero-entry-card strong{display:block;font-size:18px;line-height:1.35;color:var(--text)}
.hero-entry-card p{margin:0!important;font-size:14px!important;line-height:1.68!important;color:var(--muted)!important}
@media (max-width:1280px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.quick-stat-grid{max-width:none}.hero-sidecard{max-width:920px}.hero-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.hero-section{padding-top:40px}.hero-copy h1{font-size:clamp(30px,8vw,44px);line-height:1.08}.hero-copy p{font-size:17px}.hero-actions .button{width:100%;justify-content:center}.quick-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview-topline{flex-direction:column;align-items:flex-start}.hero-entry-card{min-height:auto}}
@media (max-width:640px){.hero-eyebrow-row{gap:8px}.hero-floating-note,.hero-preview-badge{white-space:normal}.quick-stat-grid{grid-template-columns:1fr}.hero-sidecard,.hero-preview-card,.hero-entry-card{padding:16px}.hero-preview-body h2{font-size:30px}}

.home-search-shell{position:relative;margin-top:-8px;padding:0 0 10px}
.home-search-card{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);gap:22px;align-items:end;padding:24px 24px 22px;background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 54px rgba(0,0,0,.22)}
.home-search-copy h2{margin:8px 0 10px;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.02em}
.home-search-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.72;max-width:560px}
.home-search-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px}
.home-search-form label{display:grid;gap:8px}
.home-search-form label span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.home-search-form input,.home-search-form select{min-height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(11,15,20,.72);color:var(--text);padding:0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.home-search-form input:focus,.home-search-form select:focus{outline:none;border-color:rgba(85,215,255,.32);box-shadow:0 0 0 4px rgba(85,215,255,.08)}
.home-search-actions{display:flex;align-items:center;gap:16px;grid-column:1 / -1;padding-top:2px}
.home-search-submit{min-height:52px;padding-inline:24px;border-radius:18px;white-space:nowrap}
.home-search-note{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
@media (max-width:1200px){.home-search-card{grid-template-columns:1fr}.home-search-copy p{max-width:none}}
@media (max-width:820px){.home-search-form{grid-template-columns:1fr}.home-search-actions{flex-direction:column;align-items:stretch}.home-search-submit{width:100%}}

.home-value-strip,
.sponsor-home-section,
.trust-layer-section,
.home-tabs-section,
.home-bottom-compact {
  padding-top: 22px;
  padding-bottom: 22px;
}

.home-value-strip::after,
.sponsor-home-section::after,
.trust-layer-section::after,
.home-tabs-section::after,
.home-bottom-compact::after {
  display: none;
}

.home-value-strip > .container,
.sponsor-home-section > .container,
.trust-layer-section > .container,
.home-tabs-section > .container,
.home-bottom-compact > .container {
  position: relative;
  padding: clamp(26px, 2.9vw, 40px);
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
    radial-gradient(circle at top right, rgba(85,215,255,.10), transparent 36%),
    radial-gradient(circle at bottom left, rgba(184,171,255,.06), transparent 34%);
  box-shadow: 0 30px 72px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  overflow: hidden;
}

.home-value-strip > .container::before,
.sponsor-home-section > .container::before,
.trust-layer-section > .container::before,
.home-tabs-section > .container::before,
.home-bottom-compact > .container::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(85,215,255,.22), rgba(255,255,255,0));
  opacity: .9;
  pointer-events: none;
}

.home-value-strip .section-heading,
.sponsor-home-section .section-heading,
.trust-layer-section .section-heading,
.home-tabs-section .section-heading {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin-bottom: 24px;
}

.home-value-strip .section-heading h2,
.sponsor-home-section .section-heading h2,
.trust-layer-section .section-heading h2,
.home-tabs-section .section-heading h2 {
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.08;
  letter-spacing: -.03em;
  text-wrap: balance;
}

.home-value-strip .section-heading p,
.sponsor-home-section .section-heading p,
.trust-layer-section .section-heading p,
.home-tabs-section .section-heading p {
  font-size: 16px;
  line-height: 1.75;
  max-width: 720px;
}

.value-card-grid,
.trust-link-grid,
.compact-card-grid,
.compact-duo-grid,
.support-compact-grid {
  align-items: stretch;
}

.value-card,
.sponsor-home-card,
.trust-link-card,
.home-tabs .compact-card,
.home-bottom-compact .compact-info-card {
  position: relative;
  min-height: 100%;
  padding: 24px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    radial-gradient(circle at top right, rgba(255,255,255,.045), transparent 36%);
  box-shadow: 0 20px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(10px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.value-card:hover,
.sponsor-home-card:hover,
.trust-link-card:hover,
.home-tabs .compact-card:hover,
.home-bottom-compact .compact-info-card:hover {
  transform: translateY(-3px);
  border-color: rgba(85,215,255,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.034)),
    radial-gradient(circle at top right, rgba(85,215,255,.08), transparent 36%);
  box-shadow: 0 26px 54px rgba(0,0,0,.22), 0 10px 24px rgba(85,215,255,.08), inset 0 1px 0 rgba(255,255,255,.06);
}

.value-card h3,
.sponsor-home-card h3,
.trust-link-card h3,
.home-tabs .compact-card h3,
.home-bottom-compact .compact-info-card h2 {
  margin: 14px 0 10px;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.18;
  letter-spacing: -.02em;
}

.value-card p,
.sponsor-home-card p,
.trust-link-card p,
.home-tabs .compact-card p,
.home-bottom-compact .compact-info-card p {
  font-size: 15px;
  line-height: 1.72;
}

.home-tabs {
  position: relative;
  padding: 26px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028)),
    radial-gradient(circle at top right, rgba(85,215,255,.07), transparent 32%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.home-tab-buttons {
  gap: 12px;
  margin-bottom: 22px;
}

.home-tab-button {
  min-height: 42px;
  padding: 11px 18px;
  border-color: rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028));
}

.home-tab-button.is-active,
.home-tab-button:hover {
  background: linear-gradient(180deg, rgba(85,215,255,.18), rgba(85,215,255,.09));
  border-color: rgba(85,215,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.tab-panel-head {
  gap: 18px;
  margin-bottom: 22px;
}

.tab-panel-head h3 {
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.15;
  letter-spacing: -.02em;
}

.home-tabs .compact-card,
.home-bottom-compact .compact-info-card {
  display: flex;
  flex-direction: column;
}

.home-tabs .compact-card .button-small,
.home-bottom-compact .compact-actions {
  margin-top: auto;
}

.sponsor-home-card-top {
  align-items: start;
  gap: 16px;
}

.sponsor-meta-pills,
.home-tabs .meta-pills,
.home-tabs .compact-meta-list,
.home-tabs .lost-card-meta {
  margin-top: 14px;
}

.home-tabs .compact-meta-list p,
.home-tabs .lost-card-meta p,
.home-tabs .adoption-card p,
.sponsor-home-card .muted,
.home-bottom-compact .compact-email {
  color: var(--muted);
}

.home-bottom-compact .compact-email {
  font-size: 15px;
  line-height: 1.7;
}

.section-actions,
.utility-actions,
.compact-actions {
  gap: 12px;
}

@media (max-width: 980px) {
  .home-value-strip,
  .sponsor-home-section,
  .trust-layer-section,
  .home-tabs-section,
  .home-bottom-compact {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .home-value-strip > .container,
  .sponsor-home-section > .container,
  .trust-layer-section > .container,
  .home-tabs-section > .container,
  .home-bottom-compact > .container {
    padding: 22px;
    border-radius: 28px;
  }

  .home-tabs {
    padding: 20px;
    border-radius: 24px;
  }

  .value-card,
  .sponsor-home-card,
  .trust-link-card,
  .home-tabs .compact-card,
  .home-bottom-compact .compact-info-card {
    padding: 20px;
    border-radius: 22px;
  }
}

@media (max-width: 640px) {
  .home-value-strip > .container,
  .sponsor-home-section > .container,
  .trust-layer-section > .container,
  .home-tabs-section > .container,
  .home-bottom-compact > .container {
    padding: 18px;
    border-radius: 24px;
  }

  .home-tabs {
    padding: 16px;
  }

  .home-tab-buttons,
  .utility-actions,
  .compact-actions,
  .section-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-tab-button,
  .utility-actions .button,
  .compact-actions .button,
  .section-actions .button {
    width: 100%;
  }
}


.site-header{
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(8,12,17,.92), rgba(9,14,20,.80));
  transition:background .24s ease, box-shadow .24s ease, border-color .24s ease, transform .24s ease;
}
.site-header .header-inner{
  grid-template-columns:minmax(280px, 1.05fr) auto;
  gap:20px;
  align-items:center;
  padding:14px 0;
}
.site-header.is-header-condensed{
  background:linear-gradient(180deg, rgba(7,11,16,.96), rgba(9,14,20,.88));
  border-color:rgba(170,228,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.site-header .brand-block{min-width:0}
.site-header .brand-lockup{align-items:center;gap:18px}
.site-header .brand-mark{
  width:296px;
  min-width:296px;
  border-radius:24px;
  border:1px solid rgba(85,215,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.site-header .brand-copy{padding-top:0;gap:4px}
.site-header .site-tagline{
  margin:0;
  font-size:13px;
  letter-spacing:.04em;
  color:#d9e7f5;
}
.site-header .brand-note{
  color:#9cc9dc;
  letter-spacing:.14em;
  line-height:1.45;
}
.header-nav-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:12px 14px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  box-shadow:0 18px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px);
}
.primary-nav{min-width:0;flex:1 1 auto}
.primary-nav .trag-nav{
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.primary-nav .trag-nav > li{list-style:none}
.primary-nav .trag-nav a{
  min-height:44px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid transparent;
  background:transparent;
  box-shadow:none;
  color:#edf5fc;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.primary-nav .trag-nav a::after{display:none}
.primary-nav .trag-nav a:hover,
.primary-nav .trag-nav .current-menu-item > a,
.primary-nav .trag-nav .current-menu-ancestor > a,
.primary-nav .trag-nav .current_page_item > a,
.primary-nav .trag-nav .current_page_ancestor > a{
  transform:none;
  border-color:rgba(170,228,255,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color:#f7fbff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.10);
}
.primary-nav .trag-nav .menu-item-quick-search a{
  border-color:rgba(85,215,255,.18);
  background:linear-gradient(180deg, rgba(85,215,255,.14), rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 12px 22px rgba(85,215,255,.10);
  color:#dff7ff;
}
.primary-nav .trag-nav .menu-item-quick-search a:hover{
  border-color:rgba(170,228,255,.30);
  background:linear-gradient(180deg, rgba(186,230,253,.22), rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 14px 26px rgba(85,215,255,.14);
}
.header-utility{
  gap:10px;
  flex:0 0 auto;
}
.header-utility .language-pills{
  gap:8px;
  justify-content:flex-end;
}
.header-panel-button{
  min-height:44px;
  padding-inline:18px;
  white-space:nowrap;
  border-radius:16px;
}
.header-menu-toggle{
  display:none;
  position:relative;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:46px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  color:#edf5fc;
  cursor:pointer;
  box-shadow:0 14px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
.header-menu-toggle:hover{
  border-color:rgba(170,228,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
}
.header-menu-toggle-label{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.header-menu-toggle-bars{
  display:inline-grid;
  gap:4px;
}
.header-menu-toggle-bars span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .22s ease, opacity .22s ease;
}
.site-header.is-menu-open .header-menu-toggle-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.is-menu-open .header-menu-toggle-bars span:nth-child(2){opacity:0}
.site-header.is-menu-open .header-menu-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1260px){
  .site-header .header-inner{grid-template-columns:minmax(260px,1fr) auto}
  .site-header .brand-mark{width:260px;min-width:260px}
  .primary-nav .trag-nav a{padding-inline:12px;font-size:11px}
}
@media (max-width:1120px){
  .site-header .header-inner{grid-template-columns:1fr auto;gap:14px;padding:12px 0}
  .header-menu-toggle{display:inline-flex}
  .header-nav-shell{
    display:none;
    grid-column:1 / -1;
    width:100%;
    padding:14px;
    border-radius:24px;
  }
  .site-header.is-menu-open .header-nav-shell{display:flex;flex-direction:column;align-items:stretch}
  .site-header .brand-lockup{align-items:center}
  .site-header .brand-copy{display:none}
  .site-header .brand-mark{width:228px;min-width:228px}
  .primary-nav,
  .header-utility{width:100%}
  .primary-nav .trag-nav{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  .primary-nav .trag-nav a{
    width:100%;
    justify-content:flex-start;
    min-height:48px;
    padding:12px 16px;
    border-radius:16px;
  }
  .header-utility{
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding-top:6px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .header-utility .language-pills{justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:760px){
  .site-header .header-inner{gap:12px;padding:10px 0}
  .site-header .brand-mark{width:182px;min-width:182px;border-radius:20px}
  .header-menu-toggle{min-height:44px;padding-inline:14px;border-radius:16px}
  .header-nav-shell{padding:12px;border-radius:22px}
  .header-utility{align-items:stretch}
  .header-panel-button{width:100%;justify-content:center}
  .header-utility .language-pills{width:100%;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .site-header,
  .header-menu-toggle,
  .header-menu-toggle-bars span{transition:none}
}


.home-assurance-section{padding-top:18px;padding-bottom:22px}
.home-assurance-shell{
  position:relative;
  overflow:hidden;
  padding:32px;
  border:1px solid rgba(143,203,255,.16);
  background:
    radial-gradient(circle at top left, rgba(85,215,255,.11), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03));
  box-shadow:0 26px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.home-assurance-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.035), transparent);
  opacity:.5;
}
.home-assurance-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:26px;
  align-items:start;
}
.home-assurance-copy h2{
  margin:8px 0 14px;
  font-size:clamp(30px,3.3vw,44px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.home-assurance-copy p{
  margin:0;
  max-width:680px;
  color:var(--muted);
  font-size:16px;
  line-height:1.78;
}
.assurance-actions{margin-top:22px}
.assurance-stat-stack{
  display:grid;
  gap:16px;
}
.trust-stat-card,
.assurance-step-card{
  position:relative;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow:0 16px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.trust-stat-card{
  padding:20px 22px;
}
.trust-stat-card strong{
  display:block;
  margin:8px 0 8px;
  font-size:20px;
  line-height:1.25;
}
.trust-stat-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.trust-stat-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#bae6fd;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.assurance-step-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.assurance-step-card{
  padding:24px;
  min-height:100%;
}
.assurance-step-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  margin-bottom:18px;
  background:rgba(85,215,255,.12);
  border:1px solid rgba(85,215,255,.24);
  color:#d8f7ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.assurance-step-card h3{
  margin:10px 0 10px;
  font-size:24px;
  line-height:1.2;
}
.assurance-step-card p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.72;
}
.trust-layer-heading{max-width:900px}
.trust-link-grid{
  gap:18px;
}
.trust-link-card{
  min-height:220px;
  position:relative;
  overflow:hidden;
}
.trust-link-card::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(143,203,255,.42), transparent);
  opacity:.9;
}
.trust-link-card .card-meta{margin-bottom:14px}
.trust-link-card h3{max-width:16ch}
.home-bottom-compact .compact-info-card{
  border-color:rgba(143,203,255,.15);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  box-shadow:0 22px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.home-bottom-compact .compact-info-card h2{max-width:15ch}
@media (max-width:1100px){
  .home-assurance-top,
  .assurance-step-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .home-assurance-shell{padding:22px}
  .home-assurance-copy h2{font-size:32px}
  .trust-link-card{min-height:auto}
  .assurance-step-card,
  .trust-stat-card{padding:20px}
}


.memorial-post-card{position:relative;overflow:hidden}
.memorial-post-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.memorial-post-submeta{margin:0;color:var(--muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.memorial-candle{margin-top:28px;padding:0;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));border-color:rgba(229,171,189,.20);overflow:hidden}
.memorial-candle-shell{display:grid;grid-template-columns:160px minmax(0,1fr);gap:30px;align-items:center;padding:28px 30px}
.memorial-candle-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 30%, rgba(255,205,221,.12), transparent 28%), radial-gradient(circle at 50% 90%, rgba(255,255,255,.05), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -24px 50px rgba(0,0,0,.12)}
.memorial-candle-glow{position:absolute;top:54px;left:50%;transform:translateX(-50%);width:118px;height:118px;border-radius:999px;background:radial-gradient(circle, rgba(255,216,229,.30) 0%, rgba(233,153,184,.14) 42%, rgba(197,112,145,.08) 60%, transparent 76%);filter:blur(16px);opacity:.84;transition:opacity .28s ease, transform .28s ease;animation:memoryBloomAura 5.4s ease-in-out infinite}
.memorial-candle-flame{position:absolute;top:68px;left:50%;width:82px;height:82px;transform:translateX(-50%) rotate(-45deg);border-radius:18px;background:linear-gradient(145deg, rgba(255,219,231,.98) 0%, rgba(244,171,197,.96) 42%, rgba(216,102,146,.92) 100%);box-shadow:inset 0 2px 6px rgba(255,255,255,.52), 0 18px 28px rgba(52,18,32,.18);transition:transform .28s ease, filter .28s ease}
.memorial-candle-flame::before,.memorial-candle-flame::after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg, rgba(255,219,231,.98) 0%, rgba(244,171,197,.96) 42%, rgba(216,102,146,.92) 100%)}
.memorial-candle-flame::before{top:-41px;left:0}
.memorial-candle-flame::after{left:41px;top:0}
.memorial-candle-flame span{display:none}
.memorial-candle-body{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:86px;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.20) 0%, rgba(243,211,223,.12) 40%, rgba(255,255,255,0) 72%);box-shadow:0 10px 20px rgba(0,0,0,.12)}
.memorial-candle-body::before,.memorial-candle-body::after{display:none}
.memorial-candle-base{display:none}
.memorial-candle-copy h2{margin:0 0 12px;font-size:30px;line-height:1.12;letter-spacing:-.02em}
.memorial-candle-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.8;max-width:640px}
.memorial-candle-kicker{margin-bottom:10px;color:#f1d7e1}
.memorial-candle-actions{display:flex;gap:14px;align-items:center;margin-top:22px}
.memorial-candle-actions .button{min-width:220px}
.memorial-candle-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:#f0dde4;font-size:14px}
.memorial-candle-count-wrap strong{font-size:18px;color:#fff4f8}
.memorial-candle-separator{opacity:.55}
.memorial-candle.is-lit .memorial-candle-glow{opacity:1;transform:translateX(-50%) scale(1.05)}
.memorial-candle.is-lit .memorial-candle-flame{transform:translateX(-50%) rotate(-45deg) scale(1.04);filter:saturate(1.05)}
.memorial-candle.is-loading .js-memory-candle-trigger{pointer-events:none;opacity:.8}
.memorial-candle.is-done .js-memory-candle-trigger{background:rgba(255,255,255,.08);color:#fff4f8;border-color:rgba(229,171,189,.28)}
@media (max-width: 760px){.memorial-candle-shell{grid-template-columns:1fr;padding:24px}.memorial-candle-visual{min-height:160px}.memorial-post-intro{align-items:flex-start}.memorial-candle-copy h2{font-size:26px}.memorial-candle-actions .button{width:100%;min-width:0}.memorial-candle-meta{gap:8px}.memorial-candle-separator{display:none}}

.memory-candle-inline{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;margin:18px 0 14px;padding:14px 16px;border:1px solid rgba(229,171,189,.18);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));}
.memory-candle-inline-visual{position:relative;width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 22%, rgba(255,211,225,.14), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.memory-candle-inline-glow{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:999px;background:radial-gradient(circle, rgba(255,216,229,.30) 0%, rgba(233,153,184,.14) 50%, transparent 76%);filter:blur(6px);opacity:.82;animation:memoryBloomAura 5.4s ease-in-out infinite}
.memory-candle-inline-flame{position:absolute;top:18px;left:50%;width:22px;height:22px;transform:translateX(-50%) rotate(-45deg);border-radius:6px;background:linear-gradient(145deg, rgba(255,219,231,.98) 0%, rgba(244,171,197,.96) 42%, rgba(216,102,146,.92) 100%);box-shadow:inset 0 1px 3px rgba(255,255,255,.42), 0 8px 12px rgba(52,18,32,.12)}
.memory-candle-inline-flame::before,.memory-candle-inline-flame::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg, rgba(255,219,231,.98) 0%, rgba(244,171,197,.96) 42%, rgba(216,102,146,.92) 100%)}
.memory-candle-inline-flame::before{top:-11px;left:0}
.memory-candle-inline-flame::after{left:11px;top:0}
.memory-candle-inline-body{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:26px;height:8px;border-radius:999px;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.22) 0%, rgba(243,211,223,.12) 42%, rgba(255,255,255,0) 72%)}
.memory-candle-inline-body::before,.memory-candle-inline-body::after{display:none}
.memory-candle-inline-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.memory-candle-inline-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#f1d7e1}
.memory-candle-inline-meta{font-size:14px;color:#f0dde4}
.memory-candle-inline-meta strong{font-size:18px;color:#fff4f8}
.memory-candle-inline-status{grid-column:2 / -1;font-size:13px;color:var(--muted)}
.memory-candle-inline.is-loading .js-memory-candle-trigger{pointer-events:none;opacity:.8}
.memory-candle-inline.is-done .js-memory-candle-trigger{background:rgba(255,255,255,.08);color:#fff4f8;border-color:rgba(229,171,189,.28)}
@media (max-width: 760px){.memory-candle-inline{grid-template-columns:64px 1fr;}.memory-candle-inline .js-memory-candle-trigger{grid-column:1 / -1;width:100%}.memory-candle-inline-status{grid-column:1 / -1}}



.site-header .header-inner{
  grid-template-columns:minmax(220px,.74fr) minmax(0,1.26fr);
  gap:16px;
  align-items:center;
}
.site-header .brand-lockup{
  gap:12px;
}
.site-header .brand-mark{
  width:210px;
  min-width:210px;
  border-radius:20px;
}
.site-header .brand-copy{
  min-width:0;
}
.site-header .site-tagline{
  font-size:12px;
  line-height:1.25;
}
.site-header .brand-note{
  font-size:10px;
  letter-spacing:.10em;
  line-height:1.35;
}
.header-nav-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
}
.primary-nav{
  min-width:0;
}
.primary-nav .trag-nav{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
}
.primary-nav .trag-nav a{
  min-height:34px;
  padding:7px 10px;
  border-radius:12px;
  font-size:10px;
  letter-spacing:.035em;
  white-space:nowrap;
}
.header-utility{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:nowrap;
  min-width:0;
}
.header-quick-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
.header-panel-button{
  min-height:32px;
  padding:0 10px;
  border-radius:12px;
  font-size:10px;
  letter-spacing:.035em;
  line-height:1;
  white-space:nowrap;
}
.header-utility .language-pills-flags{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
}
.lang-pill-flag{
  min-width:22px;
  min-height:22px;
  width:22px;
  height:22px;
  padding:0;
  border-radius:7px;
}
.lang-pill-flag .lang-pill-flag-icon{
  font-size:11px;
  line-height:1;
}
@media (max-width:1460px){
  .site-header .brand-copy{display:none}
  .site-header .header-inner{
    grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr);
  }
  .site-header .brand-mark{
    width:188px;
    min-width:188px;
  }
  .header-nav-shell{
    gap:8px;
    padding:8px;
  }
  .primary-nav .trag-nav a{
    padding:7px 8px;
    font-size:9px;
  }
  .header-panel-button{
    padding:0 8px;
    font-size:9px;
  }
}
@media (max-width:1360px){
  .site-header .header-inner{
    grid-template-columns:1fr auto;
    gap:14px;
    padding:12px 0;
  }
  .header-menu-toggle{display:inline-flex}
  .header-nav-shell{
    display:none;
    grid-column:1 / -1;
    width:100%;
    grid-template-columns:1fr;
    padding:14px;
    border-radius:24px;
  }
  .site-header.is-menu-open .header-nav-shell{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .site-header .brand-mark{
    width:210px;
    min-width:210px;
  }
  .primary-nav,
  .header-utility{width:100%}
  .primary-nav .trag-nav{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .primary-nav .trag-nav a{
    width:100%;
    justify-content:flex-start;
    min-height:46px;
    padding:12px 16px;
    border-radius:16px;
    font-size:11px;
  }
  .header-utility{
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .header-quick-actions{
    flex-wrap:wrap;
  }
  .header-panel-button{
    min-height:38px;
    padding:0 12px;
    font-size:10px;
  }
  .header-utility .language-pills-flags{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}
@media (max-width:760px){
  
  .site-header .brand-mark{width:176px;min-width:176px;border-radius:18px}
  .header-menu-toggle{min-height:42px;padding-inline:14px;border-radius:15px}
  
  .header-quick-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .header-panel-button{
    width:100%;
    justify-content:center;
  }
  .header-utility .language-pills-flags{
    width:100%;
    justify-content:flex-start;
  }
}


.site-header .header-inner{
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
}
.site-header .brand-block,
.site-header .brand-lockup{
  display:flex;
  align-items:center;
}
.site-header .brand-mark{
  width:184px;
  min-width:184px;
}
.site-header .brand-copy{
  display:block;
  min-width:0;
  max-width:170px;
}
.site-header .site-tagline{
  margin:0;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header-nav-shell{
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:8px 10px;
}
.primary-nav .trag-nav{
  flex-wrap:nowrap;
  gap:4px;
}
.primary-nav .trag-nav a{
  min-height:32px;
  padding:6px 9px;
  font-size:10px;
}
.header-utility{
  gap:5px;
}
.header-quick-actions{
  gap:5px;
  flex-wrap:nowrap;
}
.header-panel-button{
  min-height:31px;
  padding:0 9px;
  font-size:10px;
}
.header-utility .language-pills-flags{
  gap:3px;
}
.lang-pill-flag{
  min-width:20px;
  min-height:20px;
  width:20px;
  height:20px;
  border-radius:6px;
}
.lang-pill-flag .lang-pill-flag-icon{
  font-size:10px;
}
@media (max-width:1500px){
  .site-header .brand-copy{display:none}
  .site-header .brand-mark{
    width:172px;
    min-width:172px;
  }
  .primary-nav .trag-nav a{
    padding:6px 8px;
    font-size:9px;
  }
  .header-panel-button{
    padding:0 8px;
    font-size:9px;
  }
}
@media (max-width:1360px){
  .site-header .header-inner{
    grid-template-columns:1fr auto;
  }
}
@media (max-width:760px){
  .site-header .brand-mark{
    width:160px;
    min-width:160px;
  }
}


@media (min-width: 1361px){
  .header-nav-shell{
    justify-content:flex-start;
    gap:6px;
  }
  .primary-nav{
    flex:0 1 auto;
  }
  .header-utility{
    margin-left:2px;
    gap:4px;
  }
  .header-quick-actions{
    gap:4px;
  }
  .header-panel-button{
    font-size:11px;
    padding:0 10px;
  }
  .header-utility .language-pills-flags{
    gap:3px;
  }
}
@media (min-width: 1361px) and (max-width: 1500px){
  .header-panel-button{
    font-size:10px;
    padding:0 9px;
  }
}


@media (min-width: 1361px){
  .site-header .header-inner{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:12px;
  }
  .header-nav-shell{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    justify-self:end;
    gap:6px;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    padding:8px 10px;
  }
  .primary-nav{
    flex:0 1 auto;
    min-width:0;
  }
  .primary-nav .trag-nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
  }
  .primary-nav .trag-nav > li{
    flex:0 0 auto;
  }
  .primary-nav .trag-nav a{
    min-height:32px;
    padding:6px 8px;
    font-size:9px;
    letter-spacing:.03em;
  }
  .header-utility{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 auto;
    gap:4px;
    margin-left:0;
    padding-left:0;
  }
  .header-quick-actions{
    display:flex;
    align-items:center;
    gap:4px;
    margin-left:0;
  }
  .header-panel-button{
    min-height:33px;
    padding:0 11px;
    font-size:11px;
    letter-spacing:.025em;
  }
  .header-utility .language-pills-flags{
    display:flex;
    align-items:center;
    gap:5px;
    margin-left:2px;
  }
  .lang-pill-flag{
    min-width:24px;
    min-height:24px;
    width:24px;
    height:24px;
    border-radius:7px;
  }
  .lang-pill-flag .lang-pill-flag-icon{
    font-size:13px;
  }
}
@media (min-width: 1361px) and (max-width: 1540px){
  .site-header .brand-mark{
    width:168px;
    min-width:168px;
  }
  .primary-nav .trag-nav a{
    padding:6px 7px;
    font-size:8.5px;
  }
  .header-panel-button{
    padding:0 10px;
    font-size:10px;
  }
}

@media (min-width: 1361px){
  .site-header .header-inner{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:18px;
  }
  .site-header .brand-mark{
    width:232px;
    min-width:232px;
  }
  .site-header .brand-copy{
    max-width:190px;
  }
  .site-header .site-tagline{
    font-size:11px;
  }
  .header-nav-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    justify-self:stretch;
    width:100%;
    max-width:none;
    margin-left:0;
    gap:10px;
    padding:8px 10px 8px 0;
  }
  .header-nav-main{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    gap:6px;
  }
  
  .primary-nav .trag-nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:3px;
  }
  
  .primary-nav .trag-nav a{
    min-height:33px;
    padding:6px 8px;
    font-size:9px;
    letter-spacing:.03em;
  }
  .header-quick-actions{
    display:flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
    margin-left:2px;
  }
  .header-panel-button{
    min-height:34px;
    padding:0 11px;
    font-size:11px;
  }
  .header-language-wrap{
    justify-self:end;
    display:flex;
    align-items:center;
    margin-left:auto;
  }
  .header-language-wrap .language-pills-flags{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .header-language-wrap .lang-pill-flag{
    width:26px;
    height:26px;
    min-width:26px;
    min-height:26px;
    border-radius:7px;
  }
  .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:14px;
  }
}
@media (min-width: 1361px) and (max-width: 1540px){
  .site-header .brand-mark{
    width:214px;
    min-width:214px;
  }
  .site-header .brand-copy{
    display:none;
  }
  .header-nav-shell{
    gap:8px;
  }
  
  
  .header-language-wrap .lang-pill-flag{
    width:24px;
    height:24px;
    min-width:24px;
    min-height:24px;
  }
  .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:13px;
  }
}
@media (max-width: 1360px){
  .header-nav-main{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .header-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .header-language-wrap{
    width:100%;
  }
  .header-language-wrap .language-pills-flags{
    justify-content:flex-start;
  }
}
@media (max-width: 760px){
  .site-header .brand-mark{
    width:172px;
    min-width:172px;
  }
  .header-language-wrap .lang-pill-flag{
    width:22px;
    height:22px;
    min-width:22px;
    min-height:22px;
  }
  .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:12px;
  }
}


.site-header .brand-mark{
  cursor: default;
}
.site-header .brand-mark img{
  pointer-events: none;
  user-select: none;
}
@media (min-width: 1361px){
  .site-header .header-inner{
    gap: 14px;
  }
  .site-header .brand-mark{
    width: 286px;
    min-width: 286px;
    padding: 5px;
    border-radius: 24px;
    border-color: rgba(85,215,255,.18);
    box-shadow: 0 18px 36px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.03) inset;
  }
  .site-header .brand-copy{
    max-width: 180px;
  }
}
@media (min-width: 1361px) and (max-width: 1540px){
  .site-header .brand-mark{
    width: 258px;
    min-width: 258px;
  }
}
@media (max-width: 980px){
  .site-header .brand-mark{
    width: 210px;
    min-width: 210px;
  }
}
@media (max-width: 760px){
  .site-header .brand-mark{
    width: 184px;
    min-width: 184px;
  }
}


.site-header .header-inner{
  align-items:center;
}
.site-header .brand-block{
  position:relative;
  z-index:6;
}
.site-header .brand-mark{
  position:relative;
  z-index:6;
  cursor:default;
}
.site-header .brand-mark img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.site-header .header-nav-shell{
  position:relative;
  z-index:2;
}
@media (min-width: 1361px){
  .site-header .header-inner{
    gap:16px !important;
  }
  .site-header .brand-mark{
    width:340px !important;
    min-width:340px !important;
    padding:6px !important;
    border-radius:26px !important;
    border-color:rgba(85,215,255,.22) !important;
    box-shadow:0 22px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  }
  .site-header .brand-copy{
    display:none !important;
  }
}
@media (min-width: 981px) and (max-width: 1360px){
  .site-header .brand-mark{
    width:286px !important;
    min-width:286px !important;
    padding:5px !important;
  }
  .site-header .brand-copy{
    display:none !important;
  }
}
@media (min-width: 761px) and (max-width: 980px){
  .site-header .brand-mark{
    width:238px !important;
    min-width:238px !important;
  }
}
@media (max-width: 760px){
  .site-header .brand-mark{
    width:196px !important;
    min-width:196px !important;
  }
}


@media (min-width: 1361px){
  .site-header .header-inner{
    gap: 14px !important;
  }
  .site-header .header-nav-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    gap:8px !important;
    padding:8px 4px 8px 0 !important;
  }
  .site-header .header-nav-main{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    gap:6px !important;
  }
  .site-header .primary-nav{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .site-header .primary-nav .trag-nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:2px !important;
  }
  .site-header .primary-nav .trag-nav > li{
    flex:0 0 auto !important;
  }
  .site-header .primary-nav .trag-nav a{
    min-height:38px !important;
    padding:7px 10px !important;
    font-size:11.8px !important;
    font-weight:700 !important;
    letter-spacing:.02em !important;
  }
  .site-header .header-quick-actions{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    flex:0 0 auto !important;
    margin-left:0 !important;
  }
  .site-header .header-panel-button{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:11.5px !important;
  }
  .site-header .header-language-wrap{
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    margin-left:6px !important;
  }
  .site-header .header-language-wrap .language-pills-flags{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    border-radius:8px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:17px !important;
  }
}

@media (min-width: 1361px) and (max-width: 1540px){
  .site-header .header-nav-shell{
    gap:6px !important;
  }
  .site-header .primary-nav .trag-nav a{
    min-height:36px !important;
    padding:6px 8px !important;
    font-size:10.8px !important;
  }
  .site-header .header-panel-button{
    padding:0 10px !important;
    font-size:10.6px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    min-height:29px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:16px !important;
  }
}

@media (max-width: 1360px){
  .site-header .primary-nav .trag-nav a{
    font-size:12px !important;
  }
  .site-header .header-panel-button{
    font-size:12px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    min-height:29px !important;
  }
  .site-header .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size:16px !important;
  }
}


.site-header .header-panel-button-menu-like{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.03) !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.site-header .header-panel-button-menu-like::after,
.site-header .header-panel-button-menu-like::before{
  display:none !important;
  content:none !important;
}
.site-header .header-panel-button-menu-like:hover{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,0.09) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
.site-header .header-panel-button-menu-like:active{
  transform:none !important;
  box-shadow:none !important;
}

@media (min-width: 1361px){
  .site-header .header-panel-button-menu-like{
    min-height:38px !important;
    padding:7px 10px !important;
    font-size:11.8px !important;
    font-weight:700 !important;
    letter-spacing:.02em !important;
  }
}

@media (min-width: 1361px) and (max-width: 1540px){
  .site-header .header-panel-button-menu-like{
    min-height:36px !important;
    padding:6px 8px !important;
    font-size:10.8px !important;
  }
}

@media (max-width: 980px){
  .site-header .header-panel-button-menu-like{
    width:auto !important;
  }
}


@media (min-width: 981px){
  .site-header .primary-nav .trag-nav{
    gap:4px !important;
  }
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    min-height:38px !important;
    padding:7px 10px !important;
    font-size:11.8px !important;
    font-weight:700 !important;
    letter-spacing:.02em !important;
    border:1px solid var(--line) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,0.03) !important;
    color:var(--text) !important;
  }
  .site-header .header-quick-actions{
    gap:4px !important;
    margin-left:4px !important;
  }
}

@media (min-width: 1361px) and (max-width: 1540px){
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    min-height:36px !important;
    padding:6px 8px !important;
    font-size:10.8px !important;
  }
}

@media (max-width: 980px){
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item{
    width:100% !important;
  }
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    width:100% !important;
    justify-content:center !important;
  }
}


.listing-id-code,
.single-public-code,
.dashboard-public-code {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 14px;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.35;
}

.listing-id-code strong,
.single-public-code strong,
.dashboard-public-code strong {
  color: rgba(232, 238, 246, 0.74);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.listing-id-code span,
.single-public-code span,
.dashboard-public-code span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(115, 222, 255, 0.28);
  background: linear-gradient(180deg, rgba(77, 191, 227, 0.18), rgba(77, 191, 227, 0.08));
  box-shadow: 0 10px 24px rgba(8, 20, 31, 0.24), inset 0 1px 0 rgba(255,255,255,0.08);
  color: #ebfbff;
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
}

.listing-id-code span::before,
.single-public-code span::before,
.dashboard-public-code span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #78e6ff;
  box-shadow: 0 0 0 5px rgba(120, 230, 255, 0.16);
  flex: 0 0 auto;
}

.single-hero-image {
  margin: 18px 0 24px;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.04);
}

.single-hero-image img {
  display: block;
  width: 100%;
  height: auto;
}

.detail-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 24px;
}

.detail-chip-card {
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.03);
}

.detail-chip-label {
  display: block;
  color: var(--muted);
  font-size: 0.84rem;
  margin-bottom: 6px;
}

.detail-chip-card strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.45;
}

@media (max-width: 680px) {
  .detail-chip-grid {
    grid-template-columns: 1fr;
  }

  .listing-id-code,
  .single-public-code,
  .dashboard-public-code {
    gap: 6px;
  }

  .listing-id-code span,
  .single-public-code span,
  .dashboard-public-code span {
    min-height: 32px;
    margin-left: 0;
    margin-top: 0;
  }
}

@media (min-width: 981px){
  .site-header .header-inner{
    grid-template-columns: minmax(220px, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
  }

  .site-header .header-nav-shell{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    padding: 8px 0 8px 0 !important;
    overflow: visible !important;
  }

  .site-header .header-nav-main,
  .site-header .primary-nav{
    min-width: 0 !important;
    width: 100% !important;
  }

  .site-header .primary-nav .trag-nav{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .site-header .primary-nav .trag-nav > li{
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }

  .site-header .primary-nav .trag-nav a,
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  .site-header .header-language-wrap{
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    justify-self: end !important;
    align-self: start !important;
    margin-left: 0 !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(255,255,255,0.08) !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .site-header .header-language-wrap .language-pills-flags{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
  }
}

@media (min-width: 981px) and (max-width: 1540px){
  .site-header .primary-nav .trag-nav a,
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }

  .site-header .header-language-wrap .lang-pill-flag{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .site-header .header-language-wrap .lang-pill-flag .lang-pill-flag-icon{
    font-size: 15px !important;
  }
}

@media (min-width: 981px) and (max-width: 1360px){
  .site-header .header-inner{
    grid-template-columns: 1fr auto !important;
  }

  .site-header .header-language-wrap{
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}

.site-header .brand-home-link{
  display:flex;
  align-items:center;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.site-header .brand-home-link:hover{
  text-decoration:none;
}
.site-header .brand-block,
.site-header .brand-block .brand-home-link,
.site-header .brand-block .brand-lockup{
  min-width:0;
}
.site-header .brand-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.site-header .site-title-header{
  display:block;
  font-size:13px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#98dcff;
}
.site-header .site-tagline{
  margin:0;
}
.site-header .header-menu-toggle{
  min-height:40px;
}
.site-header .header-nav-main,
.site-header .primary-nav,
.site-header .primary-nav .trag-nav{
  min-width:0;
}
.site-header .primary-nav .trag-nav > li,
.site-header .primary-nav .trag-nav > li > a{
  max-width:100%;
}
.site-header .primary-nav .trag-nav a{
  overflow:hidden;
  text-overflow:ellipsis;
}
.site-header .header-language-wrap .language-pills-flags{
  justify-content:flex-end;
}

@media (min-width: 981px){
  .site-header .header-inner{
    grid-template-columns:minmax(190px, 240px) minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap:14px !important;
  }

  .site-header .header-nav-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:8px !important;
    width:100% !important;
  }

  .site-header .primary-nav .trag-nav{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }

  .site-header .header-language-wrap{
    justify-self:end !important;
    align-self:center !important;
  }
}

@media (max-width: 980px){
  .site-header .header-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:10px !important;
  }

  .site-header .brand-block{
    min-width:0;
  }

  .site-header .brand-mark img{
    max-width:42px;
    height:auto;
  }

  .site-header .site-title-header{
    font-size:12px;
  }

  .site-header .site-tagline{
    font-size:11px;
    line-height:1.3;
    white-space:normal;
  }

  .site-header .header-menu-toggle{
    justify-self:end;
  }

  .site-header .header-nav-shell{
    display:none;
    grid-column:1 / -1;
    width:100% !important;
    padding:14px !important;
    border-radius:24px !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    background:rgba(8, 16, 28, 0.92) !important;
    box-shadow:0 18px 44px rgba(0,0,0,0.28) !important;
  }

  .site-header.is-menu-open .header-nav-shell{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }

  .site-header .primary-nav .trag-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
  }

  .site-header .primary-nav .trag-nav > li{
    width:100% !important;
  }

  .site-header .primary-nav .trag-nav a,
    .site-header .primary-nav .trag-nav > li.header-inline-panel-item a{
    width:100% !important;
    justify-content:center !important;
    white-space:normal !important;
    text-align:center !important;
    min-height:42px !important;
    padding:10px 14px !important;
    font-size:13px !important;
  }

  .site-header .header-language-wrap{
    width:100% !important;
    margin:0 !important;
    padding:12px 0 0 !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    border-left:0 !important;
  }

  .site-header .header-language-wrap .language-pills-flags{
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }
}


.site-header .header-inner{
  grid-template-columns:minmax(240px, 300px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;
}
.site-header .brand-block{
  min-width:0 !important;
}
.site-header .brand-lockup{
  min-width:0 !important;
}
.site-header .brand-mark{
  width:clamp(220px, 18vw, 280px) !important;
  min-width:0 !important;
  max-width:100% !important;
}
.site-header .header-nav-shell{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  gap:10px !important;
  padding:10px 12px !important;
  margin-left:0 !important;
}
.site-header .header-nav-main{
  display:block !important;
  min-width:0 !important;
}
.site-header .primary-nav{
  min-width:0 !important;
  width:100% !important;
}
.site-header .primary-nav .trag-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-width:0 !important;
}
.site-header .primary-nav .trag-nav > li{
  flex:0 1 auto !important;
  min-width:0 !important;
}
.site-header .primary-nav .trag-nav a{
  min-height:40px !important;
  padding:8px 11px !important;
  font-size:11px !important;
  letter-spacing:.03em !important;
  white-space:nowrap !important;
}
.site-header .header-language-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:max-content !important;
  margin-left:0 !important;
}
.site-header .header-language-wrap .language-pills-flags{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:7px !important;
}
.site-header .header-language-wrap .lang-pill-flag{
  width:29px !important;
  height:29px !important;
  min-width:29px !important;
  min-height:29px !important;
}

/* Na laptop širinama ranije prebacujemo meni u sklopivi režim da ne probija ispod loga */
@media (max-width: 1480px){
  .site-header .header-inner{
    grid-template-columns:1fr auto !important;
    gap:14px !important;
    padding:12px 0 !important;
  }
  .site-header .brand-copy{
    display:none !important;
  }
  .site-header .brand-mark{
    width:clamp(210px, 22vw, 250px) !important;
  }
  .site-header .header-menu-toggle{
    display:inline-flex !important;
  }
  .site-header .header-nav-shell{
    display:none !important;
    grid-column:1 / -1 !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    padding:14px !important;
    border-radius:24px !important;
  }
  .site-header.is-menu-open .header-nav-shell{
    display:grid !important;
  }
  .site-header .header-nav-main{
    display:block !important;
    width:100% !important;
  }
  .site-header .primary-nav,
  .site-header .header-language-wrap{
    width:100% !important;
  }
  .site-header .primary-nav .trag-nav{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }
  .site-header .primary-nav .trag-nav > li{
    width:100% !important;
  }
  .site-header .primary-nav .trag-nav a{
    width:100% !important;
    justify-content:flex-start !important;
    min-height:48px !important;
    padding:12px 16px !important;
    font-size:12px !important;
    white-space:normal !important;
  }
  .site-header .header-language-wrap{
    justify-content:flex-start !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
  .site-header .header-language-wrap .language-pills-flags{
    justify-content:flex-start !important;
  }
}

@media (max-width: 760px){
  .site-header .brand-mark{
    width:190px !important;
  }
  .site-header .header-nav-shell{
    padding:12px !important;
  }
}


.site-header .brand-mark{
  width:clamp(236px, 19vw, 298px) !important;
}
@media (max-width: 1480px){
  .site-header .brand-mark{
    width:clamp(224px, 23vw, 262px) !important;
  }
}
@media (max-width: 980px){
  .site-header .brand-mark{
    width:204px !important;
  }
}
@media (max-width: 760px){
  .site-header .brand-mark{
    width:198px !important;
  }
}


.site-header .brand-mark img{filter:drop-shadow(0 8px 20px rgba(152,220,255,.14));}


.site-header .primary-nav .trag-nav > li > a{
  position:relative !important;
}
.site-header .primary-nav .trag-nav > li > a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:7px;
  height:1px;
  border-radius:999px;
  background:transparent;
  opacity:0;
  transform:scaleX(.58);
  transform-origin:center;
  transition:opacity .18s ease, transform .18s ease, background-color .18s ease;
  pointer-events:none;
  display:block !important;
}
.site-header .primary-nav .trag-nav > li.current-menu-item > a::after,
.site-header .primary-nav .trag-nav > li.current-menu-ancestor > a::after,
.site-header .primary-nav .trag-nav > li.current_page_item > a::after,
.site-header .primary-nav .trag-nav > li.current_page_ancestor > a::after{
  background:rgba(159,216,255,.96);
  opacity:1;
  transform:scaleX(1);
}
.site-header .primary-nav .trag-nav > li.menu-item-quick-search > a::after{
  display:none !important;
}


/* Automatski A4 poster i QR za nestale ljubimce */
.lost-tools-card{margin:22px 0 20px;padding:22px 22px 20px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:20px;align-items:center;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.lost-tools-card h2{margin:8px 0 10px;font-size:1.55rem;line-height:1.2}
.lost-tools-card p{margin:0;color:var(--muted);line-height:1.7}
.lost-tools-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lost-tools-qr-panel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}
.lost-tools-qr-box{width:112px;height:112px;border-radius:24px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.lost-tools-qr-box img{display:block;width:100%;height:100%;object-fit:contain}
.lost-tools-qr-meta{display:grid;gap:6px}
.lost-tools-qr-meta strong,.lost-tools-qr-placeholder strong{font-size:1rem;line-height:1.35;color:var(--text)}
.lost-tools-qr-meta span,.lost-tools-qr-placeholder span{color:var(--muted);line-height:1.65}
.lost-tools-qr-meta a{color:var(--accent);font-weight:600;text-decoration:none}
.lost-tools-qr-meta a:hover{text-decoration:underline}
.lost-tools-qr-placeholder{min-height:112px;border-radius:24px;border:1px dashed rgba(255,255,255,.16);padding:18px;display:grid;align-content:center;gap:6px;background:rgba(255,255,255,.025)}
.lost-tools-card-compact{margin:0;padding:16px 18px;grid-template-columns:1fr;gap:16px}
.dashboard-action-stack{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.dashboard-action-stack a{font-weight:600}
.dashboard-action-muted{color:var(--muted);font-size:.95rem}
@media (max-width:860px){.lost-tools-card{grid-template-columns:1fr}.lost-tools-qr-panel{grid-template-columns:1fr}.lost-tools-qr-box{width:112px;height:112px}}


/* Poster i QR otvaraju se u ugrađenom prozoru */
.lost-tools-modal[hidden]{display:none!important}
.lost-tools-modal{position:fixed;inset:0;z-index:9999;padding:24px;display:flex;align-items:center;justify-content:center}
.lost-tools-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.72);backdrop-filter:blur(6px)}
.lost-tools-modal-dialog{position:relative;z-index:1;width:min(1100px,100%);max-height:min(92vh,1100px);overflow:auto;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#0f1724;box-shadow:0 34px 90px rgba(0,0,0,.45);padding:22px}
.lost-tools-modal.is-fullscreen{padding:0}
.lost-tools-modal.is-fullscreen .lost-tools-modal-dialog{width:100%;max-width:none;max-height:100vh;height:100vh;border-radius:0;border:none;padding:18px 18px 28px;background:#0b0f14}
.lost-tools-modal.is-fullscreen .lost-tools-modal-content{padding-bottom:16px}
.lost-tools-modal.is-fullscreen .lost-poster-sheet{background:#fff;color:#101114;border-radius:24px;overflow:hidden}
.lost-poster-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:flex-start;padding:12px 16px 10px;background:#b11414 !important;background-image:linear-gradient(135deg,#b11414,#8b1010) !important;color:#fff !important}
.lost-poster-brand{min-width:0}
.lost-poster-top-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.lost-poster-site-logo-wrap{display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;border-radius:12px;background:#fff;box-shadow:0 10px 18px rgba(0,0,0,.14)}
.lost-poster-site-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
.lost-poster-brand-copy{display:block}
.lost-poster-brand-copy small{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.84;margin-bottom:6px}
.lost-poster-top h4{margin:0;font-size:1.92rem;line-height:1;letter-spacing:.03em;white-space:nowrap;font-weight:900}
.lost-poster-top p{margin:4px 0 0;font-size:.76rem;line-height:1.3;color:rgba(255,255,255,.92);max-width:460px}
.lost-poster-code{min-width:92px;padding:7px 8px;border-radius:14px;background:rgba(255,255,255,.14);text-align:left}
.lost-poster-code small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.84)}
.lost-poster-code strong{display:block;margin-top:3px;font-size:.9rem;line-height:1.05}
.lost-poster-body{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);height:100%;min-height:0;overflow:hidden;align-items:start}
.lost-poster-left,.lost-poster-right{padding:12px;overflow:hidden;min-height:0}
.lost-poster-right{border-left:1px solid #e5e7eb;background:#fcfcfd;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;overflow:hidden;min-height:0}
.lost-poster-photo{position:relative;min-height:198px;height:198px;border-radius:22px;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}
.lost-poster-photo img{display:block;width:100%;height:100%;object-fit:cover}
.lost-poster-photo-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;height:278px;padding:20px;color:#64748b}
.lost-poster-badge{position:absolute;left:14px;top:14px;display:inline-flex;padding:8px 12px;border-radius:999px;background:#b11414;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lost-poster-name{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:18px;background:rgba(0,0,0,.6);color:#fff;backdrop-filter:blur(6px)}
.lost-poster-name small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.lost-poster-name strong{display:block;margin-top:7px;font-size:1.95rem;line-height:1.02}
.lost-poster-meta-list{display:flex;flex-direction:column;gap:4px;margin-top:7px}
.lost-poster-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid #e5e7eb;background:#fafafa}
.lost-poster-meta-row small,.lost-poster-panel small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;flex:0 0 38%}
.lost-poster-meta-row strong,.lost-poster-panel strong{display:block;font-size:13px;line-height:1.28;color:#111827;flex:1;text-align:right}
.lost-poster-panel{margin-top:5px;padding:9px 11px;border-radius:15px;border:1px solid #e5e7eb;background:#fff}
.lost-poster-contact{margin-top:6px;padding:11px 13px;border-radius:16px;background:linear-gradient(135deg,#b11414,#8b1010);color:#fff;box-shadow:0 14px 28px rgba(177,20,20,.18)}
.lost-poster-contact small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.lost-poster-contact span{display:block;margin-top:5px;font-size:2.2rem;line-height:1.02;font-weight:900;color:#fff}
.lost-poster-story{padding:11px 12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;font-size:.84rem;line-height:1.34;color:#1f2937;min-height:0;height:auto;max-height:none;overflow:visible;margin-top:0}
.lost-poster-story-title{display:block;margin:0 0 7px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:700}
.lost-poster-header-qr{width:78px;min-height:78px;padding:4px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lost-poster-header-qr img{display:block;width:68px;height:68px;object-fit:contain}
.lost-poster-header-qr.is-placeholder{color:#94a3b8;font-size:12px;font-weight:700}
.
.
.
.
.lost-tools-qr-preview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.lost-tools-qr-preview-box{width:240px;height:240px;padding:14px;border-radius:28px;background:#fff;display:flex;align-items:center;justify-content:center}
.lost-tools-qr-preview-box img{display:block;width:100%;height:100%;object-fit:contain}
.lost-tools-qr-preview-copy h4{margin:0 0 10px;font-size:1.5rem}
.lost-tools-qr-preview-copy p{margin:0 0 16px;color:var(--muted);line-height:1.8}
body.lost-modal-open{overflow:hidden}
@media (max-width:980px){.lost-tools-modal{padding:12px}.lost-tools-modal-dialog{padding:16px;border-radius:24px}.lost-tools-modal.is-fullscreen{padding:0}.lost-tools-modal.is-fullscreen .lost-tools-modal-dialog{height:100vh;padding:12px 12px 24px;border-radius:0}.lost-poster-top{grid-template-columns:1fr}.lost-poster-top-side{align-items:flex-start}.lost-poster-body,.lost-tools-qr-preview{grid-template-columns:1fr}.lost-poster-right{border-left:0;border-top:1px solid #e5e7eb}.lost-poster-meta-row{flex-direction:column;align-items:flex-start}.lost-poster-meta-row strong{text-align:left}.lost-poster-photo,.lost-poster-photo-placeholder{min-height:260px;height:260px}.lost-tools-qr-preview-box{width:100%;height:auto;aspect-ratio:1/1}.lost-poster-site-logo{width:168px}.lost-poster-name strong{font-size:2rem}.lost-poster-contact span{font-size:2rem}.lost-poster-header-qr{width:78px;min-height:78px}}
@media print{body.lost-modal-printing *{visibility:hidden!important}body.lost-modal-printing .lost-tools-modal.is-open,body.lost-modal-printing .lost-tools-modal.is-open *{visibility:visible!important}body.lost-modal-printing .lost-tools-modal{position:absolute!important;inset:0!important;padding:0!important;background:#fff!important}body.lost-modal-printing .lost-tools-modal-backdrop,body.lost-modal-printing .lost-tools-modal-header,body.lost-modal-printing .lost-tools-modal-toolbar{display:none!important}body.lost-modal-printing .lost-tools-modal-dialog{width:210mm!important;max-width:210mm!important;height:297mm!important;max-height:none!important;overflow:hidden!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}body.lost-modal-printing .lost-tools-modal-content{display:block!important}body.lost-modal-printing .lost-tools-modal-panel{display:none!important}body.lost-modal-printing .lost-tools-modal-panel.is-active{display:block!important}body.lost-modal-printing .lost-poster-sheet{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;overflow:hidden!important;border-radius:0!important}body.lost-modal-printing .lost-poster-top{padding:12px 16px 12px!important;grid-template-columns:minmax(0,1fr) auto!important;background:#b11414 !important;background-image:linear-gradient(135deg,#b11414,#8b1010) !important;color:#fff !important}body.lost-modal-printing .lost-poster-site-logo{width:220px!important}body.lost-modal-printing .lost-poster-body{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important;align-items:start!important}body.lost-modal-printing .lost-poster-left,body.lost-modal-printing .lost-poster-right{padding:12px!important;overflow:hidden!important;min-height:0!important}body.lost-modal-printing .lost-poster-photo,body.lost-modal-printing .lost-poster-photo-placeholder{min-height:198px!important;height:198px!important}body.lost-modal-printing .lost-poster-name strong{font-size:1.95rem!important}body.lost-modal-printing .lost-poster-contact span{font-size:2.2rem!important}body.lost-modal-printing .lost-poster-story{min-height:0!important;height:100%!important;max-height:100%!important;margin-top:0!important}body.lost-modal-printing .lost-poster-header-qr{width:78px!important;min-height:78px!important}body.lost-modal-printing .lost-poster-header-qr img{width:68px!important;height:68px!important}}


.hero-sidecard{padding:20px}
.hero-preview-card{padding:18px}
.hero-sidecard .hero-preview-card:last-child{margin-bottom:0}
.hero-preview-body h2{font-size:32px}
.home-search-shell{margin-top:-16px;padding:0 0 6px}
@media (max-width:980px){.hero-sidecard{padding:18px}.hero-preview-card{padding:16px}.home-search-shell{margin-top:-8px}}


.home-lost-steps-section-tight { padding-top: 28px; }
@media (max-width: 980px) {
  .home-lost-steps-section-tight { padding-top: 20px; }
}


.home-lost-step-card h3{font-size:1.28rem;line-height:1.38}
.home-lost-step-card p{font-size:16.5px;line-height:1.78}
@media (max-width:640px){.home-lost-step-card h3{font-size:1.2rem}.home-lost-step-card p{font-size:15.6px;line-height:1.72}}

.home-lost-step-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022)),
    rgba(255,255,255,.03);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.home-lost-step-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, var(--step-accent, rgba(85,215,255,.88)), rgba(255,255,255,0));
  opacity:.95;
}
.home-lost-step-card::after{
  content:"";
  position:absolute;
  inset:-24% auto auto -10%;
  width:160px;
  height:160px;
  background:radial-gradient(circle, var(--step-glow, rgba(85,215,255,.10)), transparent 72%);
  pointer-events:none;
}
.home-lost-step-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--step-accent, #55d7ff) 42%, rgba(255,255,255,.08));
  box-shadow:0 18px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.home-lost-step-card h3{
  color:#f2f8ff;
}
.home-lost-step-index{
  position:relative;
  z-index:1;
  background:linear-gradient(180deg, color-mix(in srgb, var(--step-accent, #55d7ff) 20%, rgba(255,255,255,.06)), color-mix(in srgb, var(--step-accent, #55d7ff) 10%, rgba(255,255,255,.03)));
  border-color:color-mix(in srgb, var(--step-accent, #55d7ff) 38%, rgba(255,255,255,.14));
  color:#f5fbff;
  box-shadow:0 10px 20px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.10);
}
.home-lost-step-card:nth-child(1){--step-accent:#63dcff;--step-glow:rgba(99,220,255,.14)}
.home-lost-step-card:nth-child(2){--step-accent:#79e3d0;--step-glow:rgba(121,227,208,.13)}
.home-lost-step-card:nth-child(3){--step-accent:#ffcb74;--step-glow:rgba(255,203,116,.14)}
.home-lost-step-card:nth-child(4){--step-accent:#ff907c;--step-glow:rgba(255,144,124,.17)}
.home-lost-step-card:nth-child(4) h3{color:#fff0eb}
.home-lost-step-card:nth-child(4) .home-lost-step-index{
  background:linear-gradient(180deg, rgba(255,144,124,.26), rgba(255,144,124,.12));
  border-color:rgba(255,144,124,.34);
}
@supports not (color: color-mix(in srgb, white 50%, black)) {
  .home-lost-step-card:hover{border-color:rgba(255,255,255,.14)}
  .home-lost-step-index{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
}

.home-lost-steps-shell{
  position:relative;
  overflow:hidden;
  border-color:rgba(143,203,255,.18);
  background:
    radial-gradient(circle at top right, rgba(99,220,255,.11), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,144,124,.08), transparent 30%),
    linear-gradient(180deg, rgba(12,18,29,.97), rgba(15,24,37,.94));
  box-shadow:
    0 26px 68px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.015);
}
.home-lost-steps-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(99,220,255,.34), rgba(255,203,116,.18) 44%, rgba(255,144,124,.28) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.72;
}
.home-lost-steps-shell::after{
  content:"";
  position:absolute;
  inset:auto -8% -28% auto;
  width:360px;
  height:360px;
  background:radial-gradient(circle, rgba(99,220,255,.13), rgba(99,220,255,.03) 42%, transparent 74%);
  filter:blur(16px);
  pointer-events:none;
}
.home-lost-steps-top,
.home-lost-steps-grid,
.home-lost-steps-actions{position:relative;z-index:1}
.home-lost-steps-heading .section-kicker{
  color:#f2f8ff;
  text-shadow:0 0 18px rgba(99,220,255,.14);
}
.home-lost-steps-heading h2{
  text-wrap:balance;
}
.home-lost-steps-note .mini-pill{
  border-color:rgba(99,220,255,.22);
  background:linear-gradient(180deg, rgba(99,220,255,.10), rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.home-lost-steps-note .mini-pill-alt{
  border-color:rgba(255,203,116,.24);
  background:linear-gradient(180deg, rgba(255,203,116,.11), rgba(255,255,255,.03));
}
@media (max-width:980px){
  .home-lost-steps-shell::after{width:280px;height:280px;right:-12%;bottom:-26%}
}
@media (max-width:640px){
  .home-lost-steps-shell{
    background:
      radial-gradient(circle at top right, rgba(99,220,255,.09), transparent 34%),
      radial-gradient(circle at bottom left, rgba(255,144,124,.07), transparent 30%),
      linear-gradient(180deg, rgba(12,18,29,.97), rgba(15,24,37,.95));
  }
}


.directory-page-heading {
  max-width: 100%;
  margin-bottom: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.directory-page-heading h1 {
  margin: 0;
}

.directory-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.directory-filter-card {
  border-radius: 26px;
  border-color: rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.025));
  box-shadow: 0 18px 42px rgba(5, 12, 20, 0.24);
}

.directory-filter-card label > span {
  font-weight: 700;
  color: rgba(232,238,246,0.9);
}

.directory-filter-card input,
.directory-filter-card select {
  border-radius: 16px;
  border-color: rgba(255,255,255,0.1);
  background: rgba(9, 16, 24, 0.9);
}

.directory-filter-card .directory-filter-actions {
  margin-top: 6px;
}

.directory-results-toolbar {
  margin-top: 22px;
  margin-bottom: 18px;
  padding: 18px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));
}

.directory-results-title {
  color: var(--text);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.directory-results-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.directory-count-chip {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(115, 222, 255, 0.22);
  background: rgba(77, 191, 227, 0.12);
  color: #eafcff;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.result-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.result-filter-pill {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.04);
  color: #dbe7f5;
  font-size: 0.82rem;
  line-height: 1.2;
}

.directory-results-grid {
  gap: 18px;
}

.directory-results-grid .partner-card {
  border-radius: 24px;
  border-color: rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  box-shadow: 0 18px 42px rgba(5, 12, 20, 0.22);
}

.directory-results-grid .partner-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.directory-results-grid .partner-card-identity h3 {
  margin: 0 0 12px;
  font-size: clamp(26px, 2.2vw, 32px);
}

.directory-results-grid .partner-detail-grid {
  gap: 12px;
  margin-bottom: 8px;
}

.directory-results-grid .partner-detail-card {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.03);
}

.directory-results-grid .partner-card-description {
  margin-top: 10px;
  color: #dbe7f5;
  line-height: 1.72;
}

.directory-results-grid .result-card-actions {
  margin-top: 16px;
  gap: 10px;
}

@media (max-width: 980px) {
  .directory-page-heading {
    align-items: flex-start;
  }

  .directory-page-actions,
  .directory-page-actions .button {
    width: 100%;
  }

  .directory-results-toolbar,
  .directory-results-grid .partner-card-head {
    align-items: flex-start;
  }
}


.hero-preview-topline-clean{justify-content:flex-end}
.contact-project-copy h3{font-size:34px;line-height:1.1;margin-bottom:16px}
.contact-project-copy p{font-size:18px;line-height:1.8;margin:0 0 16px}
@media (max-width:980px){
  .contact-project-copy h3{font-size:28px}
  .contact-project-copy p{font-size:17px;line-height:1.75}
}

.section-heading h2 {
  font-size: clamp(30px, 3.4vw, 40px);
  line-height: 1.12;
}

.compact-section-heading h2,
.preview-section-title {
  font-size: clamp(26px, 2.8vw, 34px) !important;
  line-height: 1.14;
  letter-spacing: -0.02em;
}

.section-heading h3,
.contact-project-title {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
}

.section-heading p,
.hero-copy p,
.post-card p,
.preview-body p {
  max-width: 760px;
}

.preview-section-heading {
  margin-bottom: 18px;
  max-width: 640px;
}

.preview-live-card {
  gap: 18px;
  border-radius: 28px;
  border: 1px solid rgba(143,203,255,0.14);
  background:
    radial-gradient(circle at top right, rgba(85,215,255,0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.028));
  box-shadow: 0 26px 62px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.05);
}

.preview-live-card .preview-card-title {
  margin: 0 0 10px;
  font-size: clamp(28px, 2.8vw, 36px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.preview-live-card > p,
.preview-live-card .muted,
.preview-live-card .preview-meta-box span,
.preview-live-card .preview-meta-box strong {
  font-size: 16px;
  line-height: 1.72;
}

.preview-live-card .memory-live-photo-box {
  margin-bottom: 8px;
}

.preview-live-card .card-meta {
  align-self: flex-start;
}

.preview-live-card .meta-pills {
  margin: 8px 0 2px;
}

.preview-live-card .preview-meta-box {
  border-radius: 20px;
  border-color: rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
}

.card-grid,
.value-card-grid,
.directory-results-grid {
  align-items: stretch;
}

.card-grid > article,
.value-card-grid > article,
.directory-results-grid > article {
  height: 100%;
}

.memory-card,
.lost-card,
.adoption-card,
.partner-card,
.blog-card {
  height: 100%;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  box-shadow: 0 20px 48px rgba(0,0,0,0.20);
}

.premium-search-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(143,203,255,0.12);
  background: linear-gradient(180deg, rgba(12,18,29,.94), rgba(14,20,32,.92));
}

.premium-search-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(143,203,255,.02), rgba(143,203,255,.32), rgba(143,203,255,.02));
  pointer-events: none;
}

.memory-card:hover,
.lost-card:hover,
.adoption-card:hover,
.partner-card:hover,
.blog-card:hover {
  transform: translateY(-2px);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
  border-color: rgba(143,203,255,0.16);
}

.lost-card-head,
.partner-card-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

.lost-card-identity,
.partner-card-identity {
  display: grid;
  gap: 10px;
}

.lost-card-identity h3,
.partner-card-identity h3,
.support-partner-heading h3 {
  margin: 0 0 8px;
  font-size: clamp(26px, 2.2vw, 32px);
  line-height: 1.12;
}

.lost-card-meta-grid,
.partner-results-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px 18px;
  margin: 0 0 18px;
}

.lost-card-meta-grid p,
.partner-results-detail-grid p,
.adoption-card-meta-list p,
.memory-card-meta-list p {
  margin: 0;
}

.lost-card-description,
.partner-card-description,
.adoption-card p,
.blog-card p,
.memory-owner-text {
  color: #dbe7f5;
  line-height: 1.72;
}

.utility-actions,
.result-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.result-card-actions,
.partner-card .utility-actions,
.adoption-card .utility-actions {
  margin-top: auto;
}

.support-partner-topline {
  display: grid;
  grid-template-columns: 96px minmax(0,1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
}

.support-partner-logo {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 28px rgba(0,0,0,.16);
}

.support-partner-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.support-partner-logo-placeholder {
  padding: 10px;
  text-align: center;
  background: linear-gradient(180deg,rgba(85,215,255,.18),rgba(255,255,255,.04));
  color: #d7f6ff;
  font-weight: 700;
  line-height: 1.15;
  flex-direction: column;
  gap: 6px;
}

.support-partner-logo-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(3,20,29,.72);
  color: #d7f6ff;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .04em;
}

.support-partner-logo-label {
  font-size: 12px;
  opacity: .92;
}

.verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(85,215,255,.14);
  border: 1px solid rgba(85,215,255,.28);
  color: #d8f7ff;
  font-size: 12px;
  font-weight: 700;
  margin: 2px 0 0;
}

.contact-project-copy {
  max-width: 740px;
}

.contact-project-copy p {
  color: #dce8f5;
}

@media (max-width: 1100px) {
  .lost-card-meta-grid,
  .partner-results-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .preview-live-card {
    padding: 24px;
  }

  .lost-card-head,
  .partner-card-head,
  .support-partner-topline {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .preview-live-card .preview-card-title {
    font-size: 30px;
  }

  .support-partner-logo {
    width: 78px;
    height: 78px;
    border-radius: 20px;
  }

  .support-partner-logo-initials {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 17px;
  }
}


.home-lost-steps-top,
.sponsor-home-heading,
.trust-layer-heading {
  align-items: flex-end;
}

.hero-preview-title {
  margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.home-value-strip .section-heading,
.sponsor-home-heading,
.trust-layer-heading {
  margin-bottom: 22px;
}

.home-value-strip .section-heading p,
.sponsor-home-heading p,
.trust-layer-heading p {
  display: none;
}

.compact-info-card h3 {
  margin: 0 0 12px;
  font-size: clamp(28px, 2.6vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.compact-info-card p {
  max-width: 58ch;
}


.privacy-page-hero .trust-page-heading{
  max-width: 860px;
  margin: 0 auto;
}
.privacy-page-hero .trust-page-heading h1{
  margin-bottom: 14px;
}
.privacy-page-hero .trust-page-heading p{
  max-width: 820px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.8;
  color: #d4dfeb;
}
.privacy-page-section .trust-info-grid{
  gap: 18px;
}
.privacy-page-section .trust-info-card{
  padding: 30px;
  border-color: rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)),
    radial-gradient(circle at top right, rgba(85,215,255,.05), transparent 30%);
  box-shadow: 0 18px 38px rgba(0,0,0,.22);
}
.privacy-page-section .trust-info-card h2{
  margin-bottom: 10px;
}
.privacy-page-section .trust-cta-card-clean{
  margin-top: 26px;
  padding: 28px 30px;
}
.privacy-page-section .trust-cta-card-clean h2{
  margin: 0;
  max-width: 760px;
}
@media (max-width: 820px){
  .privacy-page-hero .trust-page-heading p{
    font-size: 16px;
  }
  .privacy-page-section .trust-info-card,
  .privacy-page-section .trust-cta-card-clean{
    padding: 24px;
  }
}


/* v353: Lokalni SEO blok - vidljiv, uredan i nenametljiv. */
.local-seo-section{padding-top:34px;padding-bottom:34px;}
.local-seo-card{padding:32px;border:1px solid rgba(85,215,255,.14);background:linear-gradient(180deg,rgba(11,17,26,.96),rgba(14,24,37,.92));}
.local-seo-heading{margin-bottom:20px;}
.local-seo-service-grid{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px;}
.local-seo-service-pill{background:rgba(85,215,255,.12);border:1px solid rgba(85,215,255,.25);color:#eafcff;}
.local-seo-city-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.local-seo-city-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#dfefff;text-decoration:none;font-size:14px;line-height:1.2;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.local-seo-city-pill:hover,.local-seo-city-pill:focus-visible{background:rgba(85,215,255,.13);border-color:rgba(85,215,255,.34);color:#ffffff;}
@media (max-width:700px){.local-seo-card{padding:24px}.local-seo-city-pill{font-size:13px;padding:8px 11px}}


/* v353: stabilniji gornji meni za više jezika */
.trag-nav,
.primary-nav .trag-nav {
    align-items: center;
}

.trag-nav a,
.primary-nav .trag-nav a {
    white-space: nowrap;
    line-height: 1.15;
}

@media (min-width: 1024px) {
    .trag-nav,
    .primary-nav .trag-nav {
        gap: clamp(0.28rem, 0.55vw, 0.72rem);
    }

    .trag-nav a,
    .primary-nav .trag-nav a {
        font-size: clamp(0.78rem, 0.78vw, 0.92rem);
        padding-inline: clamp(0.34rem, 0.58vw, 0.66rem);
    }
}

@media (max-width: 1180px) and (min-width: 1024px) {
    .site-title-header {
        font-size: clamp(1.1rem, 1.25vw, 1.35rem);
    }

    .site-tagline {
        font-size: 0.72rem;
    }
}


/* v353: international local SEO section */
.international-seo-section {
    position: relative;
}

.international-seo-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.international-seo-card {
    min-height: 168px;
}

.international-seo-card h3 {
    margin-bottom: 10px;
}

.international-seo-card p {
    margin: 0 0 12px;
    color: var(--text-soft);
}

.international-seo-card span {
    display: block;
    font-size: 0.85rem;
    color: var(--muted);
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .international-seo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .international-seo-grid {
        grid-template-columns: 1fr;
    }
}

/* v353: clearer Italian language marker */
.language-switcher a[hreflang="it"],
.language-switcher button[data-lang="it"],
.header-language-wrap [data-lang="it"] {
    font-size: 1.05rem;
    letter-spacing: 0;
}

/* v353: cleaner local support network headline */
.local-seo-section .section-heading h2,
.international-seo-section .section-heading h2 {
    max-width: 920px;
}
.local-seo-section .section-heading p,
.international-seo-section .section-heading p {
    max-width: 980px;
}

/* v353: show only active support cities on visible local network block */
.local-seo-active-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.local-seo-active-card h3 {
    margin: 8px 0;
}

.local-seo-active-card p {
    margin: 0;
    color: var(--text-soft);
}

/* Keep broad local SEO prepared in code/schema, but avoid cluttering the visible page. */
.local-seo-section .local-seo-grid,
.local-seo-section .local-seo-card-grid,
.local-seo-section .seo-city-grid {
    display: none;
}

@media (max-width: 920px) {
    .local-seo-active-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .local-seo-active-grid {
        grid-template-columns: 1fr;
    }
}

/* v353: visible network shows only active partner cities */
.local-seo-section .local-seo-active-grid {
    display: grid;
}
.local-seo-section .local-seo-grid,
.local-seo-section .local-seo-card-grid,
.local-seo-section .seo-city-grid,
.international-seo-section .international-seo-grid {
    display: none !important;
}

/* v353: compact active city chips */
.local-seo-section-compact {
    padding-top: clamp(28px, 4vw, 52px);
    padding-bottom: clamp(28px, 4vw, 52px);
}

.local-support-compact-card {
    padding: clamp(18px, 3vw, 30px);
}

.local-support-compact-card {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 1fr);
    gap: clamp(16px, 3vw, 30px);
    align-items: center;
}

.local-support-compact-copy h2 {
    margin-bottom: 10px;
}

.local-support-compact-copy p {
    margin: 0;
    color: var(--text-soft);
}

.local-support-city-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.local-support-city-chip {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 118px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    text-decoration: none;
    background: rgba(255,255,255,0.04);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.local-support-city-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(106, 213, 224, 0.5);
    background: rgba(106, 213, 224, 0.08);
}

.local-support-city-chip strong {
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.1;
}

.local-support-city-chip span {
    color: var(--text-soft);
    font-size: 0.76rem;
    line-height: 1.1;
}

.local-support-city-chip-more {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.local-support-compact-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    margin-top: -8px;
}

.local-support-empty {
    margin: 0;
}

@media (max-width: 900px) {
    .local-support-compact-card {
        grid-template-columns: 1fr;
    }

    .local-support-city-chips,
    .local-support-compact-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 520px) {
    .local-support-city-chip {
        min-width: calc(50% - 8px);
        border-radius: 18px;
    }
}

/* v353: international preparation stays in SEO background, not as public homepage block */
.international-seo-section {
    display: none !important;
}

/* v353: removed public homepage process/assurance block */
.home-assurance-section {
    display: none !important;
}

/* v353: local support block without explanatory public paragraph */
.local-support-compact-copy h2 {
    margin-bottom: 0;
}

/* v353: support network title no longer limited to local wording */
.local-seo-section .section-kicker {
    letter-spacing: 0.08em;
}

/* v353: support city block without secondary kicker */
.local-support-compact-copy h2 {
    margin-top: 0;
}

/* v353: memory gallery for additional photos */
.memory-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.memory-gallery-item {
    display: block;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,0.04);
}

.memory-gallery-item img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .22s ease;
}

.memory-gallery-item:hover img {
    transform: scale(1.03);
}

@media (max-width: 560px) {
    .memory-gallery {
        grid-template-columns: 1fr;
    }
}

/* v353: explicit approval-required note for public submissions */
.approval-required-note {
    margin: 18px 0;
}

/* v353: functional heart reactions */
.heart-reaction-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 13px;
    background: rgba(255,255,255,0.04);
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    line-height: 1;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.heart-reaction-button:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.2);
}

.heart-reaction-icon {
    font-size: 1rem;
}

.heart-reaction-count {
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.82rem;
}

.heart-reaction-button.is-loved .heart-reaction-icon {
    transform: scale(1.12);
}

.heart-reaction-button.is-loading {
    opacity: .7;
    pointer-events: none;
}

.heart-reaction-button.has-error {
    border-color: rgba(255, 100, 100, .65);
}

/* v353: connect existing memorial heart block to real counter */
.heart-memory-card .heart-reaction-button {
    margin-left: auto;
}
.heart-memory-card .heart-reaction-count {
    background: transparent;
    min-width: auto;
    height: auto;
    padding: 0;
    font-size: inherit;
}

/* v353: image zoom / lightbox for memories */
.memory-lightbox-enabled,
.memory-card img,
.memory-gallery img,
.single-hero-image img,
.memorial-post-card img {
    cursor: zoom-in;
}

.memory-lightbox-open {
    overflow: hidden;
}

.memory-lightbox-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(18px, 4vw, 48px);
    background: rgba(5, 8, 12, 0.92);
    backdrop-filter: blur(10px);
}

.memory-lightbox-overlay.is-open {
    display: flex;
}

.memory-lightbox-figure {
    position: relative;
    margin: 0;
    max-width: min(94vw, 1180px);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.memory-lightbox-image {
    display: block;
    max-width: 100%;
    max-height: 82vh;
    object-fit: contain;
    border-radius: 22px;
    box-shadow: 0 28px 80px rgba(0,0,0,0.55);
    background: rgba(255,255,255,0.04);
}

.memory-lightbox-caption {
    color: rgba(232,238,246,0.78);
    font-size: 0.92rem;
    text-align: center;
}

.memory-lightbox-close,
.memory-lightbox-nav {
    position: fixed;
    z-index: 100000;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.08);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(0,0,0,0.35);
    transition: transform .18s ease, background .18s ease;
}

.memory-lightbox-close:hover,
.memory-lightbox-nav:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.14);
}

.memory-lightbox-close {
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    font-size: 30px;
    line-height: 1;
}

.memory-lightbox-nav {
    top: 50%;
    width: 48px;
    height: 58px;
    border-radius: 18px;
    font-size: 42px;
    line-height: 1;
    transform: translateY(-50%);
}

.memory-lightbox-prev {
    left: 18px;
}

.memory-lightbox-next {
    right: 18px;
}

.memory-lightbox-nav:hover {
    transform: translateY(-50%) translateY(-1px);
}

@media (max-width: 680px) {
    .memory-lightbox-overlay {
        padding: 14px;
    }

    .memory-lightbox-image {
        max-height: 76vh;
        border-radius: 16px;
    }

    .memory-lightbox-close {
        top: 12px;
        right: 12px;
    }

    .memory-lightbox-nav {
        width: 40px;
        height: 50px;
        font-size: 34px;
    }

    .memory-lightbox-prev {
        left: 10px;
    }

    .memory-lightbox-next {
        right: 10px;
    }
}

/* v378 professional blog archive counters and layout */
.blog-pro-section .card{overflow:hidden;}
.blog-pro-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:24px;}
.blog-pro-hero h1{margin:8px 0 12px;}
.blog-pro-hero p{margin:0;max-width:860px;line-height:1.65;}
.blog-pro-topics-card,.blog-pro-search-card,.blog-pro-submit-section{margin-bottom:24px;}
.blog-pro-topic-pills{display:flex;flex-wrap:wrap;gap:10px;}
.blog-pro-topic-pills .mini-pill{gap:8px;text-decoration:none;color:inherit;align-items:center;}
.blog-pro-topic-pills .mini-pill span{line-height:1.2;}
.blog-pro-topic-pills .mini-pill strong,.blog-pro-topic-pills .blog-topic-count{font-size:.78rem;min-width:22px;text-align:center;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.09);font-weight:800;line-height:1.25;}
.blog-pro-topic-pills .mini-pill.is-active{border-color:rgba(125,227,255,.65);background:rgba(125,227,255,.13);}
.blog-pro-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;}
.blog-pro-search-form label{display:grid;gap:6px;margin:0;}
.blog-pro-grid{margin-top:12px;}
.blog-pro-card{display:flex;flex-direction:column;gap:10px;}
.blog-pro-card h3{margin:0;}
.blog-pro-card h3 a{text-decoration:none;color:inherit;}
.blog-pro-card p{margin:0;line-height:1.6;}
.blog-pro-card .button{margin-top:auto;align-self:flex-start;}
.blog-pro-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.blog-pro-mini-details{display:grid;gap:6px;margin-top:2px;font-size:.9rem;}
.blog-pro-single-card{max-width:920px;margin:0 auto;}
.blog-pro-single-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.blog-pro-single-card h1{margin-top:0;}
.blog-pro-content{margin-top:20px;}
.blog-pro-single-actions{margin-top:24px;}
.blog-pro-submit-form{padding:0;background:transparent;border:0;box-shadow:none;}
@media (max-width:860px){.blog-pro-hero{grid-template-columns:1fr;}.blog-pro-search-form{grid-template-columns:1fr;}.blog-pro-search-form .button{width:100%;justify-content:center;}}


/* v409 — adoption QR phase 1 visible directly on each adoption card */
.adoption-card-qr{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 6px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}
.adoption-card-qr-image{width:104px;height:104px;padding:8px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.adoption-card-qr-image img{display:block;width:100%;height:100%;object-fit:contain}
.adoption-card-qr-copy{display:grid;gap:7px;align-content:center}
.adoption-card-qr-copy strong{font-size:1rem;line-height:1.3;color:var(--text)}
.adoption-card-qr-copy span{color:var(--muted);line-height:1.55;font-size:.92rem}
.adoption-card-qr-link{width:max-content;max-width:100%;margin-top:2px}
.adoption-qr-pet-name{margin-top:10px!important}
@media (max-width:560px){.adoption-card-qr{grid-template-columns:1fr}.adoption-card-qr-image{width:132px;height:132px}.adoption-card-qr-link{width:100%}}


/* v428: discreet official Facebook and Instagram links in the footer */
.footer-bottom-bar{
  gap:12px;
}
.footer-social-links{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex:0 0 auto;
}
.footer-social-link{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#dcecff;
  box-shadow:0 8px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}
.footer-social-link:hover,
.footer-social-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(85,155,255,.42);
  background:rgba(24,119,242,.16);
  color:#fff;
  box-shadow:0 12px 26px rgba(0,0,0,.22), 0 0 0 3px rgba(24,119,242,.10);
  outline:none;
}
.footer-instagram-link:hover,
.footer-instagram-link:focus-visible{
  border-color:rgba(225,48,108,.42);
  background:linear-gradient(135deg,rgba(131,58,180,.16),rgba(225,48,108,.16),rgba(252,175,69,.14));
  box-shadow:0 12px 26px rgba(0,0,0,.22), 0 0 0 3px rgba(225,48,108,.09);
}
.footer-social-link:active{
  transform:translateY(0);
}
.footer-social-icon{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
@media (max-width:760px){
  .footer-bottom-bar{
    justify-content:center;
  }
}


/* v429: homepage missing-pet CTA simplified and reduced */
.home-lost-cta-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:30px 32px;
}
.home-lost-cta-copy,
.home-lost-cta-action{position:relative;z-index:1}
.home-lost-cta-badge{margin-bottom:14px}
.home-lost-cta-copy h2{margin:0 0 12px;text-wrap:balance}
.home-lost-cta-copy p{max-width:820px;margin:0;color:var(--muted);line-height:1.76}
.home-lost-cta-note{
  margin-top:12px!important;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:15px;
  color:rgba(215,230,244,.84)!important;
}
.home-lost-cta-action{display:flex;justify-content:flex-end;align-items:center}
.home-lost-cta-action .button{white-space:nowrap}
@media (max-width:980px){
  .home-lost-cta-shell{grid-template-columns:1fr;gap:18px;padding:24px}
  .home-lost-cta-action{justify-content:flex-start}
}
@media (max-width:640px){
  .home-lost-cta-action .button{width:100%;justify-content:center;text-align:center;white-space:normal}
  .home-lost-cta-note{font-size:14.6px}
}

/* v430: Homepage premium preview must never show the memory story text.
   The main stylesheet is assets/css/theme.css, so this guard belongs here,
   not only in WordPress header style.css. */
.hero-preview-body .premium-memory-text-block,
.hero-preview-card .premium-memory-text-block,
.hero-sidecard .premium-memory-text-block,
.hero-preview-body .memory-owner-text,
.hero-preview-card .memory-owner-text,
.hero-sidecard .memory-owner-text {
  display: none !important;
}

/* v444: Lost-pet search duration and older-report lifecycle labels */
.lost-lifecycle-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:#e5e7eb;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  margin:0 8px 10px 0;
}
.lost-lifecycle-badge-older{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.26);color:#fde68a}
.lost-lifecycle-badge-active_confirmed{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.26);color:#bbf7d0}
.lost-search-duration-pill{background:rgba(85,215,255,.13);border-color:rgba(85,215,255,.28);color:#d7f6ff}
.lost-lifecycle-older{border-color:rgba(251,191,36,.18);background:linear-gradient(180deg,rgba(251,191,36,.055),rgba(255,255,255,.025))}
.lost-results-section-heading{
  grid-column:1/-1;
  margin:18px 0 2px;
  padding:16px 18px;
  border:1px solid rgba(251,191,36,.20);
  background:rgba(251,191,36,.07);
  border-radius:20px;
  color:#fde68a;
}
.lost-results-section-heading span{display:block;font-weight:900;letter-spacing:.01em}
.lost-results-section-heading small{display:block;margin-top:4px;color:rgba(254,243,199,.82);line-height:1.45}
.result-card-side-subnote{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}


/* v480 — Saradnja: aktivni CSS za potpuno usklađene male banere saradnika */
.page-template-page-saradnja .tl-partner-mini-banners,
.tl-partner-mini-banners{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:82px !important;
  gap:10px !important;
  align-items:stretch !important;
  margin:16px 0 0 !important;
  padding:0 !important;
}
.page-template-page-saradnja .tl-partner-mini-banner,
.tl-partner-mini-banner{
  position:relative !important;
  display:block !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  border:1px solid rgba(203,213,225,.22) !important;
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(17,33,45,.92)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
  box-sizing:border-box !important;
  isolation:isolate !important;
}
.page-template-page-saradnja .tl-partner-mini-banner::before,
.tl-partner-mini-banner::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:4px !important;
  background:linear-gradient(180deg,#67e8f9,#22c55e) !important;
  opacity:.88 !important;
  z-index:1 !important;
}
.page-template-page-saradnja .tl-partner-mini-banner:hover,
.tl-partner-mini-banner:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(103,232,249,.52) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.26) !important;
}
.page-template-page-saradnja .tl-partner-mini-link,
.tl-partner-mini-link{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) 92px !important;
  grid-template-rows:24px 22px 20px !important;
  grid-template-areas:
    "visual copy badge"
    "visual copy action"
    "visual copy action" !important;
  column-gap:10px !important;
  row-gap:0 !important;
  align-items:center !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  width:100% !important;
  padding:9px 10px 9px 14px !important;
  color:inherit !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.page-template-page-saradnja .tl-partner-mini-visual,
.tl-partner-mini-visual{
  grid-area:visual !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.075) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.page-template-page-saradnja .tl-partner-mini-visual img,
.tl-partner-mini-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  max-width:none !important;
  max-height:none !important;
}
.page-template-page-saradnja .tl-partner-mini-initials,
.tl-partner-mini-initials{
  font-size:1rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#a5f3fc !important;
  letter-spacing:.02em !important;
}
.page-template-page-saradnja .tl-partner-mini-copy,
.tl-partner-mini-copy{
  grid-area:copy !important;
  min-width:0 !important;
  max-width:100% !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.page-template-page-saradnja .tl-partner-mini-copy h3,
.tl-partner-mini-copy h3{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
  color:#fff !important;
  font-size:.88rem !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.page-template-page-saradnja .tl-partner-mini-copy p,
.tl-partner-mini-copy p{
  display:block !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  max-width:100% !important;
  color:rgba(226,232,240,.78) !important;
  font-size:.68rem !important;
  line-height:1.10 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.page-template-page-saradnja .tl-partner-mini-copy small,
.tl-partner-mini-copy small{
  display:block !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  max-width:100% !important;
  color:rgba(203,213,225,.62) !important;
  font-size:.61rem !important;
  line-height:1.10 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.page-template-page-saradnja .tl-partner-mini-badge,
.tl-partner-mini-badge{
  grid-area:badge !important;
  justify-self:end !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  height:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  border:1px solid rgba(103,232,249,.22) !important;
  background:rgba(103,232,249,.10) !important;
  color:#d9fbff !important;
  font-size:.49rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
.page-template-page-saradnja .tl-partner-mini-action,
.tl-partner-mini-action{
  grid-area:action !important;
  justify-self:end !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  border:1px solid rgba(103,232,249,.30) !important;
  background:rgba(103,232,249,.12) !important;
  color:#bff7ff !important;
  font-size:.56rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
.page-template-page-saradnja .tl-partner-mini-link:hover .tl-partner-mini-action,
.tl-partner-mini-link:hover .tl-partner-mini-action{
  border-color:rgba(167,243,208,.38) !important;
  background:rgba(167,243,208,.15) !important;
  color:#d6ffe9 !important;
}
@media(max-width:1180px){
  .page-template-page-saradnja .tl-partner-mini-banners,
  .tl-partner-mini-banners{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .page-template-page-saradnja .tl-partner-mini-banners,
  .tl-partner-mini-banners{grid-template-columns:1fr !important;grid-auto-rows:80px !important;gap:9px !important;}
  .page-template-page-saradnja .tl-partner-mini-banner,
  .tl-partner-mini-banner{height:80px !important;min-height:80px !important;max-height:80px !important;}
  .page-template-page-saradnja .tl-partner-mini-link,
  .tl-partner-mini-link{height:80px !important;min-height:80px !important;max-height:80px !important;grid-template-columns:50px minmax(0,1fr) 86px !important;padding:9px 9px 9px 13px !important;}
  .page-template-page-saradnja .tl-partner-mini-visual,
  .tl-partner-mini-visual{width:50px !important;height:50px !important;min-width:50px !important;max-width:50px !important;min-height:50px !important;max-height:50px !important;}
}


/* v481 — profesionalno zategnute kartice na strani Nađi podršku */
.support-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.support-results-grid .support-result-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 462px;
  max-height: 462px;
  padding: 18px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(143,203,255,.14);
  background:
    linear-gradient(90deg, rgba(85,215,255,.22) 0 3px, transparent 3px),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  box-shadow: 0 18px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045);
}

.support-results-grid .support-result-card:hover {
  transform: translateY(-2px);
  border-color: rgba(143,203,255,.25);
  background:
    linear-gradient(90deg, rgba(85,215,255,.30) 0 3px, transparent 3px),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.032));
}

.support-result-card > .card-meta {
  align-self: flex-start;
  max-width: 100%;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .78rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-result-card .support-partner-topline {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 70px;
  gap: 12px;
  align-items: center;
  min-height: 82px;
  margin: 12px 0 10px;
}

.support-result-card .support-partner-logo {
  width: 74px;
  height: 74px;
  border-radius: 18px;
  border-color: rgba(255,255,255,.11);
  box-shadow: 0 12px 24px rgba(0,0,0,.16);
}

.support-result-card .support-partner-logo img {
  object-fit: cover;
}

.support-result-card .support-partner-logo-initials {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  font-size: 16px;
}

.support-result-card .support-partner-logo-label {
  font-size: 10px;
  line-height: 1.15;
}

.support-result-card .support-partner-heading {
  min-width: 0;
}

.support-result-card .support-partner-heading h3 {
  margin: 0 0 6px;
  font-size: 1.18rem;
  line-height: 1.16;
  letter-spacing: -.015em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.support-result-card .support-partner-heading .muted {
  margin: 4px 0 0;
  font-size: .86rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-result-card .verified-badge {
  padding: 5px 8px;
  font-size: .68rem;
  line-height: 1.1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-result-card .partner-card-qr-wrap {
  width: 70px;
  min-width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  text-decoration: none;
}

.support-result-card .partner-card-qr-image {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 10px;
  background: #fff;
}

.support-result-card .partner-card-qr-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.support-result-card .partner-card-qr-label {
  max-width: 58px;
  color: #d7f6ff;
  font-size: 9px;
  line-height: 1.05;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.support-result-card .support-partner-quick-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-height: 72px;
  overflow: hidden;
  margin: 8px 0 10px;
  padding-top: 2px;
}

.support-result-card .support-partner-quick-meta .mini-pill {
  max-width: 100%;
  min-height: 28px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: .76rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-result-card .support-partner-quick-meta .support-partner-id {
  padding: 6px 9px;
  font-size: .74rem;
  box-shadow: none;
}

.support-result-card .support-partner-description {
  min-height: 3.9em;
  max-height: 3.9em;
  margin: 8px 0 14px;
  color: #dbe7f5;
  font-size: .92rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.support-result-card .support-partner-actions {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.support-result-card .support-partner-actions .button {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 14px;
  font-size: .82rem;
  line-height: 1.12;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .support-results-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}

@media (max-width: 640px) {
  .support-results-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .support-results-grid .support-result-card {
    max-height: none;
    min-height: 0;
    padding: 16px;
  }

  .support-result-card .support-partner-topline {
    grid-template-columns: 64px minmax(0,1fr);
    min-height: 70px;
  }

  .support-result-card .support-partner-logo {
    width: 64px;
    height: 64px;
    border-radius: 16px;
  }

  .support-result-card .partner-card-qr-wrap {
    display: none;
  }

  .support-result-card .support-partner-actions {
    grid-template-columns: 1fr;
  }
}


/* v482 — pronađeni ljubimci: fotografija + opcioni video u formi i prikaz videa na pojedinačnoj prijavi */
.found-media-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.found-media-upload-grid .upload-card{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:flex-start}
.found-video-placeholder-box{display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(14,165,233,.06);border:1px dashed rgba(125,211,252,.48)}
.found-video-upload-card input[type="file"]{margin-top:10px}
.found-pet-video-box{margin:16px 0 18px;padding:14px;border:1px solid rgba(125,211,252,.22);border-radius:18px;background:rgba(255,255,255,.035)}
.found-pet-video-box summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer}
.found-pet-video-box summary::-webkit-details-marker{display:none}
.found-pet-video-note{margin:12px 0 10px}
.found-pet-video-player{display:block;width:100%;max-height:520px;border-radius:18px;background:#020617;border:1px solid rgba(255,255,255,.12)}
@media (max-width: 760px){.found-media-upload-grid{grid-template-columns:1fr}.found-media-upload-grid .upload-card{min-height:0}}